/*  base color - #0d956f   */




/*General Styles*/

body{
	color: #5a5a5a;
	font-family: 'Montserrat', sans-serif;
	line-height: 25px;
}

body.home-body{
}

h3{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}



p{
	color: #5a5a5a;
	font-weight: 400;
	margin: 0px;
}

ul{
	margin: 0px;
	padding: 0px;
	padding-left:14px;
}

.no-padding{
	padding: 0px;
}

.small-padding{
	padding-right: 5px;
	padding-left: 5px;
}

.green-bg{
	background-color: #fff;
}


/*nav icon styles*/




/* Icon 1 */

#nav-icon3{
	width: 60px;
	height: 45px;
	position: absolute;
	left:30px;
	top: 30px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 100;
}

.nav-btn p{
	padding-top:25px;
	padding-left: 4px;
}

#nav-icon3 span{
	display: block;
	position: absolute;
	height: 5px;
	width: 50px;
	background: #666;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}




/* Icon 3 */

#nav-icon3 span:nth-child(1) {
	top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	top: 10px;
}

#nav-icon3 span:nth-child(4) {
	top: 20px;
}

#nav-icon3.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

#nav-icon3.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}


/*End nav icon styles*/




/*header styles*/

header{

	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background-color: #fff;
}

header.home-header{
	position: fixed;
	top: 0;
	left: 0;
	background-color: transparent;
	width: 100%;
	z-index: 100;
}

.logo-wrapper{
	padding-top: 20px;
	padding-bottom: 20px;
}

a.enquiry{
	display: inline-block;
	float: right;
	background-color: #817B6F;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	margin-top: 40px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a.enquiry:hover{
	text-decoration: none;
	background-color: #6A6458;
}



@media only screen and (min-width:200px) and (max-width:768px){
	.logo-wrapper{
		position: relative;
		left: 100px;
	}
}

.banner-wrapper{
	min-height: 100%;
	height: 100%;
}


.navbar-inverse{
	background-color: #fff !important;
	border: none !important;
}

.navbar-inverse .navbar-nav > li > a{
	padding: 28px 20px;
}

.navbar-brand{
	padding: 0px;
}

