/* CSS used here will be applied after bootstrap.css */
html { -webkit-font-smoothing: antialiased; }

#reviewList .list-links ul > li > a {line-height:1.2;}
#reviews h3 {color:#26a953;text-align:left; font-weight:bold; font-size:2em;font-family: "Lato", sans sarif; text-shadow:#eee 2px 2px 3px; margin-top:2px;
text-align: left;  margin-bottom:15px !important;}

.testimReadMore{color:#26a953;}
#reviews p {text-align:left; font: 14px/1.4 Arial; color: #444;  margin-bottom:1em; -webkit-font-smoothing: antialiased;}	
.testimDiv{}
article {max-height: 13.5em; /* (4 * 1.5 = 6) */}
#info + .readmore-js-toggle { padding-bottom: 1.5em; border-bottom: 1px solid #999; font-weight: bold;}
article + [data-readmore-toggle]{ font-weight: bold; margin-top:0.5em; text-transform:uppercase; font-size:1.2em;}
.review {border-bottom:1px solid #26a953; padding:15px 0px; margin-bottom:5px; clear:both;}
#reviews .reviewNoImage1 {border-bottom:1px solid #26a953; padding:10px 0px 15px 30px; margin-bottom: 5px; margin-top:10px; border-left:3px solid #26a953; margin-left:10%;clear:both;}
#reviews .reviewNoImage2 {border-bottom:1px solid #26a953; padding:10px 0px 15px 30px; margin-bottom: 5px; margin-top:10px; border-left:3px solid #26a953; margin-left:0;clear:both;}
.slides, .slides > li {padding:0px; border-top:2px solid #26a953; border-bottom:2px solid #26a953; margin-bottom:10px; }
#reviews .flexslider{margin:0px;  }
#reviews .flex-control-thumbs li {border:1px solid #eee; width:23%; margin-right:2%;}

#reviews .flex-control-thumbs {margin-top:10px;}
#reviews .flex-control-thumbs img {opacity: 1;}
#reviews .flex-direction-nav a::before {color: #26a953;text-shadow: 1px 1px 2px #7B7878; }
#reviews .flex-direction-nav a {top:40%;}
#reviewList .active {text-transform:uppercase; color: #26a953; font-weight:bold;}



a:hover { color: #26a953; }

h2.trigger {
    background: #26a953 ;
    color: #ffffff;
    cursor: pointer;
    margin: 8px auto;
    padding: 5px;
    text-align: center;
    width: 40%;
}

@media (min-width: 991px) {

nav {display: block;background: #fff;}

.menuRev {  padding-left: 0;list-style: none;}

.menuRev li {display: block;position: relative;z-index: 100;line-height: 1.25;}

.menuRev li:first-child { margin-left: 0; }

.menuRev li a {
  color: #555555;
float: left;
text-decoration: none;
width: 100%;transition: all 0.5s ease 0s;
}
.menuRev li a::before {
content: "\f105";
bottom: 4px;
color: #26a953;
display: block;
float: left;
font-family: FontAwesome;
font-size: 20px;
font-style: normal;
font-weight: normal;
position: relative;
width: 19px;
}
.menuRev li a:hover,
.menuRev li:hover>a {
  color:     #26a953;
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #f8f9f9;
  color: #26a953;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #f8f9f9;
  color: #26a953;
  text-decoration: none;
}

a.homer { background: #26a953; }

.menuRev{margin-bottom:0px;}
}

@media (max-width: 990px) {
.menuRev li {display: inline-block;  }
.menuRev li a {
  color: #555555;
float: left;
text-decoration: none; font-size:14px; font-weight:400;
width: 100%;transition: all 0.5s ease 0s;}
.menuRev {background:#eee;}
}
@media (min-width: 768px) and (max-width: 990px) {

.mainWrap { width: 768px; }
.container {width:100% !important;}
.menuRev ul { top: 37px; }

.menuRev li a { font-size: 14px; }
.menuRev li a {padding:7px 5px}

a.homer { background: #f8f9f9; }

}


 @media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menuRev { display: none; background: #fff;}

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menuRev li {
  display: block; 
  margin: 0;
}

.menuRev li a {
  background: #fff;
  color: #797979;
  float:none;
  display: block;
}


.menuRev li a:hover,
.menuRev li:hover>a {
border-bottom: 1px solid #26a953;  color: #797979; background:#f8f9f9;
}

.menuRev ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}
.sub-menuP ul{visibility: hidden;
  opacity: 0;
  top: 0;
  left: 20px;
  width: 100%;
  transform: initial;}
  .sub-menuP li a:hover,
.submenuP li:hover>a{background:#e1dfdf;}
  
.menuRev li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menuRev ul ul {
  left: 0;
  transform: initial;
}

.menuRev li>ul ul:hover { transform: initial; }
}


@media screen and (min-width: 640px) {
  article {
    max-height: 17.6em;
  }
}
@media (min-width: 992px) and (max-width:1200px){ .container{width:100%;}
}