body, html{height:100%; width:100%; }
body{font-family: 'Open Sans', sans-serif; }
body a{transition: all ease-in-out 0.2s; }
.menu {
    margin-right: -60px;
}
.navbar-center{display:inline-block; float:none; }
.navbar-nav li a{color:#fff; font-size:16px; font-weight:300; }
.navbar-nav li a:hover, .navbar-nav li a:focus, .navbar-nav li a:active, .navbar-nav li.open a,.navbar-nav li a.active{background:none !important; color:#fff;}
.dropdown-menu {
    background: #af8856  none repeat scroll 0 0;
	border:0px;
	padding:15px 0px;
}
.dropdown-menu li {
    list-style: outside none none;
}
.dropdown-menu li a {
    display: block;
    line-height: 21px;
    margin-bottom: 5px;
    padding: 0 15px;
	font-weight:300;
	
}
.navbar-nav li.active a{font-weight:400; }
.dropdown-menu li.active a{font-weight:400;color:#000; }
.banner{
	margin-top: -300px;
    min-height: 100%;
    position: relative;
    width: 100%;
    z-index: 9;
}
.banner-text{position:absolute; width:454px; display:inline-block; left:0; right:0; margin:auto; text-align:center; top:153px; }
.banner-text p{font-size:14px; color:#8d8d8d; margin-top:15px; line-height:20px; }
.who{width:100%;/*  min-height:100%;  */ background:url(../img/banner-2.jpg) no-repeat; background-size:cover; font-weight:300; }
.who span{width:100%; font-size:36px; float:right; margin-bottom:25px; }
.who-txt{float:right; margin-top:100px; max-width:550px; font-size:16px; line-height:23px;  margin-bottom: 100px;}
.who-txt a{display:inline-block; color:#893b7e; margin-top:10px; }
.clients{padding:40px 0; text-align:center; }
.client-head{width:100%; color:#59c036; font-size:42px; font-weight:300; margin-bottom:15px; }
.owl-prev, .owl-next{position:absolute; height:29px; width:45px; display:inline-block; background:red; top:25px; }
.owl-prev{left:-30px; background: url(../img/arrow-left.png) no-repeat center; }
.owl-next{right:-30px; background: url(../img/arrow-right.png) no-repeat center; }
.sub-banner{line-height:84px; }
.contact-head{
	 color: white;
    font-weight: 600;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.contat-control{
	 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    color: white;
    font-size: 16px;
    padding: 8px 15px;
    resize: none;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
input[type=text].contat-control:focus, textarea.contat-control:focus{border-color:#ed3338; }
.contact-row{margin:0 -5px; }
.contact-row .col-sm-4, .contact-row .col-sm-12{padding:5px; }
.map iframe{width:100%; height:548px; float:left; }
.map {
    margin-top: 50px;
}
.contat-control[type=submit]:hover{
	background: rgb(180, 115, 60) none repeat scroll 0 0;
    border-color: rgb(180, 115, 60);
}

.grid-gallery ul {list-style: none; margin: 0;padding: 0; width:100%; }

.grid li{padding:0; background:#3c0460; position:relative; }
.grid li:after{width:16px; height:16px; content:'\f0c1'; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; font-family: FontAwesome; color:white; font-size:23px; line-height:40px; cursor:pointer; width:40px; height:40px; background:#3c0460; border-radius:100%; border:1px solid white; text-align:center; opacity:0; }

.grid li:hover:after{opacity:1; }
.grid li img{max-width:100%; transition:all 0.3s ease-in-out; cursor:pointer; }
.grid li:hover img {opacity: 0.6}

.grid figcaption {background: #e4e4e4;padding: 25px; }

.slideshow {position: fixed;background: rgba(0,0,0,0.6);width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;opacity: 0;visibility: hidden; overflow: hidden; -webkit-perspective: 1000px;perspective: 1000px; -webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s; }

.slideshow-open .slideshow {opacity: 1;visibility: visible; -webkit-transition: opacity 0.5s;transition: opacity 0.5s; }

.slideshow ul {width: 100%;height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0,0,150px); transform: translate3d(0,0,150px); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

.slideshow ul.animatable li {-webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

.slideshow-open .slideshow ul {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); }

.slideshow li {width: 660px; height: 560px; position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -330px; visibility: hidden; }
.slideshow li.show {visibility: visible; }
.slideshow li:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,0.8); -webkit-transition: opacity 0.3s;transition: opacity 0.3s; }
.slideshow li.current:after {visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; }
.slideshow nav span {position: fixed; z-index: 1000; color: #59656c; text-align: center; padding: 3%; cursor: pointer; font-size: 2.2em; }
 h5{font-size: 18px; font-weight: 600; color:#333; }

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.slideshow nav span.nav-next {right: 0; }

.slideshow nav span.nav-close {top: 0; right: 0; padding: 0.5em 1em; color: #31373a; }

.icon:before,
.icon:after {font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

span.nav-prev:before {content: "\f053"; }

span.nav-next:before  {content: "\f054"; }

span.nav-close:before {content: "\f00d"; }
.inner-logo{
	position:absolute;
	z-index:999;
	background:#fff;
}
.inner-logo img{
	 max-width: 100%;
    position: relative;
    z-index: 9999;
}
.inner-header{height:62px;background:#905f2b url(../img/top-header-bg.png) no-repeat;padding:0 90px;}
.logo-bg {
	background:url("../img/logo-pattern.png") no-repeat;
    height: 62px;
    position: absolute;
    width: 100%;
}
.inner-header .navbar-center{float: right; margin-top: 6px; }
.inner-banner {width: 100%; float: left; background-size: 100% !important; margin-top:103px; }
.inner-banner img{ max-width:100%}
	.gallery-section {width: 100%; float: left; background: #f3f3f3; padding: 30px 0; }
.abt-section{padding:30px 0; }
/* .abt-head {width: 100%; float: left; font-size: 40px; color: #0052a4;border-bottom: 1px solid #bcbdbf; padding-bottom: 10px; margin-bottom:25px; position:relative;}
.abt-head:after{ width:75px; height:5px; display:inline-block; content:""; background:#0052a4; position:absolute; left:0; bottom:-3px;} */
.contact-btn {width: 100%; display: inline-block; background: #ed3338; font-size: 24px; border-radius: 5px; border:0; color: white; padding: 15px 0; }

.contact-wrap{
	color: #fff;
    font-size: 15px;
    line-height: 26px;
    padding: 0;
}
.contact .container{
	padding:0px;
}
.contact-wrap h5{
	color: #fff;
}
.validation {width: 100%; float: left; margin-top: -21px; margin-bottom: 15px; color: red; }
.contact-txt{height:40px; box-shadow:none; border-radius:0; }

#portfolio .row{margin:0; padding:0 15px; }
#portfolio .title h2 {font-size: 22px; color: #222222; font-weight: 700; margin: 0 0 10px 0; }
#portfolio .title span {font-size: 15px; font-weight: 300; }
#portfolio .work-item {margin-top: 40px; }
#portfolio .work-item h4 {font-size: 16px; font-weight: 600; color: #222; margin: 20px 0 5px 0; }
#portfolio .work-item span {color: #cc2f3a; }
#portfolio .work-item .image-holder {overflow: hidden; position: relative; margin-bottom:10px; }
#portfolio .work-item .image-holder img {width: 100%; }
#portfolio .work-item .image-holder .overlay {zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; position: absolute; width: 100%; height: 100%; background: #cc2f3a; color: #fff; top: 0; left: 0; text-align: center; }
#portfolio .work-item .image-holder .overlay a {zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 650ms ease-in-out; -moz-transition: all 650ms ease-in-out; -o-transition: all 650ms ease-in-out; transition: all 650ms ease-in-out; visibility: hidden; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; color: #fff; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.1); display: block; text-align: center; line-height: 50px; }
#portfolio .work-item .image-holder:hover .overlay {zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }
#portfolio .work-item .image-holder:hover .overlay a {zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }
#portfolio .filters {margin-top: 60px; margin-bottom: 40px; list-style: none; padding: 0; }
#portfolio .filters li {display: inline-block; margin: 0 15px; font-size: 14px; cursor: pointer; }
#portfolio .filters li.active {color: #cc2f3a; }
#portfolio #Grid .mix {display: none; opacity: 0; }








#lightbox {cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:9999; background: #000000; /* IE Fallback (Solid Colour) */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.7); -webkit-filter: none !important; }
#lightbox img {display: block; position: absolute; border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; }
body.blurred > * {-webkit-filter: blur(2px); -webkit-transform: translate3d(0, 0, 0); }
.lightbox-loading {background: url(../images/loading.gif) center center no-repeat; width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.lightbox-caption {display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0, 0, 0, 0.7); }
.lightbox-caption p {margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
.lightbox-button {position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.lightbox-button:hover,
.lightbox-button:focus {opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.lightbox-close {right: 10px; top: 10px; background-image: url('../img/close.png'); }
.lightbox-next {right: 10px; top: 48%; background-image: url('../img/next.png'); }
.lightbox-previous {left: 10px; top: 48%; background-image: url('../img/previous.png'); }

.ls-img img{width:100%; position:relative; transition:all ease-in-out 0.7s; }
.ls-img, .ls-cnt{width:100%; float:left; overflow:hidden; }
.ls-img:hover > img{transform:scale(1.1,1.1)}
.ls-img{border:1px solid white; transition:all ease-in-out 0.7s; }
.ls-img:hover{border-color:#ce2d35; }

.ls-cnt span{width:100%; font-size:15px; font-weight:600; float:left; line-height:30px; }
.ls-cnt{margin-top:10px; margin-bottom:20px; }
.dtls-img{width:100%; float:left}
.dtls-img img{width:100%; }
.dtls-head{width:100%; float:left; font-size:18px; font-weight:600; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #CCC; }
.dtls-sub-head{width:100%; float:left; font-weight:15px; font-weight:600; }
.finish-list{width:100%; float:left; margin-top:8px; }
.finish-list i{display:inline-block; float:left; border-radius:3px; margin-right:10px;overflow:hidden; padding:4px; border:2px solid #ce2d35; }
.nav-tabs{margin-top:20px; }
.tab-pane{border:1px solid #CCC; border-top:0; padding:15px; }
.nav-tabs li.active a{background:#ce2d35 !important; color:white !important; border-color:#ce2d35 !important; }
.nav-tabs li a{color:#ce2d35 !important; background:#eee}
.nav-tabs, .tab-content{width:100%; float:left; }
.dtls-sub{width:100%; float:left; margin-bottom:15px; padding:15px 0; border-bottom:1px solid #efefef; }
.dtls-sub span, .dtls-btm-head{width:100%; float:left; margin-top:15px; }
.dtls-btm-head{font-size:20px; font-weight:600; }
.dtls-sub i{font-size:35px; color:#ce2d35; margin-top:16px; }
.dtls-sub .col-sm-3{text-align:center}
.filters li a{color:#333}

.cp{ color:white; float:right;}
.cp a{ color:white;}
.cp a:hover{ text-decoration:none; opacity:0.7;}

@media screen and (max-width:1200px) {.who{background-position:right center; }
	.inner-logo{width:100%; text-align:center; }
	.inner-logo img{max-width:200px; }
	}
@media screen and (max-width:990px) {
	.navbar-nav li a{padding:10px 12px; font-size:14px; }
	.owl-next{right:-24px; }
	.owl-prev{left:-24px; }
	.owl-carousel .owl-stage-outer{padding:0 25px; }
	.contat-control{font-size:16px; }
	.inner-logo{
		width:auto;
	}
	
	}
@media screen and (max-width:767px) {.banner-text{position:static; display:inherit; margin:90px auto 0 auto; }
	section{float:left; width:100%; }
	.banner-text{margin:90px auto 319px auto; width:100%; padding:0 25px; }
	.banner-text img{max-width:80%; }
	.navbar-toggle .icon-bar{background:#666; position:relative; transition:all ease-in-out 0.3s; }
	.navbar-toggle span:nth-child(2){transform:rotate(-45deg)}
	.navbar-toggle span:nth-child(3){transform:rotate(45deg); top:-6px; }
	.navbar-toggle span:nth-child(4){display:none; }
	
	.navbar-toggle.collapsed span:nth-child(2){transform:rotate(0deg)}
	.navbar-toggle.collapsed span:nth-child(3){transform:rotate(0deg); top:0; }
	.navbar-toggle.collapsed span:nth-child(4){display:block; }
	header{box-shadow:	0px 5px 16px rgba(0,0,0,0.3)}
	.owl-next{right:-15px; }
	.owl-prev{left:-15px; }
	.social-footer{float:none; display:inline-block; height:80px; }
	.contact-head{margin-bottom:25px; }
	.who{min-height: inherit; }
	.who-txt{margin:45px 0; }
	.inner-header .navbar-collapse{width:100%; text-align:left; }
	.inner-logo{float:left; width:auto; }
	.inner-logo img{ max-width:140px;}
	.inner-header .navbar-center{width:100%; }
	.inner-banner{ margin-top:98px;}
	#portfolio .filters li{ margin:15px;}
	#portfolio .filters{ margin:25px 0;}
	#portfolio .row{ padding:0}
	#portfolio .work-item{ margin:0}
	.owl-carousel .owl-stage-outer{ padding:0}
	
	}
	
/*New styles as on july 3rd 2017*/
.img-head-wrap .box {
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 15px;
    width: calc(33.33% - 10px);
}
.img-head-wrap .box img {
    max-width: 100%;
    min-height: 250px;
    width: auto;
}
.img-head-wrap .box h4 {
   background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 15px;
}
@media (max-width:991px) and (min-width:767px) {
	.inner-header {
		height: 46px;
		padding: 0 40px;
	}
	.logo-bg {
		height: 44px;
	}
	.inner-logo img {
		max-width: 150px;
	}
	.page-home .box img {
		margin-bottom: 15px !important;
	}
	.page-home .box h4 {
		font-size: 22px !important;
	}
	.page-home .box p {
		line-height: 20px !important;
		padding: 3px 0 !important;
	}
}
@media (max-width:991px) and (min-width:767px) {
	.img-head-wrap .box {		
		 width: calc(50% - 14px);
	}
	.banner-text{position:static; display:inherit; margin:90px auto 0 auto; }
	
	.page .banner-wrap{
		height:auto !important;
	}
}
@media (max-width:1200px) and (min-width:767px) {
	
}
@media (max-width:767px){
	.img-head-wrap .box {		
		 width: calc(100% - 14px);
	}
	.navbar-nav li.active a::after, .navbar-nav li:hover a::after {
		bottom: -1px !important;
		left: 5px !important;
		transform:none !important;
	}
	.img-head-wrap .box img {
		max-width: 100%;
		min-height: auto;
		width: 100%;
	}
	.menu .nav.navbar-nav.navbar-center {
		background: #af8856;
		position: relative;
		z-index: 9999;
	}
	.navbar-toggle {
		background-color: #af8856 !important;
		margin-bottom: 4px !important;
		margin-top: 4px !important;
	}
	.navbar-toggle .icon-bar{
		background:#fff;
	}
	.menu {
		margin: 0 -60px;
	}
	.navbar-collapse{
		 border-top: 0 none;
		box-shadow: none;
	}
	.owl-prev, .owl-next{
		top:45%;
	}
	
}
@media (max-width:600px){
	
	.logo-bg {
		height: 44px;
	}
	.inner-header {
		height: 42px;
		padding: 0 30px;
	}	
	.banner-top-bg{
		height:160px !important;
	}
	.page-home .box {
		margin: 0px 0px 20px 0px !important;
		width: 100% !important;
	}
	footer{
		padding: 15px 30px !important;
		text-align:center;
	}
	.cp {
		float: none;
		margin-top: 7px;
	}
	.banner{
		margin-top:-160px;
	}
	.page .banner-wrap{
		height:auto !important;
	}
	
}
@media (max-width:600px) and (min-width:480px) {
	.client-list .item{
		width: calc(33% - 8px) !important;
	}
}
@media (max-width:480px){
	.client-list .item{
		width: calc(50% - 8px) !important;
	}
	.banner-text{
		margin:90px auto 0;
	}
}
@media (max-width:340px){
	.banner {
		min-height: 85%;
	}	
	.gallery .image{
		height:200px !important;
	}
	.gallery .image img {
		height: auto !important;
		width: 100% !important;
	}
}

/*Banner styles*/
.bxslider{
	width:100%;
	padding:0px;
	margin:0px;
	min-height:100%;
}
.bxslider img{
	width:100%;
	height:auto;
}

.bx-wrapper .bx-viewport{
	border:0px !important;
	left:0px !important;
}

.banner-cont-wrap{
	position:absolute;
	/* bottom:5px; */
	bottom:80px;
}
.banner-wrap{
	position:relative;
}
.banner-top-bg{
	background: rgba(0, 0, 0, 0) url("../img/banner-bg.png") no-repeat scroll 0 0 / contain ;
    height: 300px;
    position: relative;
    z-index: 99;
}
#top-button {
    background: rgba(180, 115, 60, 0.8) none repeat scroll 0 0;
    bottom: 130px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 40px;
    padding-right: 5px;
    padding-top: 11px;
    position: fixed;
    right: 0;
    text-align: right;
    width: 35px;
    z-index: 2147483647;
}
.page-products .content-area,.page-infrastructure .content-area{
	background-position:left bottom;
}
.content-area{
	background:#7e5222 url(../img/container-pattern-bg.jpg) no-repeat;
	padding:50px 0;
	margin-top:-6px;
}
.content-area p{
	color: #fff;
    font-size: 16px;
    line-height: 26px;
}.content-area h1{
	color: #fff;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
}.content-area h1.cap{
	text-transform:none;
	font-size:32px;
}
.readmore{
    color: #fff;
    margin-bottom: 30px;
    text-align: right;
}
.readmore a,.readmore a:hover{
	color: #fff;
}
footer{
	padding:15px 90px;
	background:#af8856;
	color:#fff;
	font-size:12px;
	font-weight:300;
}
.page-home .box{
	background: #af8856 none repeat scroll 0 0;
    margin: 0 15px;
    padding: 0 10px;
    width: calc(33.33% - 30px);
}
.page-home .box img {
    width: 100%;
	margin-bottom: 25px;
}
.page-home .box h4{
    background: #94723e none repeat scroll 0 0;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    margin-left: -18px;
    margin-right: -18px;
    padding: 10px 0;
    text-align: center;
}
.page-home .box h4 a,.page-home .box h4 a:hover {
	color: #fff;text-decoration:none;
}
.page-home .box p,.page-home .box p a,.page-home .box p a:hover,.page-home .box p a:focus{
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 0;
    text-align: center;
	text-decoration:none;
}
.page-home .packers {
    background: #fff none repeat scroll 0 0;
    margin-top: 60px;
    padding: 10px;
}
.page-home .packers .item{
     float: left;
    width: auto;
}
.packer-cont{
	width:1250px;
	margin:auto;
}
.page .banner-wrap{
	height:450px;
	overflow:hidden;
}
.page .banner-wrap img{
	width:100%;
}
h4.subtitle {
    color: #fff;
    font-size: 16px;
    margin-bottom: 40px;
    margin-top: -15px;
}
.gallery .image{
	height:340px;
	overflow:hidden;
	margin-bottom:15px;
}
.gallery .image img{
	height:100%;
	width:auto;
}
.products.dropdown-toggle {
    pointer-events: none;
}
.page-contact .contact {
	padding-top:0px;
}
.ft_right i {
    background: rgba(0, 0, 0, 0) url("../img/griffin_logo.png") no-repeat scroll center bottom;
    display: inline-block;
    height: 21px;
    margin-bottom: -8px;
    transition: all 0.2s ease-in-out 0s;
    width: 20px;
}
.ft_right a:hover i {
    background-position: center top;
}