.nav-wrapper{
	width: 250px;
	display: table-cell;
	height: 100%;
	background-color: rgba(199, 204, 136, 0.52);
	position: fixed;
	left: 0;
	top: 0;
	left: -100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.nav-wrapper.open{
	left: 0;
}


ul.navbar-nav > li > a{
	text-decoration: none;
	background-color: transparent;
	color: #5a5a5a;
	text-transform: uppercase;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus{
	color: #5a5a5a !important;
}


.navbar-inverse .navbar-nav > .active > a{
	background-color: transparent;
	color: #5a5a5a;	
}

.navbar-inverse .navbar-nav > .active > a:hover{
	background-color: transparent;
	color: #5a5a5a;	
}

.navbar{
	margin-bottom: 0px !important;
	position: relative;
}


ul.menu-items{
	margin: 0px;
	padding: 0px;
	margin-top: 100px;
}

ul.menu-items li a{
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid #ccc;
	min-height: 100px;
	vertical-align: middle;
	text-align: center;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #666;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}



ul.menu-items li a i:before{
	display: block;
	text-align: center;
	font-size: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul.menu-items li a:hover{
	background-color: #A4AB37;
	color: #fff;
}

.home-nav a{
	text-decoration: none;
	color: #ccc;
	display: inline-block;
	min-height: 30px;
	min-width:30px;
	line-height: 35px;
	font-size: 25px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.home-nav a:hover{
	color: #6D7130;
}


ul.menu-items li{
	list-style-type: none;

}


.social-icons a{
	display: inline-block;
	min-width: 30px;
	min-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	color: #ccc;
	line-height: 30px;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


.social-icons a:hover{
	color: #5a5a5a;
}

.social-icons{
	padding-top: 22px;
	padding-bottom: 22px;
	border-left: 1px solid #ccc;
}

.quick-contact{
	background-color:  #0d956f;
}

.quick-contact p{
	padding: 21px 0px;
	text-align: center;
	display: inline-block;
	width:100%;
	color: #fff;

}

.quick-contact p i{
	margin-right: 5px;
	background-color: #fff;
	color: #0d956f;
	padding: 10px;
	border-radius: 50%;
	display: inline-block;
	min-width: 35px;
	min-height: 35px;
}






/*Home page styles*/


.owl-controls{
	display: none;	
}

.home-content{
	position: relative;
}

.home-content:before{
	content: "";
	min-height: 100%;
	min-width: 50%;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}

.home-left{
	padding: 20px 15px;
}

.home-left p{
}


h1.big-title{
	padding: 0px;
	margin:0px ;
	border-bottom: 1px solid #eee;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

h1.big-title span{
	font-weight: 300;
	font-size: 45px;
}


h4.small-title{
	padding: 0px;
	font-weight: normal;
	margin: 0px;
	font-size: 20px;
}


.home-left p{
	margin-top: 14px;
}

.home-left a{
	padding-right: 30px;

}

.home-left a:hover{
	text-align: right;
}

.completed-wrapper h1.big-title span{
	font-size: 30px !important;
}

.completed-wrapper{
	margin-top: 10px;
}




main.inner{
	margin-top: 100px;
}


.title-bar{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
}
p.page-title{
	font-weight: 500;
	font-size: 16px;
	padding: 5px 0px;
}

ul.infra-links{
	margin: 0px;
	padding: 0px;	
}

ul.infra-links li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;

}

ul.infra-links li a{
	display: block;
	padding: 14px 0px;
	text-decoration: none;
	color: #666;
	position: relative;
	left: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	padding-left:10px;
}

ul.infra-links li:last-child{
	border-bottom: none;
}

ul.infra-links li a:hover{
	position: relative;
	left: 0px;
	background-color: #eee;
	color: #000;
}

.left-pad{
	padding: 10px 30px 10px 30px;
	min-height: 230px;
}

.side-box{
	margin-bottom: 30px;
}

ul.gallery{
	margin: 0px;
	padding: 0px;
}

ul.gallery li{
	list-style-type: none;
	display: block;
	float: left;
}

ul.gallery li a{
	padding: 15px;
	color: #666;
}

ul.gallery li a:hover{
	text-decoration: none;
	color: #000;
}

ul.gallery li.active a{
	color: #6D7130;	
}

ul.gallery li.active{
	border-bottom: 2px solid #6D7130;
}

.gallery-imgs{
	margin-top: 20px;
}


.gallery-imgs img{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.gallery-imgs img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 100;
}

blockquote{
	font-size: 25px;
	font-weight: 700;
	margin-top: 20px;

}

h3.infra-title{
	font-weight: 300;
	font-size: 22px;
	margin-bottom: 5px;
	margin-top: 20px;
	padding-left:10px;
}

.infra-box{
	padding-bottom: 20px;
	margin-bottom:2px;
	background-color: #eee;
	padding-top:20px;
	padding: 0px;
}

.infra-info{
	padding: 10px;
}

.infra-wrapper{
	margin-bottom: 14px;
}


/*Contact page styles*/

p.info span{
	font-weight: 700;
	display: block;
	padding: 20px 0px 12px 0px;
}

/*footer styles*/



footer{
	background-color: #eee;
	min-height: 50px;	
	margin-top: 30px;
}

footer p{
	margin-top: 15px;
}

.smedia{
	text-align: center;
	min-height: 60px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

ul.topbar-list{
	list-style-type: none;
}

ul.topbar-list li{
	list-style-type: none;
	font-size: 10px;
	color: #888;
	display: block;
	float: left;
	padding: 2px 5px;
}

ul.topbar-list li a{
	color:#888;	
}

ul.topbar-list li a:hover{
	color:#888;
	text-decoration: none;
}

p.def-message{
	text-align: center;
	font-size: 10px;
	color: #888;
	padding: 2px 0px;
}

.align-right{
	text-align: right;
}

.bottom-spacer{
	margin-bottom: 20px;
}

h3.side-box-title{
	background-color: #6D7130;
	padding: 10px 14px;
	color: #fff;
}



.page-title.popup{
	margin-bottom: 30px;
}


input, textarea{
	width:100%;
	min-height: 40px;
	background-color: #eee;
	border:1px solid #eee;
	color: #666;
	padding-left:10px;
	margin-bottom: 10px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

input:focus, textarea:focus, input:active, textarea:active{
	outline: none;
}

input[type="submit"]:hover{
	background-color: #6D7130;
	color: #fff;
}