
.img_wrap1 { position: relative; display:block; overflow:hidden; }

.black { color:#000; }

.testimonial {
  background: none repeat scroll 0 0 #2980B9;
  color: #FFFFFF;
  font-family: 'open sans',serif;
  font-size: 16px;
  font-style: italic;
  line-height: 21px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}

.testimonial:after {
  border-color: #1970A9 rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 21px 0 0 25px;
  bottom: -43px;
  content: "";
  display: block;
  height: 22px;
  left: 20px;
  overflow: hidden;
  position: absolute;
}

.author { font-size: 11px; line-height: 17px; margin-bottom: 5px; padding: 0 0 0 57px; }

.author strong { color: #333; font-size: 12px; font-weight: 400; }

#carousel .title, .membership { font-family: 'Open Sans', Arial, sans-serif; text-transform:uppercase; }

/*=========================================================================
 carousel2 
========================================================================= */
#carousel1 { position:relative; }

#carousel1 .es-carousel { width: 950px; overflow:hidden; }

#carousel1 li { float:left; position:relative; text-align:center; }

#carousel1 li img { width:100%; }

#carousel1 .es-nav-prev, #carousel1 .es-nav-next { display:block !important; width: 22px; height: 22px; overflow:hidden; position:absolute; top: -45px; text-indent: -100%; font-size:0; line-height:0; white-space: nowrap; cursor:pointer; z-index:996; }

#carousel1 .es-nav-prev { background-image:url(../images/icons/prev1.png); right: 37px; }

#carousel1 .es-nav-next { background-image:url(../images/icons/next1.png); right: 10px; }

#carousel1 .es-nav-prev:hover, #carousel1 .es-nav-next:hover { background-position:0 -22px; }

#carousel1 .da-thumbs li article h3 { padding-top: 31px; }

/*=========================================================================
 carousel3 
========================================================================= */
#carousel2 { position:relative; }

#carousel2 .es-carousel { width: 950px; overflow:hidden; }

#carousel2 li { float:left; position:relative; }

#carousel2 li img { width:100%; }

#carousel2 .es-nav-prev, #carousel2 .es-nav-next { display:block !important; width: 22px; height: 22px; overflow:hidden; position:absolute; top: -58px; text-indent: -100%; font-size:0; line-height:0; white-space: nowrap; cursor:pointer; z-index:996; }

#carousel2 .es-nav-prev { background-image:url(../images/icons/prev1.png); right: 37px; }

#carousel2 .es-nav-next { background-image:url(../images/icons/next1.png); right: 10px; }

#carousel2 .es-nav-prev:hover, #carousel2 .es-nav-next:hover { background-position:0 -22px; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
 .author {
padding: 10px 0 0 10px;
}
 #carousel li {
width: 223px !important;
}
 #carousel li a.img_wrap {
width:210px;
height:210px;
}
 #carousel li a.img_wrap strong {
width:85px;
height:85px;
}
 #carousel, #carousel1 {
width: auto;
}
 #carousel1 .es-carousel, #carousel2 .es-carousel {
width: 758px !important;
}
 #carousel1 li {
width: 223px !important;
}
 #carousel1 .da-thumbs li article h3 {
padding-top: 15px;
}
 #carousel .es-nav-prev, #carousel .es-nav-next {
bottom:40px !important;
top:auto;
width:12px;
height:20px;
}
 #carousel .es-nav-prev {
left:300px;
}
 #carousel .es-nav-next {
right:300px;
}
 #carousel2 li {
width: 224px !important;
}
 #carousel .es-nav-prev:hover, #carousel .es-nav-next:hover {
background-position:0 -64px;
}
}
 @media only screen and (max-width: 767px) {
 #carousel {
height:380px;
}
 #carousel li {
width: 278px !important;
}
 #carousel1 li {
width: 278px !important;
}
 #carousel1 .es-carousel, #carousel2 .es-carousel {
width: 300px !important;
}
 #carousel1 .da-thumbs li article h3 {
padding-top: 31px;
}
 .car_box h2 {
padding-left:20px;
}
 #carousel2 li {
width: 278px !important;
}
 #carousel1 .es-nav-prev {
right: 37px;
}
 #carousel1 .es-nav-next {
right:10px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 #carousel li {
width: 193px !important;
}
 #carousel1 li {
width: 193px !important;
text-align:center;
margin: 0 10px 10px 0 !important;
}
 #carousel1 {
width: 420px !important;
}
 #carousel1 .es-carousel, #carousel2 .es-carousel {
width: 420px !important;
}
 #carousel1 .da-thumbs li article h3 {
padding-top: 7px;
}
 #carousel2 li {
width: 193px !important;
margin: 0 10px 10px 0 !important;
}
 #carousel2 {
width: 420px !important;
}
}
