/* ------------------------------------------------------------- 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-list .banner { position: relative; background-image: url("../img/about/banner-image.png"); background-position: top center; background-size: cover; min-height: 33vw; overflow: hidden; }
#services-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); }
#services-list .banner .title { color: #1e9ebb; text-transform: uppercase; position: absolute; bottom: 65px; font-size: 83px; z-index: 1; }
#services-list .gray-bg { background-color: #636363; color: #fff; font-weight: 300; padding: 50px 0; letter-spacing: 0.5px; }
#services-list .gray-bg .container { max-width: 1200px; }
#services-list .gray-bg .container p { margin-bottom: 30px; }
#services-list .fire { text-transform: uppercase; }
#services-list .fire.blue-bg .abs-dark-bg { background-color: #1fa0bf; }
#services-list .fire .abs-dark-bg { background-color: #222222; position: absolute; top: 0; left: 0; bottom: 0; width: 42%; }
#services-list .fire .img-container { padding: 75px 80px; }
#services-list .fire h1 { color: #d2d2d2; margin-top: 0; font-size: 68px; max-width: 90%; }
#services-list .fire h3 { margin-top: 10px; font-size: 47px; max-width: 90%; }
#services-list .fire .find-out-more { padding: 15px 40px; text-transform: uppercase; font-weight: 300; border-radius: 8px; display: inline-block; font-size: 17px; color: #fff; background-color: #888485; margin-top: 110px; }
#services-list .fire .find-out-more:hover, #services-list .fire .find-out-more:focus { background-color: #1e9ebb; }
#services-list .online-coach { text-transform: uppercase; background-image: url(../img/services/online-coach.png); background-position: top left; background-repeat: no-repeat; overflow: hidden; background-color: #333131; background-size: 59%; }
#services-list .online-coach:after { display: block; width: 0; height: 0; border-style: solid; content: ''; position: absolute; z-index: 1; right: -42px; left: auto; border-width: 0 0 581px 278px; top: 0; border-color: transparent transparent #237e91 transparent; }
#services-list .online-coach:before { display: block; width: 0; height: 0; border-style: solid; content: ''; position: absolute; z-index: 2; right: -120px; left: auto; border-width: 0 0 581px 278px; top: 0; border-color: transparent transparent #348ca2 transparent; }
#services-list .online-coach h1 { margin-top: 160px; margin-bottom: 0; color: #ededed; font-size: 65px; }
#services-list .online-coach h2 { color: #ededed; margin-bottom: 160px; }
#services-list .online-coach a { color: #ededed; padding: 15px 40px; text-transform: uppercase; font-weight: 300; border-radius: 8px; display: inline-block; font-size: 17px; background-color: #181617; }
#services-list .online-coach a:hover, #services-list .online-coach a:focus { background-color: #1e9ebb; }
#services-list .online-coach .bottom { margin-top: -115px; z-index: 2; }
#services-list .online-coach .right-div { background-color: #333131; z-index: 1; }
#services-list .online-coach .right-div:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 581px 280px; top: 0; border-color: transparent transparent #333131 transparent; position: absolute; right: 100%; }
#services-list .mp-challenge { background-color: #404040; background-image: url(../img/home/watermark.png); background-repeat: no-repeat; background-position: center center; }
#services-list .mp-challenge .img-container { padding: 45px 45px 45px 105px; }
#services-list .mp-challenge h1, #services-list .mp-challenge h3 { max-width: 100%; }
#services-list .mp-challenge .abs-dark-bg { left: 58%; z-index: 0; }
#services-list .mp-challenge .dtcell { z-index: 1; }
#services-list .mp-challenge .find-out-more { background-color: #343233; }
#services-list .ice { text-align: center; background-image: url(../img/services/ice-group-training.png); background-position: center center; background-repeat: no-repeat; background-size: cover; color: #ffffff; text-transform: uppercase; padding: 110px 0; }
#services-list .ice .bg-blue { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(31, 160, 191, 0.7); }
#services-list .ice *:not(div) { position: relative; }
#services-list .ice h1 { margin-top: 0; font-size: 50px; }
#services-list .ice h2 { font-size: 47px; letter-spacing: 2px; margin-bottom: 65px; }
#services-list .ice .find-out-more { background-color: #1fa0bf; padding: 17px 25px; font-weight: 300; color: #ffffff; border-radius: 4px; font-size: 18px; display: inline-block; }
#services-list .ice .find-out-more:hover, #services-list .ice .find-out-more:focus { background-color: #198aa5; }

@media only screen and (max-width: 1500px) { #services-list .online-coach:after { right: -103px; }
  #services-list .online-coach:before { right: -170px; }
  #services-list .online-coach h1, #services-list .online-coach h2 { margin-left: -57px; }
  #services-list .online-coach .right-div:before { z-index: -1; } }
@media only screen and (max-width: 991px) { #services-list .banner .title { bottom: 0px; font-size: 38px; width: 100%; text-align: center; left: 0; }
  #services-list .gray-bg { padding: 30px 0; }
  #services-list .gray-bg .container p:last-child { margin-bottom: 0; }
  #services-list .fire .mob-bg { background-color: #222222; }
  #services-list .fire .dtcell { display: block; width: 100%; float: left; }
  #services-list .fire .abs-dark-bg { display: none; }
  #services-list .fire .img-container { padding: 35px 35px 0 35px; margin-bottom: -35px; float: left; width: 100%; }
  #services-list .fire .img-container img { margin: 0 auto; }
  #services-list .fire .text { padding: 65px 35px 0 35px; z-index: 1; text-align: center; margin-bottom: -27px; }
  #services-list .fire .text h1, #services-list .fire .text h3 { max-width: 100%; text-align: center; }
  #services-list .fire .text h1 { font-size: 38px; margin-bottom: 2px; }
  #services-list .fire .text h3 { margin-top: 0px; font-size: 24px; }
  #services-list .fire .find-out-more { margin-top: 28px; }
  #services-list .ice { padding: 170px 0 25px 0; }
  #services-list .ice h1 { font-size: 40px; }
  #services-list .ice h2 { font-size: 33px; margin: 0 0 20px 0; font-weight: 300; }
  #services-list .online-coach h1 { font-size: 35px; margin-top: 30px; }
  #services-list .online-coach h2 { font-size: 26px; margin-bottom: 115px; z-index: 2; position: relative; }
  #services-list .online-coach { background-position: top left; background-size: 100%; padding-top: 46.5vw; }
  #services-list .online-coach .right-div { width: 100%; margin: 0; text-align: center; }
  #services-list .online-coach .bottom { margin-top: -90px; }
  #services-list .online-coach:after { top: auto; bottom: 0; right: -172px; }
  #services-list .online-coach:before { top: auto; bottom: 0; right: -220px; }
  #services-list .online-coach h1, #services-list .online-coach h2 { margin-left: 0; }
  #services-list .mp-challenge { display: flex; flex-direction: column; background-position: 130%; background-size: 65%; }
  #services-list .mp-challenge .pull-right { width: 100%; }
  #services-list .mp-challenge .mob-bg { order: 1; }
  #services-list .mp-challenge .text { order: 2; margin-bottom: 20px; }
  #services-list .blue-bg .mob-bg { background-color: #1fa0bf; }
  #services-list .blue-bg .text { margin-bottom: 20px; }
  #services-list .banner:after { left: -50%; right: -50%; } }
@media only screen and (max-width: 767px) { #services-list .banner { min-height: 50vw; }
  #services-list .gray-bg .container { padding: 0 35px; }
  #services-list .online-coach { padding-top: 55vw; background-size: 100%; background-position: top left; }
  #services-list .online-coach { text-align: center; }
  #services-list .online-coach h1 { margin-top: 35px; font-size: 36px; width: 100%; }
  #services-list .online-coach h2 { margin-bottom: 125px; margin-top: 5px; font-weight: 200; }
  #services-list .online-coach .bottom { margin-top: -90px; } }

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