/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties
------------------------------------------------------------- */
#testimonials-list { border-bottom: 100px solid #2997b0; }
#testimonials-list .banner { position: relative; background-image: url("../img/testimonials/header.png"); background-position: top center; background-size: cover; min-height: 33vw; overflow: hidden; }
#testimonials-list .banner:after { content: ''; display: block; position: absolute; top: -50%; left: 0; right: 0; bottom: 0; background: -webkit-radial-gradient(closest-side, rgba(7, 5, 6, 0.1), #070506); /* Safari 5.1 to 6.0 */ background: -o-radial-gradient(closest-side, rgba(7, 5, 6, 0.1), #070506); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(closest-side, rgba(7, 5, 6, 0.1), #070506); /* For Firefox 3.6 to 15 */ background: radial-gradient(closest-side, rgba(7, 5, 6, 0.1), #070506); }
#testimonials-list .banner .title { color: #1e9ebb; text-transform: uppercase; position: absolute; bottom: 65px; font-size: 83px; z-index: 1; }
#testimonials-list .gray-bg { background-color: #636363; color: #fff; font-weight: 300; padding: 50px 0; letter-spacing: 0.5px; }
#testimonials-list .gray-bg .container { max-width: 1200px; }
#testimonials-list .gray-bg .container p { margin-bottom: 30px; }
#testimonials-list .mt-70 { margin-top: -70px; }
#testimonials-list .mb140 { margin-bottom: 140px; }
#testimonials-list .story { padding-top: 20px; }
#testimonials-list .story.bg-blue { padding-top: 70px; background-color: #2997b0; }
#testimonials-list .story.bg-blue .transformation-img { margin-top: 85px; }
#testimonials-list .story.bg-blue .story-about h1 { color: #ffffff; }
#testimonials-list .story.bg-blue .story-about a.read-story { background-color: #373536; }
#testimonials-list .story.bg-dark { background-color: #404040; padding-top: 0; background-image: url(../img/home/watermark.png); background-repeat: no-repeat; background-position: center center; }
#testimonials-list .story.bg-dark .transformation-img { margin-top: 50px; margin-bottom: 65px; float: right; }
#testimonials-list .story.bg-dark .story-about h1 { color: #d2d2d2; margin-top: 215px; }
#testimonials-list .story.bg-dark .story-about a.read-story { background-color: #373536; }
#testimonials-list .story .dark-abs-bg { position: absolute; top: 70px; left: 0; bottom: -75px; background: #222222; width: 40%; z-index: 1; border: 1px solid #615d5a; border-left: 0; }
#testimonials-list .story .transformation-img { overflow: hidden; width: 100%; max-width: 610px; z-index: 1; position: relative; }
#testimonials-list .story .transformation-img .trans-b, #testimonials-list .story .transformation-img .trans-a { height: 465px; background-position: 10% top; }
#testimonials-list .story .transformation-img .trans-b .gradient, #testimonials-list .story .transformation-img .trans-a .gradient { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: -moz-radial-gradient(center, ellipse cover, rgba(34, 34, 34, 0) 0, #222222 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0, rgba(34, 34, 34, 0)), color-stop(100%, #222222)); background: -webkit-radial-gradient(center, ellipse cover, rgba(34, 34, 34, 0) 0, #222222 100%); background: -o-radial-gradient(center, ellipse cover, rgba(34, 34, 34, 0) 0, #222222 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(34, 34, 34, 0) 0, #222222 100%); background: radial-gradient(ellipse at center, rgba(34, 34, 34, 0) 0%, #222222 100%); }
#testimonials-list .story .transformation-img .trans-b { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: grayscale(100%); }
#testimonials-list .story .story-about h1 { color: #d2d2d2; text-transform: uppercase; font-size: 60px; margin-top: 115px; }
#testimonials-list .story .story-about a.read-story { padding: 15px 40px; text-transform: uppercase; font-weight: 300; border: 1px solid #fff; border-radius: 8px; display: inline-block; font-size: 17px; color: #fff; margin-top: 100px; background-color: #888485; }
#testimonials-list .story .story-about a.read-story:focus, #testimonials-list .story .story-about a.read-story:hover { text-decoration: underline; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 3px inset; }

@media only screen and (max-width: 1500px) { #testimonials-list .story .transformation-img { max-width: 95%; } }
@media only screen and (max-width: 991px) { #testimonials-list { border: 0; }
  #testimonials-list .banner { border-bottom: 20px solid #070506; }
  #testimonials-list .banner:after { left: -50%; right: -50%; bottom: 30px; }
  #testimonials-list .banner .title { bottom: 0px; font-size: 30px; width: 100%; text-align: center; left: 0; margin-bottom: 0; background: #070506; }
  #testimonials-list .gray-bg { padding: 25px 10px; text-align: justify; }
  #testimonials-list .gray-bg p:last-child { margin: 0; }
  #testimonials-list .story .transformation-img { max-width: 610px; margin: 0 auto !important; float: none !important; }
  #testimonials-list .story .dark-abs-bg { display: none; }
  #testimonials-list .story { padding-top: 0; }
  #testimonials-list .story .container { padding: 0; width: 100%; display: flex; flex-direction: column; }
  #testimonials-list .story .container .img-cont { order: 1; padding: 30px 30px 0px 30px; }
  #testimonials-list .story .container .story-about { order: 2; text-align: center; }
  #testimonials-list .story .container .story-about h1 { margin-top: 20px; font-size: 40px; letter-spacing: 2px; }
  #testimonials-list .story .container .story-about a.read-story { margin-top: 15px; margin-bottom: 35px; }
  #testimonials-list .story .container .story-about .pull-right { width: 100%; }
  #testimonials-list .story.bg-blue { padding-top: 0; }
  #testimonials-list .story.bg-blue .transformation-img { margin: 0 auto; }
  #testimonials-list .story.bg-blue .img-cont { background-color: #222222; }
  #testimonials-list .story.mt-70, #testimonials-list .story.mb140 { margin: 0; } }
@media only screen and (max-width: 767px) { #testimonials-list .story .transformation-img .trans-b, #testimonials-list .story .transformation-img .trans-a { height: 54vw; background-position: 0% top; background-size: cover; }
  #testimonials-list .banner { min-height: 50vw; } }

/*# sourceMappingURL=testimonials-list.css.map */