/*
green light: #809F3E;
green dark: #557540;
*/

#loadingImgslider {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    opacity: 1;
    background: #fff;
    z-index: 99999;
}
#loadImgslider {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@font-face{
	font-family: FjallaOne;
	src: url(../fonts/FjallaOne-Regular.ttf);
}

@font-face{
	font-family: Lato;
	src: url(../fonts/Lato-Regular.ttf);
}

body{
	font-family:Lato;
	color:#787878;
	background:#f9f9f9;
}

.header{
	background:#fff;
	border:none;
	font-family: FjallaOne;
	margin-bottom:0;
	width:100%;
	height:90px;
	border-bottom:1px solid #809F3E;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.navbar{
	border-radius:0;
}
footer{
	height:90px;
	padding:30px 10px;
	border-top:1px solid #809F3E;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #809F3E;;
}
.fix_header{
	position:fixed;
	top:0;
	height:70px;
	z-index:9;
	border-bottom: 1px solid #809F3E; !important;
}
.green_text{
	color:#809F3E;
}
.margintop10{
	margin-top:10%;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.fix_header .margintop10{
	margin-top:6%;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.award_onheader_div img{
	width:70%;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.fix_header .award_onheader_div img{
	width:50%;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.ecoanswers_logo{
	width:100%;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.fix_header .ecoanswers_logo{
	width:80%;
}
.fix_header #collapsed_header ul li a{
	height:70px;
	padding: 27px 10px;
}

#carousel_section{
	position:relative;
}

#about, #section3{
	background:#f9f9f9;
	margin:50px auto;
	display:inline-block;
}

#section2, #section4{
	background:#fff;
	padding:50px 0;
}

#header .navbar-brand{
	margin:5px 15px;
	padding:0 5px;
}

.width100{
	width:100%;
}

#header.navbar .navbar-collapse {
  text-align: center;
}

#header.navbar .navbar-nav {
	display: inline-block;
    float: none;
    right: 8%;
    vertical-align: top;
    position: relative;
	z-index:99;
	font-size: 16px;
}

#collapsed_header ul li a{
	padding: 35px 10px;
	height:90px;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.ourwork_container{
	min-height:500px;
}
.ourwork_container ul{
	border: 1px solid #bbb;
	border-bottom-width:3px;
    border-radius: 10px;
	margin-top:25%;
}
.ourwork_container center{
	margin-top:10%;
}
.ourwork_container ul li{
	text-align:left;
}
#home_carousel{
	position:relative;
}

#home_carousel.owl-carousel .owl-wrapper {
  display: table !important;
}

#home_carousel.owl-carousel .owl-item {
  display: table-cell;
  float: none;
  vertical-align: bottom;
}

#home_carousel .carousel_item{
	position:relative;
}

#home_carousel .carousel_item img{
	width:100%;
}
#home_carousel .owl-controls .owl-buttons div {
	position: absolute;
}
 
#home_carousel .owl-controls .owl-buttons .owl-prev:hover, #home_carousel .owl-controls .owl-buttons .owl-next:hover{
	color: #fff;
}
#home_carousel .owl-controls .owl-buttons .owl-prev, #home_carousel .owl-controls .owl-buttons .owl-next{
	display:table-cell;
	position:absolute;
	top: 47%;
	font-size:	22px;
	color: #aaaaaa;
}
 
