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

body {
	margin:0px;
	padding:0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

#wrapper
{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0px;
	}
.top-header{
	background:transparent;
	position: fixed;
	width: 100%;
	z-index: 999;
		transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.top-header img.logo{
	margin-top: 0;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}	
	
.navbar {
    position: relative;
    z-index: 1000;
    border: 1px solid transparent;
}
.nav-bar{
	margin-top: 15px;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}
.navbar-default {
    background-color: #fff;
    border-bottom: 3px solid #51712E;
}
.navbar-nav {
    float:none;
    margin: 0;
}
.navbar-default .navbar-nav > li > a {
    color:#9C9C9C;
	padding:69px 44px 2px 41px;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	-ms-transition: all .7s ease 0s;
}

.navbar-nav > li:nth-last-child(4)
{
	padding:0px 0px 2px 0px;
	
}
.top {margin-top:-77px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #608b42;
    background-color: none;
}

.navbar-brand
{
	display:none;
}

.banner {
	padding-top:20px;
	padding-bottom:0px;
	position:relative;
	}
	
.intro
{padding:20px 0px;}	

.intro h1, .service h1, .about h1{
    text-align: center;
    color: #9C9C9C;
    font-size: 50px;
    margin-bottom: 0px;
    width: 100%;
	padding:0px;
	font-weight:500;
	
}
.intro .title, .service .title{
	border-right: 5px solid #4a6f26;
	border-left: 5px solid #4a6f26;
	width:47%;
	margin: 0 auto;
	padding:5px 2px;
}

.intro h2 , .service h2{
	text-align: center;
    color: #5E5E5E;
    margin-top: 8px;
	font-size:25px;
}

.intro p {
	text-align: center;
    color: #afafaf;
    line-height: 25px;
	margin:20px 0px 10px 0px;
	}

.more {
	display:block;
	text-align: center;
	width:100%;
}
.more i {
	font-size: 12px;
    margin-left: 6px;
	color:#4a6f26;
	}
.more a{
	color:#4a6f26;
	font-size:14px;
	text-align:center;
	margin-top:15px;
	text-decoration:none;
	
}

.gallery
{
	padding:20px 0px;
}

.gallery .row 
{
  margin-right: 0px;
  margin-left: 0px;
	}
	

.gallery .box1{
	display:block;
	width:314px;
	height:259px;
	float:left;
	margin-right:2px;
	
	}
.gallery .box1 img, .gallery .box3 img, .gallery .box2-1 img, .gallery .box2-2 img, .gallery .box2-3 img {
	width:100%;
	height:100%;
	}	

.gallery  .main-box
{

width:505px;
 height:260px;
  float:left; 
 padding:0px 7px;
}
.gallery .box3{
	display:block;
	width:314px;
	height:259px;
	float:right;
	margin-left:4px;
	}
.gallery .box2-1{
	display:block;
	width:229px;
	height:135px;
	float:left;
	margin-right:9px;
	margin-bottom:7px;
	}
	
.gallery .box2-2{
	display:block;
	width:253px;
	height:135px;
	float:left;
	margin-bottom:7px;
	}	
	
.gallery .box2-3{
	display:block;
	width:494px;
	height:117px;
	float:none;
	}

.gallery-gap {margin-top:7px;}
.service
{padding:20px 0px;}		

.service-box{padding:10px;margin-top:26px; height: auto;}	

.service-box img{ margin:0 auto;}
.service-box .service-text
{ margin:0 auto; text-align:center;}
.service-box .service-text .heading {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0px;
	padding:7px 0px;
	/*text-transform:uppercase;*/
	
}

.service-box .service-text p 
{
color:#646464;
    line-height: 24px;
	text-align:justify;
}

footer {
	padding-top:20px;
	margin:0 auto;
	padding-bottom:none;
	border-top:2px solid #999999;
	background-color:#f3f3f3;
	
}
footer img {    margin: 0 auto;}
footer p {
	color: #646464;
    line-height: 24px;
	text-align:justify;
}
	
footer h2 {
	color: #5e5e5e;
    font-size: 22px;
	font-weight:bold;
	margin:0;
	padding-bottom:3px;
	
}
footer .border {
  width   : 53%;
  height  : 36px;   
  position: relative;
  z-index : 1;
}

footer .border:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-bottom:3px solid #567b35;
}

footer .quick-links 
{ display:block;
    padding: 0px 87px 10px 0px;
}

footer .quick-links ul{
	display:block;
	padding:0px;
	margin:0px;
	
 }
 
footer .quick-links ul li{
	display:block;
	padding:0px;
	margin:0px;
 }
footer .quick-links i{
	display:block;
	float:left;
	padding: 13px 13px 0px 0px;
 }
 
 footer .quick-links ul li a{
	display:block;
	list-style-type: none;
    text-decoration: none;
	color:#646464;
	padding:5px 5px 5px 0px;
	font-size:15px;
	line-height:30px;
	border-bottom:1px solid #cbcbcb;
 }
 footer .address {
	width:100%; 
	display:block;
	padding: 7px 0px;
	 
 }
 footer .address .icons-1 {
	 float:left;
	 color:#b9babc;
	 font-size:17px;
	 padding: 0px 20px 19px 0px;
 }
 footer .address .icons-2 {
	 float:left;
	 color:#b9babc;
	 font-size:17px;
	 padding: 0px 12px 0px 0px;
 }
  footer .address .icons-3 {
	 float:left;
	 color:#b9babc;
	 font-size:17px;
	  padding: 0px 12px 0px 0px;
 } 
 footer .address .details{
	 float:left;
	 color: #646464;
    line-height: 24px;
	text-align:justify;
	font-size:15px;
	margin-bottom: 12px;
 }
 footer .social {
	display:block; 
	margin-top:15px;
 }
 footer .social ul{
	display:block;
	padding:0px;
	margin:0px;
	
 }
 
footer .social ul li{
	display:inline-block;
	padding:0px;
	margin:0px;
 }
footer .copyright
{
	width:100%;
	background-color:#999999;
	padding:1px 0px;
	margin-top:30px;
}

footer .copyright p
{
	color:#fff;
	text-align:center;
	font-size: 12px;
	padding:12px 0px 2px 0px;
}


/*--------------------About Page Css-------------------*/

.about
{padding:120px 0px 20px 0px;}	

.about p {
	text-align:justify;
    color: #afafaf;
    line-height: 25px;
	margin:20px 0px 10px 0px;
	}
	
.about h2 {
    color:#567B35;
    font-size: 25px;
    margin-top:56px;
    width: 100%;
    padding: 0px;
    font-weight: 500;
}

.about h3 {
    color:  #9C9C9C;
    font-size: 18px;
    margin-top: 10px;
    width: 100%;
    padding: 0px;
    font-weight: 500;
}

.about .section-gap {margin-top:48px;}


/*--------------------Project Page Css-------------------*/
.project
{padding:120px 0px 20px 0px;}	

.project h1 {
    text-align: center;
    color: #9C9C9C;
    font-size: 50px;
    margin-bottom: 24px;
    width: 100%;
    padding: 0px;
    font-weight: 500;
}
.project-inner .col-lg-6,  .project-inner .col-md-6 { padding-right: 10px;
    padding-left: 10px;}
	
.project-gallery1 img {width:186px;}
.project-gallery2 img {height:149px;}
.project-gallery img {width:100%;}
#lgbx,
#lgbx_bcg { position: fixed }

#lgbx_bcg {
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0,0,0,0.8)
}

