/* ------------------------------------------------------------- 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; } }
#about-detail-page { width: 100%; float: left; }
#about-detail-page .trainer-intro { background-image: url(../img/about/trainer-intro-bg.png); background-size: cover; background-position: 100% 50%; }
#about-detail-page .trainer-intro .content { padding: 175px 0 90px 0; }
#about-detail-page .trainer-intro .content h4 { text-transform: uppercase; font-size: 32px; }
#about-detail-page .trainer-intro .content h1 { text-transform: uppercase; font-size: 98px; color: #8b8585; float: left; }
#about-detail-page .trainer-intro .content h1 span.blue { font-size: 34px; float: right; }
#about-detail-page .trainer-intro .content .contact { width: 100%; float: left; padding-top: 60px; }
#about-detail-page .trainer-intro .content .contact p { color: #fff; font-size: 21px; }
#about-detail-page .trainer-intro .content .contact p span, #about-detail-page .trainer-intro .content .contact p .fa { color: #4cc5e0; float: left; margin: 0px 10px 0 0; font-size: 27px; }
#about-detail-page .trainer-intro .trainer-img { position: absolute; right: 0; max-width: 50%; }
#about-detail-page .trainer-description { background-color: #f5f5f5; padding: 50px 0; }
#about-detail-page .trainer-description .light-img { position: absolute; left: 0; top: 0; max-width: 50%; opacity: 0.2; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#about-detail-page .trainer-description p { color: #8b8585; margin-bottom: 25px; }

@media only screen and (max-width: 1500px) { #about-detail-page .trainer-intro .content h1 { font-size: 70px; }
  #about-detail-page .trainer-intro .content .contact p { font-size: 16px; }
  #about-detail-page .trainer-intro .content .contact p span { font-size: 21px; } }
@media only screen and (max-width: 991px) { #about-detail-page .trainer-intro .container { padding: 0; }
  #about-detail-page .trainer-intro { background-image: url(../img/about/trainer-intro-bg.png); background-size: 200%; background-position: 90% -40px; background-repeat: no-repeat; background-color: #000000; }
  #about-detail-page .trainer-intro .trainer-img { position: static; right: 0; float: right; max-width: 80%; }
  #about-detail-page .trainer-intro .content { padding: 0 25px 10px 25px; }
  #about-detail-page .trainer-intro .content h4 { font-size: 24px; margin: 0; }
  #about-detail-page .trainer-intro .content h1 { font-size: 44px; margin: 0; }
  #about-detail-page .trainer-intro .content h1 span.blue { font-size: 24px; }
  #about-detail-page .trainer-intro .content .contact p { display: block; width: 50%; float: left; font-size: 14px; }
  #about-detail-page .trainer-intro .content .contact p span { font-size: 18px; }
  #about-detail-page .trainer-intro .content .contact p .fa { font-size: 21px; }
  #about-detail-page .trainer-description .light-img { display: none; }
  #about-detail-page .trainer-description .container { padding: 0 10px; } }
@media only screen and (max-width: 500px) { #about-detail-page .trainer-intro .content .contact p { font-size: 13px; }
  #about-detail-page .trainer-intro .content .contact p span { font-size: 16px; margin: -1px 8px 0 0; }
  #about-detail-page .trainer-intro .content .contact p .fa { font-size: 17px; } }
@media only screen and (max-width: 375px) { #about-detail-page .trainer-intro .content .contact p { width: 100%; } }

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