/* ------------------------------------------------------------- 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
------------------------------------------------------------- */
.services { background-image: url(../img/about/services-bg.png); background-size: cover; background-position: 50% 50%; padding-bottom: 72px; }
.services .bg-blue { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(31, 160, 191, 0.7); }
.services .parallelogram { position: absolute; left: -80px; top: 0; }
.services .title { color: #fff; position: relative; z-index: 1; font-size: 59px; text-transform: uppercase; margin: 50px 0 44px 90px; }
.services .navigation { margin: 50px 0; position: relative; z-index: 1; }
.services .navigation a { color: #fff; font-size: 40px; }
.services .services-all-row { margin: 0 -13px; }
.services .services-all-row .single-service { padding: 0 13px; }
.services .services-all-row .single-service .light-bg { position: absolute; top: 0; bottom: 0; left: 13px; right: 13px; background: rgba(48, 46, 46, 0.5); z-index: 1; }
.services .services-all-row .single-service:hover .light-bg { opacity: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.services .services-all-row .single-service .text { position: absolute; bottom: 0; left: 13px; right: 13px; color: #fff; padding: 0 0 25px 25px; text-transform: uppercase; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 46, 46, 0)), to(#323031)); background-image: -webkit-linear-gradient(top, rgba(48, 46, 46, 0), #323031); background-image: -moz-linear-gradient(top, rgba(48, 46, 46, 0), #323031); background-image: -ms-linear-gradient(top, rgba(48, 46, 46, 0), #323031); background-image: -o-linear-gradient(top, rgba(48, 46, 46, 0), #323031); background-image: linear-gradient(top, rgba(48, 46, 46, 0), #323031); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(48, 46, 46, 0)', endColorStr='#323031'); }
.services .services-all-row .single-service .text h2 { margin-bottom: 2px; font-size: 32px; }
.services .services-all-row .single-service .text p { margin-bottom: 0; font-size: 17px; }

@media only screen and (max-width: 1500px) { .services .title { font-size: 45px; }
  .services .services-all-row .single-service .text h2 { font-size: 25px; }
  .services .services-all-row .single-service .text p { font-size: 14px; }
  .services .services-all-row .single-service .text { padding: 0 0 17px 17px; } }
@media only screen and (max-width: 991px) { .services .services-all-row { margin: 0 -13px; text-align: center; }
  .services .services-all-row a { display: inline-block; }
  .services .services-all-row .single-service { display: inline-block; width: auto; text-align: left; }
  .services .services-all-row { font-size: 0; } }
@media only screen and (max-width: 767px) { .services .container { padding: 0 25px; }
  .services .parallelogram { left: 50%; transform: translate(-50%, 0%); }
  .services .navigation { margin: 0; position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, 0); }
  .services .navigation a { font-size: 31px; line-height: 30px; }
  .services .title { font-size: 33px; margin: 35px 0; width: 100%; text-align: center; }
  .services .services-all-row .single-service .light-bg { display: none; } }
#testimonials-detail .story-header { background-color: #000000; background-image: url(../img/home/watermark.png); background-repeat: no-repeat; background-position: 60% center; padding: 65px 0; }
#testimonials-detail .story-header h1 { text-transform: uppercase; color: #d2d2d2; font-size: 66px; margin-top: 200px; }
#testimonials-detail .story-header .text { padding-right: 20px; }
#testimonials-detail .story-header .transformation-image { overflow: hidden; width: 100%; max-width: 610px; z-index: 1; position: relative; }
#testimonials-detail .story-header .trans-b, #testimonials-detail .story-header .trans-a { height: 465px; background-position: 10% top; }
#testimonials-detail .story-header .trans-b .gradient, #testimonials-detail .story-header .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-detail .story-header .gray-abs-div { border-bottom: 485px solid #2e2e2e; border-left: 215px solid transparent; height: 0; width: 325px; top: 0; right: 0; position: absolute; z-index: 0; }
#testimonials-detail .content { background-color: #f5f5f5; }
#testimonials-detail .content .abs-gray-bg { width: 42%; position: absolute; top: 0; bottom: 0; left: 0; background-color: #636363; }
#testimonials-detail .content blockquote { text-align: center; max-width: 480px; margin: 175px 0; font-size: 24px; border: 0; color: #f5f5f5; font-weight: 300; line-height: 40px; position: relative; }
#testimonials-detail .content blockquote::before { font-size: 70px; content: "\201C"; font-weight: 600; color: #68bfd0; position: absolute; left: 0; top: -15px; line-height: 70px; }
#testimonials-detail .content blockquote::after { font-size: 70px; content: "\201d"; font-weight: 600; color: #68bfd0; position: absolute; right: 0; bottom: -75px; line-height: 70px; }
#testimonials-detail .content .review { padding: 80px 0 60px 80px; }
#testimonials-detail .content .review p { color: #8b8585; font-weight: 300; margin-bottom: 25px; }

@media only screen and (max-width: 1500px) { #testimonials-detail .content .abs-gray-bg { width: 45%; } }
@media only screen and (max-width: 991px) { #testimonials-detail .story-header { padding: 65px 0 40px 0; background-position: 8% 140%; background-size: 412px; }
  #testimonials-detail .story-header .gray-abs-div { border-bottom: 62vw solid #2e2e2e; top: 1px; border-left: 35vw solid transparent; }
  #testimonials-detail .story-header .container { display: flex; flex-direction: column; }
  #testimonials-detail .story-header .container .img-cont { order: 1; }
  #testimonials-detail .story-header .container .text { order: 2; }
  #testimonials-detail .story-header .container .transformation-image { float: none !important; margin: auto; padding: 0 20px; }
  #testimonials-detail .story-header .trans-b, #testimonials-detail .story-header .trans-a { height: 64vw; max-height: 440px; background-size: cover; }
  #testimonials-detail .story-header h1 { font-size: 39px; margin-top: 50px; text-align: center; }
  #testimonials-detail .content .container { width: 100%; padding: 0; }
  #testimonials-detail .content .container .quote { background-color: #636363; }
  #testimonials-detail .content .abs-gray-bg { display: none; }
  #testimonials-detail .content blockquote { margin: 30px auto; font-size: 16px; line-height: 29px; }
  #testimonials-detail .content blockquote::before { left: -15px; font-size: 46px; }
  #testimonials-detail .content blockquote::after { bottom: -10px; line-height: 21px; font-size: 46px; }
  #testimonials-detail .content .review { padding: 25px; text-align: justify; }
  #testimonials-detail .content .review p:last-child { margin: 0; } }
@media only screen and (max-width: 767px) { #testimonials-detail .content blockquote { max-width: 450px; } }
@media only screen and (max-width: 500px) { #testimonials-detail .content blockquote { margin: 30px; } }

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