/*



Theme Name: Ontime Guard Theme



Verson: 1.0



*/



@charset "utf-8";



/* CSS Document */







@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);



@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);



html {



	height:100%;



}



body {



	font-family: 'Lato', sans-serif;



	font-size:14px;



	color:#999;



	margin:0;



	padding:0;



}



a {



	color:#3bc173;



	text-decoration:none;



	-webkit-transition: all 0.5s linear;



	-moz-transition: all 0.5s linear;



	-ms-transition: all 0.5s linear;



	-o-transition: all 0.5s linear;



	transition: all 0.5s linear;



}



a:hover {



	text-decoration:none;



}



a:focus {



	text-decoration:none;



	outline:none;



	color: #999999;



}



input, select, textarea {



	font-family: 'Lato', sans-serif;



	outline: none;



	font-size: 15px



}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {



color: #999;



}



img {



	max-width:100%;



	height:auto;



}



p {



	margin: 0;



	line-height:24px;



}



h1, h2, h3, h4, h5 {



	margin: 0;



	padding:0;



}



h1 {



	font-size: 36px;



}



/*wrapper*/



.wrapper {



	width: 100%;



}



/*headerTop*/



.headerMain {



	position: relative;



	top: 0;



	width: 100%;



	z-index: 99999;



}



.headerTop {



	background: #ffcc40;



	padding: 6px 0;



}



.leftBox {



	padding-top: 10px;



}



.leftBox strong {



	font-size: 14px;



	color: #000000;



	text-transform: uppercase;



	margin-right: 7px;



}



.leftBox a {



	font-size: 16px;



	color: #9c7501;



	background: url(images/border.png)left no-repeat;
	background:none;


/*
	padding: 0px 15px 0px 9px;
*/


}



.leftBox ul {



	margin:0;



	padding:0;



}



.leftBox ul li {



	list-style-type:none;



	display:inline-block;



	margin: 0px 1px 0px 0px;



	color:#9c7501;



}



.headerTop .quote {



	text-align:right;



}



.headerTop .quote a {



	font-size: 18px;



	color: #9c7501;



	font-weight: 700;



	text-align: center;



	border: 2px solid #e2b512;



	border-radius: 5px;



	background: rgb(255,222,128); /* Old browsers */



	/* IE9 SVG, needs conditional override of 'filter' to 'none' */



background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGU4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNkNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);



	background: -moz-linear-gradient(top, rgba(255, 222, 128, 1) 0%, rgba(255, 205, 64, 1) 100%); /* FF3.6+ */



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 222, 128, 1)), color-stop(100%, rgba(255, 205, 64, 1))); /* Chrome,Safari4+ */



	background: -webkit-linear-gradient(top, rgba(255, 222, 128, 1) 0%, rgba(255, 205, 64, 1) 100%); /* Chrome10+,Safari5.1+ */



	background: -o-linear-gradient(top, rgba(255, 222, 128, 1) 0%, rgba(255, 205, 64, 1) 100%); /* Opera 11.10+ */



	background: -ms-linear-gradient(top, rgba(255, 222, 128, 1) 0%, rgba(255, 205, 64, 1) 100%); /* IE10+ */



	background: linear-gradient(to bottom, rgba(255, 222, 128, 1) 0%, rgba(255, 205, 64, 1) 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde80', endColorstr='#ffcd40', GradientType=0 ); /* IE6-8 */



	display:inline-block;



	padding: 6px 15px;



	text-shadow: 0px 1px 1px rgba(250, 228, 164, 0.75);



}
.headerTop  .fa{
	padding-right:3px;
}
.headerTop ul li{
    background:url("images/border.png") no-repeat left center;
	padding-left:30px;
	padding-right:30px;
}
.headerTop ul li:first-child{
	background:none;
	padding-left:0;
}
.headerTop .quote a:hover {



	background: rgb(255,205,64); /* Old browsers */



	/* IE9 SVG, needs conditional override of 'filter' to 'none' */



background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2Q0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmRlODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);



	background: -moz-linear-gradient(top, rgba(255, 205, 64, 1) 0%, rgba(255, 222, 128, 1) 100%); /* FF3.6+ */



	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 205, 64, 1)), color-stop(100%, rgba(255, 222, 128, 1))); /* Chrome,Safari4+ */



	background: -webkit-linear-gradient(top, rgba(255, 205, 64, 1) 0%, rgba(255, 222, 128, 1) 100%); /* Chrome10+,Safari5.1+ */



	background: -o-linear-gradient(top, rgba(255, 205, 64, 1) 0%, rgba(255, 222, 128, 1) 100%); /* Opera 11.10+ */



	background: -ms-linear-gradient(top, rgba(255, 205, 64, 1) 0%, rgba(255, 222, 128, 1) 100%); /* IE10+ */



	background: linear-gradient(to bottom, rgba(255, 205, 64, 1) 0%, rgba(255, 222, 128, 1) 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd40', endColorstr='#ffde80', GradientType=0 ); /* IE6-8 */



}



.fa-file-text-o:before {



	padding-left: 10px;



}



.headerBottom {



	background:rgba(0, 0, 0, 1);



	padding:15px 0;



	border-bottom: 1px solid #4a4a4a;



}



.headerBottom h1.logo {



	float: left;



}



.headerBottom h1.logo a {



	display: block;



}



/*navigation*/



.navigation {



}



.headerBottom .row {



	margin:0px;



}



.headerBottom .row [class*="col-"] {



/* padding: 0px;*/



}



.navigation .navbar-default {



	background: none;



	border:none;



}



.navigation .navbar {



	border-radius:0px;



	min-height: inherit;



	margin-bottom: 0px;



}



.navigation .navbar-brand {



	padding: 5px 0px;



}



.navigation .container-fluid {



	padding-right: 0px;



	padding-left: 0px;



}



.navigation .navbar-brand, .navigation .navbar > .container-fluid .navbar-brand {



	margin-left: 0px;



	height: inherit;



	padding: 0px 0px;



	margin-top: 4px;



}



.navigation .navbar-default .navbar-collapse, .navbar-default .navbar-form {



	border: none;



}



.navigation .navbar-nav.navbar-right:last-child {



	margin-right: 0px;



	padding-top: 30px;



}



.navigation .nav > li > a {



	padding: 0px 0px;



}



.navigation .navbar-collapse {



	padding-right: 0px;



	padding-left: 0px;



}



.navigation .navbar-nav {



	margin: 0;



	padding: 0;



	list-style: none;



}



.navigation .navbar-nav > li {



	padding: 0px 0px;



	margin-right: 23px;



}



.navigation .navbar-nav > li:last-child {



	margin:0px;



}



.navbar-default .navbar-nav > li > a {



	color:#fff;



	font-family: 'Montserrat', sans-serif;



	color: #ffffff;



	font-size: 16px;



	text-transform: uppercase;



	display: block;



}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current-menu-item  a {



	color: #ffcc40;



}



/*control*/



.control {



	display: block;



}



