@charset "utf-8";

.wrapper{ margin:0; padding:0; position:absolute; top:0; left:0; bottom:0; right:0;}
.main{ padding-top:10px; padding-bottom:10px;}
.intro-body {display: table-cell; vertical-align: middle;}
.intro{ display:table; height:100%; width:100%; }

.toogle{ margin:0; padding:0; display:block; text-align:center; padding:10px; color:#fff; font-weight:700; font-size:16px;}
.toogle:hover, .toogle:focus{color:#ED1C24; background:#000; text-decoration:none;}

.header{ margin:0; padding:0; position:relative;}
.header-top{ margin:0; padding:50px 0 10px 0;}

.top-links{ margin:0; padding:0; text-align:right; list-style:none;}
.top-links li{ margin:0 0 0 10px; padding:0; display:inline-block; color:#fff;}
.top-links li a{ color:#fff; text-decoration:none;}
.top-links li input[type=text]{ background:rgba(255,255,255, 0.6); width:180px; height:24px; border:none; padding:5px; color:#000;}
.top-links ::-webkit-input-placeholder {
   color: #000;
}

.top-links :-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.top-links ::-moz-placeholder {  /* Firefox 19+ */
  color: #000;
}

.top-links :-ms-input-placeholder {  
   color: #000;
}

.lang{ margin:0; padding:0; text-align:left; list-style:none; font-size:12px;}
.lang li{ display:inline-block; margin:0 0 0 2px; padding: 3px 10px; background: rgba(255,255,255, 0.6);}
.lang li:hover { background: rgba(255,255,255, 0.4); }

.lang a { text-decoration: none; color:#000;}
.lang a:hover{ color:#ccc; }




.navigation{ margin:0; padding:0; background:#002f52; height:40px; position:relative;}
.menu{display:block; margin:0; padding:0; list-style:none; width:100%; display:table;}
.menu li{display:table-cell; position:relative; z-index:100; font-size:14px; position:relative;  text-align:center; background:url(../images/divider.jpg) no-repeat right;}
.menu li:last-child{ background:none;}
.menu li a{text-decoration:none; padding:10px; display:block; color:#fff; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.menu li a:hover, .menu li:hover > a,  .menu li.active > a{color:#fff; background:#031a2b;   }
.menu ul{display:none; margin:0; padding:0; width:100%; position:absolute; top:100%; left:0px; background:#000; }
.menu ul li{display:block; float:none; background:none; margin:0; padding:0; border-top:1px solid #111; text-align:center; }
.menu ul li a{font-size:14px; font-weight:normal; display:block; color:#fff; background:#064879; padding:5px 10px;}
.menu ul li a:hover, .menu ul li:hover > a{ color:#f2f2f2; background:#0e5f9c; }
.menu ul li:before{ display:none;}
.menu li:hover > ul{display:block; }
.menu li:last-child ul{ right:0; left:auto;}
.menu ul ul{left:100%; top:0px; }
.mobile-menu{display:none; padding:0; height:40px; line-height:40px; text-align:left; font-size:20px; color:#fff;}
.mobile-menu i{ margin-right:8px; font-size:24px;}
.mobile-menu:hover{ color:#fff; text-decoration:none;}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
.navigation{ margin:0;}
.menu{display:none; float:none;}
.mobile-menu{display:block; }
nav{margin:0; background:none; }
.menu li{display:block; margin:0; background:none; text-align:left;}
.menu li a{color:#fff; border-top:1px solid #111; padding:8px 20px; background:#000; }
.menu li a:hover, .menu li:hover > a{color:#fff ; background:red; }
.menu ul{display:block; position:relative; top:0; left:0; width:100%; }
.menu ul ul{left:0; }
.navigation nav{ position:absolute; top:100%; right:0; left:0; width:auto; z-index:999;}
.menu li:before{ display:none;}
.menu li:hover > a:after, .menu li.current-menu-item > a:after{ display:none;}
}

.content-wrap{ margin:0; padding:10px 0; min-height:500px}

.content{ margin:0; padding:20px 40px; background: rgba(0, 47, 82, 0.5); color:#fff;}
.content h1{ margin:0; padding:0 0 15px 0; color:#fff; font-size:26px;}

.contactform .form-control{ background:rgba(255, 255, 255, 0.61); border:1px solid #fff; color:#000;  border-radius:0}

a.play:before{ background:url(../images/play-icon.png); height:33px; width:37px; position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-18px; content:''; z-index:89}
.gal{ margin-left:-5px; margin-right:-5px;}
.gal .col-sm-4{ padding-left:5px; padding-right:5px; margin-top:10px}
.gal .col-sm-4:hover img{ opacity:0.7; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s;}
.gal .col-sm-4 img{ opacity:1; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; width:100%; height:auto;}

.footer {
	margin: 0;
    	padding: 5px;
    	position: fixed;
    	bottom: 0px;
    	width: 100%;
    	color: #fff;
    	background: #002f52;
	}
	
.footer p {
	line-height:30px;
	margin:0;
	padding:0;
	text-align:left;
	}

.logo {
	
	width:300px;
	margin:-35px 0 20px 11px;
	}



.social{ margin-right:15px; padding:0; list-style:none; text-align:right;}
.social li{ height:30px; width:30px; text-align:center; display:inline-block; margin-left:5px;}
.social li a{height:30px; width:30px; padding:1px 0; color:#fff; display:block; border-radius:50%;}
.social li.facebook a{ background:#4A6EA9;}
.social li.gplus a{ background:#DA4835;}
.social li.tumblr a{ background:#395976;}
.social li.insta a{ background:#517FA4;}

/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width: 1200px) {
} 
/* END__ */

/* Large then standart */
@media (min-width: 960px) {
} 
/* END__ */

/* standart desktop */
@media (max-width: 1200px) {
} 
/* END__ */
@media (min-width: 992px) and (max-width: 1199px) {
} 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
.header-top{ margin:0; padding:20px 0 10px 0;}
} 
/* END__ */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}


.top-links{ text-align:center; padding-top:15px;}
.top-links li{ margin:0 4px;}
.lang{ text-align:center; padding:10px 0 0 0}
.lang li{ margin:0 3px;}
.footer{ text-align:center;}
.social{ text-align:right;}
.top-links li:last-child{ width:100%;}
.top-links li input[type=text]{ width:60%; margin:10px auto 0}
.header-top{ margin:0; padding:20px 0 10px 0;}

} 
/* END__ */
/* Landscape phones and down */
@media (max-width: 480px) {

}
/* END__ */