@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');

html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0;}
body{font-family: 'Montserrat', sans-serif;color:#000;}
wrapper{display:block;width:1200px;position:relative;margin:0 auto;}
*{box-sizing:border-box;}
a{text-decoration:none;}
a:hover{color: #CB0000;}
.left{float:left;}
.right{float:right;}
.none, .hide{display:none;}
.show{display:block;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;color: #111;}
t {display:table;height:100%;width: 100%;}
tc {display:table-cell;height:100%;vertical-align:middle;width: 100%;}

.fade{
	-webkit-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	   -moz-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
		 -o-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
			transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
	
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
		 -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 
			transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */		
}


header#header{width: 1200px;height: 100px;position: relative;z-index: 9009;background: #fff;margin: auto;top: 30px;box-shadow: 0 0 50px rgba(0,0,0,.4);}

header#header div#logo{float:left;background: #fff;}
header#header div#logo a{display:block; padding: 20px;}
header#header div#logo img{height: 60px;}

header#header nav#menu{text-transform:uppercase;font-size: 18px;line-height: 100px;float: right;font-family: 'Roboto Condensed', sans-serif;}
header#header nav#menu ul{float:right;list-style:none;margin:0;padding:0;}
header#header nav#menu li{float:left;font-weight: 500;position:relative;}
header#header nav#menu li a{color: #555;display:block;padding: 0 20px;}
header#header nav#menu li a:hover{color: #CB0000;}
header#header nav#menu li.selected a{color: #CB0000;}
header#header nav#menu li ul.headerSubmenu{display:none;position:absolute;background:#4CA5FF;width:220px;padding:10px;}
header#header nav#menu li ul.headerSubmenu li{float:none;font-weight:300;text-shadow:none;}
header#header nav#menu li ul.headerSubmenu li a{font-size:12px;padding:5px 0 5px 10px;}

header#header.fixed{width:100%;position:fixed;top: 0;}
header#header.fixed div#logo{box-shadow: none; text-align: left; width: 150px;}
header#header.fixed div#logo img{height: 50px;}
header#header.fixed div#top {display:none;}

section#slider{width:100%;height:100%;position: absolute;top:0;left:0;}
section#slider .slideTitle{white-space:inherit;width:600px;color:#fff;top: 35% !important;left:50% !important;margin:100px 0 0 -300px;}
section#slider .slideTitle h1{font-weight: 200; color:#fff; font-size: 26px; text-align: center;}
section#slider .slideTitle h1 span{border:1px solid #fff;background:rgba(255,255,255,.1);padding:20px;text-transform:uppercase;font-size: 42px;font-weight: 500;}

section#subSlider{width:100%;height:400px;position: absolute;top:0;left:0;z-index: 8;}


section#subPage{position: relative;z-index: 9;background: #fff;min-height: 600px;width: 1200px;margin: auto;top: 200px;box-shadow: 0 0 50px rgba(0,0,0,.4);padding-bottom: 100px;overflow: hidden;}
section#subPage #subpageContent{}
section#subPage #subpageContent h1{text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #CB0000;font-size: 36px;margin: 0;font-weight: 600;padding: 40px 0;}
section#subPage #subpageContent h1:after{content:""; width:100px; height:4px; background:#cb0000; margin:10px auto; display:block;}
section#subPage #subpageContent div.content{padding: 0 40px 40px 40px; text-align: justify; font-size: 14px; line-height: 26px;}


.logotype {width: 100%;height:100%;background: url(/images/logotype.png) no-repeat;position:absolute;background-size: 100% auto;top: -40%;left: 0;z-index: 99;}

.contact .left {width:40%;}
.contact .right {width:40%;}

#contactForm label{display:block;font-size:16px;margin:15px 0 3px;}
#contactForm input{border:1px solid #ccc;width:350px;padding:10px;}
#contactForm textarea{border:1px solid #ccc;width:350px;margin-bottom:15px;padding:10px;}


footer#footer {width:100%;overflow: hidden;background: #CB0000;text-align: center;height: 60px;line-height: 60px;font-size: 12px;color: #fff;letter-spacing: 2px;}
footer#footer span{}
footer#footer div{float:left; width:25%;text-align:left;}
footer#footer div ul {margin:0; padding:0; list-style:none;}
footer#footer div ul h3{font-size:14px;text-transform: uppercase;}
footer#footer div ul li{font-size:12px;text-transform: uppercase;}
footer#footer div ul li a{color:#333; text-decoration:none; padding:3px 0; display:block; }
footer#footer div ul li a:hover{color: #CB0000;}
footer#footer div ul p{font-size:12px; color:#333;}
footer#footer div ul p a {font-size:12px; color:#F1AD2D; padding:3px 0; }
footer#footer div ul p a:hover{color: #CB0000;}


.fancybox-lock .fancybox-overlay {z-index: 99999;}
div.list {padding:0 40px;}
div.list ul{margin:0; padding:0; list-style:none;}
div.list ul li{float:left; width:32%; margin:0.6%;}
div.list ul li a{display:none; border:1px solid #ccc;}
div.list ul li a:first-child{display:block;}
div.list ul li a img {width:100%;}
div.list ul li a h3 {font-size: 14px;padding: 20px;font-weight: 700;text-transform: uppercase;background: #c00;margin: 0;color: #fff;}
div.list ul li a:hover h3 {background: #000;color: #fff;}



header#mobileHeader{width:100%;height:60px;position:fixed;top:0;z-index:10000;display:none;background:#fff;}
header#mobileHeader a#mobileLogo{display:block;float:left;padding: 12px 10px;}
header#mobileHeader a#mobileLogo img{height: 36px;}
header#mobileHeader a#mobileMenuBtn{float:right;display:block;padding:18px 12px;}
header#mobileHeader a#mobileMenuBtn img{height:24px;}
footer#mobileFooter{width:100%;display:none;}
nav#mobileMenu{display:none;position:fixed;top:61px;background:#fff;z-index:9999;width:100%;text-align:center;}
nav#mobileMenu ul{list-style:none;margin:0;padding:0;}
nav#mobileMenu li{font-weight:700;text-transform:uppercase;}
nav#mobileMenu li a{color:#CB0000;display:block;padding:10px;}
nav#mobileMenu li ul li{font-weight:300;text-transform:none;font-size:14px;}
nav#mobileMenu ul li ul{display:none;border-bottom:1px solid #ddd;}



@media screen and (max-width:1024px) { 
header#header,footer#footer{display:none;}
header#mobileHeader{display:block;}
section#subPage {width: 90%; top: 350px;}

.contact .left {width:100%;}
.contact .right {width:100%;}

}
@media screen and (max-width:768px) { 

}
@media screen and (max-width:640px) { 

}
@media screen and (max-width:480px) { 
section#subSlider{height:200px;}
section#subPage {top: 150px;}
div.list ul li{float:left; width:100%; margin:0.6% 0;}
#contactForm input {width:100%;}
#contactForm textarea {width:100%;}
}