/*breadcrumb*/



 #breadcrumbs {



	padding:20px 0 20px 0;



	margin-bottom: 0px;



	list-style: none;



	background-color: transparent;



	border-radius: 0px;



}



 #breadcrumbs  {



	padding:0px;



}



 #breadcrumbs  li {



	display: inline-block;



	font-size: 14px;



	color: #999999;



	margin-right: 10px;



}



 #breadcrumbs  li a {



	color: #999999;



	position: relative;



	font-weight: normal;



}



 #breadcrumbs  li a:after {



	position: absolute;



	



	top: -1px;



	right: -5px;



	display: block;



}



 #breadcrumbs a {



	color: #999999;



}



/*banner*/



.banner {



	position: relative;



/*	border-bottom: 5px solid #ffbb00;

*/

}



.flexslider {



	margin: 0 0 0px;



	border: none;



	-webkit-border-radius: 0px;



	-moz-border-radius: 0px;



	-o-border-radius: 0px;



	border-radius: 0px;



	box-shadow: none;



	-webkit-box-shadow: none;



	-moz-box-shadow: none;



	-o-box-shadow: none;



}



.banner .flex-direction-nav a {


	width: 70px;



	height: 70px;



	top: 54%;



	opacity: 1;



	background:url(images/sprite-nav.png)0 0 no-repeat;



	z-index: 999;



}



.banner .flex-direction-nav .flex-prev {



	left: 0px;



}



.banner .flexslider .flex-prev {	
background-position: 0px -70px;
}
.banner .flexslider:hover .flex-prev {



	left: 0px;

	background-position: 0px -70px;

}



.banner .flex-direction-nav .flex-next {



	right: 0px;



	background-position: 0px 0px;



}



.banner .flexslider:hover .flex-next {



	right: 0px;



}



.banner .flex-control-nav {



	bottom: 95px;



	z-index: 999999;



}



.banner .flex-control-nav li {



	margin: 0 0px;



	display: block;



}



.banner .flex-control-paging li a {



	width: 33px;



	height: 33px;



	margin:0 auto;



	background:url(images/nav.png)0px 13px no-repeat;



	webkit-border-radius: 0px;



	-moz-border-radius: 0px;



	-o-border-radius: 0px;



	border-radius: 0px;



	-webkit-box-shadow: none;



	-moz-box-shadow: none;



	-o-box-shadow: none;



	box-shadow: none;



	border:none;



	-moz-transition: none;



	-ms-transition: none;



	-o-transition: none;



	transition: none;



}



.banner .flex-control-paging li a.flex-active, .banner .flex-control-paging li a:hover {



	background:url(images/nav.png)0px -31px no-repeat;



}



/*.banner .flexslider:hover .flex-prev, .banner .flexslider:hover .flex-next {



opacity: 1;



}*/



/*bannerBox*/



/*.bannerBox {



	position: absolute;



	margin: 0 auto;



	top: 50%;



	left: 50%;



	width: 1200px;



	z-index: 999;



	margin-left: -600px;



	margin-top: -190px;



}

*/

.bannerBox {



	position: absolute;



	margin: 0 auto;



	bottom: 0px;



	left: 0px;



	width:100%;

	z-index: 999;



	margin-left:0px;



	margin-top: 0px;



}

/*.banner-content {



	max-width:770px;



	margin: 0 auto;



}

*/

.bannerBox h2 {



	font-size: 80px;



	color: #fff;



	padding-bottom: 30px;



	font-family: 'Montserrat', sans-serif;



	text-transform: uppercase;



	text-align: center;



	line-height:75px;



	text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);



}



.bannerBox h2 span {



	color: #ffcc40;



}



.bannerBox p {



	font-size: 20px;



	color: #fff;



	font-family: 'Montserrat', sans-serif;



	text-align: center;



}



.pure-button {



	text-align:right;



}



.pure-button a {



	font-family: 'montserratregular';



	margin: 20px 0px;



	display: inline-block;



	font-size: 30px;



	text-transform:uppercase;



	color: #ffffff;



	border-radius: 5px;



	background:none;



	-moz-border-radius:5px;



	-webkit-border-radius:5px;



	padding:10px 30px;



	text-shadow: 0px 1px 0px rgba(205, 150, 0, 1);

	border:1px solid #fff; 

}



.pure-button a:hover {



	background: #DDA301;



}



.pure-button a img {



	vertical-align: baseline;



}



/*barrierWrap*/



.barrierWrap {



	margin-top: -71px;



}



.testimonils {



	max-width:270px;



	box-shadow: 0px 3px 5px 0px #efefef;



	-moz-box-shadow:0px 3px 5px 0px #efefef;



	-ms-box-shadow:0px 3px 5px 0px #efefef;



	-o-box-shadow:0px 3px 5px 0px #efefef;



	-webkit-box-shadow:0px 3px 5px 0px #efefef;

	padding:5px; background:#fff;

	transition:all 0.2s ease-in-out;  -webkit-transition:all 0.2s ease-in-out;  -moz-transition:all 0.2s ease-in-out;  -o-transition:all 0.2s ease-in-out;  -ms-transition:all 0.2s ease-in-out; 

	border:1px solid #FFE6A1; 

}