#lgbx {
 background: #FFF;
  padding: 0px;
  z-index: 55;
  top: 0;
  left: 0
}

#lgbx_close,
#lgbx_desc,
#lgbx_next,
#lgbx_prev {
  position: absolute;
  z-index: 56;
  display: none
}

#lgbx_close {
  z-index: 56;
  right: 9px;
  top: 9px;
  cursor: pointer;
  width: 15px
}

#lgbx_desc {
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  color: #FFF;
  padding: 5px 8px 1px;
  font-size: 12px
}

#lgbx_next,
#lgbx_prev {
  cursor: pointer;
  top: 50%;
  margin-top: -20px;
  height: 40px
}

#lgbx_next { right: 5px }

#lgbx_prev { left: 5px }

/*----------------------Service Page css-----------------*/

.sec-service{
    padding: 120px 0px 20px 0px;
}


/*---------------------Contact Page css------------------*/	
.contact
{padding:120px 0px 20px 0px;}	

.contact p {
	text-align:justify;
    color: #afafaf;
    line-height: 25px;
	margin:20px 0px 10px 0px;
	} 
.contact h2 {
    color:#567B35;
    font-size: 25px;
    margin-top:28px;
    width: 100%;
    padding: 0px;
    font-weight: 500;
}

.contact h3 {
    color:  #9C9C9C;
    font-size: 18px;
    margin-top: 10px;
    width: 100%;
    padding: 0px;
    font-weight: 500;
}

