@charset "utf-8";
/* CSS Document */

header { position:absolute;  top:19px; z-index:1000; width:100%;}
header.fixed {
	position: fixed;
	left: 0;
	top:0;
	z-index: 200;
	background:#e6e7e8;
	height:75px;
	animation: smoothScroll 1s forwards;
	-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
	-moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
	box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
	
}
.headerMobver { display:none; width:100%; height:49px; border-bottom:1px #b7b7b7 solid; background:#ffffff; position:fixed; top:0; z-index:1000;}
.headerMobver .saraogiLogo { width:110px; float:left; margin-left:15px; margin-top:12px;}
.headerMobver .saraogiLogo img { width:100%; height:auto;}
.headerMobver .rt { width:150px; float:right; position:relative;}


.headerMobver .rt .triger { float:right;}
.headerMobver .rt .triger a{ display: block; padding:28px 21px 21px 21px;  display:inline-block; background:url(../images/mobile-menu-icon.png) no-repeat center center; font-size:0;} 
.headerMobver .mobileMenuWrap { width:150px; position:absolute; display:none; z-index:1; top:49px; right:-15px; background:#8cc751; box-sizing:border-box; padding-left:13px;}
.headerMobver .mobileMenuWrap ul { width:100%;}
.headerMobver .mobileMenuWrap ul li { border-top:1px #689f38 solid;}
.headerMobver .mobileMenuWrap ul li:first-child { border:none;}
.headerMobver .mobileMenuWrap ul li a { display:block; font-size:12px; font-weight:600; text-transform:uppercase; padding:9px; box-sizing:border-box; color:#e4f1da;}
.headerMobver .rt .triger a.active { background:url(../images/mobile-menu-icon-active.png) no-repeat center center #8cc751}

.bannerSlider a { display:inline-block; margin-top:12px; padding:5px 10px; text-transform:uppercase; font-size:12px;  border:1px #fff solid; font-weight:600; color:#fff; background:#8cc751; -webkit-transition: all .7s ease; 
-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease; }
.bannerSlider a:hover { color:#fff; background:#276443;}





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

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

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

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

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


.desktopVersionHeader { width:100%; clear:left; float:left;}
.logowrap { width:100%; clear:left; float:left; margin-bottom:12px;}
.logowrap a { width:194px; height:47px; display:block; background:url(../images/logo-without-fixed.png) no-repeat; font-size:0;  -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; background-size:100%; display:block;}
.desktopVersionHeader nav { width:100%; height:38px; background:#8cc751; clear:left; float:left; position:relative;}
.desktopVersionHeader nav ul { float:left;}
.desktopVersionHeader nav ul li { float:left; margin-left:57px; margin-top:10px;}
.desktopVersionHeader nav ul li a { font-size:14px; color:#fff; display:block; font-weight:700; letter-spacing:2px; -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.desktopVersionHeader nav ul li a:hover { color:#276443;}

#aboutpage .aboutnav, #careerspage .careersnav, #contactpage .contactnav, #disclaimerpage .disclaimernav, #projectpage .projectsnav, #servicespage .servicesnav, #sitemappage .sitemapnav, #gallerypage .gallerynav  { color:#276443;}

.desktopVersionHeader nav .moremenu { float:right; }
.desktopVersionHeader nav .moremenu a { display:block; background:url(../images/mobile-menu-icon-active.png) no-repeat center center; 
font-size:0; padding:19px 30px; -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.desktopVersionHeader nav .moremenu a:hover, .desktopVersionHeader nav .moremenu a.active { background:url(../images/mobile-menu-icon-active.png) no-repeat center center #77ad41;}

.moremenuwrap { position:absolute; width:200px; background:#8cc751; right:0; top:38px; display:none;}
.moremenuwrap ul { width:100%;}
.moremenuwrap ul li { width:100%; clear:left; float:left; border-top:1px #7eb746 solid; margin:0px !important;}
.moremenuwrap ul li a { display:block; padding:8px; font-size:14px; color:#fff; display:block; font-weight:700;  }
.moremenuwrap ul li:first-child { border:none;}


header.fixed .logowrap { float:left; width:auto; margin-top:10px;}
header.fixed .logowrap a { width:232px; height:56px; background:url(../images/logo.png) no-repeat; background-size:100%; }
header.fixed .desktopVersionHeader nav  { clear:none; float:right; width:auto; margin-top:17px; background:none;}
header.fixed .desktopVersionHeader nav ul li { margin-left:50px;}
header.fixed .desktopVersionHeader nav ul li a { color:#414042;}
header.fixed .desktopVersionHeader nav ul li a:hover { color:#8cc751;} 
header.fixed  .moremenuwrap, header.fixed  .desktopVersionHeader nav .moremenu { display:none !important;}


.bodyWrap { width:100%; clear:left; float:left;}
.whoWeareWrap { width:100%;}
.whoWeareWrap .topIcon { width:100%; clear:left; float:left; }
.whoWeareWrap .topIcon ul { width:100%; text-align:center; position:relative; z-index:100; margin-top:-61px; padding-bottom:47px;}
.whoWeareWrap .topIcon ul li { display:inline-block;   text-align:center; margin-left:44px; margin-right:44px;}
.whoWeareWrap .topIcon ul li img { display:inline-block;}
.whoWeareWrap .topIcon ul li  span { display:block; margin-top:18px; padding:5px 8px; background:#afe47a; font-size:16px; color:#414042; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
.whoWeareWrap .topIcon ul li  span  br { display:none;}



.whoWeareWrap .contentSection { width:100%; clear:left; float:left; position:relative; margin-bottom:60px;}
.whoWeareWrap .contentSection .vertcleMiddlecontent {  width:50%; right:0; top:0; box-sizing:border-box; padding-left:30px; padding-right:45px;}
.whoWeareWrap .contentSection .vertcleMiddlecontent  h1  { margin-bottom:16px;}
.whoWeareWrap .contentSection .vertcleMiddlecontent p { font-size:16px; font-weight:600; color:#414042; line-height:23px; margin-bottom:21px;} 
.whoWeareWrap .contentSection .vertcleMiddlecontent p span { font-weight:700;}

.readMore a { display:inline-block; padding:14px 37px; font-size:14px; font-weight:700; color:#689f38; letter-spacing:4px; border:1px #689f38 solid; text-transform:uppercase; -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.readMore a:hover { background:#689f38; color:#fff;}


.vertcleMiddlecontent { position:absolute; height:100%; }
.vertcleMiddlecontent article { width:100%; height:100%; display:table;}
.vertcleMiddlecontent article .contentWrap { display:table-cell; width:100%; height:100%; vertical-align:middle;}



.visionWrap { width:100%; min-height:385px; background:url(../images/vision-bg.jpg) no-repeat; background-size:cover; position:relative; margin-bottom:50px; clear:left; float:left; }
.visionWrap .vertcleMiddlecontent { width:100%;} 
.visionWrap article { max-width:1040px; width:auto;  text-align:center; margin:auto; display:table; height:100%;  position:relative; z-index:100;}
.visionWrap article .contentWrap{ display:table-cell; width:100%; box-sizing:border-box; padding:0px 210px;  text-align:center; height:100%; position:relative; z-index:100;}
.visionWrap article .contentWrap h1  { font-size:30px; color:#fff; font-weight:700; margin-bottom:23px;}
.visionWrap article .contentWrap h1 span { display:inline-block; margin-left:12px; margin-right:12px; vertical-align:middle; font-weight:300;}
.visionWrap article .contentWrap p { font-size:16px; font-weight:600; color:#fff; letter-spacing:1px; line-height:23px;}

.visionWrap article:before { width:100%; height:100%; content:""; background:url(../images/vision-mission-content-bg.png); z-index:0; position:absolute; border-left:7px #fff solid; border-right:7px #fff solid; -ms-transform: skewX(-30deg); /* IE 9 */
    -webkit-transform: skewX(-30deg); /* Safari */
    transform: skewX(-30deg); /* Standard syntax */}



.servicesSection { width:100%; clear:left; float:left; background:#f7f7f7; padding:44px 0px 76px 0px;}
.servicesSection figure{ float:right; width:50%; box-sizing:border-box; padding-left:15px; margin-top:22px;}
.servicesSection figure img { width:100%;}
.servicesSection .contentWrap { float:left; width:50%; box-sizing:border-box; padding:0px 15px;}
.servicesSection .contentWrap h1  { margin-bottom:20px;}
.servicesSection .contentWrap p { font-size:16px; font-weight:600; color:#414042; line-height:23px; margin-bottom:12px; }

.servicesSection .contentWrap ul { width:100%; clear:left; float:left; padding-bottom:22px;} 
.servicesSection .contentWrap ul  li { width:50%; float:left; text-align:left; }
.servicesSection .contentWrap ul  li i { display:inline-block; text-align:left;}
.servicesSection .contentWrap ul  li span { display:inline-block; font-size:16px; font-weight:700; color:#414042; vertical-align:middle; text-transform:uppercase; text-align:left;}




.ourPorjectWrap { width:100%; clear:left; float:left; margin-top:104px; margin-bottom:50px;}
.ourPorjectWrap .contentSection { width:100%; clear:left; float:left; position:relative; margin-bottom:60px;}
.ourPorjectWrap .contentSection .vertcleMiddlecontent {  width:50%; right:0; top:0; box-sizing:border-box; padding-left:30px; padding-right:45px;}
.ourPorjectWrap .contentSection .vertcleMiddlecontent  h1  { margin-bottom:11px;}
.ourPorjectWrap .contentSection .vertcleMiddlecontent p { font-size:16px; font-weight:700; color:#414042; line-height:23px; margin-bottom:20px; padding-right:20px;} 
.ourPorjectWrap .contentSection .vertcleMiddlecontent h2 { font-weight:600; font-size:16px; line-height:23px; margin-bottom:14px;}
.ourPorjectWrap .contentSection .vertcleMiddlecontent h3 { font-size:16px; font-weight:700; color:#276443; margin-bottom:32px;} 


.clientsWrap { width:100%; clear:left; float:left; background:url(../images/clients/clients-bg.png) repeat-x center }
.clientsWrap .content { width:42%; float:right; position:relative;}
.clientsWrap .content img { width:100%;}
.clientsWrap .content .vertcleMiddlecontent { width:100%; top:0; left:0; box-sizing:border-box; padding:0px 87px;}
.clientsWrap .content .vertcleMiddlecontent h1  { font-size:30px; color:#ffffff; font-weight:700; margin-bottom:10px;}
.clientsWrap .content .vertcleMiddlecontent p { font-size:16px; color:#fff; line-height:23px; font-weight:600;}



.clientsWrap .clientsimgwrap { float:left; width:57%; overflow:hidden; position:relative; margin-top:56px;}
.clientsWrap .clientsimgwrap .leftshadow { width:1px; height:100%; position:absolute; z-index:100; background:#fff; left:0; top:0;}

.customerSlider .owl-item{ background:url(../images/clients/line.png) no-repeat left;}
.customerSlider .owl-nav { display:none;}
.customerSlider .owl-dots { width:100%; text-align:center; padding-top:15px; }

.customerSlider .owl-dots .owl-dot  { display:inline-block; width:7px; height:7px; border:1px #4f534c solid; border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; margin-left:7px; margin-right:7px;}
.customerSlider .owl-dots .owl-dot.active { background:#4f534c;} 



.testimonialswrap { width:100%; clear:left; float:left; margin-top:65px;}
.testimonialswrap .contentsWrap { width:100%; box-sizing:border-box; padding:0px 98px; text-align:center; padding-bottom:60px;}
.testimonialswrap .contentsWrap h1 { margin-bottom:32px;}
.testimonialswrap .contentsWrap  p { font-size:20px; color:#414042; font-weight:300; line-height:28px; background:url(../images/testimonial-line.jpg) no-repeat center bottom; padding-bottom:20px;
margin-bottom:20px;}
.testimonialswrap .contentsWrap h2  { font-size:16px; color:#414042; font-weight:700; line-height:23px;}
.testimonialswrap .contentsWrap h2 span { display:block;}


footer { 	width: 100%;
background:url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%;
	clear:left;
	float:left;
	}

.footerContent { width:100%; padding-top:80px;}
.footerContent aside { width:33.33%; float:left; box-sizing:border-box; background:url(../images/footer-line-bg.png) no-repeat left top; text-align:center; padding-top:14px; min-height:260px;
margin-bottom:65px;}
.footerContent aside:first-child { background:none;}
.footerContent aside img { display:inline-block; margin-bottom:20px;}
.footerContent aside h1  { font-size:30px; color:#689f38; font-weight:700; margin-bottom:18px;}
.footerContent aside p { font-size:16px; font-weight:600; color:#fff; line-height:26px;}
.footerContent aside p span {text-transform:uppercase;}
.footerContent aside p a { color:#fff;}
.footerContent aside p a:hover { color:#689f38;}
.footerContent aside ul { width:100%; text-align:center;}
.footerContent aside ul li {  display:inline-block; font-size:36px; color:#fff; margin-left:10px; margin-right:10px;}
.footerContent aside ul li a { color:#fff;}
.footerContent aside ul li a:hover { color:#689f38;}
.copyrightWrap { width:100%; border-top:1px #7a7c80 solid; clear:left; float:left; font-size:12px; color:#a7a8a9; font-weight:600;   padding-top:13px; padding-bottom:13px;}
.copyrightWrap .lt { float:left; }
.copyrightWrap .rt { float:right; }
.copyrightWrap a { color:#a7a8a9; -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}

.copyrightWrap a:hover { color:#689f38;}
.copyrightWrap .rt a:hover { color:#ffb713 !important; }




.innerBanner { width:100%; height:auto; min-height:200px; border-bottom:9px #8cc751 solid; position:relative;}
.innerBanner img { width:100%; height:auto; display:inline-block; border-bottom:1px #608d3c solid; }
.innerBanner .contentwrap { width:100%; position:absolute; bottom:0; z-index:1;}
.innerBanner  .content { display:inline-block; padding:19px 27px; background:url(../images/inner-banner/inner-banner-content-bg.png); font-size:24px; color:#fff; font-weight:700;}


.breadcrumbsWrap { width:100%;  clear:left; float:left; margin-bottom:37px;}
.breadcrumbs { width:100%; clear:left; float:left; border-bottom:1px #e8e8e9 solid; padding:15px; }
.breadcrumbs a { font-size:12px; color:#333132; font-weight:600; text-transform:uppercase;}
.breadcrumbs a:hover { color:#FF9900;}
.breadcrumbs .lt { float:left;}
.breadcrumbs .rt { float:right;}
.breadcrumbs .lt  a { display:block; background:url(../images/breadcrumbs-lt-arrow.png) no-repeat center left; padding-left:28px;}
.breadcrumbs .rt  a { display:block; background:url(../images/breadcrumbs-rt-arrow.png) no-repeat center right; padding-right:28px;}


.aboutintroContentWrap { width:100%; clear:left; float:left;}
.aboutContent { text-align:center; padding:0px 142px 50px 142px;}
.aboutContent h2  { font-size:30px; font-weight:300; color:#333132; margin-bottom:40px;}
.aboutContent p { font-size:20px; color:#333132; font-weight:400; line-height:29px;}


.newSection { width:100%; clear:left; float:left;}
.ourHistoryWrap { margin-top:-35px; padding-bottom:65px;}
.ourHistory { clear:left; float:left; width:100%;}
.ourHistory figure { float:left; width:50%;}
.ourHistory figure img { width:100%; height:auto;}
.ourHistory .content { float:right; width:50%; box-sizing:border-box; padding:64px 15px 0px 69px; text-align:center;}
.ourHistory .content img { display:none; float:left;}
.ourHistory .content h2  { font-size:30px; font-weight:300; color:#333132; margin-bottom:43px;}
.ourHistory .content p { margin-top:22px; font-size:16px; font-weight:400; line-height:23px; }
.ourHistory .content p:first-child { margin-top:0px;}
.ourHistory .content p span { font-weight:600;}



.whySaraogiWrap {background:url(../images/why-saraogi-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	padding-top:47px;
	padding-bottom:35px;
	margin-bottom:63px;
}

.whySaraogiWrap .introContent { width:100%; padding:0px 215px; clear:left; float:left; text-align:center;}
.whySaraogiWrap .introContent h2 { font-size:30px; font-weight:700; margin-bottom:22px; color:#ffffff;}
.whySaraogiWrap .introContent p {font-size:16px; font-weight:600; color:#ffffff; line-height:23px; padding-bottom:23px;}



.future-reday-wraper {
	margin:10px 0px 30px 0px;
	clear:left; float:left;
	width:100%;
}
.future-reday-wraper i {
	width:80%;
	background:#fff;
	height:3px;
	display:block;
	margin:0 auto;	
	position:relative;
}
.future-reday-wraper i:before {
	content: '';
	display: block;  
	width: 8px;
	height: 8px;
	background:#fff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	margin-right:5px;
	position:absolute;
	left:-5px;
	top:-2px;
}
.future-reday-wraper i:after {
	content: '';
	display: block;  
	width: 8px;
	height: 8px;
	background:#fff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	margin-right:5px;
	position:absolute;
	right:-5px;
	top:-2px;
}
.future-reday-wraper ul { 
	padding:0;	
	width:100%;
	margin:15px auto; 
}
.future-reday-wraper ul li {
	display:inline;
	width: 20%;
	color:#fff;
	font-size:16px;
	text-align:center;
	font-weight:600;
	float:left;
	line-height:23px;
}
.future-reday-wraper ul li span {
	position:relative;
	margin:0 auto 15px auto;
	height:40px;
	width:3px;
	background:#fff;
	display:block;
}
.future-reday-wraper ul li span:before {
	content: '';
	display: block;  
	width: 8px;
	height: 8px;
	background:#fff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	margin-right:5px;
	position:absolute;
	right:-7.4px;
	top:-2px;
}
.future-reday-wraper ul li span:after {
	content: '';
	display: block;  
	width: 8px;
	height: 8px;
	background:#fff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	margin-right:5px;
	position:absolute;
	right:-7.4px;
	bottom:-2px;
}




.aboutBotttomContent section { width:100%; clear:left; float:left; border-bottom:1px #dcddde solid; padding-bottom:50px; margin-bottom:50px; text-align:center;}
.aboutBotttomContent section  h2  { font-size:30px; font-weight:300; color:#333132; margin-bottom:30px;}



.pioneeringContent { padding:0px 150px;}
.pioneeringContent p { font-size:16px; color:#333132; font-weight:400; line-height:23px;}
.pioneeringContent p span { font-weight:600;}


.socialResponsibilities { width:100%;} 
.aboutBotttomContent section .socialResponsibilities  h2  { margin-bottom:54px;}
.socialResponsibilities .content { padding-right:53px; padding-left:15px;}

.socialResponsibilities .content p  {  font-size:16px; color:#333132; font-weight:400; line-height:23px; margin-top:25px;}
.socialResponsibilities .content p:first-child { margin-top:0px;}
.socialResponsibilities .content p span { font-weight:600;}
.socialResponsibilities figure { width:100%;}
.socialResponsibilities figure img { width:100%; height:auto; border:9px #d1d3d4 solid;}
.socialResponsibilities figure figcaption  { width:100%; text-align:center; font-size:16px; font-weight:600; color:#414042; line-height:23px; padding-top:18px;}


.awardsCertificates { width:100%;}
.aboutBotttomContent section .awardsCertificates h2  { margin-bottom:52px;}

.awardsCertificates figure { width:100%; border:1px #000000 solid; position:relative; overflow:hidden; transition: all 100ms linear;
cursor:pointer;}

.awardsCertificates figure:hover {
	-moz-box-shadow: 0 0 2px 2px #878788;
-webkit-box-shadow: 0 0 2px 2px #878788;
box-shadow: 0 0 2px 2px #878788;
}


.awardsCertificates figure img { width:100%; height:auto;}
.awardsCertificates figure figcaption {
position: absolute;
    width: 100%;
    text-align: left;
    transition: all 100ms linear;
    bottom: 0;
    max-height:52px;
	background:#8cc751;
	padding:19px;
	 -webkit-transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-o-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out;}



.awardsCertificates figure figcaption h3 { font-size:18px; color:#f7f7f7; font-weight:700; margin-bottom:15px;}
.awardsCertificates figure figcaption  p { font-size:16px; font-weight:600; line-height:23px; color:#f7f7f7;}
.awardSlider { position:relative;}
.awardSlider .item { margin:10px;}

.awardSlider .owl-prev, .awardSlider .owl-next { position:absolute; top:50%; width:22px; height:13px; margin-top:-11px; font-size:0;}
.awardSlider .owl-prev { background:url(../images/team-slider-arrow-lt.png) no-repeat; left:-20px;}
.awardSlider .owl-next { background:url(../images/team-slider-arrow-rt.png) no-repeat; right:-20px;}




.aboutBotttomContent section.ourTeamWrap { border-bottom:none;}

.ourteamContentWrap { width:100%; position:relative; text-align:center;}
.aboutBotttomContent section .ourteamContentWrap h2 { margin-bottom:32px;}
.ourTeamsliderWrap { width:100%;}
.ourTeamsliderWrap .item { text-align:center;}
.ourTeamsliderWrap .item img { display:inline-block; border:9px #d1d3d4  solid; max-width:100%; width:auto; height:auto; margin-bottom:23px;}
.ourTeamsliderWrap .item h3  { font-size:18px; color:#414042; font-weight:600; padding-bottom:10px;} 
.ourTeamsliderWrap .item h3 span { display:block; text-transform:uppercase; margin-bottom:5px; }
.ourTeamsliderWrap .item h3 strong { display:block; margin-bottom:16px; font-size:15px; color:#666}

.ourTeamsliderWrap .owl-prev, .ourTeamsliderWrap .owl-next { position:absolute; top:125px; width:22px; height:13px; font-size:0;}
.ourTeamsliderWrap .owl-prev { background:url(../images/team-slider-arrow-lt.png) no-repeat; left:0;}
.ourTeamsliderWrap .owl-next { background:url(../images/team-slider-arrow-rt.png) no-repeat; right:0;}



.careersIntrocontent { width:100%; text-align:center;}
.careersIntrocontent h2 { font-size:30px; color:#414042; font-weight:300; margin-bottom:65px;}

.careersIntrocontent .contentSection { width:100%; clear:left; float:left; position:relative; margin-bottom:40px;}
.careersIntrocontent .contentSection img { float:left;}
.careersIntrocontent .contentSection .vertcleMiddlecontent {  width:50%; right:0; top:0; box-sizing:border-box;  padding-right:27px;}
.careersIntrocontent .contentSection .vertcleMiddlecontent p { font-size:20px; text-align:left; font-weight:400; color:#414042; line-height:30px; margin-top:29px;}
.careersIntrocontent .contentSection .vertcleMiddlecontent p img { display:none;} 
.careersIntrocontent .contentSection .vertcleMiddlecontent p:first-child { margin-top:0px;}



.careersFormsection { position:relative; background:url(../images/careers-form-bg-img.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	min-height:437px;
	clear:left; float:left; margin-bottom:25px;
	width:100%;}
.careersFormsection .whiteband { width:100%; height:54px; background:#FFF; position:absolute; z-index:1;}
.careersFormsection .whiteband.top{ top:0;}
.careersFormsection .whiteband.bottom { bottom:0;}
.careersformWrap { width:100%; text-align:center;}
.careersformWrap  h2 { font-size:30px; color:#414042; font-weight:300; margin-bottom:20px;}


.careersFormbg { width:694px; height:450px; margin:auto; background:url(../images/formsectionbg.png) no-repeat; position:relative; z-index:2;}
.careersFormbg .greenBand { width:70px; height:413px; z-index:3; background:#8cc751; left:19px; top:14px; position:absolute;}
.careersFormbg .formSection { width:390px; float:left; margin-left:135px; margin-top:27px;}
.careersFormbg .formSection ul { width:100%; height:auto; }
.careersFormbg .formSection ul li { width:48%; margin-bottom:11px;}
.careersFormbg .formSection ul li.fullWidth { width:100%;}
.careersFormbg .formSection ul li.lt { float:left;}
.careersFormbg .formSection ul li.rt { float:right;}
.careersFormbg .formSection input[type="text"],  .careersFormbg .formSection input[type="email"], .careersFormbg .formSection input[type="tel"], .careersFormbg .formSection textarea 
 {
	 width:100%; box-sizing:border-box; padding:9px; border:1px #c2c3c4 solid; font-size:12px; font-weight:600; font-family: 'Open Sans', sans-serif; color:#939598; text-align:center; background:#f7f7f7;
 }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #939598;
  text-transform:uppercase
}
::-moz-placeholder { /* Firefox 19+ */
 color: #939598;
   text-transform:uppercase
}
:-ms-input-placeholder { /* IE 10+ */
 color: #939598;
   text-transform:uppercase
}
:-moz-placeholder { /* Firefox 18- */
  color: #939598;
   text-transform:uppercase
}


 .careersFormbg .formSection textarea  { min-height:67px;}
.careersFormbg .formSection ul li label { font-size:12px; font-weight:600; color:#939598;  font-family: 'Open Sans', sans-serif; text-align:left; width:100%; margin-bottom:7px;}
.careersFormbg .formSection ul li input[type="file"] { outline:none;}
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 12px;
    /* 20px */
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center !important;
	margin-bottom:0px !important;

    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}



.inputfile-2 + label {
    color: #d3394c;
    border: 1px solid #c2c3c5;

}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #722040;
}


.capchaImg { width:100%; box-sizing:border-box;  border:1px #c2c3c4 solid; margin-bottom:8px;}
.capchaImg img { width:100%; height:auto;}
.careersFormbg .formSection input[type="text"].capchafield { padding-top:6px; padding-bottom:6px;}
.careersFormbg .formSection input[type="submit"] { width:141px; height:44px; border:1px #8cc751 solid; background:#8cc751; font-size:14px; font-weight:600; color:#fff; font-family: 'Open Sans', sans-serif; float:left; text-transform:uppercase;   -webkit-transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-o-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out;}
.careersFormbg .formSection input[type="submit"]:hover { background:#276443; color:#fff;}
.careersFormbg .formSection input[type="reset"] { width:141px; height:44px; border:1px #8cc751 solid; background:#f7f7f7; font-size:14px; font-weight:600; color:#939598; font-family: 'Open Sans', sans-serif; float:right; text-transform:uppercase;  -webkit-transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-o-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out;}
.careersFormbg .formSection input[type="reset"]:hover { background:#276443;  border:1px #276443 solid; color:#fff;}



.servicesIntroContent { width:100%; box-sizing:border-box; padding:0px 155px; text-align:center; clear:left; float:left; margin-bottom:30px;}
.servicesIntroContent h2  { font-size:30px; font-weight:300; color:#333132; margin-bottom:25px;}
.servicesIntroContent p { font-size:20px; font-weight:400; color:#333132; line-height:30px; }

.servicesListSection {  position:relative; background:url(../images/servies-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	clear:left; float:left;
	width:100%;}

ul.servicesList { width:100%; clear:left; float:left;}
ul.servicesList li { float:left; width:293px; height:143px; position:relative; background:url(../images/services-list-box-bg.png); border-radius:10px; margin-top:39px; margin-bottom:39px;
margin-left:130px;}
ul.servicesList li:first-child,ul.servicesList li:nth-child(3n+1) { margin-left:0px;}
ul.servicesList li .content { position:absolute; width:137px; right:0; height:100%;}
ul.servicesList li .content .servicescontent { display:table; width:100%; height:100%;}
ul.servicesList li .content .servicescontent article { display:table-cell; width:100%; height:100%; text-align:left; vertical-align:middle; font-size:16px; font-weight:700; color:#fff; line-height:23px; text-transform:uppercase;} 

ul.servicesList li i { float:left; margin-left:34px;}



.conactIntroWrap { width:100%; clear:left; float:left; text-align:center; margin-bottom:47px;}
.conactIntroWrap h2 { font-size:30px; font-weight:300; color:#333132; margin-bottom:42px;}
.conactIntroWrap p { font-size:25px; color:#414042; font-weight:300; line-height:40px;}
.conactIntroWrap p span { font-weight:600; }


.contactMap { width:100%; clear:left; float:left; position:relative; margin-bottom:42px;} 
.contactMap img { width:100%; height:auto;}
.contactMap .contentWrap { width:100%; position:absolute; top:0; }
.saraogiAddressWrap { width:340px; height:175px; background:url(../images/saraogi-address-bg.png) no-repeat; box-sizing:border-box; padding-left:29px; padding-top:29px; margin-top:23px;
float:left;}
.saraogiAddressWrap h2  { font-size:24px; font-weight:600; color:#3b3b3b; margin-bottom:6px;}
.saraogiAddressWrap p { font-size:16px; color:#3b3b3b; line-height:30px; font-weight:600;}

.linkGoogleMap { width:auto; float:right; margin-top:39px;}
.linkGoogleMap a { display:block; padding:5px  10px; font-size:14px; font-weight:600; color:#3b3b3b; text-decoration:underline; background:#8cc751;  -webkit-transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-o-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out;}

.linkGoogleMap a:hover { color:#fff;}


.sendMessageWrap { max-width:636px; width:auto; margin:auto; overflow:hidden; } 
.sendMessageWrap h2 { font-size:30px; font-weight:300; color:#333132; margin-bottom:35px; text-align:center;}
.sendMessageWrap ul { width:100%; clear:left; float:left; padding-bottom:26px;}
.sendMessageWrap ul li { clear:left; float:left; width:100%; margin-bottom:16px;}
.sendMessageWrap ul li input { width:100%; box-sizing:border-box; padding:10px 12px; border:1px #a7a9ac solid; outline:none;
font-size:16px; font-weight:300; color:#3b3b3b;  font-family: 'Open Sans', sans-serif;  }
.sendMessageWrap ul li textarea {  width:100%; min-height:126px; box-sizing:border-box; padding:10px 12px; border:1px #a7a9ac solid; outline:none;
font-size:16px; font-weight:300; color:#3b3b3b;  font-family: 'Open Sans', sans-serif; }
.sendMessageWrap ul li textarea::placeholder {  color:#3b3b3b !important; 
  text-transform:none !important;}
.sendMessageWrap ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#3b3b3b; 
  text-transform:none;
 
}
.sendMessageWrap ul li input::-moz-placeholder { /* Firefox 19+ */
 color:#3b3b3b; 
   text-transform:none;
}
.sendMessageWrap ul li input:-ms-input-placeholder { /* IE 10+ */
color:#3b3b3b; 
  text-transform:none;
}
.sendMessageWrap ul li input:-moz-placeholder { /* Firefox 18- */
 color:#3b3b3b; 
  text-transform:none;
}
.sendMessageWrap ul li input[type="submit"], .sendMessageWrap ul li input[type="reset"] { width:116px; height:47px; background:#414042; border:none; outline:none;
 font-size:18px; font-weight:700; text-transform:uppercase; color:#d2d2d3;  -webkit-transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-o-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out;}
.sendMessageWrap ul li input[type="submit"] { float:right;}
.sendMessageWrap ul li input[type="reset"] { float:left;}

.sendMessageWrap ul li input[type="submit"]:hover, .sendMessageWrap ul li input[type="reset"]:hover { background:#689f38;}

.projectsIntroContent { width:100%; text-align:center; margin-bottom:25px;}
.projectsIntroContent h2 { font-size:30px; font-weight:300; color:#333132; margin-bottom:17px; text-align:center;}
.projectsIntroContent p { font-size:20px; font-weight:400; color:#414042; padding:0px 15px;}

.projectsList section { width:100%; box-sizing:border-box; border:1px #cbcbcb solid; min-height:505px; position:relative; overflow:hidden; cursor:pointer;}
.cs-style-3 figure {
	overflow: hidden;
}

.projectsList section:hover { 	-moz-box-shadow: 0 0 8px 4px #c2c2c2;
-webkit-box-shadow: 0 0 8px 4px #8c2c2c2;
box-shadow: 0 0 8px 4px #c2c2c2;}



.grid section {
	width:100%;
	margin: 0;
	text-align: left;
	position: relative;
	margin-bottom:53px;
	
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	width: 100%;
	height:auto;
	display: block;
	
}

.grid figcaption {
	position: absolute;
	left: 0;
	z-index:1;
}

.grid figcaption a { color:#fff; width:100%; display:block; height:70px;}


.cs-style-3 figure .imageWrap {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
	position:relative;
}

.no-touch .cs-style-3 figure:hover .imageWrap,
.cs-style-3 figure.cs-hover .imageWrap {
	-webkit-transform: translateY(-23px);
	-moz-transform: translateY(-23px);
	-ms-transform: translateY(-23px);
	transform: translateY(-23px);
}


.cs-style-3 figcaption {
	
	background-size:100%;
	width: 100%;
	bottom:0px;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	
	
}

.cs-style-3 figcaption img { width:100%; height:auto;}

.cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}


.cs-style-3  figcaption .content { width:100%; height:134px; background:url(../images/projects/mouse-icon.png) no-repeat center bottom #fff;  text-align:center;}

.cs-style-3  figcaption .content h2 { display:inline-block; width:auto; font-size:22px; color:#414042; color:#414042; text-transform:uppercase; padding:5px 10px;  -webkit-transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-o-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out; margin-bottom:4px;}
.projectsList section:hover .content h2 { background:#afe47a; }
.cs-style-3  figcaption .content h3  { font-size:14px; font-weight:600; color:#276443}
.cs-style-3  figcaption .content p { font-size:16px; font-weight:600; color:#3b3b3b; line-height:30px; opacity:0; visibility:hidden;  -webkit-transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-o-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out; padding-top:18px; background:#FFF; padding-left:20px; padding-right:20px;}

.projectsList section:hover figcaption .content p  { opacity:1; visibility:visible;}

.projectsList section:hover  figcaption .content { background:#fff;}

.otherProjectsWrap { width:100%; background:#f7f7f7; margin-bottom:60px;}
.otherProjectsSection { width:100%; clear:left; float:left;}
.otherProjectsSection h2  { width:100%; text-align:center; font-size:30px; color:#414042; font-weight:300; margin-bottom:62px;}



.otherProjectsSection .contentSection { width:100%; clear:left; float:left; position:relative; padding-top:28px; padding-bottom:28px;}
.otherProjectsSection .contentSection .vertcleMiddlecontent {  width:50%; left:0; top:0; box-sizing:border-box; padding-right:15px;}

.otherProjectsSection .contentSection img { float:right;}

.otherProjectsSection .contentSection ul { width:100%;}
.otherProjectsSection .contentSection ul li { font-size:16px; color:#414042; font-weight:600; background:url(../images/green-bullet.png) no-repeat 1px 12px; line-height:30px;
padding-left:22px; margin-top:20px;}
.otherProjectsSection .contentSection ul li:first-child { margin-top:0px;}
.otherProjectsSection .contentSection ul li span { font-weight:700;}


.galleryTabWrap { width:100%; background:#e5e5e6; padding:2px 0px; margin-bottom:26px; clear:left; float:left;}
.galleryTabWrap ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
			background:#e5e5e6;
			border-top:1px #fff solid;
			border-bottom:1px #fff solid;
			width:100%; clear:left; float:left;
			box-sizing:border-box;
			padding:23px 40px;
		}
.galleryTabWrap ul.tabs li{
	float:left;
	margin-left:20px;
		}


.tab-content{
			display: none;
			
		}

		.tab-content.current{
			display: inherit;
		}
		
.galleryTabWrap ul.tabs li:first-child { margin-left:0px;}		
.galleryTabWrap ul.tabs li a { display:block; font-size:16px; font-weight:600; color:#59595b; text-transform:uppercase; padding:4px 8px; -webkit-transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-o-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out; cursor:pointer}
.galleryTabWrap ul.tabs li a:hover { background: #8cc751;}
.galleryTabWrap ul.tabs li a.current{
			background: #8cc751;
		}

.full { width:100%; box-sizing:border-box; border:13px #dcddde solid;}
.full img { width:100%; height:auto;}

.previews { width:100%; margin-bottom:27px; position:relative; overflow:hidden; cursor:pointer;}
.previews  { display:block; width:100%; }
.previews   img { width:100%; height:auto; position:relative; z-index:1;  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.previews:hover img { -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.previews a::before{ width:100%; height:100%; content:""; background:url(../images/gallery/thumb-hover-bg.png); visibility:visible; opacity:1;   -moz-transition: all 0.3s; position:absolute; top:0; left:0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; z-index:2;}
.previews a i { width:36px; height:36px; position:absolute; z-index:3; visibility:hidden; opacity:0;  -moz-transition: all 0.3s; position:absolute; top:0; left:0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; background:url(../images/gallery/thumb-hover-icon.png) no-repeat; top:50%; margin-top:-18px; left:50%; margin-left:-18px;}
  
  .previews a:hover i { visibility:visible; opacity:1;}
.previews a:hover::before { visibility:hidden; opacity:0;}
  
  .galleryHead { width:100%; padding-bottom:22px; border-bottom:1px #dcdddf solid; font-size:22px; font-weight:700; color:#8cc751; text-transform:uppercase; margin-bottom:32px;}
  .galleryImgWrap { width:100%; padding-left:15px; padding-right:15px; box-sizing:border-box;}
  
 .previews a.selected i{ visibility:visible; opacity:1;}
  
  .galleryheading { width:100%; text-align:center; font-size:30px; font-weight:300; color:#333132; margin-bottom:30px;} }
  
  .termsofuseWrap { width:100%; clear:left; float:left;} 
  
  
  .termsofuseWrap h2  { font-size:30px; font-weight:300; color:#333132; margin-bottom:20px; text-align:center;}
  .termsofuseWrap p  {     font-size: 20px;
    color: #333132;
    font-weight: 600;
    line-height: 29px;
	padding-left:100px;
	padding-right:100px;
	text-align:center;
	margin-bottom:40px;
	
}
  
  .termsofuseWrap ul { width:100%; padding-bottom:30px; box-sizing:border-box; padding-left:100px; padding-right:100px;}  
   .termsofuseWrap ul li { width:100%;  font-size: 16px;
    color: #333132;
    font-weight: 400; background:url(../images/team-slider-arrow-rt.png) no-repeat 7px 4px; padding-left:35px; margin-bottom:15px;}
	
	
	
.sitemapSection { width:100%; clear:left; float:left; background:url(../images/sitemap-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	padding:67px 0px;
	margin-top:-50px;}	
	
.sitemapLinkWrap { width:764px; position:relative; margin:auto; background:url(../images/line-bg.png) no-repeat center top;
min-height:780px;}
.sitemapLinkWrap .lt { width:142px; float:left; margin-top:100px; margin-left:26px;}
.sitemapLinkWrap .lt ul li { margin-bottom:101px; text-align:right;}	
.sitemapLinkWrap .lt ul li a { font-size:33px; color:#0c4676;}	
.sitemapLinkWrap .lt ul li:nth-child(1)  { margin-bottom:90px;}	
.sitemapLinkWrap .lt ul li:nth-child(2)  { margin-bottom:90px;}		
.sitemapLinkWrap .lt ul li:nth-child(3)  { margin-bottom:92px;}		
.sitemapLinkWrap .lt ul li a:hover { color:#fff;}
	
.sitemapLinkWrap .rt { width:170px; float:right; margin-top:180px; }
.sitemapLinkWrap .rt ul li { margin-bottom:101px;}	
.sitemapLinkWrap .rt ul li a { font-size:33px; color:#0c4676;}
 .sitemapLinkWrap .rt ul li:nth-child(1)  { margin-bottom:90px;}	
.sitemapLinkWrap .rt ul li:nth-child(2)  { margin-bottom:90px;}		
.sitemapLinkWrap .rt ul li:nth-child(3)  { margin-bottom:92px;}	 


.sitemapLinkWrap .lt ul li a:hover, .sitemapLinkWrap .rt ul li a:hover { color:#fff;}

.bottom-logo { width:194px;  margin:auto; margin-top:93px;}
.bottom-logo a { display:block; background:url(../images/logo-white-bottom.png) no-repeat; width:194px; height:47px; background-size:100%; font-size:0;
}

.rgformSection { text-align:center; margin-top:-20px;} 
.rgformSection p { font-size: 18px;
    color: #414042;
    font-weight: 300;
    line-height:30px;
	margin-bottom:15px;
}

.rgformSection  h3 { display:inline-block;}
.rgformSection  h3 a { display:block; background:url(../images/excel-icon.png) no-repeat; font-size:15px; font-weight:bold; color:#207245; min-height:40px; padding-left:50px; line-height:40px;}

.back-to-top{
	position: fixed;
    bottom:55px;
    right: 20px;
    display: none;
	z-index:1;
}



#formmessage, #formmessage2 { width:100%; height:100vh; background:rgba(0,0, 0, 0.5); position:fixed; top:0; left:0; display:none; z-index:1000;}
#formmessage .popup, #formmessage2 .popup  { 
	width:500px;
	height:200px;
	background-color:black;
	margin:auto;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-250px;
	margin-top:-100px;
	background:#fff;
	text-align:center;
	
}

#formmessage .popup .closebt, #formmessage2 .popup .closebt { width:25px; height:25px; background:url(../images/closeleftpanelbg.jpg) no-repeat; float:right; margin-top:10px; margin-right:10px;
font-size:0; cursor:pointer;}

#formmessage .popup  p , #formmessage2 .popup  p{ clear:left; float:left; padding:15px; font-size:18px; font-weight:600; color:#946e54;     
width: 100%;
    padding-top: 50px;}