/* NORMALIZACJA */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,ins,kbd,q,samp,small,strike,strong,sub,sup,
tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline
}

*,*:before,*:after{
	box-sizing:inherit;
}
html{
	font-size:62.5%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
article,aside,details,figcaption,figure,footer,header,nav,section{
	display:block;
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 100%;
}
ol,ul{
	list-style:none;
}
table{
	border-collapse:separate;
	border-spacing:0;
}
caption,th,td{
	font-weight:normal;
	text-align:left;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:"";
}
blockquote, q{
	quotes:"" "";
}
a{
	text-decoration: inherit;
	color: #000;
}
a:focus{
	outline:thin dotted;
}
a:hover {
	cursor: pointer;
}
a:hover,a:active{
	outline:0;
	transition: opacity 0.5s ease;
	transition: background 0.5s ease;
	transition: background-color 0.5s ease;
}
a img{
	border:0;
}

/* FONTY */

body,button,input,select,textarea{
	color: black;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.15;
}
body select {
	font-size: 14px;
	font-size: 1.4rem;
}
h1 {
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
}
h2{
	font-weight: 300;
	font-size: 45px;
	font-size: 4.5rem;
}
h3{
	font-family: 'Roboto', serif;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 8px;
}
h4{
	font-size:20px;
	font-size:2rem;
	margin-bottom: 7px;
}
h5 {
	font-weight: 300;
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}
strong {
	font-weight: 600;
}


.wrapper { width: 1120px; margin: 0 auto; position: relative; }

/**** HEADER  ****/

.site-header { position: relative; padding: 35px 0 30px; border-top: 3px solid #e9e8e9; }
.site-header .branding { float: left; }
.site-header .branding h1 span { font-weight: 500; color: #a30757; }
.site-header .header-contact { float: right; }
.site-header .languages { display: block; position: absolute; top: -35px; right: 0; background-color: #e9e8e9; padding: 5px 7px 7px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.site-header .languages a img { display: block; }
.site-header .languages a { float: right; margin: 0 2px; }
.site-header .languages:after, .site-header .languages:before { content: ""; position: absolute; display: block; height: 11px; width: 11px; background-size: 11px 11px; background-repeat: repeat; top: 0px; }
.site-header .languages:before { background-image: radial-gradient(circle at 0px 100% , rgba(204, 0, 0, 0) 11px, #e9e8e9 12px); background-position: left bottom; left: -11px; }
.site-header .languages:after { content: ""; background-image: radial-gradient(circle at 100% 100% , rgba(204, 0, 0, 0) 11px, #e9e8e9 12px); right: -11px; background-position: right bottom; }
.site-header .header-contact { padding-top: 8px; }
.site-header .header-contact a { margin-left: 40px; position: relative; vertical-align: middle; }
.site-header .header-contact a:before { position: absolute; left: -24px; top: 0; }
.site-header .header-contact a.phone-number:before { content: url(images/phone-icon.png); }
.site-header .header-contact a.e-mail:before { content: url(images/mail-icon.png); left: -26px;}
.site-header .header-contact a.e-mail:hover { text-decoration: underline; }


/****  NAVIGATION  ****/

.site-navigation { background-color: #010101; border-top: 4px solid #a91971; }
.site-navigation ul { font-size: 0; text-align: justify; text-justify: distribute; }
.site-navigation ul:after { content: ""; display: inline-block; height: 0; width: 100%; }
.site-navigation ul li { display: inline-block; }
.site-navigation ul li:last-child { margin-right: 0; }
.site-navigation ul li a { padding: 25px 32px;  font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 300; display: block; -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
        transition: all .4s ease;}
.site-navigation ul li a:hover { background-color: #A91971; }
.site-navigation ul li a.active { background-color: #A91971; }


/****  FOOTER  ****/

.site-footer.site-footer-homepage { background-color: #a91971; color: #fff; }
.site-footer { background-color: #dcdbdb; color: #959595; font-weight: 300; font-size: 13px; padding: 25px 0 23px;}
.site-footer .rights-reserved { float: left; }
.site-footer .rights-reserved span { vertical-align: middle; }
.site-footer .kreacja { float: right; }
.site-footer .kreacja img { vertical-align: middle; }
.site-footer .kreacja span { margin-right: 7px; vertical-align: middle; }



/****  CONTENT HOMEPAGE ****/

.content.homepage-content { background: url(images/homepage-bg.jpg) no-repeat top center; background-size: 100% 100%; }
.content.homepage-content .content-inner { float: left; width: 55%; padding: 75px 0; }
.content.homepage-content .content-inner p { padding-right: 35px; }
.content.homepage-content .content-inner > span { color: #000; font-size: 20px; display: block; margin-bottom: 20px;}
.content.homepage-content .content-inner h2 { margin-bottom: 40px; }
.content.homepage-content .content-inner h2 span { color: #A30757; }
.content.homepage-content .homepage-image { width: 29%; text-align: center; padding-top: 30px; position: absolute; bottom: 0; right: 50px; }
.content.homepage-content .homepage-image img { width: 95%; display: block; text-align: center; }


/****  CONTENT SUBPAGES ****/

.content { font-weight: 300; }
.content p { color: #747474; margin-bottom: 25px; line-height: 1.6; }
.content .content-inner { padding: 50px 0; width: 70%; }
.content .content-inner h2 { font-size: 42px; color: #2d2d2d; margin-bottom: 40px; }
.content .quotation { padding: 35px 0; min-height: 70px; text-align: center; background: url(images/homepage-bg.jpg); }
.content .content-inner.content-contact-inner span { display: block; }
.content .content-inner.content-contact-inner { float: left; }
.content .contact-form { padding: 50px 0; float: right; width: 30%; }
.content .contact-form input,
.content .contact-form textarea { width: 100%; margin-bottom: 10px; border: 1px solid #999999; border-radius:7px; padding: 10px; }
.content .contact-form input:hover,
.content .contact-form textarea:hover { border-color: #A91971; }
.content .contact-form input:focus,
.content .contact-form textarea:focus,
.content .contact-form input:active,
.content .contact-form textarea:active { box-shadow: 0 0 3px #A91971 inset; border-color: #A91971; }
.content .contact-form span.error { margin-bottom: 5px; padding: 3px 5px; display: block; border: 1px solid #EC5CB4; color: #E70000; }
.content .contact-form button[type="submit"] { width: 35%; background-color: #A91971; color: #fff; text-transform: uppercase; border: none; padding: 10px; border-radius: 7px; }
.content .contact-form button[type="submit"]:hover { opacity: 0.9; cursor: pointer; }