.contact h1{
    text-align: center;
    color: #9C9C9C;
    font-size: 50px;
    margin-bottom: 0px;
    width: 100%;
	padding:0px;
	font-weight:500;
	
}

.contact-form input[type="text"], .contact-form textarea, .contact-form input[type="email"] {
       color: #777;
    padding: 8px;
    display: block;
    width: 98%;
    background: #f9f9f9;
    border: 1px solid #DBDAD7;
    outline: none;
    -webkit-appearance: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.contact-form textarea {
    resize: none;
    height: 120px;
}
.contact-form label {
    display: inline-block;
    margin: 5px 0px 10px 0px;
    font-weight: bold;
}

.contact-form input[type="submit"] {
    cursor: pointer;
    border: 1px solid #567B35;
    padding: 5px 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    font-size:18px;
    color: #fff;
    letter-spacing: -1px;
    right: 0;
	background-color:#567B35;
	
    }

.contact-form input[type="submit"]:hover {
	color:#000;
	background-color:#619C2D;
	
	}
.contact-form .submit {
	margin-top:15px;
	
	}


/*---------------------Media Queries------------------*/	
@media (max-width: 1200px) {

.navbar-default .navbar-nav > li > a {
    color: #d6d6d6;
    padding: 69px 44px 6px 41px;
}
.intro .title, .service .title {
    width: 53%;
}

footer .address .details {
    float:none;
    color: #646464;
    line-height: 24px;
    text-align: justify;
    font-size: 15px;
    margin-bottom: 12px;
}
@media (max-width:1200px) and (min-width:997px){
	
.navbar-default .navbar-nav > li > a {
    color: #d6d6d6;
    padding:59px 35px 6px 24px;
}	

}
@media (max-width:997px) and (min-width:768px){
	.navbar-default .navbar-nav > li > a {
    color: #d6d6d6;
    padding:59px 11px 6px 15px;
}
.intro .title, .service .title {
    width: 54%;
}	
.intro h2, .service h2 {
    font-size: 19px;
}
.intro h1, .service h1 {
    font-size: 45px;
    font-family: 'Eras_Demi_ITC';
   
}
.service-box {
    float:left;
	width:50%;
}

}
@media (max-width: 768px) {
	.top-header{
	background:transparent;
	position: relative;
	width: 100%;
}
.top-header img.logo {
	width:74%;
	
	}
.navbar-toggle {
    margin-top: 12px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-default .navbar-nav > li > a {
    color: #d6d6d6;
    padding:14px 14px 14px 14px;
	text-align:center;
}
.navbar-brand
{
	display:block;
    float: left;
    padding: 2px 14px;
    font-size: 18px;
    line-height: 20px;

}
.navbar-nav > li:nth-last-child(4) {
   display:none;
}
.banner {
    padding-top: 0px;
    padding-bottom: 0px;
}
.intro h2, .service h2 {
    font-size: 19px;
}
.intro h1, .service h1 {
    font-size: 45px;
    font-family: 'Eras_Demi_ITC';
   
}

.about {
    padding: 5px 0px 10px 0px;
}
.about h1
{ font-size: 40px;}
}
@media (max-width: 500px) {
	
}
@media (max-width: 350px) {
.intro .title, .service .title {
    width: 100%;
}
.intro p {
    text-align:justify;
}
.intro h2, .service h2 {
    font-size: 19px;
}
.intro h1, .service h1 {
    font-size: 33px;
    font-family: 'Eras_Demi_ITC';
   
}
footer .border {
    width: 60%;
   
}	
	
}