#home_carousel .owl-controls .owl-buttons .owl-prev{
	left: 5%;
}
#home_carousel .owl-controls .owl-buttons .owl-next{
	right: 5%;
}
#home_carousel .owl-controls .owl-pagination{
	position: absolute;
}
.text_on_carousel h1{
	font-size: 62px;
    font-weight: 900;
    text-shadow: 0px 0px 20px #111;
}
.text_on_carousel{
	position:absolute;
	top:30%;
	color:#fff;
	z-index:3;
	user-select:none;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
.para_on_carousel{
	border-top: 2px solid #809F3E;
    color: #fff;
    margin: 15px 15%;
    padding: 35px;
    font-size: 17px;
}
.footer_social .fa{
	background: #809F3E;
    color: #fff;
    padding: 9px;
    border-radius: 3px;
    width: 32px;
    margin: 0 3px;
    height: 32px;
}
.footer_text{
	padding:5px 0;
}
.main_container{
	position:relative;
}
.services_container,.about_container{
	position:relative;
	padding:20px 15px;
	display:inline-block;
	width:100%;
}
.contact_container{
	display: inline-block;
	padding:5px;
    position: relative;
    width: 100%;
	min-height:710px;
}
.section_heading{
	font-size:26px;
	font-weight:700;
	margin-bottom:20px;
	color:#777777;
}
.section_content{
	font-size:16px;
	line-height:1.5;
	color:#999999;
}
.service_grid_heading{
	font-size:18px;
	font-weight:700;
	color:#888888;
}
.service_grid_content{
	font-size:16px;
	font-weight:600;
}
.vmv_grid_heading{
	font-size:18px;
	margin-bottom:5px;
}
.vmv_grid_content{
	font-size:14px;
	margin-bottom:20px;
	font-color:#999999;
}
.vmv_grid img{
	margin:20px 0 10px;
}
.service_grid_img{
	margin: 0 0 20px;
}
.ourwork_images{
	margin: 0 0 20px;
	width:80%;
}
.service_grid_content a{
	color:#809F3E;
	font-weight:500;
}
.service_grid_content a:hover, .service_grid_content a:focus{
	color:#557540;
	text-decoration:none;
	font-weight:600;
}
.service_grid{
	padding:0 45px;
}
.ourwork_grid{
	position: relative;
    width: 30.70%;
    overflow: hidden;
    padding: 0;
    margin: 0 15px;
}
.eco_effect{
	background: rgba(128,159,62,0.78);
    position: absolute;
    width: 100%;
    display: inline;
    height: 100%;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	opacity:0;
}
.ourwork_grid:hover .eco_effect{
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity:1;
}/*
.ourwork_grid img{
	transform: scale(1);
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.ourwork_grid:hover img{
	transform: scale(1.1);
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}*/
.eco_effect i{
	width:40px;
	height:40px;
	padding:12px;
	border:0.1em solid #fff;
	color:#fff;
	font-size:0.7em;
	position: absolute;
    top: 42%;
	right:36.5%;
}
.eco_effect a:first-child i{
	left:36.5%;
}
#down_arrow{
	font-size: 3em;
    font-weight: 900;
}
#down_arrow:hover{
	cursor:pointer;
}
#section4{
	/*background-image:url("../images/form_bg.jpg");*/
	background: 
    linear-gradient(
		rgba(128,159,62,0.9), 
		rgba(128,159,62,0.9)
    ),
    url("../images/form_bg.jpg"), no-repeat;
	min-height:625px;
}
#section4 .section_heading{
	color:#fff;
	font-weight:500;
	padding:0;
}
#section4 form{
	width:100%;
}
.validation_error{
	border: 2px solid rgb(202, 46, 46) !important;
}
#contact_form textarea.form-control{
	height:auto;
}
textarea.form-control{
	height:auto !important;
}
#contact_form .form-control{
	border-radius:5px;
	border: 2px solid rgba(255,255,255,0.6);
	height: 58px;
	background: transparent;
    color: #fff;
}
#contact_form .form-control:focus {
    border-color: #ffffff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,238,238,0.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,238,238,0.4);
}
#contact_form .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.7); }
#contact_form .form-control:-moz-placeholder { color: rgba(255,255,255,0.7); }
#contact_form .form-control::-moz-placeholder { color: rgba(255,255,255,0.7); }
#contact_form .form-control:-ms-input-placeholder { color: rgba(255,255,255,0.7); }
#send_form{
	width:28%;
	float:right;
	height:50px;
}
#send_form:hover, #send_form:active:focus, #send_form:focus{
	background:rgba(255,255,255,0.20);
}
#contact_form .form-group {
    margin-bottom: 10px;
}
.form-control{
	border: 1px solid #888;
	background: transparent;
}
.form-control:focus {
    border-color: #111;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button#csend_form{
	width:20%;
	background:#809F3E;
	color:#eee;
	border:1px solid #809F3E;
}
button#csend_form:hover, button#csend_form:active:focus, button#csend_form:focus {
	outline:none;
	background:#557540;
	color:#fff;
}
.form-group {
    margin-bottom: 20px;
}
/*
.contact_container .content_caption:first-child{
	margin-top:45px;
}*/
.content_caption{
	font-size: 26px;
    font-weight: 700;
    margin: 15px 0 5px;
    color: #777777;
    text-align: center;
}
.founders_img{
	margin-left:auto;
	margin-right:auto;
}
.aboutpage_img{
	float:right;
	padding:5px 20px 5px 0;
}
.founders_container p{
	margin-bottom:0;
}
.founders_container .content_caption{
	font-size:15px;
	margin-top:5px;
}
.founders_container{
	margin-top: 5%;
	margin-bottom: 5%;
	font-size: 18px;
}
.contactform_div, .map_div{
	padding:0;
	margin-bottom:25px;
}
.infowindow_divider{
	border-bottom:1px solid #888888;
	font-weight:700; 
	padding-bottom:5px;
}
#map_div{
	width: auto;
    height: 340px;
    margin-left: 15px;
}
.down_arrow {
    margin-top: 14%;
}
#services_accordion a{
	color:#666;
	font-size:16px;
	font-weight:900;
}
#services_accordion a:focus, #services_accordion a:hover{
	color:#333;
	text-decoration:none;
}
.panel-group{
	margin-bottom:30px !important;
	min-height:380px !important;
}
.panel-group .panel-heading {
    border-bottom: 0;
    border-bottom: 1px solid #ddd;
	background: rgba(128,159,62,0.1);
}
.goto_about{
	margin: 30px 0 0;
    background:#809F3E;
	color:#eee;
	border:1px solid #809F3E;
}
.goto_about:hover, .goto_about:active:focus, .goto_about:focus {
	outline:none;
	background:#557540;
	color:#fff;
}
#loading{
	background:#fff;
	z-index:999;
	width:100%;
	height:100vh;
}
#loading img{
	z-index:9999;
	margin-top:23%;
}
#success_modal .modal-dialog{
	margin-top:15%;
}
#success_modal .modal-header{
	background: #809F3E;
    color: #fff;
}
#success_modal .modal-content{
	border-radius: 10px !important;
}
#success_modal .modal-body{
	min-height: 75px;
    padding: 25px;
}
.award_onheader_div{
	position:absolute;
	right:0;
	top:0;
}
.award_onheader{
	margin: 10%;
    width: 70%;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.fix_header .award_onheader{
	margin: 8%;
	width:55%;
}
#igbc_ap_logo{
	position:relative;
	cursor:default;
}
.igbc_ap_logo_img{
	width:10%;
}
.toggle_img_visibility{
	display:block;
}
/* MEDIA QUERRIES */
/* XS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 374px){
	.igbc_ap_logo_img{
		width:30%;
	}
	.text_on_carousel h1{
		font-size:22px;
		margin:10px 0 5px;
	}
	.para_on_carousel{
		font-size:14px;
		padding:0 0 5px 0;
		margin:5px 5%;
	}
	#header.navbar .navbar-nav {
		display: inline-block;
		/* float: none; */
		right: 0;
		vertical-align: top;
		position: relative;
		z-index: 9999;
		background: #fff;
		width: 100%;
		border: 1px solid #809F3E;
		border-top: 1px solid rgba(128,159,62,0.5);
		margin-top: 2.5%;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.service_grid_content, .section_content, .services_container{
		font-size:14px;
	}
	.fix_header #collapsed_header ul li a{
		height:40px;
		padding: 11px 5px;
	}
	#collapsed_header ul li a{
		padding: 11px 5px;
		height:40px;
		-webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
	.header{
		height:70px;
	}
	.ecoanswers_logo{
		width:80%;
	}
	.navbar-default .navbar-collapse{
		border:none;
	}
	.content_caption{
		margin-top:5px;
	}
	#contact_form .form-control{
		height: 34px;
	}
	#section4{
		min-height:525px;
	}
	.footer_social, .footer_text{
		text-align:center;
	}
	.footer_social{
		margin-bottom:20px;
	}
	.service_grid_heading{
		font-size:15px;
		margin-bottom:5px;
	}
	.service_grid_content{
		margin-bottom:20px;
	}
	.section_heading{
		font-size:22px;
		margin-bottom:10px;
	}
	.ourwork_grid{
		width: 29.70%;
		margin:0 5px;
	}
	.eco_effect a:first-child i {
		left: 31.5%;
	}
	.eco_effect i {
		width: 17px;
		height: 17px;
		padding: 3px;
		border: 0.2em solid #fff;
		color: #fff;
		font-size: 0.7em;
		position: absolute;
		top: 40%;
		right: 31.5%;
	}
	#about, #section3{
		margin:20px 0;
	}
	#section2, #section4{
		padding:20px 0;
	}
	.down_arrow{
		margin-top:0;
	}
	#down_arrow{
		font-size:2em;
	}
	.owl-buttons{
		font-size:18px;
	}
	button.navbar-toggle{
		margin-top:4%;
	}
	.services_container .panel-body{
		text-align:center;
	}
	.services_container .panel-body img{
		width:60%;
		margin-left:auto;
	}
	.contactform_div .form-group{
		margin-bottom: 10px;
	}
	.contactform_div .form-control{
		height: 28px;
	}
	#map_div{
		height:265px;
		margin: 20% 0 0;
	}
	button#csend_form {
		width: 23%;
	}
	.aboutpage_img{
		width:100%;
		padding:5px;
	}
	.services_accordion_img{
		padding-bottom:10px;
	}
	.award_onheader_div{
		visibility:hidden;
	}
}
/* SM +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width: 375px) and (max-width: 767px){
	.igbc_ap_logo_img{
		width:30%;
	}
	.margintop10{
		margin-top:25%;
		-webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
	.fix_header .margintop10{
		margin-top:20%;
		-webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
	.text_on_carousel h1{
		font-size:22px;
		margin:10px 0 5px;
	}
	.para_on_carousel{
		font-size:14px;
		padding:0 0 5px 0;
		margin:5px 5%;
	}
	#header.navbar .navbar-nav {
		display: inline-block;
		/* float: none; */
		right: 0;
		vertical-align: top;
		position: relative;
		z-index: 99;
		background: #fff;
		width: 100%;
		border: 1px solid #809F3E;
		border-top: 1px solid rgba(128,159,62,0.5);
		margin-top: 2.5%;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.service_grid_content, .section_content, .services_container{
		font-size:14px;
	}
	.fix_header #collapsed_header ul li a{
		height:40px;
		padding: 11px 5px;
	}
	#collapsed_header ul li a{
		padding: 11px 5px;
		height:40px;
		-webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
	.header{
		height:70px;
	}
	.ecoanswers_logo{
		width:80%;
	}
	.navbar-default .navbar-collapse{
		border:none;
	}
	.content_caption{
		margin-top:5px;
	}
	#contact_form .form-control{
		height: 34px;
	}
	#section4{
		min-height:525px;
	}
	.footer_social, .footer_text{
		text-align:center;
	}
	.footer_social{
		margin-bottom:20px;
	}
	.service_grid_heading{
		font-size:15px;
		margin-bottom:5px;
	}
	.service_grid_content{
		margin-bottom:20px;
	}
	.section_heading{
		font-size:22px;
		margin-bottom:10px;
	}
	.ourwork_grid{
		width: 29.70%;
		margin:0 5px;
	}
	.eco_effect a:first-child i {
		left: 31.5%;
	}
	.eco_effect i {
		width: 17px;
		height: 17px;
		padding: 3px;
		border: 0.2em solid #fff;
		color: #fff;
		font-size: 0.7em;
		position: absolute;
		top: 40%;
		right: 31.5%;
	}
	#about, #section3{
		margin:20px 0;
	}
	#section2, #section4{
		padding:20px 0;
	}
	.down_arrow{
		margin-top:0;
	}
	#down_arrow{
		font-size:2em;
	}
	.owl-buttons{
		font-size:18px;
	}
	button.navbar-toggle{
		margin-top:4%;
	}
	.services_container .panel-body{
		text-align:center;
	}
	.services_container .panel-body img{
		width:60%;
		margin-left:auto;
	}
	.contactform_div .form-group{
		margin-bottom: 10px;
	}
	.contactform_div .form-control{
		height: 28px;
	}
	#map_div{
		height:265px;
		margin: 20% 0 0;
	}
	.aboutpage_img{
		width:100%;
		padding:5px;
	}
	.services_accordion_img{
		padding-bottom:10px;
	}
	.award_onheader_div{
		visibility:hidden;
	}
}
/* MD ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width: 768px) and (max-width: 991px){
	.text_on_carousel h1{
		font-size:32px;
	}
	.para_on_carousel{
		font-size:13px;
		padding:10px 0;
	}
	#down_arrow{
		font-size:2em;
	}
	.service_grid{
		padding:0 10px;
	}
	.service_grid_heading{
		font-size:15px;
	}
	.section_heading{
		font-size:22px;
	}
	.service_grid_content, .section_content, .services_container{
		font-size:14px;
	}
	.about_container{
		min-height:932px;
	}
	.eco_effect i{
		width:25px;
		height:25px;
		padding:7px;
		border:0.2em solid #fff;
		right:36.7%;
	}
	.eco_effect a:first-child i{
		left:36.7%;
	}
	.ourwork_grid{
		width: 28.70%;
	}
	#contact_form .form-control{
		height: 38px;
	}
	#section4{
		min-height:525px;
	}
	.footer_social .fa {
		padding: 7px;
		width: 27px;
		margin: 0 2px;
		height: 27px;
	}
	.founders_container .content_caption {
		font-size: 14px;
		margin-top:10px;
	}
	.contactform_div .form-group{
		margin-bottom: 10px;
	}
	.contactform_div .form-control{
		height: 28px;
	}
	#map_div{
		height:265px;
	}
	.award_onheader{
		margin: 19%;
		width: 60%;
		-webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
	.fix_header .award_onheader{
		margin: 14%;
		width:50%;
	}
}
/* LG +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width: 992px) and (max-width: 1199px){
	.text_on_carousel h1{
		font-size:54px;
	}
	.para_on_carousel{
		padding:15px 0;
	}
	.service_grid_heading{
		font-size:17px;
	}
	.service_grid_content, .section_content, .about_container, .services_container{
		font-size:14px;
	}
	.content_caption{
		margin-top:5px;
		font-size:18px;
	}
	.ourwork_grid{
		width: 29.70%;
	}
	.eco_effect i{
		right:34.5%;
	}
	.eco_effect a:first-child i{
		left:34.5%;
	}
	#contact_form .form-control{
		height: 44px;
	}
	.footer_text{
		font-size:13px;
	}
	.footer_social .fa {
		padding: 7px;
		width: 27px;
		margin: 0 2px;
		height: 27px;
	}
	#services_accordion .panel-body{
		font-size:12px;
	}
	#contact_form .form-group{
		margin-bottom:15px;
	}
	#map_div{
		height:340px;
	}
	.award_onheader{
		margin: 23% 0;
		width: 70%;
		-webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
	.fix_header .award_onheader{
		margin: 18%;
		width:55%;
	}
}
@media (min-width: 1200px) and (max-width: 1366px){
	.award_onheader{
		margin: 14%;
		width: 70%;
		-webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
	.fix_header .award_onheader{
		margin: 11%;
		width:55%;
	}
}