body{ font-family: 'Roboto', sans-serif;}
body a{ transition:all ease-in-out 0.3s;}
.banner{ /*background:url(../images/banner1.jpg) no-repeat center top fixed;*/}
.banner .size-img{ max-width:100%; opacity:0;}
.banner-cnt{ position:absolute; left:0; right:0; margin:auto; z-index:999;}
.logo{ display:inline-block;}
.header{ width:100%; float:left; margin-top:10px;}
.header-right{ width:213px; float: right; padding-top:22px; text-align:right; color:#fbb632; font-size:20px; font-weight:300;}
.header-right i{ margin-right:5px;}
.header-right a{ display:inline-block; color:#fbb632; font-size:14px; border:1px solid #fbb632; padding:5px 20px; margin-bottom:7px;}
.header-right a:hover{ text-decoration:none; color:white; background:#fbb632;}
.banner-caption{ width:100%; float:left; font-weight:100; font-size:56px; color:white; line-height:60px; margin-top:130px;}
.banner-caption span{ font-weight:500;}
.ylw{ color:#fbb632;}
.nav-area{ padding:0; background:#fbb632;}
.navbar_sm li a{ color:black; font-size:18px; text-align:center; padding:26px 35px}
.navbar_sm li a:hover, .navbar_sm li a:focus, .navbar_sm li a:active{ background: black !important; color:white !important;}
.navbar_sm li a i{ font-size:24px; margin-bottom:5px;}
.mask-outer{ width:100%; position:relative; display:inline-block;}
.mask-row .col-sm-4{ padding:0;}
.mask-outer img{ width:100%;}
.mask-row{ margin-top:70px}
.mask{ width:100%; height:100%; position:absolute; background:rgba(251, 182, 50, 0.9); top:0; left:0; display:inline-block; opacity:0; transition:all ease-in-out 0.3s;}
.mask-outer:hover > .mask{ opacity:1;}
.mask-caption{ display:inline-block; width:253px; background: rgba(0,0,0,0.8); position:absolute; left:0; bottom:10px; font-size:24px; color:white; font-size:24px; font-weight:300; padding:8px 15px;}
.mask-inner{ width:57px; height:68px; font-size:16px; color:white; text-align:center; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; display:inline-block;}
.mask-inner span{ font-size:57px; font-weight:300; line-height:31px;}
.content-txt{ width:100%; font-size:18px; color:#8d8d8d; padding:40px ; line-height:30px; font-weight:300;}
.content-txt span{ color:black; font-weight:100; font-size:30px; margin-bottom:5px; display:block; line-height:35px;}
.content-txt a{ display:inline-block; color:#fbb632; font-size:18px; border:1px solid #fbb632; padding:5px 35px; margin-top:20px; }
.content-txt a:hover{ text-decoration:none; color:white; background:#fbb632;}
.news{ padding:0; background:url(../images/news.jpg) no-repeat center fixed; background-size:cover; padding:40px 0; color:white;}
.owl-theme .owl-dots .owl-dot {display: inline-block;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#fbb632;}
.owl-controls{ margin-top:25px;}
.block-head{ font-size:30px; font-weight:100; margin-bottom:15px;}
.owl-theme .owl-dots .owl-dot span {background: white; border-radius: 30px; display: block; height: 10px; margin: 3px; transition: opacity 200ms ease 0s;
width: 10px;}
.newscnt{ font-size:18px; font-weight:300; font-style:italic; line-height:24px;}
.news-more{ display:inline-block; color:#fbb632; font-size:18px; border:1px solid #fbb632; padding:5px 35px; margin-top:20px; margin-bottom:1px;}
.news-more:hover{ text-decoration:none; color:white; background:#fbb632;}
.text-wrapper{ padding:70px 0;}
.test-wrapper{ width:100%;}
.test-wrapper h2{ font-size:30px; color:#000; font-weight:100; padding:0;}
.test-inner{ color:#8d8d8d; font-size:16px; line-height:24px; font-weight:300;}
.test-inner span{ font-weight:400; margin-top:10px; display:block;}
.brdr{ border-left:1px solid #cccccc;}
.point{ width:100%; position:relative; font-size:16px; color:#8d8d8d; font-weight:300; padding-left:95px; margin-bottom:30px;}
.point b{ width:76px; height:76px; display:inline-block; position:absolute; font-size:30px; color:black; background:#fbb632; border-radius:100%; text-align:center; line-height:76px; position:absolute; left:0; font-weight:400;}
.point span{ font-size:100; font-size:30px; color:black; line-height:23px; }
footer{ background:#e5e5e5; padding:45px 0;}
.ftr-head{ width:100%; font-size:24px; color:black; font-weight:300; margin-bottom:12px;}
.ftr-cnt{ font-size:24px; color:black; font-weight:300;}
.social a{ color:black; padding:0 5px;;}
.social a:hover{ text-decoration:none; color:#fbb632;}
.cp-right{ color: rgba(0,0,0,0.4); font-size:13px;}
.cp-right-btm{ display:inline-block; color: rgba(0,0,0,0.4); font-size:13px; line-height:21px; margin-top:8px;}
.cp-right-btm span{ display:inline-block; float:left;}


.fixed {top:0; left:0; position:fixed; width:100%; z-index:999;}
.header-logo{ width:0; opacity:0; visibility:hidden; height:0; padding:0; float:left;}
.header-logo img{ height:0;}
.navbar-fixed-top .header-logo, .fixed .header-logo{ width:8%; opacity:1; float:left; visibility: visible;height:auto; padding:10px;}
.navbar-fixed-top .header-logo img, .fixed .header-logo img{ max-width:100%; height:auto; }
.header-logo img .navbar_sm, .fixed .navbar_sm{ width:90%; float:left;}
.navbar-fixed-top .navbar_sm li a, .fixed .navbar_sm li a{ padding:26px 29px;}
.breadcrumb{ margin-top:100px; border-bottom:1px solid #ececec; background:#f3f3f3;}
.breadcrumb ul{ margin:0; padding:0;}
.breadcrumb ul li{ list-style:none; float:left; padding-left:22px; position:relative;}
.breadcrumb ul li:after{ position: absolute;
content: '>';
right: -24px;
width: 16px;
height: 16px;
display: inline-block;
font-family: Arial;
font-weight: bold;}
.breadcrumb ul li:first-child{ padding:0;}
.breadcrumb ul li:last-child:after{ display:none;}
.breadcrumb ul li a{ color:#505050;}
.breadcrumb ul li a:hover{ text-decoration:none; color:black;}
.breadcrumb ul li i{ font-size:15px; } 
h2{ font-size:35px; margin-top:0; width:100%; font-weight:300;}
.content-inner{ padding-bottom:30px;}
.content-inner p{ font-weight:300; line-height:28px; }
.content-inner h2{ margin-bottom:25px;}
.project-outer{ width:100%; border:1px solid #747474; position:relative; margin-bottom: 34px;}
.project-outer img{ width:100%;}
.pr-name{ width:100%; background:rgba(0,0,0,0.9); position:absolute; bottom:0; left:0; padding:15px;}
.pr-name span{ color:white; font-size:20px;}
.pr-name a{ display:inline-block; float:right; color:#fbb632; border:1px solid #fbb632; padding:5px 8px;}
.pr-name a:hover{ text-decoration:none; background:#fbb632; color:white;}
.pr-name span{ float:left;}
.resp-tabs-list{ width:100%; float:left; border-top:1px solid #cecece; background:#f3f3f3; margin-top:30px; border-bottom:1px solid #cecece; padding-left:0; text-align:center;}
.on-going{ display:block; margin:25px 0;}
h3{ font-size:30px; color:black; text-align: center; font-weight:500;}
.dtl-list{ margin:0; padding:0; margin-bottom:15px;}
.dtl-list li{ width:100%; float:left; list-style: decimal; line-height:28px; font-size:15px; color:#d38e0a; margin-left:15px;}
.dtl-list li span{ color:black;}
.lc-list li{ list-style:lower-alpha;}
.map-wrapper{ width:100%; float:left; border:1px solid #fbb632; padding:5px;  margin-top:15px;}
.map-wrapper iframe{ width:100%; height:300px;}



.resp-tabs-list li { font-size: 16px; display: inline-block; padding: 13px 15px; margin: 0 4px 0 0;list-style: none; cursor: pointer;
	font-weight:400;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
	border-top: 2px solid #fbb632 !important;
	border-bottom: 2px #fbb632 solid !important; color:#fbb632;
	font-weight:500 !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}
h2.resp-accordion {
    font-size: 15px;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}
.grid li{ position:static !important;}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}
.centered-btns_tabs{ display:none;}
.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

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

.grid-gallery figure {
	margin: 0;
}

.grid-gallery figure img {
	display: block;
	width: 100%;
}

.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0 0 0.5em;
}

.grid-gallery figcaption p {
	margin: 0;
}

/* Grid style */
.grid-wrap {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 1em 1.875em;
}
@media (min-width:1024px){.small_nav{ display:none !important;} .dropdown:hover .dropdown-menu {display: block;}

.fixed{ height:100px; }
}
.dropdown-menu{ border:2px solid #fbb632; margin-top:-2px; padding:0;}
.dropdown-menu li a{ padding:8px 10px !important; text-align:left; border-bottom:1px solid #999;}

.grid {
	margin: 0 auto;
}

.grid li {
	width: 25%;
	float: left;
	cursor: pointer;
}

.grid figure {
	padding: 5px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.grid li:hover figure {
	opacity: 0.7;
}

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

/* Slideshow style */
.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 li img{ max-width:100%;  max-height:100%;}

.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: 880px;
	height: 560px;
	position: absolute;
	top: 50%;
	left: 41%;
	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 figure {
	width: 100%;
	height: 100%;
	background: #fff;
	border: 50px solid #fff;
	overflow: hidden;
}

.slideshow figcaption {
	padding-bottom: 20px;
}

.slideshow figcaption h3 {
	font-weight: 300;
	font-size: 200%;
}

/* Navigation */
.slideshow nav span {
	position: fixed;
	z-index: 1000;
	color: black;
	text-align: center;
	padding: 3%;
	cursor: pointer;
	font-size: 2.2em;
}

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

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
  
 .bg .breadcrumb{ margin-top:0;}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_container{ float:left; position: fixed; z-index:-1}
.slideshow nav span.nav-next {
	right: 0;
}
.bg{ background:white;}

.slideshow nav span.nav-close {
	top: 0;
	right: 0;
	padding: 0.5em 1em;
	color: white; z-index:99999;
}

.icon:before,
.icon:after {
	font-family: "Arial";
	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;
}

.sm-table{ width:100%; min-width:750px; margin:0;}
.table-responsive{ border:1px solid #ccc;}
.sm-table th{ text-align:center; border-right:1px solid #ccc;}
.sm-table td{border-right:1px solid #ccc;}
.services{ padding:0; margin:0;}
.services li{ list-style:none; position:relative; padding-left:15px; font-size:15px; margin-bottom:10px;} 
.services li:before{ position:absolute; left:0; top:0; content:">"; font-family: "Arial"; font-weight: bold; font-size: 15px;}
span.nav-prev:before {
	content: "<";
	font-size: 55px;
	font-weight:bolder;
}

span.nav-next:before  {
	content: ">"; 
	font-size: 55px;
	font-weight:bolder;
}

span.nav-close:before {
	content: "x";
	font-size: 55px;
	font-weight:bolder;
}

/* Info on arrow key navigation */
.info-keys {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 60px;
	font-size: 8px;
	padding-top: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}

.info-keys:before,
.info-keys:after {
	position: absolute;
	top: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	z-index:999;
}


/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 60em) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
	.grid li {
		width: 33.3%;
	}

	.slideshow li {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}

	.slideshow li figure img {
		width: auto;
		margin: 0 auto;
		max-width: 100%;
	}

	.slideshow nav span,
	.slideshow nav span.nav-close {
		font-size: 1.8em;
		padding: 0.3em;
	}

	.info-keys {
		display: none;
	}

}

@media screen and (max-width: 35em) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 24em) {
	.grid li {
		width: 100%;
	}
}


@media (max-width:1024px){
	.banner-caption{ margin-top:50px;}
	.navbar_sm{ padding:0;}
	.navbar_sm li a{ padding:24px;}
	
	}
@media (max-width:1024px) and (min-width:768px){
	.navbar-fixed-top .navbar_sm li a, .fixed .navbar_sm li a{padding: 26px 20px;}
	.navbar-fixed-top .header-logo, .fixed .header-logo{ width:10%;}
	}

@media (max-width:1023px) and (min-width:768px){
	 .navbar-nav > li{ width:25%;}
	.sm_nav{ padding:15px 0;}
	
	
	}
	
@media (max-width:1023px){
	.banner-caption{ margin-top:25px; font-size:31px; line-height:inherit;}
	.mask-row{ margin-top:15px}
	.mask-caption{ width:100%; font-size:15px;}
	.content-txt{ padding:40px 0;}
	.test-wrapper{ margin-bottom:35px;}
	.text-wrapper{ padding:15px;}
	.brdr{ border:0;}
	footer, footer .text-right{ text-align:center !important}
	footer .text-center{ padding:25px;}
	.navbar-collapse.collapse {display: none !important;}
.navbar-collapse {overflow-x: visible !important;}
.navbar-collapse.in {overflow-y: auto !important;}
.collapse.in {display: block !important;}
.navbar-toggle { display: block !important; } .navbar-header { width: 100%; height: 60px; }
	.navbar_sm{ width:100% !important;}
	.navbar_sm li a{ padding:12px 16px !important;}
	.dropdown-menu li a{ padding: 14px 10px !important; border-color:#e2a633;}
	.sm_nav{ width:100% !important;}
		.navbar_sm li a br{ display:none;}
	.navbar_sm li a i{ margin-right:5px; width:31px;}
	.navbar_sm{ margin:0 !important; width:100%;}
	.navbar_sm li a{ padding:14px 10px; text-align: left;}
	.navbar_sm li{ width:100%;}
	.navbar-nav{ margin:0 !important;}
	.navbar-toggle span{ color:white; font-size:28px;}
	.dropdown-menu {  border: 0 none; box-shadow: none;float: none; margin-top: 0; position: static !important; width: auto; background:transparent}
.breadcrumb{ margin-top:72px;}




	}
	
@media (max-width:767px){
	.banner-caption{ display:none;}
	
	.menu-txt{ float:left;}
	.navbar-toggle{ width:100%; margin:0;}
	.menu_icon{ float:right; margin-top:5px;}
	.mask-row{ margin:0 -15px; padding:0;}
	.navbar-toggle{ width:50%;  padding: 35px 10px;}
	.navbar-fixed-top .header-logo, .fixed .header-logo{ width:100px;}
	}

.contact-wrapper {
    display: block;
    float: left;
    width: 100%;
}
.contact-txt {
    box-shadow: none;
    height: 38px;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
}
.contact-txt:focus {
    border-color: #fbb632;
    box-shadow: none;
}
.val-one {
    color: #666;
    float: left;
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: -15px;
    width: 100%;
}
.map {
    border: 1px solid #f06d1f;
    border-radius: 3px;
    float: left;
    margin-bottom: 30px;
    margin-top: 25px;
    padding: 5px;
    width: 100%;
}
.map iframe {
    width: 100%;
}
.validation {
    color: red;
    float: left;
    margin-bottom: 20px;
    margin-top: -15px;
    width: 100%;
}
.contact-wrapper {
    margin-bottom: 20px;
}
.contact-btn {
    border: 1px solid #fbb632;
    border-radius: 5px;
    color: #fbb632;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 10px 17px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}
.contact-btn:hover {
    background: #fbb632 none repeat scroll 0 0;
    color: white;
}

.ad{background: rgba(0, 0, 0, 0) url("../images/logog.png") no-repeat scroll 55% top;
    color: #989898;
    height: 22px;
    padding: 1px 0; margin-left:5px;
    transition: all 0.3s ease-in-out 0s;
    width: 200px;}
.ad:hover { background: rgba(0, 0, 0, 0) url("../images/logog.png") no-repeat scroll 55% -22px; text-decoration:none; color:#fbb734;}

.ebrochure{position:fixed; left: 0px; top: 39%; z-index: 10000;}
.mudamargin{padding-top: 25px; margin-bottom: 10px; clear: both;}