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

body{
	padding:0px;
	margin:0px;
	font-family:  'Poppins', sans-serif;
	font-size:15px;
	color:#212322}

	
a:focus, input:focus, textarea:focus, button:focus {
	outline: none !important;}
	
a:active, a:hover {
    outline: 0 none !important;}
	
h1, h2, h3, h4, h5, h6, p {
	-webkit-font-smoothing: antialiased;
	margin:0px;
	padding:0px;}
	
	
p {
	font-size: 14px;
	line-height: 22px;
	color: #6b6d6d;
	font-weight:400;}
	
ul {
	margin: 0;
	padding: 0;
	list-style: none;}
	
ol {
	padding: 0px;
	list-style-position: inside;}
	
ol, li {
	margin-bottom:0px;
	list-style: none;
	position: relative;}
	
a {
	text-decoration: none;}
	
a:hover {
	text-decoration: none;}
	
	
	


/*----------- General Css Starts Here ------------*/
.top_outer{
	padding:0px;
	background:#cadfd6;
	position:relative;}
	
.logo_outer{
	padding:0px;
	margin:0px 0px 0px 0px;
	position:absolute;
	left:0;
	top:5px;

	z-index:99;}
	
.navbar-default{
	background:#cadfd6;
	border:none;}
	
	
.navbar-nav>li>a{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	color:#000;
	text-decoration:none;
	font-weight:100;
	padding:30px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background:#000;
	color:#fff;}
	
.navbar-right{
	margin-right:0px;}
	
	
	
	
/*------------------- Banner Section Starts Here--------------------*/

.banner-outer{
	padding:0px;
	margin:0px;}
	
.banner{ width:998px; float:left; height:440px; background:url(../images/banner_bg.png) no-repeat bottom; background-position:right}
	
code {
	display: block;
	background-color: #eee;
	padding: 2em;
	overflow: scroll;
	white-space: nowrap;}
	
#demo-1 {
	position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
	overflow: hidden; /* to bound the empty top space created by inner element's top margin */
	width: 100%;
	min-height: 400px;
	background-color: #999;}
	
.demo-inner-content {
	position: relative; /* if position is not set, the script will set it to 'relative'. */
	z-index: 2; /* if z-index is not set, the script will set it to '2'. */
	margin: 250px 8% 250px 0px;
	padding:5px 1%;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	float: right;
	background:#000;
	opacity: 0.4;}
	
.demo-inner-content h1 {
	font-size: 1.3em;
	margin:0px ;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	text-transform:none;
	
	
	}
		
.inner_banner_content {
	visibility:hidden;}

/*------------------- Banner Section Ends Here--------------------*/	


/*------------------- Content Section Starts Here ---------------------*/

.content_wrap{
	padding:3% 0px 0px;
	margin:0px;}
	
.content_wrap h2{
	font-size:35px;
	font-family:'Oswald', sans-serif;
	font-size:30px;
	color:#000;
	text-transform:uppercase;
	background:url(../images/title_bg.png) no-repeat center bottom;
	text-align:center;
	font-weight:300;
	padding:2% 0;
	margin:0px 0px 50px 0px}

.content_wrap h2 span{
	font-size:50px;
	color:#026a39;}
	
.content_wrap p{
	padding:0px 0px 25px;
	margin:0px;
	font-size:18px;
	line-height:24px;
	text-align:center;}
	
/*--------- About Section Starts-----------*/	
	
.about_outer{
	padding:5% 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;}
	
.about_left_wrap{
	padding:0px;
	margin:0px;}
	
	
.about_left_wrap img{
	padding:0px;
	margin:0px;}
	
.about_left_wrap h2{
	position:absolute;
	bottom:5%;
	right:0;
	background:#000;
	padding:2% 2%;
	font-size:35px;
	color:#f47936;
	text-transform:uppercase;
	font-family:'Oswald', sans-serif;
	font-weight:300;}
	
.about_right_wrap{
	padding:3% 5%;
	margin:0px;
	background:#000;
	position:relative;
	overflow:hidden;
	max-height:387px;
}
	
.about_right_wrap p{
	font-size:16px;
	line-height:24px;
	text-align:left;
	color:#FFF;
	padding:0px 0px 20px 0px;}
	
.learnmore_btn {
  border-radius:3px;
  background-color:#000;
  border: 3px solid #137446;
  color: #81b59c;
  text-align: center;
  font-size: 20px;
  padding: 1% 3% ;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  text-transform:uppercase;
  margin:20px 0px 0px
}

.learnmore_btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.learnmore_btn a{
	color: #81b59c;}
	
.learnmore_btn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -50px;
  transition: 0.5s;
}

.learnmore_btn:hover span {
  padding-right: 25px;
}

.learnmore_btn:hover span:after {
  opacity: 1;
  right: 0;
}




.welcome{ background:#000; float:left; width:100%; margin:50px 0px;}
.welcome .welcome-content{ margin-left: 5%;padding: 50px 0; float:left; width:95%; }

.welcome .welcome-content p{ color:#FFF; font-size:16px; line-height:24px; text-align: left; margin-bottom:2.5%;
}

.welcome .imgs{ padding:0;}
.welcome .imgs img{ padding:0;float:right;}

/*--------- About Section Ends-----------*


/*--------- Service Section Starts-----------*/

.servive-left-box{
	padding:5%;
	background:#f47936;
	margin:0px;
	}
	
	

.servive-left-box h3{
	font-size:33px;
	font-family:'Oswald', sans-serif;
	font-weight:300;
	color:#FFF;
	text-align:left;
	line-height:38px;
	border-bottom:8px solid #FFF;
	padding:97px 20px 15px;
	margin:0px 20px 20px;
	min-height:272px;}
	


.servive-right-box{
	padding:5%;
	background:#137446;
	margin:0px;}
	
.servive-right-box h3{
	font-size:33px;
	font-family:'Oswald', sans-serif;
	font-weight:300;
	color:#FFF;
	text-align:left;
	line-height:38px;
	border-bottom:8px solid #FFF;
	padding:97px 20px 15px;
	margin:0px 20px 20px;
	min-height:272px;}
	
.padng_none{
	padding:0px;}
/*--------- Service Section Ends-----------*/



/*------------- Project Section Starts -------------*/
.project_outer{
	padding:5% 0;
	margin:0px;}
	
.project_right_outer{
	padding:0 8%;
	margin:0px 0px 0px 15px;
	position:relative;
	border-left:10px solid #137446;
	display:block;}
	
.project_right_outer p{
	font-family:'Oswald', sans-serif;
	font-weight:300;
	font-size:22px;
	line-height:32px;
	text-align:left;
	color:#393c3b;
	padding:0 0 30px 0;}
	
.project_right_outer p a{
	color:#f47936;
	text-decoration:none;}
	
.project_right_outer p a:hover{
	color:#137446;
	text-decoration:none;}
	
.dots_01{
	padding:0px;
	margin:0px;
	position:absolute;
	left:-18px;
	top:-3px;
	width:27px;
	height:28px;}
	
.dots_02{
	top:156px;
	width:27px;
	height:28px;
	position:absolute;
	left:-18px;}
	
.dots_03{
	top:316px;
	width:27px;
	height:28px;
	position:absolute;
	left:-18px;}
	

	
.dots_04{
	top:478px;
	width:27px;
	height:28px;
	position:absolute;
	left:-18px;}
/*------------- Project Section Ends -------------*/



/*--------------- Our gallery Starts --------------*/

.gallery_outer{
	padding:0px;
	margin:0px;}
	
.galWrap{
	margin-top:30px;
}
.galleryBox {
    padding: 0px;
    margin: 0;
}
.galleryBox figure {
    float: none;
}
.galleryBox .fancybox {
    color: #fff;
}
.galleryBox img{
	width:100%;
	opacity:1;
	max-height:275px;
}
.galArea{
	margin-top:50px;
}
.botMargin{
	margin-bottom:8px;
}

/*-----------------*/
/***** Hera *****/
/*-----------------*/

figure.effect-hera {
	position:relative;
}
figure.effect-hera h2 {
	font-size:18px !important;
	line-height:24px;
	margin:0;
	padding:0;
	color:#fff;
	text-align:center;
	opacity:0;
}
figure.effect-hera figcaption{	
	border:2px solid #fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	padding:15px;
	moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
figure.effect-hera figcaption:hover{
	background:none;
	cursor:pointer;
}
figure.effect-hera h2,
figure.effect-hera p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera figcaption::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background:url(../images/story-overlay.png) repeat;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera p {
	width: 100px;
	text-transform: none;
	font-size: 30px;
	padding:0;
	margin:0;
	text-align:center;
}
figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
	opacity: 0.6;
	color:#fbe6a3;
}
figure.effect-hera p a i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-hera p a:first-child i {
	-webkit-transform: translate3d(-60px,-60px,0);
	transform: translate3d(-60px,-60px,0);
}
figure.effect-hera:hover figcaption::before {
	opacity: 1;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}
figure.effect-hera:hover h2 {
	opacity: 0;
	-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
	transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
figure.effect-hera:hover p i:empty {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
	opacity: 1;
}

/*--------------- Our gallery ends --------------*/

/*--------------- Footer Section Starts Here -------------*/
.footer_outer{
	padding:5% 0;
	margin:0px;
	background:#1f1f1f;}
	
.footer_outer h2{
	padding:0px;
	margin:0px 0px 25px 0px;
	text-align:left;
	font-size:38px;
	color:#f47936;
	font-family:'Oswald', sans-serif;
	font-weight:300;}
	
.footer_outer p{
	font-size:18px;
	line-height:24px;
	text-align:left;
	color:#FFF;}
	
.footer_outer p a{
	color:#7afcbf;}
	
.footer_outer p a:hover{
	color:#f47936;}
	
.footer_outer ul{
	list-style:none;
	padding:0px;
	margin:0px;}
	
.footer_outer ul li{
	padding:0px 0px 15px 25px;
	margin:0px;
	background:url(../images/footer_li.png) no-repeat left 4px;}
	
.footer_outer ul li a{
	font-size:18px;
	line-height:24px;
	text-align:left;
	color:#FFF;}
	
.footer_outer ul li a:hover{
	color:#7afcbf;}
	
.footer_qck_lonks{
	padding:0 10%;}
	
.copy_right{
	padding:2% 0px;
	margin:0px;
	background:#000;
	font-size:18px;
	line-height:24px;
	text-align: center;
	color:#FFF;}
	
.copy_right a{
	color:#7adaad;
	text-decoration:none;}
	
.copy_right a:hover{
	color:#f47936;
	text-decoration:none;}
/*--------------- Footer Section Ends Here -------------*/




/*------------------- Content Section Ends Here ---------------------*/




/*========================== Inner Pages Starts Here ========================*/

.inner_page_banner{
	padding:0px;
	margin:80px 0px 0px 0px;
	position:relative;}
	
.inner_banner_caption{
	
	position: absolute; /* if position is not set, the script will set it to 'relative'. */
	z-index: 2; /* if z-index is not set, the script will set it to '2'. */
	padding:5px 1%;
	color: #fff;
	text-align: center;
	font-size: 1.1em;
	background:#000;
	opacity: 0.6;
	right:70px;
	top:80px;}
	
.inner_banner_caption h2{
	font-size: 1.3em;
	margin:0px auto ;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	text-transform:none;}
	
	
.inner_wrap{
	padding:3% 0px;
	margin:0px;}	
	
.inner_wrap h2{
	font-size:15px;
	font-family:'Oswald', sans-serif;
	font-size:35px;
	color:#000;
	text-transform:uppercase;
	background:url(../images/title_bg.png) no-repeat center bottom;
	text-align:center;
	font-weight:300;
	padding:2% 0;
	margin:0px 0px 50px 0px}

.inner_wrap h2 span{
	font-size:50px;
	color:#026a39;}
	
.inner_wrap p{
	padding:0px 0px 25px;
	margin:0px;
	font-size:18px;
	line-height:24px;
	text-align:center;}
	
.inner_wrap a{
	padding:0px 0px 25px;
	margin:0px;
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#f47936;
	text-decoration:underline;
	display:block;}


.inner_wrap a:hover{
	color:#137446;}


.our-serv-wrap{
	padding:0px;
	margin:0px 0px;}
	
.our-serv-wrap h3{
	padding:2%;
	margin:0px 0px 20px 0px;
	text-align:center;
	color:#FFF;
	font-size:20px;
	line-height:26px;
	background:#137446;}
	
	
.contact_outer{
	padding:5% 2%;
	margin:0px;
	border:2px solid #e1e1e1;
	border-top:5px solid #f47936;;}
	
.contact_outer h3{
	padding:0px;
	margin:0px 0px 20px 0px;
	text-align:center;
	font-size:20px;
	color:#137446;
	text-transform:uppercase;
	}
	
.contact_outer p{
	padding:0px 0px 25px;
	margin:0px;
	font-size:16px;
	line-height:24px;
	text-align:center;}
	
.contact_outer p a{
	color:#f47936;
	display:inline-block;
	padding:0px;}
	
.contact_outer p a:hover{
	color:#137446;}



.project_wrap{
	padding:0px;
	margin:0px;}
	
.project_wrap h3{
	padding:0px;
	margin:0px 0px 20px 0px;
	font-size:30px;
	color:#137446;}
	
.project_img{
	float: none ;
	padding:0px;
	margin:0px auto;
	display:block;
	}
	
.pr-sub-box{
	padding:2% 5%;
	margin:20px 0px;
	border:3px solid #e1e1e1;
	min-height:195px;}
	
.project_wrap ul{
	padding:0px;
	margin:0px 0px 25px 0px;
	list-style:none;}
	
.project_wrap ul li{
	padding:2% 5%;
	margin:0px;
	font-size:16px;
	line-height:24px;
	text-align:left;
	background:url(../images/li_bg.png) no-repeat left 30px;
	border-bottom:1px dashed #eaeaea}
/*========================== Inner Pages Ends Here ========================*/


	
@media all and (max-width: 767px) and (min-width: 320px) {
.navbar-nav > li > a{
	padding:10px 20px;
	font-size:18px;
	color:#000;}
		
.logo_outer{
	top:10px;}
	
.navbar-collapse{
	background:#f47936;
	border:1px solid #0c7242;}
	
.navbar-default .navbar-nav > li > a{
	color:#FFF;}
	
	
.inner_banner{
	padding:0px;
	margin:0px;
	position: absolute;
	top:10%;}
	
	
.inner_banner_content {
	position: relative; /* if position is not set, the script will set it to 'relative'. */
	z-index: 2; /* if z-index is not set, the script will set it to '2'. */
	margin: 20% auto;
	padding: 10px 0px;
	color: #fff;
	text-align: center;
	font-size: .8em;
	visibility:visible;}
	
.inner_banner_content h1 {
	font-size: 1.5em;
	margin: 0;
	text-transform:uppercase;}
			
.content_wrap h2{
	font-size:20px;
	padding:2% 0 5%;}
	
.content_wrap h2 span{
	font-size:35px;}
	
.content_wrap p{
	font-size:14px;
	line-height:20px;
	padding:3%;}
	
.about_right_wrap p{
	font-size:14px;
	line-height:18px;
	padding:1% 5%;}
	
.learnmore_btn {
	font-size:15px;
	margin-left:5%;}
	
.about_right_wrap{
	min-height:390px;}
	
.padng_none{
	padding:1px 0px;}
	
.dots_03{
	top:248px;}
	
.dots_04{
	top:375px;}
	
.project_right_outer{
	margin-top:20px;}
	
.footer_qck_lonks{
	padding:5% }

.inner_banner_caption{
	left:0;
	top:20px;
	font-size:0.6em;
	width:100%;}
	
.inner_page_banner{
	margin-top:50px;}
	
.inner_wrap h2{
	font-size:28px;
	padding-bottom:8%;}
	
.inner_wrap h2 span{
	font-size:40px;}
	
.inner_wrap p{
	font-size:14px;
	padding:0 5%;}
	
.inner_wrap a{
	font-size:14px;}
	
.project_wrap h3{
	font-size:25px;}
	
.project_wrap ul li{
	font-size:14px;
	line-height:22px;
	background:url(../images/li_bg.png) no-repeat left 10px;
	padding:2% 10%;
	}
	
.footer_outer p{
	font-size:14px;}
	
.footer_outer ul li a{
	font-size:14px;}
	
.copy_right{
	font-size:14px;}
	
.our-serv-wrap h3{
	padding:8%;
	font-size:14px;
	line-height:20px;}
	

	
}







@media all and (max-width: 767px) and (min-width: 320px) and (orientation: landscape) {
	}

@media all and  (max-width: 1024px) and (min-width: 768px){
	.about_right_wrap{
		padding:2%;
		min-height:288px;}
		
	.servive-left-box h3{
		font-size:26px;
		line-height:36px;
		padding-top:48px;
		min-height:222px;}
		
	.servive-right-box h3{
		font-size:26px;
		line-height:36px;
		padding-top:48px;
		min-height:222px;}
		
	.project_right_outer p{
		font-size:18px;
		line-height:26px;}
		
	.content_wrap h2{
		font-size:30px;}
		
	.content_wrap h2 span{
		font-size:45px;}
		
	.footer_outer h2{
		font-size:30px;}
		
	.footer_outer p{
		font-size:15px;
		line-height:22px;}
		
	.footer_outer ul li a{
		font-size:15px;}
		
	.copy_right{
		font-size:15px;}
		
	.inner_banner_caption{
		left:0;
		top:60px;
		width:100%;}
		
	.project_wrap ul li{
		background:url(../images/li_bg.png) no-repeat left 23px;}
		
	.pr-sub-box{
		min-height:218px;}
		
	.contact_outer{
		min-height:297px;}
		
		
	.our-serv-wrap h3{
		font-size:17px;
		line-height:22px;}
	}

@media all and  (max-width: 1200px) and (min-width: 768px) and (orientation: landscape){
	}


@media (max-width: 990px) and (min-width: 767px) {
	.servive-left-box{
		min-height:360px;}
		
	.servive-right-box{
		min-height:360px;}
	
	.servive-left-box h3{
		padding-top:245px;
		min-height:355px;
		font-size:25px;}
		
	.servive-right-box h3{
		padding-top:245px;
		min-height:355px;
		font-size:25px;}
		
	.navbar-nav > li > a{
		padding:27px 10px;}
		
	.project_right_outer{
		margin-top:20px;}
		
	.footer_qck_lonks{
		padding:0 2%;
		margin-top:20px;
		margin-bottom:20px;}
		
	.demo-inner-content h1{
		font-size:1.5em;}
		
	.project_right_outer p{
		font-size:21px;
		line-height:35px;}
		
	.inner_banner_caption h2{
		font-size:0.9em}
		
	.inner_wrap h2{
		font-size:35px;}
		
	.inner_wrap h2 span{
		font-size:50px;}
		
	.welcome .welcome-content{
		padding:20px 0;}
		
	.welcome .welcome-content p{
		font-size:14px;
		line-height:19px;}
		
		}

@media only screen and (max-width: 800px) {}

/*----------- General Css Ends Here ------------*/