/* ------------------------------------------------------------------
/* h. Testimonials
/* ------------------------------------------------------------------ */

#testimonials2 {
   /*background: #10999E url(img/escheresque.png);*/
   padding-top: 25px; /*112px;*/
   padding-bottom: 10px; /*66px;*/
   position: relative;
   min-height: 198px;
   width: 100%;
   overflow: hidden;
   text-align: center;
}

/* For high-res devices */
/*
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	#testimonials2 {
		background: #10999E url(img/escheresque_@2X.png);
		background-size: 46px 29px;
	}
  
}
*/
#testimonials2 .quote-left, 
#testimonials2 .quote-right {
   position: absolute;
   top: 50%;
   color: #fff;
   font-size: 40px;
   margin-top: -25px;
}
#testimonials2 .quote-left { left: 5%; }
#testimonials2 .quote-right { right: 5%; }

#testimonials2 .text-container {
   width: 80%;
   margin: 0 auto;
}
#testimonials2 h1 {
   /*font-size: 36px;*/ /* 'montserrat-bold', sans-serif;*/
   font-family: 'Lato', sans-serif;
   /*color: #6AECF0;*/
   /*text-transform: uppercase;*/
   font-style: italic;
   /*font-weight: 500;*/
   text-align: center;
   letter-spacing: 2px;   
   margin-bottom: 36px;
}

/*	Blockquotes */
#testimonials2 blockquote {
   margin: 0 30px 30px 30px;
   /*padding-left: 0;*/
   position: relative;   
}
#testimonials2 blockquote:before { content: none; }
#testimonials2 blockquote p {
   font-family: 'Lato', sans-serif;
   font-style: italic;
   color: #330000; /*#4D0000;*/ /*#fff;*/
   padding: 0;
   /*font-size: 26px;*/
   /*line-height: 42px;*/ 
}
#testimonials2 blockquote cite {
   display: block;
   /*font-size: 20px; / *12px;*/
   font-style: italic; /*normal;*/
   line-height: 18px;
   color: #330000; /*#4D0000;*/ /*#fff;*/
}
#testimonials2 blockquote cite:before { content: "\2014 \0020"; }
#testimonials2 blockquote cite a,
#testimonials2 blockquote cite a:visited { color: #8B9798; border: none }

/* mega size */
@media only screen and (min-width: 1201px) {
#testimonials2 h1 {
	font-weight: 300;
    font-size: 38px;
    line-height: 52px;
}
#testimonials2 blockquote p {
   font-size: 22px;
   line-height: 39px;   
}
#testimonials2 blockquote cite {
   font-size: 18px; /*12px;*/
   line-height: 18px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
#testimonials2 h1 {
	font-weight: 300;
    font-size: 38px;
    line-height: 52px;
}
#testimonials2 blockquote p {
   font-size: 18px;
   line-height: 39px;   
}
#testimonials2 blockquote cite {
   font-size: 14px; /*12px;*/
   line-height: 18px;
}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
#testimonials2 h1 {
	font-weight: 300;
    font-size: 32px;
    line-height: 42px;
}
#testimonials2 blockquote p {
   font-size: 18px;
   line-height: 33px;   
}
#testimonials2 blockquote cite {
   font-size: 14px; /*12px;*/
   line-height: 18px;
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 766px) {
#testimonials2 h1 {
	font-weight: 300;
    font-size: 24px;
    line-height: 36px;
	margin-bottom: 0px;
}
#testimonials2 blockquote p {
   font-size: 16px;
   line-height: 25px;   
}
#testimonials2 blockquote cite {
   font-size: 12px; /*12px;*/
   line-height: 18px;
}
#testimonials2 img {
width: 50%;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* Flex Slider
/* ------------------------------------------------------------------ */

/* Reset */
.flexslider a:active,
.flexslider a:focus  { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.slides li { margin: 0; padding: 0;}

/* Necessary Styles */
.flexslider {
   position: relative;
   zoom: 1;
   margin: 0;
   padding: 0;
}
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container { zoom: 1; position: relative; }

/* Clearfix for .slides */
.slides:before,
.slides:after {
   content: " ";
   display: table;
}
.slides:after {
   clear: both;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* Slider Styles */
.slides { zoom: 1; }
.slides > li {
   /*margin-right: 5px; */
   overflow: hidden;
}

/* Control Nav */
.flex-control-nav {
   width: 100%;
   text-align: center;
}
.flex-control-nav li {
   margin: 0 6px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
.flex-control-paging li a {
   width: 12px;
   height: 12px;
   display: block;
   background: #333; /*#ddd;*/
   background: rgba(179, 0, 0, .3);
   cursor: pointer;
   text-indent: -9999px;
   border-radius: 20px;
   box-shadow: inset 0 0 3px rgba(179,0,0, .3);
}
.flex-control-paging li a:hover {
    background: #222; /*#CCC;*/
    background: rgba(179,0,0, .7);
}
.flex-control-paging li a.flex-active {
    background: #000; /*#fff;*/
    background: rgba(179,0,0, .9);
    cursor: default;
}