.testimonils:hover , .testimonils:hover .barrierBox { background:#ffbb00; }

.testimonils:hover .barrierBox h3 a{  color:#fff;  }

.barrierBox {



	border: none;



	border-top: none;



	background: #ffffff;



	padding: 20px 0px;



	



	border-bottom:#ffbb00 3px solid;

transition:all 0.2s ease-in-out;  -webkit-transition:all 0.2s ease-in-out;  -moz-transition:all 0.2s ease-in-out;  -o-transition:all 0.2s ease-in-out;  -ms-transition:all 0.2s ease-in-out; 

}



.barrierBox h3 {



	font-family: 'Montserrat', sans-serif;



	font-size: 18px;



	color: #262626;



	text-align: center;



	font-weight: 700;



}



.barrierBox h3 a{color: #262626;}



.barrierBox p {



	font-family: 'Montserrat', sans-serif;



	font-size: 14px;



	color: #262626;



	text-align: center;



	padding: 0;



	line-height: 22px;



}



/*outBox*/



.outBox {



padding: 60px 0 0;



}



.outBox h3 {



	font-size: 32px;



	font-family: 'Montserrat', sans-serif;



	color: #333333;



	text-align: center;



	text-transform: uppercase;



}



/*imageBox*/



.imageBox {



	padding: 20px 0;



	background: #f3f5f2;



	border-bottom:1px solid #e7e7e7;



	margin-bottom: 50px;



}



.smallImg {



	border: 1px solid #e7e7e7;



}



.pText p {



	font-size: 16px;



	color: #999999;



	padding-bottom: 15px;



}



.smallBorder {



	border-bottom: 3px solid #999999;



	width: 3%;



}



/*features*/



.features {



padding: 40px 0 0;



}



.featuresWrap {



	text-align:center;



	padding: 40px 0px 0px;



}



.features .featuresWrap ul {



	padding: 0;



	margin: 0;



	list-style: none;



}



.features .featuresWrap ul li {



	font-size: 14px;



	color: #1f1f1f;



	font-weight: 700;



	font-family: 'Montserrat', sans-serif;



	display:inline-block;



	margin: 0px 20px;



}



.features .featuresWrap ul li a {



	font-size: 16px;



	color: #1f1f1f;



	font-family: 'Montserrat', sans-serif;



	font-weight:normal;



	text-transform:capitalize;



}



.features .featuresWrap ul li a:hover {



	color: #333333;



	border-bottom: 3px solid #fecc40;



}



.features h3 {



font-size: 32px;



font-family: 'Montserrat', sans-serif;



padding: 30px 0 50px;



color: #333333;



text-align: center;



text-transform: uppercase;



}



.features .faIMg a {



	color: #999999;



}



.fa-th-large:before {



	margin-right: 10px;



}



/*products*/



.product {



	padding: 20px 0 0;



}



.product h2 {



	font-size: 24px;



	color: #333333;



	text-align: center;



	padding-bottom: 45px;



	font-family: 'Montserrat', sans-serif;



}



.product .assistWrap {



	padding: 20px 0 0px 0px;



}



.product .assist p {



	font-size: 15px;



	color: #999999;



	padding: 12px 0 20px 7px;



	font-weight: 300;



}



.product .assist p a {



	color: #666;



	}



.imgWrap {



	width:50px;



	height:50px;



	float:left;



	border-radius:50%;



}



.imgWrap img{ border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; width:50px; height:50px;}



.assist {



	width: 85%;



	float:left;



}



/*imageWrap*/



.imageWrap {



	padding:  50px 0 0 0;



}



.imageWrap .row, .headerTop .row, .headerBottom .row {



	margin: 0;



}



.imageWrap .row [class*="col-"] {



 padding: 0px;



}



.img-wrap {



	position:relative;



	overflow: hidden;



}



.img-wrap img{ max-width:inherit; width:100%;}



.overlay {



	position:absolute;



	top:0;



	left:0;



	background:rgba(0, 0, 0, 0.8);



	width:100%;



	height:100%;



	text-align:center;



	padding: 22% 4%;



	-webkit-transition: all 0.5s linear;



	-moz-transition: all 0.5s linear;



	-ms-transition: all 0.5s linear;



	-o-transition: all 0.5s linear;



	transition: all 0.5s linear;



	opacity:0;



	visibility:hidden;



}



.overlay hr {



	border-top: #515251 1px solid;



	border-bottom: #515251 1px solid;



	margin: 14px 0px;



	height: 2px;



}



.overlay p big {



	font-family: 'Montserrat', sans-serif;



	color:#fff;



	font-size:20px;



	text-transform:uppercase;



	line-height: 22px;



	display: inline-block;



	margin: 10px 0px;



}



.overlay p a {



	font-family: 'Montserrat', sans-serif;



	color:#333333;



	font-size:14px;



	line-height:16px;



	display:inline-block;



	padding: 10px 25px;



	text-align:center;



	border-radius:4px;



	background:#fecc40;



	text-transform:uppercase;



}



.overlay p a:hover {



	background: #C89403;



}



.overlay p i {



	font-size: 22px;



	line-height: 22px;



	vertical-align: middle;



}



.img-wrap:hover .overlay {



	visibility:visible;



	opacity:1;



	cursor:pointer;



}



/*description-wrap*/



.description {



	padding: 0 0 80px;



}



.description h3 {



	font-size: 32px;



	font-family: 'Montserrat', sans-serif;



	padding: 50px 0;



	color: #333333;



	text-align: center;



	text-transform: uppercase;



}



.description .descriptionBox {



	text-align: center;



}



.description .descriptionBox .roundBox {



	border-radius: 50%;



	background: #54f23a;



	width: 100px;



	height: 100px;



	margin: 0 auto;



	margin-bottom: 14px;



}



.description .descriptionBox .blue {



	background: #baddff;



}



.description .descriptionBox .blueBox h2 {



	color: #baddff;



}



.description .descriptionBox .red {



	background: #fe1111;



}



.description .descriptionBox .redBox h2 {



	color: #fe1111;



}



.description .descriptionBox .purple {



	background: #be20d1;



}



.description .descriptionBox .purpleBox h2 {



	color: #be20d1;



}



.description .descriptionBox .blueLight {



	background: #8fc8d1;



}



.description .descriptionBox .blueLightBox h2 {



	color: #8fc8d1;



}



.description .descriptionBox .blueHard {



	background: #8083ff;



}



.description .descriptionBox .blueHardBox h2 {



	color: #8083ff;



}



.description .descriptionBox .roundBox i {



	color: #ffffff;



	font-size: 36px;



	text-align: center;



	padding-top: 30px;



}



.description .descriptionBox h2 {



	font-size: 30px;



	color: #54f23a;



	font-family: 'Montserrat', sans-serif;



	text-align: center;



	font-weight: normal;



}



.description .descriptionBox span {



	font-size: 13px;



	color: #999999;



	text-align: center;



	display: block;



	font-family: 'Montserrat', sans-serif;



}



.description .descriptionBox .roundBox i.fa-home:before {



	padding-right: 0px;



}



/*footer*/



.footerMain {



	background: #ffcc40;



	padding: 25px 0 10px;



	font-family:'Montserrat', sans-serif;



}



.listing {



	padding:0;



	



}



.smallImgBox {



	max-width:83px;



	text-align:right;



}



.smallImgBox a {



	display:block;



	position:relative;



}



.smallImgBox p{font-size:11px; text-align: right; color: #000;



margin: 8px 9px 0px 0px; line-height:14px;}



/*.smallImgBox a:before {



	position:absolute;



	content:'';



	top:0;



	left:0;



	width:100%;



	height:100%;



	background:rgba(0, 0, 0, 0.3);



	-webkit-transition: all 0.5s linear;



	-moz-transition: all 0.5s linear;



	-ms-transition: all 0.5s linear;



	-o-transition: all 0.5s linear;



	transition: all 0.5s linear;



	visibility:hidden;



	opacity:0;



}



.smallImgBox a:hover:before {



	visibility:visible;



	opacity:1;



}*/



.img {



}



.img ul {



	margin:0;



	padding:0



}



.listing.img ul li {



	list-style-type:none;

	width:100%;



	display:inline-block;



	margin: 5px 10px 5px 0px;



}



.listing.img ul li:last-child{margin:5px 0px;}



.listing h3 {



	font-size: 18px;



	color: #000;



	font-family:'Montserrat', sans-serif;



	margin: 28px 0 13px 0px;



}



.listing ul {



	margin: 0;



	padding: 0;



	list-style: none;



}



.listing ul li {



	margin: 8px 0px;



	display:block;



}



.listing ul li a {



	font-size:14px;



	color: #000;



}



.listing ul li a:hover {



	color: #FFFFFF;



}



.careers {



	padding: 0 0 10px;



}



.careers p {



	font-size:14px;



	color: #000;



	padding: 0 0 5px;



	line-height: 20px;



}



.careers p a{color:#000;}



.contact {



	padding: 0 0 10px;



}



.contact p {



	font-size:14px;



	color: #000;



	line-height:20px;



}



.contact p span {



	color: #000;



}



.contact p a {



	color: #000;



	font-family:'Montserrat', sans-serif;



}



.contact p a:hover, .careers p a:hover {



	color: #FFFFFF;



}



.contact .fa-envelope:before {



	margin-right: 5px;



}



.footerOut {



	border-top: 1px solid #000;



	background: #ffcc40;



	padding: 8px 0;



	margin-top: 26px;



}



.footerOut ul {



	margin: 0;



	padding: 0;



	list-style: none;



}



.footerOut ul li {



	padding: 0 10px;



	float: left;



	border-left: 1px solid #000;



	line-height: 14px;



	color:#000;

	font-size:13px;

	text-shadow: 0px 1px 1px rgba(110, 109, 108, 1);



}



.footerOut ul li a {



	font-size: 14px;



	color: #000;



	font-family:'Montserrat', sans-serif;



}



.footerOut ul li a:hover {



	color:#fff;



}



.footerOut ul li:first-child {



	padding-left: 0;



	border: none;



}



.fa-calculator:before {



	padding-right: 10px;



}



.fa-home:before {



	padding-right: 10px;



}



/*contain*/



.contain {



}



.RowBox {



	padding: 30px 0;



}



.RowBox .aboutBox h2 {



	font-family:'Montserrat', sans-serif;



	font-size: 30px;



	color: #333333;



	font-weight: 700;



	text-transform: uppercase;



}



.RowBox .aboutBox p {



	font-size: 14px;



	color: #999999;



	padding: 20px 0 0;



}



.RowBox .callBox {



	background: #fecc40;



	padding: 20px 20px 5px;



	margin-bottom: 10px;



}



.RowBox .callBox h3 {



	font-family:'Montserrat', sans-serif;



	font-size: 18px;



	color: #9c7501;



	font-weight: 700;



	padding-bottom: 10px;



}



.RowBox .callBox a {



	font-size: 14px;



	font-weight: 700;



	color: #9c7501;



	display: block;



	padding-bottom: 10px;



}



.RowBox .callBox a span {



	font-weight: normal;



}



.RowBox .callBox strong {



	font-size: 18px;



	color: #9c7501;



	padding-bottom: 20px;



	display: block;



}



.RowBox .I-icon {



	float: right;



	font-size: 18px;



	color: #9c7501;



}



.RowBox .I-icon ul {



	margin: 0;



	padding: 0;



	list-style: none;



}



.RowBox .I-icon ul li {



	padding: 0 5px;



	float: left;



}



.RowBox .I-icon ul li a {



	font-size: 18px;



	color: #9c7501;



}



.numberWrap {



	background: #fffefb;



	padding: 30px 45px;



	margin-top: 20px;



}



.numberWrap h3 {



	font-family: 'Montserrat', sans-serif;



	font-size: 36px;



	color: #333333;



	text-align: center;



}



.numberWrap span {



	font-size: 14px;



	font-family: 'Roboto', sans-serif;



	color: #333333;



	text-align: center;



	display: block;



}



/*contact*/



.contain nav {



	padding: 20px 0 0;



}



.contain nav ul {



	margin: 0;



	padding: 0;



	list-style: none;



}



.contain nav ul li {



	float: left;



	padding: 0 20px 0 0;



}



.contain nav ul li a {



	font-size: 18px;



	color: #333333;



	font-weight: 700;



}



.contain nav ul li a:hover {



	border-bottom: 5px solid #fecc40;



}



.contain .map {



	border-bottom:#fdcc41 2px solid;



	height:800px;



	



}



.contactWrap {



	padding:70px 0px;



}



.column-wrap {



	height:200px;



	max-width:275px;



}



.contactWrap h2, .contact-section h2 {



	color: #434343;



	font-size:42px;



	margin-bottom: 30px;



	line-height: 45px;



	text-align:center;



	font-family: 'Montserrat', sans-serif;



}



.contactWrap h4 {



	font-size: 16px;



	color: #434343;



	font-weight:bold;



	border-bottom:#434343 1px solid;



	margin: 0px 0px 5px 0px;



	line-height: 50px;



}



.contactWrap h4 span {



	margin-right:10px;



}



.contactWrap p {



	color:#333;



	margin:5px 0px;



}



.contactWrap p a {



	color:#333;
	font-size:13px; 


}



.contactWrap p a:hover {



	color:#ECAD00;



}



.contact-section {



	background:#e5e5e5;



	padding:65px 0px;



}



.contact-form {



	max-width:975px;



	margin:0 auto;



}



.contact-form input[type="text"] {



	height:60px;



	border:none;



	border-radius:0px;



	box-shadow:none;



	-webkit-box-shadow:none;



	font-size:18px;



	padding:10px 30px;



	font-family: 'montserratlight';



}



.contact-form .form-group {



	margin: 20px 0px;



}



.contact-form .customSelect.styled {



	height:60px;



	width:100%;



	background:url(images/dropdown.png) right no-repeat #fff;



}



.contact-form .customSelectInner {



	width: 100%!important;



	padding: 17px 60px 18px 30px;



	font-size:18px;



	font-family: 'montserratlight';



}



.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {



 color:#9f9f9f;



}



.contact-form textarea {



	border:none;



	border-radius:0px;



	box-shadow:none;



	-webkit-box-shadow:none;



	font-size:18px;



	padding:20px 30px;



	font-family: 'montserratlight';



}



.contact-form input[type="submit"] {



	height:60px;



	border:none;



	border-radius:0px;



	box-shadow:none;



	-webkit-box-shadow:none;



	font-size: 20px;



	padding: 10px 70px;



	color:#fff;



	background:#fdcc41;



	webkit-transition: all 0.5s linear;



	-moz-transition: all 0.5s linear;



	-ms-transition: all 0.5s linear;



	-o-transition: all 0.5s linear;



	transition: all 0.5s linear;



	font-family: 'montserratlight';



}



.contact-form input[type="submit"]:hover {



	background: #CF9F18;



}



.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { /* Firefox 18- */



 color:#9f9f9f;



 opacity: 1;



}



.contact-forminput::-moz-placeholder, .contact-form textarea::-moz-placeholder {  /* Firefox 19+ */



 color:#9f9f9f;



 opacity: 1;



}



.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {



 color:#9f9f9f;



}



.info {



	margin-top: 10px



}



.info ul {



	margin: 0;



	padding: 0;



	list-style: none;



}



.info ul li {



	padding:5px 0 0;



}



.info ul li a {



	font-size: 14px;



	color: #999999;



}



.formWrap h2 {



	font-family: 'Montserrat', sans-serif;



	font-size: 24px;



	color: #333333;



	font-weight: 700;



	padding-bottom: 15px;



}



.formWrap i {



	position: absolute;



	top: 54px;



	left: 24px;



	color: #999999;



}



.formWrap input[type='email'], .formWrap input[type='tel'], .formWrap input[type='text'] {



	display:block;



	width:360px;



	border:1px solid #999999;



	border-radius: 3px;



	font-size: 14px;



	color: #999999;



	padding: 10px 25px;



	background: #fff;



	position: relative;



	margin-bottom: 20px;



}



.formWrap .form-group textarea {



	max-width: 555px;



	border:1px solid #999999;



	border-radius:3px;



	font-size: 14px;



	color: #999999;



	padding: 10px 25px 150px;



	background: #fff;



	position: relative;



	margin-bottom: 20px;



}



.formWrap input[type=submit] {



	text-transform:uppercase;



	background: #fecc40;



	padding: 10px 0;



	border-radius: 5px;



	font-size: 14px;



	color: #333333;



	font-weight: 900;



	width: 20%;



	border: none;



	position: relative;



}



.formWrap input[type=submit] i {



	position: absolute;



	top:10px;



	right: 10px;



}



/*news*/



.news h2 {



	font-family: 'Montserrat', sans-serif;



	font-size: 30px;



	color: #333333;



	font-weight: 700;



	padding:30px 15px 0 0;



	text-transform: uppercase;



}



.post {



	padding: 25px 0 0;



}



.post .smallImgWrap {



	border: 1px solid #eeeeee;



	position:relative;



}



.post .countBox h3 {



font-family:'Montserrat', sans-serif background: #fecc40;



	padding: 8px;



	font-size: 14px;



	color: #9c7501;



	position: absolute;



	top:-10px;



	left: 0;



}



.post .rhinoText h3 {



	font-family: 'Montserrat', sans-serif;



	font-size: 16px;



	color: #333333;



	font-weight: 700;



}



.post .rhinoText small {



	font-family:'Montserrat', sans-serif;



	font-size: 14px;



	color: #999999;



	padding-bottom: 20px;



	display: block;



}



.post .rhinoText p {



	font-family: 'Montserrat', sans-serif;



	font-size: 14px;



	color: #999999;



	padding: 0 0;



}



/*product-description*/



.news p {



	font-size: 14px;



	color: #999999;



	padding: 20px 0 0px;



}



.call {



	padding: 30px 0;



}



.call h3 {



	font-family: 'Montserrat', sans-serif;



	padding-bottom: 20px;



	font-size: 18px;



	color: #333333;



	font-weight: 700;



}



.call a {



	font-size: 14px;



	color: #999999;



	font-weight: 700;



	display: block;



	padding-bottom: 5px;



}



.call a i {



	font-size: 14px;



	color: #999999;



}



.call a:hover {



	color: #99c7ff;



	text-decoration: underline;



}



.fa-arrow-down {



	padding-right: 10px;



}



/*product-item*/



.product-item .pure-button {



	margin-top:30px;



	font-size: 14px;



	color: #8b0000;



	border-radius: 3px;



	background:#fecc40;



	-moz-border-radius:3px;



	-webkit-border-radius:3px;



	border: none;



	display:inline-block;



	cursor:pointer;



	padding:7px 14px;



	text-shadow:0px 1px 0px #8b0000;



}



.product-item .pure-button .fa-arrow-down:before {



	padding-left: 10px;



}



.GuardrailsSection {



	padding: 50px 0 20px;



}



.GuardrailsSection h3 {



	font-family: 'Montserrat', sans-serif;



	padding-bottom: 20px;



	font-size: 18px;



	color: #333333;



	font-weight: 700;



	text-transform: uppercase;



}



.GuardrailsSectionWrap {



	padding: 10px 0;



}



.GuardrailsSectionWrap img {



	display: block;



}



.GuardrailsSectionWrap .textBox {



	border: 1px solid #eeeeee;



	border-top: none;



}



.GuardrailsSectionWrap .textBox h2 {



	font-size: 18px;



	color: #464646;



	text-align: center;



	padding: 20px 0;



	font-weight: 700;



}



.GuardrailsSectionWrap .textBox p {



	text-align: center;



	font-size: 14px;



	color: #999999;



	padding: 10px 18px;



}



.GuardrailsSectionWrap .textBox .pure-button {



	font-size: 14px;



	color: #8b0000;



	border-radius: 3px;



	background:#fecc40;



	-moz-border-radius:3px;



	-webkit-border-radius:3px;



	border: none;



	display:block;



	margin:20px 69px;



	cursor:pointer;



	padding:7px 14px;



	text-shadow:0px 1px 0px #8b0000;



}



.GuardrailsSectionWrap .textBox .fa-eye:before {



	padding-left: 10px;



}



.GuardrailsSection h2 {



	font-family:'Montserrat', sans-serif;



	padding-bottom: 20px;



	font-size: 30px;



	color: #333333;



	font-weight: 700;



}



.GuardrailsSectionWrap .rope {



	border: 1px solid #eeeeee;



}



.GuardrailsSectionWrap .rope img {



	margin: 0 auto;



}



.GuardrailsSectionWrap .rope .textBox {



	border: none;



}



/*projects*/



.projects h2 {



	font-family: 'Montserrat', sans-serif;



	font-size: 30px;



	color: #333333;



	font-weight: 700;



	padding:30px 15px 0 0;



}



.about-section {



	



	



	border-bottom:4px #fecc40 solid;



}



.content {



	padding-top:270px;



	max-width:1070px;



}



.content h2 {



	font-size:60px;



	color:#999999;



	line-height:66px;



}



.content p {



	color:#999;



	margin:30px 0px;



	font-size:18px;



}



.about-section1 {



	padding:70px 0px;



}



.about-section1 h2, .health-section1 h2 {



	color:#434343;



	font-size:36px;



	line-height:40px;



	font-weight:bold;



}



.about-section1 p {



	font-size:15px;



	margin:20px 0px;



}



.about-section1 .pure-button a {



	background: #fecc40;



	text-shadow: none;



	font-family: 'Lato', sans-serif;



	border-bottom:#ffbc00 3px solid;



}



.about-section1 .pure-button a img {



	vertical-align: middle;



}



.about-section1 .pure-button a:hover {



	background: #DDA301;



}



.map-wrap {



	padding-top: 65px;



	border-radius:5px;



	border-bottom:rgba(202, 202, 202, 0.35) 2px solid;



}



.breadcrumb-wrap {



}



.breadcrumb-wrap #breadcrumbs {



	padding: 20px 0px;



	margin-bottom: 0px;



	background: none;



	border-radius: 0px;



}



.breadcrumb-wrap .fa-home:before {



	padding-right: 0px;



}







.breadcrumb-wrap .breadcrumb > li a {



	color:#999999;



	font-family: 'montserratregular';



}



.breadcrumb-wrap .breadcrumb > li:last-child {



	color:#ccc;



	font-size:14px;



}



.breadcrumb-wrap .breadcrumb > li a i {



	font-size:18px;



}



.breadcrumb-wrap .breadcrumb > li + li:before {



	color:#203054;



}



.news-section, .product-section {



	padding-top: 10px;



}



.blog {



}



.blog-wrap {



	padding-bottom:40px;



	border-bottom:#f5f5f5 1px solid;



	margin-bottom:50px;



}



.blog-wrap p {



	color:#999;



	font-family: 'montserratregular';



	line-height:24px;



}



.blog-wrap:last-child {



	border:none;



}



.news-section h2 {



	color:#203054;



	font-size:20px;



	line-height:26px;



	margin: 5px 0px;



	font-family: 'montserratregular';



}



.news-section h2 a {



	color:#203054;



}



.blog-wrap ul {



	margin:0;



	padding:0;



}



.blog-wrap ul li {



	list-style-type:none;



	display:inline-block;



	margin:0px 15px 0px 0px;



	font-family: 'montserrathairline';



}



.blog-wrap ul li p {



	color:#666;



}



.blog-wrap ul li p span {



	font-weight:bold;



	font-family: 'Montserrat', sans-serif;



}



.tag {



	text-align:right;



}



.blog-img {



	max-width:869px;



	margin:20px 0px;



}



.side-bar {



}



.form-wrap {



}



.form-wrap .form-group {



	position:relative;



	margin:20px 0px;



}



.form-wrap input[type="text"] {



	background: #f5f5f5;



	border-radius: 30px;



	padding: 0px 48px 0px 20px;



	border: #eeeeee 1px solid;



	height: 40px;



	-webkit-box-shadow: none;



	box-shadow: none;



}



.form-wrap input[type="submit"] {



	background: url(images/search.png)0px 10px no-repeat;



	width: 40px;



	height: 40px;



	border: none;



	position: absolute;



	right: 0;



	top: 0;



	margin: 0px 0px 0px 0px;



}



.side-bar .form-wrap input[type="submit"]:hover {



	background: url(images/search.png)0px 10px no-repeat;



}



.side-bar ul {



	margin:0px;



	padding:0;



}



.side-bar ul li {



	list-style-type:none;



	display:block;



	margin: 10px 0px;



}



.side-bar ul li a {



	color:#999999;



	font-size:14px;



	font-family: 'montserratlight';



}



.side-bar ul li a:hover {



	color:#000;



}



.inner-content {
position:relative; 
}



.inner-content h2 {



	text-align:right;



}



.inner-content h2 span {



	font-family: 'montserratregular';



	color:#464646;



	font-size:30px;



	text-transform:uppercase;



	line-height:34px;



	border-bottom:#fecc40 5px solid;



	display:inline-block;



}



.inner-content p {



	color:#999999;



	line-height:24px;



	margin:20px 0px;



}



.inner-content h3 {



	color:#464646;



	font-size:18px;



	text-transform:uppercase;



	font-family: 'montserratregular';



	border-bottom:#f6f6f6 3px solid;



	line-height:30px;



}



.inner-content p strong {



	color:#464646;



	font-size:16px;



	font-family: 'montserratregular';



}



.left {



	width:30%;



	float:left;



}



.right {



	width:70%;



	float:left;



}



.inner-content ul {



	margin:0;



	padding:10px 0px;



}



.inner-content ul li {



	list-style-type:none;



	display:block;



	margin:10px 0px;



}



.inner-content ul li p {



	margin:0px 0px;



}



.product-section {



	padding-bottom:50px;



}



.carousel-wrap {



}



.carousel-wrap .flex-control-nav {



	text-align: left;



	bottom: -28px;



	width: 66%;



}



.carousel-wrap .flex-control-nav li {



	margin: 0px 6px 0px 0px;



}



.carousel-wrap .flex-control-paging li a {



	width: 25px;



	height: 10px;



	display: block;



	-webkit-border-radius: 0px;



	border-radius: 0px;



	background: #ececec;



	box-shadow:none;



}



.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {



	background:#fecc40;



}



.image {



	max-width:770px;



}



.carousel-wrap .flex-control-nav:before {



	position: absolute;



	content: '';



	bottom: 0;



	margin: 0px 0px 10px 0px;



	background: #ececec;



	height: 10px;



	right: 0;



	width: 80%;



}



/*.carousel-wrap .flex-control-nav li:last-child {



width: inherit;



float: left;



}



.carousel-wrap .flex-control-nav li:last-child a {



width: 100%;



}*/



.product-section1 {



	padding:50px 0px;



}



.product-section1 h3 {



	font-size:24px;



	color:#464646;



	font-family: 'montserratregular';



	line-height:26px;



	text-transform:uppercase;



	font-weight:bold;



}



.image-wrap {



	max-width:270px;



	border:#eeeeee 1px solid;



	padding:15px 15px;



	text-align: center;



	margin:20px 0px;



}



.image-wrap p {



	color:#999;



	font-size:18px;



	margin:10px 0px 0px 0px;



	line-height:24px;



}



.image-wrap p a {



	color:#999;



}



.image-wrap p a:hover {



color: #000;



}



.product-section1 .carousel-wrap {



	border-top:#cccccc dotted 2px;



	margin:10px 0px;



}



.product-section .carousel-wrap .flex-direction-nav {



	top: 100%;



	margin-top: 18px;



}



.product-section .carousel-wrap .flex-direction-nav a {



	top: 0;



}



.carousel-wrap .flex-direction-nav {



	position:absolute;



	top: -15px;



	right: 27px;



}



.carousel-wrap .flex-direction-nav a {



	width: 28px;



	height: 28px;



	top: 54%;



	opacity: 1;



	background:url(images/sprite-nav1.png)0px 0px no-repeat;



}



.carousel-wrap .flex-direction-nav .flex-prev {



	left: -30px;



}



.carousel-wrap .flexslider:hover .flex-prev {



	left: -30px;



}



.carousel-wrap .flex-direction-nav .flex-next {



	right: -28px;



	background-position: -28px 0px;



}



.carousel-wrap .flexslider:hover .flex-next {



	right: -28px;



}



.item-section {



	background: url(images/detail.jpg)center center no-repeat;



	min-height:600px;



	background-size: cover;



	-moz-background-size: cover;



	-webkit-background-size: cover;



	-ms-background-size: cover;



	-o-background-size: cover;



}



.item-section1 {



	padding:0px 0px;



}



.list-image {



	text-align:center;

min-height: 420px;

	margin: 50px 0px;



}



.image-holder {



	height: 235px;



}



.list-text {



	text-align:center;



	max-width:80%;



	margin:10px auto;



}



.list-text h2 {



	color:#333333;



	font-size:30px;



	font-family: 'montserratregular';



	line-height:34px;



	margin: 15px 0px;



}



.list-text h2 a {



	color:#333333;



}



.more {



	color: #8b0000;



	font-family: 'montserratregular';



	font-size: 18px;



	background: #fecc40;



	border-radius: 4px;



	text-align: center;



	display: inline-block;



	padding: 10px 40px;



	text-transform: uppercase;



	margin: 25px 0px;

	position:absolute;

	bottom:0;

	left: 177px;



}



.more:hover {



	background: #CB9A11;



	color:#000;



}



.more .fa {



	font-size: 30px;



	line-height: 16px;



	vertical-align: middle;



}



.technical-section {



	



}



.technical-section1 {



}



.breadcrumb-wrap .fa-home:before {



	padding-right: 0px;



}



.technical-section1 h2 {



	color:#333333;



	font-weight:bold;



	text-transform:uppercase;



	text-align:center;



	font-family: 'montserratregular';



	margin:20px 0px;



}



.technical-section1 .banner-content {



	text-align:center;



}



.technical-section1 hr {



	max-width:145px;



	height:5px;



	background:#333333;



	border:none;



	margin:15px auto;



}



.four-column {



	margin:30px 0px;



}



.four-column h4 {



	color:#333;



	font-family: 'montserratregular';



	font-size:18px;



	text-transform:uppercase;



	margin:15px 0px;



}



.four-column ul {



	margin:0;



	padding:0;



}



.four-column ul li {



	list-style-type: none;



	display: block;



	margin: 5px 0px;



	padding-left: 20px;



	position: relative;



}







.four-column ul li a{color:#999;}



.four-column ul li:before {



	position:absolute;



	content: "\f1c1";



	font-family:'FontAwesome';



	color:#fecc40;



	top:0;



	left:0;



	font-size:14px;



}



.button {



	cursor: pointer;



}



.button:active, .button.is-checked {



}



.button.is-checked {



}



.button:active {



}



/* ---- button-group ---- */







.button-group:after {



	content: '';



	display: block;



	clear: both;



}



.button-group .button {



}



/* ---- isotope ---- */







.isotope {



}



/* clear fix */



.isotope:after {



	content: '';



	display: block;



	clear: both;



}



/* ---- .element-item ---- */







.element-item {



	position: relative;



}



.element-item > * {



	margin: 0;



	padding: 0;



}



.element-item .name {



	position: absolute;



	left: 10px;



	top: 60px;



	text-transform: none;



	letter-spacing: 0;



	font-size: 12px;



	font-weight: normal;



}



.element-item .symbol {



	position: absolute;



	left: 10px;



	top: 0px;



	font-size: 42px;



	font-weight: bold;



	color: white;



}



.element-item .number {



	position: absolute;



	right: 8px;



	top: 5px;



}



.element-item .weight {



	position: absolute;



	left: 10px;



	top: 76px;



	font-size: 12px;



}



.health-section1 {



	background: #e8e8e8;



	padding:70px 0px;



}



.health-section1 h2 {



	text-align:left;



}



.health-section1 p {
  color: #333;
  line-height: 24px;
  margin: 40px 0px 20px;
  font-size: 16px;
}

.health-section2 {



	background: #f1eff0;



	padding:50px 0px 0px 0px;



}



.health-section2 h2 {



	color:#434343;



	font-weight:bold;



	text-transform:uppercase;



	font-size:20px;



}



.column {



	text-align:center;



	position:relative;



	border-right:#dcdcdc 1px solid;



	padding:60px 30px 60px 0px;



}



.column p {



	color:#333;



	line-height:24px;



	margin:20px 0px 0px 0px;



	font-size:16px;
	text-align:left; 



}



.column:before {



	position:absolute;



	top:0;



	right: 0;



	background:url(images/eclipse.png)0 0 no-repeat;



	width:16px;



	height:16px;



	content:' ';



	margin: -15px -9px 0px 0px;



}



.no-border.column {



	border:none;



}



.no-border.column:before {



	display:none;



}



.health-section1 .map-wrap {



	border:none;



}



.scroll {



}



.scroll p small {



	color:rgba(255, 255, 255, 0.5);



	font-size:14px;



	text-transform:uppercase;



}



.acf-map {



	width: 100%;



	height: 800px;



}



.blog-wrap .tag ul li{ width:65px;}







/*breadcrumb*/



.control .breadcrumb {



	padding:20px 0 20px 0;



	margin-bottom: 0px;



	list-style: none;



	background-color: transparent;



	border-radius: 0px;



}



.control .breadcrumb ul {



	padding:0px;



}



.control .breadcrumb ul li {



	display: inline-block;



	font-size: 14px;



	color: #999999;



	margin-right: 10px;



}



.control .breadcrumb ul li a {



	color: #999999;



	position: relative;



	font-weight: normal;



}



.control .breadcrumb ul li a:after {



	position: absolute;



	content: '/';



	top: -1px;



	right: -5px;



	display: block;



}



.control .breadcrumb a {



	color: #999999;



}



.breadcrumb-wrap .breadcrumb {



	padding: 20px 0px;



	margin-bottom: 0px;



	background: none;



	border-radius: 0px;



}



.flexslider .slides img{ max-height:680px;}







/*Added*/



.feature-img{ position:relative; overflow:hidden; }



.feature-img .img-overlay{ position:absolute; text-align:center;  top:-100%; left:-100%; width:100%; height:100%; background:rgba(0,0,0,0.8);   transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s;  }



.feature-img:hover .img-overlay{   top:0px; left:0px;}



.feature-img .img-overlay a {



font-family: 'Montserrat', sans-serif;



color: #333333;



font-size: 14px;



line-height: 16px;



display: inline-block;



padding: 10px 25px;



text-align: center;



border-radius: 4px;



background: #fecc40;



text-transform: uppercase;



position:absolute; top:50%; margin-top:-16px; left:50%; margin-left:-75px; 



}



.contact .acc a.acc-title {



color: #000;



font-family: 'Montserrat', sans-serif;



}



.contact .acc .acc-content{ display:none; background: #F9C73F;



margin-bottom: 10px;



margin-left: 20px;



padding: 5px; }







.acc-content p {



font-size: 11px;



color: #524D4D;



}



.side-scroller {



  overflow: hidden;



  white-space: nowrap;



  margin-bottom: -1px;



}



.side-scroller .tiles {



  position: relative;



  z-index: 0;



}



.side-scroller .tiles .tile {



  background:#CCC;



  white-space: normal;



  text-align: center;



  color: #fff;



  background-position: center center;



  background-size: cover;



  background-repeat: no-repeat;



  display: table;



  float: left;



  width: 341.5px;



  height: 257px;



  position:relative; 



}



.side-scroller .tiles .tile:after { position:absolute; top:0px; right:0px; height:100%; width:1px; background:#fff; content:''; }







.side-scroller .tiles .tile .info {



  display: table-cell;



  background: rgba(0, 0, 0, 0.5);



  vertical-align: middle;



  padding: 10px;



  -ms-box-sizing: border-box;



  -moz-box-sizing: border-box;



  -webkit-box-sizing: border-box;



  box-sizing: border-box;



  visibility: hidden;



}



.side-scroller .tiles .tile .tile-title {



  border-bottom-width: 1px;



  border-bottom-style: solid;



  line-height: 1;



  margin: 0 40px;



  padding: 10px;



  font-weight: bolder;



}



.side-scroller .tiles .tile .view-link {



  text-transform: uppercase;



  color: #fff;



  font-weight: bolder;



}



.side-scroller .tiles .tile .view-link:before {



  content: '//';



  padding: 0 0.5em 0 .5em;



  font-weight: bolder;



}



.side-scroller .tiles .tile .view-link:after {



  content: '//';



  padding: 0 0.5em 0 .5em;



  font-weight: bolder;



}



.side-scroller .tiles .tile:hover .info {



  visibility: visible;



}



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



  .side-scroller .tiles .tile .info {



    visibility: visible;



  }



}



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



  .side-scroller {



    position: relative;



  }



  .side-scroller .go-next {



    content: '';



    background: transparent url(images/work-arrows.png) no-repeat 0 0;



    width: 21px;



    height: 40px;



    position: absolute;



    margin-top: -20px;



    display: block;



    text-indent: -10000px;



    font-size: 0;



    pointer-events: all;



    background-position: -21px 0;



    right: 10px;



    top: 50%;



  }



  .side-scroller .tiles .tile .info {



    visibility: visible;



    opacity: 0;



    -moz-transition: opacity 0.25s ease;



    -o-transition: opacity 0.25s ease;



    -webkit-transition: opacity 0.25s ease;



    transition: opacity 0.25s ease;



  }



  .side-scroller .tiles .tile.reveal .info {



    opacity: 1;



  }



}



.headerBottom.affix {

top: 0px;

left: 0px;

width: 100%;

}

.files-list ol li{ margin-bottom:10px; }

.files-list ol li a{ color:#666;   }

.contact-form div.wpcf7-mail-sent-ok{ border:none; }

.contact-form  .wpcf7-validation-errors{ border:none; }

.about-section1 h2{ text-align:center; }

.map-wrap{ padding-top:25px; }

.headerMain.affix{ position:fixed; } 

/*.files-list ol li{ display:block; width:100%; float:none; }

.files-list ol li p {

color: #CCC;

font-weight: normal;

font-size: 12px;

padding-left: 14px;

}

*/

.map-outer #map-canvas{ width:100%; height:700px; }

.map-outer .gm-style-iw{ max-width:400px; }

.gmnoprint img, .map-outer img {  max-width: none; }

.map-outer h1{ font-size:24px; margin-bottom:10px;  }

.map-outer a{ color:#000; }

.technical-section .headervid{position: absolute;

width:100%; height:100%; position:relative; display:block; }

.technical-section{  position:relative;    }

.technical-section h2{ z-index:99; position:absolute; top:0px; left:0px; width:100%;  text-align:center; color:#fff;  padding-top:240px; font-size:90px; font-weight:bold; }

.technical-section .overlay1{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:98;  }

.technical-section  .overlayed {

position: absolute;

left: 0px;

top: 0px;

width: 100%;

height: 100%;

background: url(images/header-overlay.png) repeat;

z-index: 2;

}





.scrollin {

bottom: 30%;

position: absolute;

left: 48%;

text-align: center;

}



.map-outer h2{ font-size:24px; color:#666; }

 .headerBottom .row,  .headerTop  .row{ max-width:1350px; margin:0 auto;}

#banner.flexslider .slides > li{ position:relative; }

#banner.flexslider .slides > li .bannerBox img{ width:auto !important; max-width:100%; height:auto !important;  }

.bannerBox .scroll p a{ display:inline-block;  }

.slider-bottom {

position: absolute;

width: 100%;

text-align: right;

bottom: 90px;
left:0px; 

}

.flexslider .slides .pure-button a img{ display:inline-block; }

.bannerBox h2 {

font-size: 40px;

color: #fff;

padding-bottom: 10px;

font-family: 'Montserrat', sans-serif;

text-transform: uppercase;

text-align: center;

line-height: 45px;

text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);

margin-bottom: 220px;

padding: 15px;
display:inline-block; 
border:4px solid #fff; 

}
a.play-video {
position: absolute;
bottom: 320px;
left: 50%;
font-size: 80px;
margin-left: -40px;
color: rgba(255, 255, 255, 0.75);
line-height:80px;
max-width:70px;  
height:70px; 
width:70px; 
background: rgba(49,48,64,.8) url(images/play-icon.png) center center no-repeat;
border-radius: 14px;
background-size: 60px 60px;
}
a.play-video:before {
  position: absolute;
  display: block;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 1px solid #fff;
  border-radius: 12px;
  }
.bannerBox .scroll p a {
display: inline-block;
background: rgba(255, 204, 64, 0.87);
color: #fff;
font-size:30px; 
background: url(images/down-angle.png) top left no-repeat; 
width: 60px;
height: 30px;
background-size: 60px 30px;
padding:0px; 
}
.flexslider .slides a.scroll1 img{ display:none; } 
.small-layout{ display:none; }
.small-layout .carousel li{ margin:0px; }
.small-layout .flex-direction-nav .flex-next:before, .small-layout .flex-direction-nav .flex-prev:before { color:#fff;  content:'\f105'; font-size:40px; line-height:40px; left:15px; top:0px; position:absolute;  font-family:'FontAwesome'; text-indent:0px;  }
.small-layout .flex-direction-nav .flex-prev:before{ content:'\f104';   }
.small-layout .flex-direction-nav a {
background:none; 
opacity: 1;
right: 0;
position: absolute;
height: 40px;
width: 40px;
}
.banner-content{ text-align:right; position:relative;  }
#fancybox-overlay, #fancybox-wrap{ z-index:99999 !important; }
a.product-video {
font-size: 60px;
position: absolute;
top: 50%;
left: 50%;
color: #FFCC40;
line-height: 60px;
margin-left: -30px;
margin-top: -30px;
max-width:60px; 
}
.scrollin a {
display: block;
max-width: 60px;
}
.about-section{ position:relative; }
a.scroll-me {
display: inline-block;
max-width: 60px;
position: absolute;
bottom: 130px;
left: 50%;
margin-left: -30px;
}
.item-section{ position:relative; }
.column{ min-height:400px; }
.product-items{ 	
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-position:top center; 
background-repeat:no-repeat; 
}
.navigation .navbar-nav > li ul.sub-menu{ position:absolute; top:100%; left:0px; width:200px; background: #000;
list-style: none;
padding: 18px  0px 0px;
display:none; }
.navigation .navbar-nav > li:hover ul.sub-menu{ display:block; }
.navigation .navbar-nav > li{ line-height:26px; }
.navigation .navbar-nav > li ul.sub-menu a{ display:block; padding-left:15px; color:#fff; border-bottom: 1px solid #454242; text-transform:uppercase;  }
.navigation .navbar-nav > li ul.sub-menu a:hover {background-color:#FFCC40}
.outBox.big-screen {
padding: 60px 0px;
background: #E8E5E5;
margin-top:60px; 
}
.quote{
	margin-top:6px;
}
.footerMain .container .container{
	width:100%;
}