/* ------------------------------------------------------------- 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
------------------------------------------------------------- */
#about-page .banner { position: relative; background-image: url("../img/about/banner-image.png"); background-position: top center; background-size: cover; min-height: 33vw; overflow: hidden; }
#about-page .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); }
#about-page .banner .title { color: #1e9ebb; text-transform: uppercase; position: absolute; bottom: 65px; font-size: 60px; z-index: 1; }
#about-page .text-outer { background-color: #2997b0; }
#about-page .text-outer .text { color: #fff; padding: 90px; }
#about-page .text-outer .text p { margin-bottom: 20px; font-size: 16px;}
#about-page .text-outer .tilted-image { position: absolute; right: 0; padding: 0; top: -150px; }
#about-page .text-outer .tilted-image img { float: right; }
#about-page .trainer-qualifications.light { background-color: #f5f5f5; position: relative; }
#about-page .trainer-qualifications.light .img-left { background-color: #222222; width: 38.5%; float: left; padding: 80px 0 80px 40px; position: relative; z-index: 1; }
#about-page .trainer-qualifications.light .img-left img { margin-right: -65px; float: right; }
#about-page .trainer-qualifications.light .heading-right { width: 61.5%; float: left; z-index: 0; }
#about-page .trainer-qualifications.light .heading-right .light-img { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); }
#about-page .trainer-qualifications.light .heading-right .light-img::before { content: ''; position: absolute; bottom: 0; left: 0; height: 50px; right: 0; z-index: 1; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #f5f5f5); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #f5f5f5); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #f5f5f5); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #f5f5f5); background-image: linear-gradient(top, rgba(255, 255, 255, 0), #f5f5f5); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0)', endColorStr='#f5f5f5'); }
#about-page .trainer-qualifications.light .heading-right .light-img::after { content: ''; position: absolute; bottom: 0; top: 0; left: 0; width: 50px; z-index: 1; background-image: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, #f5f5f5, rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(left, #f5f5f5, rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(left, #f5f5f5, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(left, #f5f5f5, rgba(255, 255, 255, 0)); background-image: linear-gradient(left, #f5f5f5, rgba(255, 255, 255, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', endColorStr='rgba(255, 255, 255, 0)', gradientType='1'); }
#about-page .trainer-qualifications.light .heading-right img { max-width: 582px; opacity: 0.2; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#about-page .trainer-qualifications .absolute-div { position: absolute; top: 50%; margin-left: 11vw; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; }
#about-page .trainer-qualifications .absolute-div .trainer-name { color: #d2d2d2; font-size: 60px; margin-bottom: 0; font-weight: 600; }
#about-page .trainer-qualifications .absolute-div .qualifications { color: #1ea0bf; font-size: 43px; margin-top: 0; margin-bottom: 30px; }
#about-page .trainer-qualifications.dark { background-image: url(../img/about/watermark.png); background-size: cover; background-position: 50% 50%; }
#about-page .trainer-qualifications.dark .heading-left { width: 61.5%; float: left; z-index: 0; }
#about-page .trainer-qualifications.dark .img-right { background-color: #222222; width: 38.5%; float: right; padding: 80px 40px 80px 0; }
#about-page .trainer-qualifications.dark .img-right img { margin-left: -40px; }
#about-page #googleMap { height: 30vw; width: 100%; }

@media only screen and (max-width: 1500px) { #about-page .text-outer .text { padding: 90px 40px; }
  #about-page .text-outer .tilted-image { top: -120px; } }
@media only screen and (max-width: 991px) { #about-page .text-outer .text { padding: 20px 15px; }
  #about-page .text-outer .tilted-image { display: none; }
  #about-page .banner { padding-bottom: 85px; }
  #about-page .banner:after { left: -50%; right: -50%; }
  #about-page .banner .title { bottom: 40px; left: 0; width: 100%; font-size: 37px; text-align: center; }
  #about-page .trainer-qualifications.dark { background-size: 168%; background-position: 18% 89%; background-repeat: no-repeat; background-color: #3e3e3e; }
  #about-page .trainer-qualifications.light .img-left { width: 100%; padding: 50px 30px 20px 30px; background-color: #ffffff; }
  #about-page .trainer-qualifications.light .img-left:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background-color: #222222; height: 38%; z-index: 0; }
  #about-page .trainer-qualifications.light .img-left img { margin: auto; z-index: 1; position: relative; float: none; }
  #about-page .trainer-qualifications.light .heading-right { width: 100%; }
  #about-page .trainer-qualifications.light .heading-right .light-img { display: none; }
  #about-page .trainer-qualifications .absolute-div { position: relative; top: 0; width: 100%; margin: 0; transform: none; text-align: center; }
  #about-page .trainer-qualifications.light { background-color: #ffffff; }
  #about-page .trainer-qualifications .absolute-div .trainer-name { font-size: 40px; font-weight: 500; }
  #about-page .trainer-qualifications .absolute-div .qualifications { font-size: 29px; }
  #about-page .trainer-qualifications .absolute-div .gray-button { margin-bottom: 30px; }
  #about-page .trainer-qualifications.dark { display: flex; flex-direction: column; }
  #about-page .trainer-qualifications.dark .heading-left { order: 2; width: 100%; }
  #about-page .trainer-qualifications.dark .img-right { width: 100%; padding: 40px 30px 0 30px; background: transparent; }
  #about-page .trainer-qualifications.dark .img-right img { z-index: 1; position: relative; margin: auto; }
  #about-page .trainer-qualifications.dark .img-right:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background-color: #222222; height: 55vw; z-index: 0; }
  #about-page #googleMap { height: 335px; } }
@media only screen and (max-width: 767px) { #about-page .banner { min-height: 50vw; } }

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