body{font-family: 'Roboto', sans-serif; font-size:16px; color:#282828; line-height:28px; margin:0px; overflow-x: hidden;}
p{font-family: 'Roboto', sans-serif; font-size:17px; color:#282828; line-height:24px; }
h1,h2,h3,h4,h5,h6{color: #282828; font-family: 'Oswald', sans-serif; font-weight:600;}
a,input{font-family: 'Roboto', sans-serif;}
a,div,input,button{outline: none;font-family: 'Roboto', sans-serif;}

.row{max-width:1250px; margin:0 auto;}
.grid-container {max-width:75rem;}

input,button{transition:background-color 300ms ease-out 0s;}
/*a{transition:ease .5s;}*/

.top-phone {position: absolute;right:16px;top: 40px;text-align: right;}

.top-phone span{display: block; font-size: 18px; color: #333; font-weight: 400; line-height: 32px;}
.top-phone a{font-size: 30px; color: #333; font-weight: 600; font-family: 'Oswald', sans-serif;}
.top-phone a .fa{font-size: 27px; color: #333; font-weight:normal; margin-right: 6px;}
.top-phone a:hover{color: #ff6000;}

.nav-outer {padding: 10px 0.9375rem 10px;max-width: 75rem;margin: 0 auto;position: relative;z-index: 1;left: 0;right: 0;}
.top-header-links {position: absolute;max-width:  80rem;margin: 0 auto;left: 0;right: 0;text-align: right; top: 10px; 
	padding-right: 14px;}
.is-drilldown {position: relative;overflow: visible !important;min-height: auto !important;}
.top-bar{background: transparent;padding: 0;}
.drilldown a {background:#000;}
.dropdown.menu > li > a{font-family: 'Roboto', sans-serif; font-weight: 500; font-size:16px; padding:0; color:#fff; 
	position: relative;}
.dropdown.menu > li > a:hover{color:#ff6000;}
.top-bar-right ul {float: right;background: transparent;margin-top: 51px;margin-right: 0;text-align: center;position: absolute;
	left: 40px;right: 0;display: block;}

.logo {float: left;}
.dropdown.menu > li {margin:0 12px; display: inline-block;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border: inset 0;}
.dropdown.menu > li > a:before{top: 1.5px;}

.dropdown.menu > li.is-active > a { color:#fdb91c; }

.vertical.menu.submenu {background: #000;border: 0;padding-bottom: 16px;padding-top: 16px;}
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {right: auto;left: 0;}
.vertical.menu.submenu a{font-size:18px; text-transform:uppercase; color:#fff; padding-left: 19px;}
.vertical.menu.submenu a:hover{color:#fdb91c; background: transparent;}
.dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: 0 !important;}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {display: none;}
.vertical.menu.submenu a {background: transparent !important; padding-bottom:10px; position: relative;}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {display: none;}
.is-dropdown-submenu {min-width:295px;}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {right: 0;left: 100%;}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {display: none;}
.dropdown.menu > li:nth-child(1) a::before{content: "";}


.vertical.menu.submenu > li.is-submenu-item li:nth-child(1) > a:before{content:""; background:url("../img/icon-sub-menu-7.html") no-repeat; width: 18px; height: 18px; position: absolute; left: -5px;}
.vertical.menu.submenu > li.is-submenu-item li:nth-child(2) > a:before{content:""; background:url("../img/icon-sub-menu-6.html") no-repeat; width: 18px; height: 18px; position: absolute; left: -5px;}

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {right: auto;left: 0;}
.is-dropdown-submenu > li {position: relative;padding-left: 16px;}

.main-header{position: relative;}
/*.main-header:before{content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
background: rgba(1,33,96,1);
background: -moz-linear-gradient(top, rgba(1,33,96,1) 14%, rgba(1,33,96,0.66) 43%, rgba(248,79,50,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(14%, rgba(1,33,96,1)), color-stop(43%, rgba(1,33,96,0.66)), color-stop(100%, rgba(248,79,50,0)));
background: -webkit-linear-gradient(top, rgba(1,33,96,1) 14%, rgba(1,33,96,0.66) 43%, rgba(248,79,50,0) 100%);
background: -o-linear-gradient(top, rgba(1,33,96,1) 14%, rgba(1,33,96,0.66) 43%, rgba(248,79,50,0) 100%);
background: -ms-linear-gradient(top, rgba(1,33,96,1) 14%, rgba(1,33,96,0.66) 43%, rgba(248,79,50,0) 100%);
background: linear-gradient(to bottom, rgba(1,33,96,1) 14%, rgba(1,33,96,0.66) 43%, rgba(248,79,50,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012160', endColorstr='#f84f32', GradientType=0 );

z-index: 1;	
	
}*/

.main-header::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}

.header-outer{position:relative;}

.header{min-height:670px;}
.header{background-position:center; background-repeat: no-repeat; width:100%;}
.get-quote-btn{padding:19px 35px 19px;text-align:center; font-size:30px; background:#ffba1a; border-radius:50px; font-weight: 700;
	color:#fff; margin:26px 0 0; transition:background-color 300ms ease-out 0s; display:inline-block; 
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);}   
.get-quote-btn:hover{background: #000;}
.slide-content{max-width:100%; color: #fff;}
.header h1 {color:#000;font-size:41px; font-family: 'Poppins', sans-serif; margin:0 auto 10px; line-height:51px;
padding: 0px; font-weight:600; }
.header h1 img {float: left;position: relative;top: 11px;margin-right: 9px;}
.slide-text {float: left;max-width: 510px; margin-top: 110px;}

.slide-pic {float: right;margin-right: 110px;margin-top:20px;position: relative;z-index: 9999999;}
.slider.single-item{margin-top:0; height:100%; margin:0px;}

.inner-header-form {float: right; width:408px; margin-top: -6px; position: relative; } 
/*.inner-header-form:before {content: "";position: absolute;bottom: -1px;left: -60px;right: 0;width: 530px;height: 40px;
	background: url(../img/form-shaddow.png) no-repeat;z-index: 1;}*/

.right-contact-form {width: 100%; background: #000; padding:24px 25px 36px;}
.right-contact-form h2{font-size:32px; color: #fff; margin-bottom: 16px; text-align: center; text-transform: none; font-weight: 400;}
.right-contact-form h2 span{font-weight: 600;}
.right-contact-form h2:before{content:""; display: none;}
.right-contact-form input{height:46px; box-shadow: 0 0 0 0; box-shadow: inset 0 0 0 0; background: #f6f6f6;
border:0px; margin-bottom: 12px; padding-left: 15px; font-size: 16px; }
.right-contact-form textarea{height:86px; box-shadow: 0 0 0 0; box-shadow: inset 0 0 0 0; background: #f6f6f6;
border:0px; padding-left: 15px;  font-size: 16px; margin-bottom: 12px;}
.right-contact-form input[type="submit"]{background: #ff6000; border: 0px; padding:14px 0px 15px; cursor:pointer; font-family: 'Oswald', sans-serif;
width:200px; text-align: center; font-size: 28px; font-weight:500; text-transform: uppercase; color: #fff;margin-top:16px;
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.26); height: auto;}  
.right-contact-form input[type="submit"]:hover{background: #fff; color: #ff6000; }

.header-content-section {position: absolute;left: 0;right: 0; z-index: 1; top: 200px; }
.header-content-box h1{color: #fff; font-size: 43px; font-weight: 500; line-height: 52px; margin-bottom:22px; text-align:left; text-transform: capitalize;}  
.header-content-box ul{margin: 0px; list-style: none;}
.header-content-box li{color: #fff; position: relative; font-size: 27px; margin-bottom: 4px; padding-left: 34px; text-align: left;}
.header-content-box li:before{content:"\f00c"; position: absolute; left:0; font-family: FontAwesome; font-size: 23px;
top: 4px; }
.header-content-box li:last-child:before{content: "";}
.header-content-box {width: 643px;float: left; margin-top:50px;}

h2{text-align: center; color: #000; font-size: 34px; text-transform: uppercase; font-weight: 500;position: relative; 
padding-bottom: 15px;}
h2:before{content:""; position: absolute; left: 0; right: 0; bottom: 0; width: 69px; height: 2px; 
background: #000; margin: 0 auto;}

.capabilities-section{padding:100px 0 50px;}
.capabilities-section h2{margin-bottom: 20px;}
.capabilities-section h3{font-size: 24px; color: #282828; text-transform: uppercase; font-weight: 500; margin-top:-4px;
margin-bottom: 12px;}
.capabilities-section ul{margin: 0px; list-style: none;}
.capabilities-section li{font-size: 18px; line-height: 24px; padding-left: 20px; margin-bottom: 10px; position: relative;}
.capabilities-section li:before{ content: ""; color: #ff6000; font-size: 18px; position: absolute; top: 7px;
left: 0; font-weight: bold; width: 8px; height: 12px; background: url(../img/arrow-orange.png) no-repeat;}
.capabilities-section img {width: 100%;}
.cell.capabilities-left {width: 39%;}
.cell.capabilities-right {width: 60%; padding-left: 2%;}

.about-section{background:#fff; padding:60px 0 64px; text-align: center; }
.about-section .grid-container{max-width: 1150px;}
.about-section h2{margin-bottom: 32px;}
.about-section p{margin-bottom: 20px; text-align: left;}
.about-section h3{font-size: 22px; font-weight:500; margin-top: 50px;}
.about-section h3 span{color:#ff6000;}
.about-section ul{margin:34px 0 0; list-style: none;}
.about-section li{display: inline-block; margin:0; }
.about-section li img {background: #002060;border-radius: 100%; margin-bottom: 10px;}
.about-section li p {font-size: 21px; font-weight: 500;}
.about-section li:first-child{margin-left: 0;}
.about-section li:last-child{margin-right: 0;}

.brand-section{padding: 60px 0 30px;}
.brand-section h2{margin-bottom:40px;}
.brand-section ul{margin: 0px; list-style: none;}
.brand-section li {display: inline-block;vertical-align: top;margin: 0 2.3% 34px;}
.brand-section .grid-container {max-width: 79rem;}

.work-section{background: #f7f7f7; padding:64px 0 60px;}
.work-section .cell.medium-3 {padding-right: 0.70rem;padding-left: 0.70rem;}
.work-section h2{margin-bottom:42px;}
.work-box{position: relative; text-align: center; background: #000; margin-bottom: 20px;transition:ease .5s;}
.work-box img{transition: ease .5s;}
.work-box:hover img{opacity:.2;transition:ease .5s;}
.icon-zoom{position: absolute; left: 0; right: 0; top:46%;-webkit-transform:translateY(-46%);-ms-transform: translateY(-50%);transform:translateY(-46%); z-index: 1; display: none;}
.work-box .icon-zoom img{opacity:1; width: 30px;}
.work-box:hover .icon-zoom{display: block;}
.work-box .icon-zoom{animation:pulse 1s infinite; transition:ease .5s; } 

.safety-section{padding:64px 0 20px;}
.safety-section .grid-container {max-width: 77.5rem;}
.safety-section h2{margin-bottom: 36px;}
.safety-section h3{font-size: 22px; font-weight:600; margin-bottom:24px;}
.safety-section p { line-height: 26px; margin-bottom: 14px; text-align: left;}
.safety-section p strong {font-size:24px;}
.safety-content{margin-bottom: 60px;}
.safety-section .safety-content:nth-child(odd) .grid-x.grid-padding-x {flex-direction: row-reverse;}
.safety-section img {margin-top: 7px;}

.get-quote-section{padding:56px 0 70px; background: #11100c; text-align: center; position:relative; background:url("../img/lines-bg.jpg") repeat;}
.get-quote-section h3 {font-size: 32px;color: #fff;margin-bottom:20px;text-align: center; font-weight: 400;}
.get-quote-section h3 span {font-weight: 600;}
.get-quote-section input{border: 0px; height: 46px; padding-left: 14px; margin-bottom: 12px;}
.get-quote-section textarea{border: 0px; height: 104px; padding-left: 14px;}
.get-quote-section .cell {padding:0 0.4rem;}
.get-quote-left{margin-right: 8px;}
.get-quote-section .grid-container {max-width: 960px;}

.captcha, .submitbtn {display: inline-block;margin: 6px 11px 0;vertical-align: top;}
.submitbtn {display: block; clear: both; width: 150px; text-align: center; padding: 0px; margin: 0 auto;}

.submitbtn input[type="submit"] {background: #ff6000;border: 0px;padding:14px 0px 15px;cursor: pointer;width: 100%; text-align: center;font-size: 24px;font-weight: 500;text-transform: uppercase;color: #fff; margin: 0;position: relative; top: 4px;box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.26);height: auto;}
.submitbtn input[type="submit"]:hover {background: #fff;color: #ff6000;}

.footer-bottom {background: #282828;padding: 37px 0 38px;}
.copy p {color: #fff;font-size: 16px; margin: 5px 0 0;}
.copy a{color: #fff;}
.copy a:hover{color: #ff6000;}
.map-section iframe{display: block;}
.footer-logo {text-align:right;}

.address-box{ max-width:310px;}
.address-box h3{color: #fff; font-size: 34px; font-weight:600; margin-bottom: 16px;}
.address-box p{color: #fff;}

.fa-ul{color: #fff; margin: 0px 0 0 22px;}
.fa-ul li{color: #fff; font-size: 17px; margin-bottom:11px; padding-left:30px; line-height:22px;}
.fa-ul li a{color: #fff;}
.fa-ul li a:hover{color: #ff6000;}
.fa-iconphone{content:""; background: url(../img/icon-phone.png) no-repeat; width: 17px; height: 14px; position: absolute;
left: -10px;}
.fa-ul li .fa {margin-top: 3px;}
.fa-ul li .fa-envelope{font-size: 16px; margin-top:5px;}

.map-section {position: relative; background:#333;}
.map-section .grid-container { max-width: 100%; padding: 0px;}

.map-left { display: flex; justify-content: center; align-items: center; background:#000;}
.map-right { padding: 0px !important;}

.map-left { display: flex; justify-content: center; align-items: center;}
.address-box ul { width: 280px; text-align: left; margin: 0px;}
.address-box ul .fa-li {left:0px; width:16px; top:2px;}



.nav-outer-main.stickymenu {left: 0;right: 0;z-index: 999;position: fixed;top: 0;width: 100%;background: #fff;height:98px;}
.nav-outer-main.stickymenu .logo img {width: 94px;}
.nav-outer-main.stickymenu .top-bar-right ul {margin-top: 19px;}
.nav-outer-main.stickymenu .top-phone {top:18px;}
.nav-outer-main.stickymenu .top-phone a {font-size: 22px;}
.nav-outer-main.stickymenu .top-phone .fa.fa-phone {font-size: 20px;}


.nav-outer-main.stickymenu {animation: smoothScroll 1.3s forwards; box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}

@keyframes smoothScroll {
    0% {
        transform: translateY(-140px);
    }
    100% {
        transform: translateY(0px);
    }
}    



.reveal {
	width: 700px;
	max-width: 75rem;
	border: 0;
	height: 640px;
}

.reveal h2 {
	text-align: center;
	color: #000;
	font-size: 34px;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 27px;
	margin-top: 13px;
}


.header-inner{min-height: auto; padding: 25% 0; background-size: cover !important;}
.header-outer-inner:before{display: none;}

.header-inner h1{color: #fff;}
.header-inner p{color: #fff;}

.thankyou{position: relative; z-index: 222;}

.main-header-inner:before{display: none;}
.header.header-inner:before {
	background: rgba(0,0,0,.8);
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9;
	position: absolute;
}

.menu .active a{color:#ff6000 !important; background: transparent;}
.get-quote-section .form-captcha { display: inline-block; /*position: absolute; bottom: 20px; left: 0; right: 0;*/}

.copy p { text-align: left; padding-top: 10px;}



/*flip-box*/
/*
.flip-box-outer{	
    transform-style: preserve-3d;
	transition: all 0.5s linear;
	-webkit-transform-style: preserve-3d;}
  
.flip-box {
	background-color: transparent;
	width: 220px;
	height: 250px;
	border: 1px solid #f1f1f1;
	perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
	transition: all 0.5s linear;
	-webkit-transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
 transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color:#eef4ff;
  color: black;
}
 
.flip-box-back {
	background-color: #042565;
	color: white;
	transform: rotateY(180deg);
	padding-top: 18px;
}
*/


.why-choose-box:hover .why-choose-box-content {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

.why-choose-box-content{
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 0.5s linear;
	-webkit-transform-style: preserve-3d;
}

.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background:#eef4ff; 
	padding:18px 18px 0; 
	height:100%;
}

.face.back-flip {
	display: block;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	box-sizing: border-box;
	background-color: #042565;
	position:relative;
	display: flex;
justify-content: center;
align-items: center;
}

.about-section li .face.back-flip p {
	font-size: 15px;
	font-weight: normal;
	padding: 0;
	color: #fff;
	line-height: 22px;
}


.about-section li {
	width:19.7%;
	vertical-align: top;
}


.brand-section ul {text-align: center;}
.brand-section li {margin: 0 0 34px;width: 24%;}
 
.about-section img {margin-top: 8px;}

.submitbtn {
	display: inline-block;
	margin: 6px 11px 0;
	vertical-align: top;
}