html,body {
    width: 100%;
    height: 100%;
}
body {font-family: 'Roboto',sans-serif; font-display:swap; position:relative; background-color: #fff; color: #575756;}
header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
/*    background-image: url(../images/bg3.jpg); */
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#menulogo {height:35px; padding-top:10px;}
/* ---- */
	.divcontenitore {
position: absolute;
width: 100%;
height: 40px;
text-align:center;
bottom:10px;
}
.button_down_container {
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px rgba(255,255,255,0.4) solid;
position: absolute;
top: 50%;
margin-top: -50px;
left:50%;
z-index: 88;
cursor: pointer;
overflow: hidden;
text-align: center;
}
.button_down_container:hover, .button_down_container:active {
border: 1px rgba(255,255,255,1) solid;
}
.arrow-down {
position: absolute;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid rgba(255,255,255,0.7);
margin-top: -7px;
margin-left: -7px;
}
.arrow_pos1 {
top: 60%;
left: 50%;
}
.arrow_pos2 {
top: 40%;
left: 50%;
}
.arrowflip1{
-webkit-animation-name: flip-in1;
-webkit-animation-duration: 2.0s;
-webkit-animation-timing-function: cubic-bezier(1,0,0,1);
-webkit-animation-iteration-count: infinite;
-moz-animation-name: flip-in1;
-moz-animation-duration: 2.0s;
-moz-animation-timing-function: cubic-bezier(1,0,0,1);
-moz-animation-iteration-count: infinite;
-ms-animation-name: flip-in1;
-ms-animation-duration: 2.0s;
-ms-animation-timing-function: cubic-bezier(1,0,0,1);
-ms-animation-iteration-count: infinite;
-o-animation-name: flip-in1;
-o-animation-duration: 2.0s;
-o-animation-timing-function: cubic-bezier(1,0,0,1);
-o-animation-iteration-count: infinite;
animation-name: flip-in1;
animation-duration: 2.0s;
animation-timing-function: cubic-bezier(1,0,0,1);
animation-iteration-count: infinite;
}
@-webkit-keyframes flip-in1 {
0% {
margin-top: -40px;
opacity: 0;
}
50% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@-moz-keyframes flip-in1 {
0% {
margin-top: -40px;
opacity: 0;
}
50% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@-ms-keyframes flip-in1 {
0% {
margin-top: -40px;
opacity: 0;
}
50% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@-o-keyframes flip-in1 {
0% {
margin-top: -40px;
opacity: 0;
}
50% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@keyframes flip-in1 {
0% {
margin-top: -40px;
opacity: 0;
}
50% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@-webkit-keyframes flip-in2 {
0% {
margin-top: -40px;
opacity: 0;
}
60% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@-moz-keyframes flip-in2 {
0% {
margin-top: -40px;
opacity: 0;
}
60% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@-ms-keyframes flip-in2 {
0% {
margin-top: -40px;
opacity: 0;
}
60% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@-o-keyframes flip-in2 {
0% {
margin-top: -40px;
opacity: 0;
}
60% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
@keyframes flip-in2 {
0% {
margin-top: -40px;
opacity: 0;
}
60% {
margin-top: 0px;
opacity: 1;
}
99% {
margin-top: 40px;
opacity: 0;
}
100% {
margin-top: -40px;
opacity: 0;
}
}
.arrowflip2{
-webkit-animation-name: flip-in2;
-webkit-animation-duration: 2.0s;
-webkit-animation-timing-function: cubic-bezier(1,0,0,1);
-webkit-animation-iteration-count: infinite;
-moz-animation-name: flip-in2;
-moz-animation-duration: 2.0s;
-moz-animation-timing-function: cubic-bezier(1,0,0,1);
-moz-animation-iteration-count: infinite;
-ms-animation-name: flip-in2;
-ms-animation-duration: 2.0s;
-ms-animation-timing-function: cubic-bezier(1,0,0,1);
-ms-animation-iteration-count: infinite;
-o-animation-name: flip-in2;
-o-animation-duration: 2.0s;
-o-animation-timing-function: cubic-bezier(1,0,0,1);
-o-animation-iteration-count: infinite;
animation-name: flip-in2;
animation-duration: 2.0s;
animation-timing-function: cubic-bezier(1,0,0,1);
animation-iteration-count: infinite;
}
	
/* ----	*/

.easyhtml5video .eh5v_script{display:none}
ul li {margin-bottom:5px; text-transform: uppercase; font-size:13px;}
.dark {position:absolute; top:0px; width:100%; background-color: rgba(0,0,0,.3); z-index:800; min-height:100%; height:auto;}
section {padding: 150px 0px 0px 0px;}
h3{font-weight:100; font-size:32px; width:70%; margin:50px auto 0px; border-bottom:0px solid #fff; text-align:center; text-transform: uppercase; color: #498744;}
h3.blockhead {font-weight:100; font-size:32px; margin:0px; margin-bottom:20px; width:100%; border-bottom:0px solid #fff; text-align:left; text-transform: uppercase; color: #498744; border-bottom:1px solid #498744;}
.footer {background-color: #97a198; height:300px; color: #fff; }
.custicon img {/*max-height:50px; max-width:200px; */vertical-align:middle; margin:40px 30px;}
.main-first-big-text {width:100%; color: #fff; margin-left:0px; text-align:left; font-weight:700; font-size:110px; line-height:115px;}
.main-first-left-text {font-weight:100; padding-bottom:30px; }
.main-firtst-contacts {text-align:right;font-weight:200; font-size:24px; line-height:22px; margin-top:20px;}
.main-text {
	font-family: 'Roboto', Arial, sans-serif;
	position: absolute;
top: calc(50% - 130px);
padding: 0 3.75rem;
width: 100%;
height: 22.5rem;
text-align: center;
color: #fff;
font-size:60px;
color: #fff;
font-weight:200;
}
.videotext {font-size:20px; text-align:left;}
.main-text span {font-size:20px; }
.fclear {clear:both;}
.send-btn, .main-btn, .main-btn:visited, .main-btn:active, .main-btn:focus, a.main-btn {display:inline-block; line-height:80px; height:80px; text-decoration:none;display:inline-block; width:240px; color: #fff; border:1px solid #fff; font-size:14px; text-align:center; margin-top:100px; text-transform: uppercase; outline: none;}
.send-btn, a.send-btn, .send-btn-cancel {height:40px; line-height:40px; width:150px; background-color: #fff; margin:0px; border-color:#498744; color: #498744; text-decoration: none; margin-top:50px;}
.send-btn:hover, .main-btn:hover, .send-btn-cancel:hover {text-decoration: none; background-color: #498744; border-color:#498744; color: #fff; outline: none; cursor:pointer;}
.send-btn-cancel {color: #aaa; border:1px solid #aaa; text-transform: uppercase;}
.send-btn-cancel:hover {background-color: #aaa; color: #fff; border-color: #aaa;}
.send-btn, .send-btn-cancel, .main-btn {outline-width: 0px;}

.navbar-default {margin:0px auto 0px; width:100%; background-color:rgba(255,255,255,.0); }
/*    .navbar-default, .navbar-default > .container, .navbar-default > div, #bs-example-navbar-collapse-1, .nav, .nav>li, .navbar-default .navbar-nav>li>a, .navbar-brand {
	    height:100px;
	    line-height:70px;
}*/
.navbar-default .navbar-nav>li>a {display:block; height:60px; line-height:42px;}
/* .navbar-default .navbar-nav>li.normal>a:hover
{ 	-webkit-transform:scale(1.4,1.4);   
	-moz-transform:scale(1.4,1.4);   
	-o-transition-transform:scale(1.4,1.4);   
	transform: scale(1.4,1.4); 

	-webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
} */
 .navbar-default .navbar-nav>li.normal>a:hover {color: #FF0000 !important;}

.navbar-brand {padding:10px;}
.navbar-brand img {
	max-height:60px;
	margin-top:0px;
}
.navbar-default {border:0px;}
.navbar-nav>li>a, a.page-scroll {color: #fff !important; font-size:16px; font-family: 'Roboto',sans-serif; text-transform: uppercase; font-weight:200;}
.navbar-default>.navbar-nav>li.active>a.page-scroll {
	-webkit-transform:scale(1,1);   
	-moz-transform:scale(1,1);   
	-o-transition-transform:scale(1,1);   
	transform: scale(1,1); 
	
color: #3e8625 !important;
    background-color: #fff;
    }
.navbar-default>.navbar-nav>li.active>a.page-scroll:before {content:'•';}    
.mainbggreen {position:relative; width:100%; height:auto; background-color: #498744; color: #fff; z-index:1000; min-height:90%; padding-top:150px; background: url(/images/zeleni_khaki.png) center center no-repeat; background-size: cover;}
#what-we-do {margin-top:-30px; z-index:1;}
/*
.navbar-default>:.navbar-nav>li.active>a.page-scroll:hover {   
		-webkit-transform:scale(1.4,1.4);   
	-moz-transform:scale(1.4,1.4);   
	-o-transition-transform:scale(1.4,1.4);   
	transform: scale(1.4,1.4); 
  
	-webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s; } */
.intro-heading {font-size:3em; font-family: 'Roboto',sans-serif; text-transform:uppercase; font-weight:normal; margin-top:30%; color: #fff; text-align:center;}
.header-dark {min-height:100%; height:100%; background-color: rgba(0,0,0,0.2);}
.headerbtn {display:inline-block; padding:15px 20px; border:1px solid #fff; margin:20px 20px; background-color: rgba(0,0,0,.7); color: #fff;}
.headerbtn:hover {background-color: rgba(255,255,255,.1); 
	-webkit-transform:scale(1.1,1.1);   
	-moz-transform:scale(1.1,1.1);   
	-o-transition-transform:scale(1.1,1.1);   
	transform: scale(1.1,1.1); 

	-webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;}
.section-head {text-align:center; font-size:1.5em; color: #575656; margin-bottom:0px; font-weight:bold; text-transform: uppercase; margin-top:50px;}
.bggreen {background-color: #498744; color: #fff; margin-top:150px; padding:150px 0px; font-family: 'Roboto',sans-serif; font-weight:100; font-size:16px;}
.directions:nth-child(2n),.cmid {border:1px solid #fff; border-top:0px; border-bottom:0px; }
.direct-head {font-size:32px;margin-bottom:20px; font-weight: normal; font-weight:100;}
.direct-head i {display:block;}
ul.rishennya li{float:left; text-transform: capitalize; padding:0px 20px; }
/* Arrow down*/
.downArrow{
	position: absolute;
	bottom: 10%;
  margin-left:-20px;
	left: 50%;
	color: #fff;
}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/* End arrow down */

hr.head {border-color: #3e8625;
border-width: 2px;
max-width: 50px;
margin-top:5px;}
hr.review {max-width:80px; border-width:1px; border-color: #fff;}
.services-count {
	width:100%; 
	background-image: url(../images/home-office-336377_1920.jpg); 
	background-position:bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height:200px; height:auto; color: #fff;}
.full-img-bg {
	width:100%; 
	background-position:bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height:200px; height:auto; color: #fff;
}    
.dark-bg {background-color: rgba(0,0,0,.6); min-height: 200px; height: auto; padding-top:35px;}    
.services-count .glyphicon {font-size:3em; color: #3e8625;}
span.counter {color: #fff; font-size:3em; font-weight:bolder;}

.affix {
  padding:0px;
  -webkit-transition:padding 0.2s linear;
  -moz-transition:padding 0.2s linear;  
  -o-transition:padding 0.2s linear;         
  transition:padding 0.2s linear;  

}

.affix-top {
  padding-top:5px;
  padding-bottom:5px;
  -webkit-transition:padding 0.5s linear;
  -moz-transition:padding 0.5s linear;  
  -o-transition:padding 0.5s linear;         
  transition:padding 0.5s linear;  
  background-color: #498744;
}
.service-list {
	font-size:20px;
}
.service-list .glyphicon {display:block; float:left; font-size:1em; color: #3e8625; border-radius:25px; border: 2px solid #3e8625; padding:11px; margin-right:15px; margin-top:-15px; width:46px; height:46px;}
.service-list .col-md-6 div {margin-bottom:50px;}
.service-list-text {line-height:20px; overflow:hidden; padding-top:20px;}
.grey-bg {background-color: #f1f2f2; padding-bottom:50px;}
.about-head {font-size:24px; text-align:center; font-weight:bolder; margin-bottom:10px;}
.about-ico {font-size:70px; color: #3e8625; }
.about-text{font-size:16px; line-height:16px;}
hr.head {margin-bottom:50px;}
.white-bg {background-color: #fff; padding-bottom:50px;}
.carousel-caption {position:relative; color: #fff; padding-top:50px; font-size:24px; right:0px; left:0px;}
.review-autor {text-align:center; font-size:22px; color: #fff; font-style: italic;}
.review-comp {text-align:center; font-size:12px; color: #fff;}
.customers img {margin:30px 30px; max-width:400px; max-height:80px;}
.get-more-btn {text-transform: uppercase; background-color: transparent; color: #3e8625; border:1px solid #3e8625; display:inline-block; padding:10px 20px; font-weight:bolder; margin-top:50px;}
.get-more-btn:hover {color: #fff; background-color: #3e8625; 
	-webkit-transform:scale(1.1,1.1);   
	-moz-transform:scale(1.1,1.1);   
	-o-transition-transform:scale(1.1,1.1);   
	transform: scale(1.1,1.1); 
	-webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;}
.about-white {font-size:16px; margin-bottom:50px;}
.thumbnail {text-align:center; border:0px; margin-bottom:0px !important;}
.img-circle {max-width:200px !important;}
#blog .thumbnail {background-color: transparent;}
#blog .thumbnail img {width:80%; overflow: hidden;}
#blog .thumbnail p {text-align:justify;}
#blog img {max-width:100%;}
#blog iframe {max-width:100%;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover {background-color: transparent; text-decoration:underline;}

#header-arrow-down {margin-top:300px; font-size:35px; cursor:pointer; text-decoration:none;}
#header-arrow-down:hover {
	-webkit-transform:translateY(10);   
	-moz-transform:translateY(10);   
	-o-transition-transform:translateY(10);   
	transform: translateY(10); 

	-webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    text-decoration:none;
}
    #map {
        width: 100%;
        height: 400px;
      }
    
    .thumbnail  h4 { color: #333; font-weight: 100; text-transform:uppercase; font-size:24px; margin-bottom:10px; text-align:left;}
    .thumbnail  h4 a {color: #333; text-decoration: none;}
    .thumbnail  h4 a:hover {color: #498744;}
     .thumbnail .dt {font-size:14px; font-weight: 100; text-align:left; margin-bottom:15px; font-family: 'Roboto',sans-serif; color: #333;}
     
     
	 .panel-success>.panel-heading {background-color: fff; color: #498744 !important; border:0px;}
	 .panel-success {border-color: #498744 !important;}
	 .form-group input, .form-group input, .form-group label {font-family: 'Roboto',sans-serif; font-weight:200;}
	 .teamel {width:100%;}
	 .teamel a {color: #498744; }
	 #allteamlink {position:absolute; display:block;border:1px solid #498744; text-align:center; height: calc(100% - 20px); width: calc(100% - 30px); padding-top:30%; text-transform: uppercase;}
	 #allteamlink:hover {text-decoration:none; color: #fff; background-color: #498744;}
	 #aboutus .col-md-6 img{width:100%;}
	 .panel {border-radius: 0px; margin-bottom:40px; border-width:0px;}

	 
	 
	 .cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 100px;
  right: 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  z-index:10000;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(31, 128, 53, 0.8) url(/images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #498744;
  opacity: 1;
}
.cd-top:hover {
  background-color: #498744;
  opacity: 1;
}
ul.list-unstyled li {margin-left:10px; text-transform: none;}
.group-border-top {border-top:1px solid rgba(87,87,86,.15); margin-bottom:50px;}
.faq-answ-group {margin-top:50px;}
.faqcit {}
#contacts {font-weight:100;}
.righttxt {font-weight:100;}
.lefttxt {text-align:left; margin:10px auto 20px; font-family: 'Roboto',Arial, sans-serif; font-size:18px; font-weight:100;}
.imgrowc { 	
  display: inline-block;
  float: none;
  vertical-align: middle;
  line-height:200px;
  text-align:center;
}
.imgrowc img {max-width:100%; margin-bottom:50px;}
.allus {       text-align: justify;

        /* Лекарство для IE6-7*/
        text-justify: newspaper;
        zoom:1;

        /* Включаем в работу последнюю строку*/
        text-align-last: justify;
}
.allus:after {   width: 100%;
                        height: 0px;
                        visibility: hidden;
                        overflow: hidden;
                        content: '';
                        display: inline-block;}
.team-card {text-align-last:center;} 
.teamimgblock {text-align:center;}
.teamimgblock img {width:100%; max-width:250px;}
.team-u-name {display:inline-block;  text-align:center; text-transform:uppercase;}
.team-u-occ {display:inline-block;  text-align:center;}
.team-card {display:inline-block; margin:0px 10px; text-align: text-center;}
.team-card img {width:250px; max-width:100%;}
.fbb, .tw {display:inline-block; width:60px; height:60px; background-position: center center; background-repeat: no-repeat; background-size:cover; margin:0px 20px;}
.fbb {background-image: url(/images/social/fb-sh.png);}
.tw {background-image: url(/images/social/tw-sh.png);}
.fbb:hover {background-image: url(/images/social/fb-nosh.png);}
.tw:hover {background-image: url(/images/social/tw-nosh.png);}
.btn-apps {display:inline-block; height:40px; margin:0px 10px;}
.btn-apps img {max-height:100%;}
.answer,.answer p, .dt {font-family: 'Roboto',Arial, sans-serif; /*font-weight:100; */}
.dt {font-size:20px;}
.btn-tag	{display:inline-block; padding:7px 12px 4px; border:1px solid #aaa; color: #aaa; margin-right:5px; margin-bottom:5px;}
.btn-tag:hover {color: #333; border-color: #333;}	 
.navbar-toggle .icon-bar {color: #fff; background-color: #fff !important;}

.navbar-default .navbar-toggle:hover .navbar-toggle .icon-bar {background-color: #488744; color: #498744;}
.navbar-default .navbar-toggle:hover {background-color: #fff;}
.cntblock img {margin-bottom:40px;}
.cntblock {text-align:center; line-height:30px; border:0px;}
.cntblock .count {font-size:38px; font-weight:100;}
.cntblock:nth-child(2) {border:1px solid #fff; border-top:0px; border-bottom:0px;}
.cntblock:nth-child(3) {border-right:1px solid #fff;}
.newsviewimg {width:50%; float:left; margin:10px 30px 30px 0px;}
.othernews {display:none;}
.lastnewsitem {margin-bottom:30px;}
.backtoblog {font-size: 24px; font-family: 'Roboto',Arial, sans-serif; font-weight: 100; color: #498744;}
.backtoblog:hover {color: #ff0000; cursor: pointer; text-decoration: none;}
.mainblogblock {height:500px; overflow:hidden;}
.ceotop {text-align:right;}
	.midzg {display:none;}
.solinfotxt {visibility: hidden; width:100%; text-align:center;}
.showhid {visibility: visible;}
#mobile-what-we-do {background-size:auto 100%; color: #fff; }
#mobile-what-we-do .main-btn {margin-top:50px;}
.mobdarkbg {background-color: rgba(0,0,0,.5); background-image: url(/video5h/City_-_999.jpg); padding:150px 0px;}
#faq a{color: #498744;}
#faq a:hover {color: #498744;}
a>.bappim {display:inline-block; max-width:50px; -webkit-filter: drop-shadow(2px 2px 2px #222); filter: drop-shadow(2px 2px 2px #222); margin-bottom:3px;}
a:hover>img.bappim {max-width:50px; margin-bottom:0px; -webkit-filter: drop-shadow(0px 0px 0px #498744); filter: drop-shadow(0px 0px 0px #498744);}
.modal-header {background-color: #498744; color: #fff;}
.phonecall {color: #498744; text-decoration: underline; }
.phonecall:hover {color: #498744; text-decoration: none;}
.input-group-addon {width:200px; font-size:12px; padding:6px 5px;}
.input-group {width:100%;}
.panelbrif {border-width: 0px; border-radius: 4px; margin-bottom:0px; border-color: #ccc;}
.panelbrif>.panel-heading {background-color: #eee; font-size: 12px; color: #555; border:1px solid #ccc; border-radius: 4px 4px 0px 0px; border-bottom:0px; padding:6px 10px;}
#checkerr,#checktend {border:1px solid #ccc; border-radius: 0px 0px 4px 4px;}
#field-form-error {color: #f00; display:none;}
#res {display:none;position:fixed; top:30%; left:50%; margin-left:-200px; width:400px; height:auto; background-color: #fff; z-index:5000; padding-bottom:20px; border-radius:0px; border:1px solid #ccc;}
#restext {padding:15px; }
#newssect {margin-top:30px;}
#faq-menu {margin-bottom:50px; padding-top:30px;}
.solviewblock {border:0px solid #f00; text-align:right; height:130px;}
.solinfoall {margin:0px auto; display:block; text-align:center;}
.resheadgr {margin-top: 0px; margin-bottom: 20px; background-color: #498744; text-align:center; color: #fff; padding:5px 0px;height:20px;}
.faqinfotext {text-align:left; margin:10px auto 20px; font-family: 'Roboto',Arial, sans-serif; font-size:18px; font-weight:normal;}
.blogviewhead {color: #333;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 10px;
    text-align: left;}
.greyscl {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
     -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.graysclno {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.navbar-fixed-top .navbar-collapse {
  max-height: 500px;
}
#bs-example-navbar-collapse-1 {background-color: rgb(73, 135, 68);}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.midzg {display:inline-block; width:250px;}
	  	.mobdarkbg {
	    background-color: rgba(0,0,0,0.6);
	    background-image:none;
	    padding: 150px 0px;
		}
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 80px;
  }
    	.mobdarkbg {
	    background-color: rgba(0,0,0,0.6);
	    background-image:none;
	    padding: 150px 0px;
		}
}
@media only screen and (max-width:991px) {
	.cntblock:nth-child(2),.cntblock:nth-child(3), .directions:nth-child(2n),.cmid {border:0px;}
  	.navbar-default .navbar-toggle:hover .icon-bar {color: #498744 !important;}
  	.mainbggreen {font-size:68px; font-weight:bold;}
  	  	.mobdarkbg {
	    background-color: rgba(0,0,0,0.6);
	    background-image:none;
	    padding: 150px 0px;
		}
}
@media only scrren and (min-width:768px) {
    header {
        min-height: 100%;
    }
    .intro-heading {font-size:4em;}
     .cd-top {
    right: 40px;
    bottom: 60px;
  }
  	.mobdarkbg {
	    background-color: rgba(0,0,0,0.6);
	    background-image:none;
	    padding: 150px 0px;
		}
}
@media only screen and (max-width: 768px) {
  section {width:100%; overflow-x:hidden;}
  .main-first-big-text {font-size:48px; line-height:48px;}
  .videotext {font-size:14px;}
  #what-we-do {margin-top:0px; z-index:1;}
  .bggreen {padding:50px 0px;}
  .directions {margin-bottom:50px;}
  .directions:nth-child(2n) {border:0px;}
  .cntblock {border:0px;	margin-bottom:50px;}
  .newsviewimg {width:100%; margin:0px auto 10px;}
  .othernews {display:block; border-top:1px solid #333; width: 100%; text-align: center; font-size:22px; margin-top:30px; padding:20px 0px;}
  .allus {padding:0px 10%;}
  .ceotop {text-align:left; padding-left:10%;}
  	.midzg {display:none;}
  	.mainblogblock {width:80%; max-width:400px; margin:0px auto; float:none;}
  	.mainbggreen {font-size:48px; font-weight:bold; padding-top: 280px;}
  	.navbar-default .navbar-toggle:hover .icon-bar {background-color: #498744 !important;}
  	#zatext {font-size:48px; color:#FF0000;}
  	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	 	   border-color: #e7e7e7;
 	   		border-bottom: 1px solid #fff;
		}
	.mobdarkbg {
	    background-color: rgba(0,0,0,0.6);
	    background-image:none;
	    padding: 150px 0px;
		}
		
	.easyhtml5video	 {display:none;}
  }
  
  @media only screen and (max-width: 375px) {
  .mainbggreen {font-size:24px; font-weight:bold; padding-top: 280px;}
}