*{margin:0 auto; padding:0}
body{font-family:'Roboto', sans-serif; color:#000}
h1, h2, h3, h4{font-family:'Passion One', cursive; font-weight:normal; margin:0}
a, ul, li, img{border:none; outline:none; text-decoration:none; list-style:none}
img{max-width:100%}

header{position:relative; top:0; width:100%; z-index:12}
    
.top-header{background-color:#151515; padding:10px 0}
.top-header a{color:#fff; font-size:16px}
.top-header ul{text-align:right; margin:0}
.top-header ul li{display:inline; padding:0 10px}

.menu{background:rgba(0,0,0,0.6); padding:0}
.menu ul{margin:10px 0 0}
.menu ul li{display:inline-block; margin:0 15px}
.menu ul li a{color:#fff; font-size:16px; text-transform:uppercase; padding:0 5px 5px}
.menu ul li a:hover, .menu ul li a.active{border-bottom:3px solid #00a3cc; text-decoration:none}
.menu ul li:nth-child(3) a{background-color:#c00e1a; padding:10px 15px}
.menu ul li:nth-child(3) a:hover{border:none}
.menu nav{margin-right:0}

header ul#menu li > ul {height:auto; width:210px; z-index:9999; display:none; position:absolute; top:82px; left:0; right:0; background-color:#63737e; border-top:3px solid #f7c51e}
header ul#menu li:hover > ul{display:block}
header ul#menu li > ul li{background:none; float:none; display:block; padding:0px; border-bottom:1px solid #424e56}
header ul#menu li > ul li:nth-child(1){border-top:none}
header ul#menu li > ul li a{padding:12px 15px !important; font-size:13px; border-radius:0 !important; float:none; margin:0; text-transform:none}
header ul#menu li > ul li a:hover{background-color:#424e56; color:#fff}

#nav{padding:10px 0}
#nav > a{display:none}
#nav li{position:relative}
#nav li a{display:block}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {#nav{position:static;}}
@media only screen and ( max-width: 1024px ) /* 1000 */ {#nav{position:relative; padding:10px 0}
#nav > a {width:3.125em; height:3.125em; text-align:left; margin-right:0; text-indent:-9999px; background:#00a3cc url(../images/menu-mobile.png) no-repeat center; position:relative}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type{display:block}
#nav > ul {height:auto; margin:0 !important; width:232px; z-index:9999; display:none; position:absolute; right:0; top:60px; background-color:#000}
#nav:target > ul{display:block}
#nav > ul > li{width:100%; float:none; padding:0 !important; margin:0; background:none !important;}
#nav > ul > li:first-child {border-top:none}
#nav > ul > li:last-child {border-bottom:none}
#nav > ul > li > a{color:#fff !important; text-align:left; padding:10px !important; border-bottom:1px solid #fff}
#nav > ul > li > a:hover, #nav > ul > li > a.active{background-color:#00a3cc}
#nav > ul > li:last-child > a{border-bottom:none}
#nav li ul{position:static !important; padding-top:0}}

.banner{height:800px; overflow:hidden;margin-top: -94px;}
.banner .carousel-item {
	height:800px;
  min-height: 100%;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.sub-banner{height:700px; overflow:hidden;margin-top: -94px;}
.stt-equipments{border:20px solid #fff}

.home-about{background:url(../images/main-bg.jpg) no-repeat; background-size:cover; padding:50px 0}
.home-about h1{font-size:45px; font-weight:700; margin-bottom:20px; text-transform:uppercase}
.home-about a{display:inline-block; border:2px solid #000; padding:10px 50px; border-radius:0; font-size:14px; text-transform:uppercase}

.home-video{background:url(../images/video-bg.jpg) no-repeat center; background-size:cover; padding:300px 0; text-align:center;}

.testimonials{padding:50px 0; display:none;}
.testimonials h1{font-size:50px; text-transform:uppercase; margin-bottom:20px}
.testimonials .carousel{margin:50px auto;	padding:0 70px}
.testimonials .carousel .item{color:#999;	overflow:hidden; min-height:120px; }
.testimonials .carousel .item a{color:#00a3cc}
.testimonials .carousel .img-box { border-right:2px solid #e2e2e2; padding:0 20px; }
.testimonials .carousel .media img{width:100px; height:100px; display:block; border-radius:50%}
.testimonials .carousel .testimonial{padding:30px; position:relative; background-color:#f7f7f7;}
.testimonials .carousel .testimonial::before{content:'\93'; color:#e2e2e2; font-weight:bold; font-size:68px; line-height:54px; position:absolute; left:15px; top:0}
.testimonials .carousel .overview b{text-transform:uppercase; color:#00a3cc}
.testimonials .carousel .carousel-indicators{bottom:-60px}
.testimonials .carousel-indicators li, .testimonials .carousel-indicators li.active {width:10px; height:10px; border-radius:50%; margin:1px 3px}
.testimonials .carousel-indicators li{background-color:#e1e1e1}
.testimonials .carousel-indicators li.active{color:#fff; background-color:#00a3cc;}

.about{background:url(../images/main-bg.jpg) repeat; background-size:contain; padding:50px 0}
.about h1{font-size:45px; font-weight:700; margin-bottom:20px; text-transform:uppercase}
.about img{border:10px solid #fff; margin-bottom:10px;}

.contact{background:url(../images/main-bg.jpg) repeat; background-size:contain; padding:50px 0}
.contact h1{font-size:45px; font-weight:700; margin-bottom:20px; text-transform:uppercase}
.contact fieldset{display:block; margin:20px auto}
.contact fieldset input{width:100%; border:1px solid #e1e1e1; padding:15px 0; text-indent:15px}
.contact fieldset input.half-input{width:49%; display:inline-block}
.contact fieldset input.half-input:nth-child(1){margin-right:18px}
.contact fieldset textarea{width:100%; padding:15px; border:1px solid #e1e1e1; height:200px; resize:none}
.contact fieldset button.submit-btn{display:block; max-width:300px; text-align:center; border:2px solid #000; font-size:14px; text-transform:uppercase; font-weight:600; padding:15px 80px; background:none; margin:0 auto}

.gallery-box { background:url(../images/main-bg.jpg) repeat; background-size:contain; padding:50px 0; }
.gallery-box h1{font-size:45px; font-weight:700; margin-bottom:20px; text-transform:uppercase}

.gallery-box .row { margin-bottom:20px; }

.sub-footer{background:url(../images/footer-bg.jpg) no-repeat; background-size:cover; padding:50px 0 0 0; text-align:center;color:#fff;}
.sub-footer h2 {font-family:'Roboto', sans-serif; color:#fff; margin-top:0; margin-bottom:10px; }
.sub-footer p { margin-bottom:10px;}

.sub-footer .form-control { border-radius:0; margin-bottom:20px;height: calc(1.5em + .75rem + 10px); }

.sub-footer textarea { height:150px !important; }

.sub-footer .btn-trans { background-color:transparent; border:1px solid #fff; padding:10px 40px; cursor:pointer; border-radius:0; }

.sub-footer .btn-trans:hover { background-color:#000; border:1px solid #000;}
.sub-footer .copy { background:rgba(0,0,0,0.4); margin-top:50px; text-align:left; padding:20px 0; }

.sub-footer .copy p{font-size:14px; margin-bottom:0}
.sub-footer .copy img{float:left; margin-right:20px}

footer{padding:30px 0; background-color:#fff}
footer p{font-size:14px; margin-bottom:0}
footer img{float:left; margin-right:20px}

/*misc*/
.consult { padding:8px 20px; background-color:#c40b1b; border-radius:6px; }
a.consult  { color:#fff !important; text-transform:uppercase; }
/*.contact-page .sub-footer { display:none;}*/
.contact-page .sub-footer { padding:0}
.contact-page .sub-footer .copy { margin-top:0; }

.logo { display:inline-block; }
.ekko-lightbox-container > div.ekko-lightbox-item { position:inherit !important; }
.clear{clear:both}
.video { width:854px; max-width:100%; height:480px; max-height:100%;border:10px solid rgba(255,255,255,0.8)}
.modal-content { background:none;  border:0;} 
.modal-dialog {
	 min-height: calc(100vh - 60px);
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 overflow: auto;
}
.close { opacity:1;color:#fff;}

 @media (max-width: 768px) {
	 .modal-dialog {
		 min-height: calc(100vh - 20px);
	}
}
 

@media (max-width:480px){
	header{position:relative}
	.navbar-brand { width:75%}
	.navbar-brand img { width:80%; }
	.top-header ul, .top-header{text-align:center;}
	.menu{padding:10px; background-color:#000}
	.menu h1{width:70%}
	.menu ul li:nth-child(3) a{background:none}
	.banner, .sub-banner{height:auto; margin-top:0; max-height:100%;}
	.stt-equipments{margin-bottom:20px}
	.carousel{padding:10px 0}
	.carousel .testimonial{padding:0}
	.banner .carousel { padding:0; }
	.banner .carousel-item { max-height:100%;height:auto; }
	.testimonials .carousel { padding:0;}
	.home-video{padding:50px}
	.home-video img{width:50%}
	.contact fieldset input.half-input{display:block; width:100%; margin:0 auto 20px}
	.sub-footer p{font-size:26px; line-height:32px; text-align:center}
	footer p{text-align:center}
	footer img{float:none}
	.consult { background-color:#c40b1b !important; }
	.menu ul li a:hover, .menu ul li a.active { display:block }
	.sub-footer .newline { display:block; }
	.sub-footer .copy img{float:none;}
	.video { height:auto; }
}