/* ------------------------------------------------------------- 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-header { background-color: #343434; background-image: url(../img/services/ice.png); background-repeat: no-repeat; background-position: left top; background-size: 61%; overflow: hidden; }
.services-header .content { background-color: #272526; padding: 12vw 9vw; text-transform: uppercase; -ms-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); transform: skewX(-30deg); color: #ffffff; }
.services-header .content .inner { -ms-transform: skewX(30deg); -webkit-transform: skewX(30deg); transform: skewX(30deg); }
.services-header .content h2 { margin: 0; font-size: 2.4vw; }

.yvette { background-color: #565251; }
.yvette .gradient-bg { background-color: #373536; background: red; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#363636, #242424); background: -o-linear-gradient(left, #363636, #242424); background: -moz-linear-gradient(left, #363636, #242424); background: linear-gradient(to right, #363636, #242424); margin-left: 6%; margin-right: 20%; padding: 3vw 7vw; float: left; width: 74%; z-index: 1; position: relative; }
.yvette a { background-color: #252324; }
.yvette .text { width: 50%; float: left; text-transform: uppercase; }
#service-detail-template  .yvette .text h1 { font-size: 3vw; font-weight:500;color: #d3d3d3; line-height: 132%; margin: 0; }
.yvette .text p { color: #fffdfe; font-size: 25px; line-height: 200%; margin-top: 50px; }
.yvette .img { width: 58%; float: right; margin-right: -15vw; margin-top: 15px; margin-bottom: 3vw; }
.yvette .img .before, .yvette .img .after { width: 50%; float: left; position: relative; }
.yvette .img .before a, .yvette .img .after a { background-color: #1fa0bf; color: #5c5c5c; padding: 5px 25px; display: inline-block; position: absolute; bottom: -15px; left: 50%; text-transform: uppercase; transform: translate(-50%); min-width: 140px; text-align: center; font-weight: 500; }
.yvette .img .before img, .yvette .img .after img { width: 100%; }
.yvette .img .before { border-right: 1.31vw solid transparent; }
.yvette .img .before a { color: #82ccd9; }
.yvette .img .after { border-left: 1.31vw solid transparent; }
.yvette .img .after a { background-color: #000000; }
.yvette .blue-bg { background-color: #1fa0bf; position: absolute; right: 0; top: 0; bottom: 0; width: 20%; background-image: url(../img/home/watermark.png); background-repeat: no-repeat; background-position: 24%; }

.group-ice { background: #ffffff; padding-top: 30px; }
.group-ice .abs-blue-bg { position: absolute; top: 30px; left: 0; bottom: 0; background-color: #1fa0bf; width: 66%; }
.group-ice .img-outer { padding-bottom: 60px; margin-top: -30px; padding-right: 4.5vw; padding-left: 2vw; }
.group-ice .img-outer img { position: relative; float: right; }
.group-ice h2 { color: #d2d2d2; text-transform: uppercase; font-size: 55px; margin: 0; }
.group-ice h3 { color: #1ea0bf; text-transform: uppercase; margin-top: 0px; font-size: 42px; }
.group-ice h4 { text-decoration: line-through; margin-bottom: 45px; font-size: 30px; font-weight: 400; }
.group-ice .box { max-width: 730px; border-top: 4px solid #f8f4f3; border-bottom: 4px solid #f8f4f3; padding: 25px 0 25px 60px; position: relative; }
.group-ice .box button { background-color: #111111; color: #fdfdfd; display: inline-block; padding: 10px 25px 10px 25px; text-transform: uppercase; font-size: 17px; letter-spacing: 0.5px; font-weight: 600; min-width: 246px; border-radius: 8px; z-index: 1; position: relative; }
.group-ice .box h3 { font-size: 24px; font-weight: 600; }
.group-ice .box .or { display: block; position: absolute; left: 0; margin-top: 15px; font-size: 24px; font-weight: 600; color: #1ea0bf; text-transform: uppercase; }
.group-ice .box .hr-line { display: block; margin: 30px 0; height: 4px; width: 100%; background: #f8f4f3; }

.feature-text { padding: 30px 0; }
.feature-text .automargin { max-width: 900px; padding: 0 35px; margin: auto; }
.feature-text h4 { text-transform: uppercase; margin-bottom: 30px; margin-top: 60px; font-size: 22px; }
.feature-text p { margin: 30px 0; font-size: 15px; }
.feature-text h5 { font-size: 16px; }
.feature-text ul { padding: 0; list-style: none; }
.feature-text ul li { font-size: 15px; padding-left: 18px; }
.feature-text ul li::before { content: "\2022"; color: #1e9fbc; margin-left: -16px; margin-right: 12px; }

.main-text { background-color: #fdf9fa; }
.main-text .automargin { max-width: 900px; padding: 0 35px; margin: 50px auto 70px; overflow: hidden; }
.main-text .blue-bg { background-color: #1fa0bf; color: #f1f9fb; text-align: center; padding: 10px 25px; width: 100%; float: left; }
.main-text .blue-bg h4 { text-transform: uppercase; font-size: 30px; }
.main-text .blue-bg p { font-size: 18px; font-weight: 300; }
.main-text .two-divs { margin-top: 2vw; text-align: center; width: 100%; float: left; }
.main-text .two-divs .mp-gold, .main-text .two-divs .mp-cookbible { width: 50%; float: left; }
.main-text .two-divs .mp-gold .bg, .main-text .two-divs .mp-cookbible .bg { background-color: #efefef; min-height: 319px; display: table; width: 100%; }
.main-text .two-divs .mp-gold .bg .vert-center, .main-text .two-divs .mp-cookbible .bg .vert-center { display: table-cell; vertical-align: middle; }
.main-text .two-divs .mp-gold .bg img, .main-text .two-divs .mp-cookbible .bg img { margin: auto; }
.main-text .two-divs .mp-gold h4, .main-text .two-divs .mp-cookbible h4 { text-transform: uppercase; font-size: 25px; margin: 30px 0; }
.main-text .two-divs .mp-gold p, .main-text .two-divs .mp-cookbible p { font-size: 15px; }
.main-text .two-divs .mp-gold { padding-right: 1vw; }
.main-text .two-divs .mp-cookbible { padding-left: 1vw; }
.main-text .audio-series { width: 100%; float: left; background-color: #efefef; margin: 40px 0; padding: 35px; }
.main-text .audio-series .img-cont { width: 35%; float: left; }
.main-text .audio-series .img-cont img { margin: auto; }
.main-text .audio-series .text-cont { width: 65%; float: left; text-align: center; padding-left: 5%; }
.main-text .audio-series .text-cont h4 { text-transform: uppercase; font-size: 25px; margin: 0 0 30px 0; }
.main-text .audio-series .text-cont p { font-size: 15px; }
.main-text .learn-with-experts { font-size: 15px; }
.main-text .learn-with-experts h4 { text-transform: uppercase; margin: 30px 0; font-size: 22px; text-align: center; }
.main-text .learn-with-experts ul { padding: 0; list-style: none; margin: 30px 0; }
.main-text .learn-with-experts ul li { padding-left: 35px; position: relative; margin-bottom: 5px; }
.main-text .learn-with-experts ul li::before { content: ""; width: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 11px; border-right: 1px solid #1e9fbc; border-bottom: 1px solid #1e9fbc; border-radius: 0px; display: inline-block; margin-left: -30px; margin-right: 20px; }
.main-text .how-mp-works { background-color: #404040; width: 100%; float: left; color: #ffffff; padding: 43px; }
.main-text .how-mp-works h4 { text-transform: uppercase; font-size: 26px; text-align: center; margin-top: 0; margin-bottom: 30px; }
.main-text .how-mp-works ul { padding: 0 0 0 4vw; list-style: none; }
.main-text .how-mp-works ul li { font-size: 15px; padding-left: 25px; font-weight: 300; margin-bottom: 5px; }
.main-text .how-mp-works ul li::before { font-size: 18px; content: "\2022"; color: #1e9fbc; margin-left: -20px; margin-right: 12px; }

#services-challenge-page .feature-text { background-color: #fdf9fa; padding-top: 0; }
#services-challenge-page .services-header { background-image: url(../img/services/challenge-bg.png); background-size: 73%; }

#services-mp-online-page .feature-text { background-color: #fdf9fa; padding-top: 0; }
#services-mp-online-page .services-header { background-image: url(../img/services/mp-online-bg.png); background-size: 59%; background-position: left center; }
#services-mp-online-page .main-text .learn-with-experts .img-cont { width: 100%; float: left; }
#services-mp-online-page .main-text .learn-with-experts .img-cont ul, #services-mp-online-page .main-text .learn-with-experts .img-cont p { width: 68%; padding-right: 5%; float: left; }
#services-mp-online-page .main-text .learn-with-experts h4 { text-align: left; }
#services-mp-online-page .main-text .how-mp-works { margin-top: 30px; }
#services-mp-online-page .img-cont .img-left { margin-left: 8vw; width: 28%; float: left; margin-top: 4vw; }
#services-mp-online-page .feature-text .automargin { max-width: 695px; padding: 0 35px; margin: auto; float: left; }
#services-mp-online-page .three-divs img { width: 100%; }
#services-mp-online-page .three-divs .col-sm-4::after { content: ""; left: 0; right: 0; bottom: 0; display: block; height: 45px; position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(55, 55, 55, 0)), to(#373737)); background-image: -webkit-linear-gradient(top, rgba(55, 55, 55, 0), #373737); background-image: -moz-linear-gradient(top, rgba(55, 55, 55, 0), #373737); background-image: -ms-linear-gradient(top, rgba(55, 55, 55, 0), #373737); background-image: -o-linear-gradient(top, rgba(55, 55, 55, 0), #373737); background-image: linear-gradient(top, rgba(55, 55, 55, 0), #373737); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(55, 55, 55, 0)', endColorStr='rgb(55, 55, 55)'); }
#services-mp-online-page .three-divs .abs-div { text-align: center; position: absolute; background-color: rgba(54, 53, 51, 0.5); top: 0; left: 0; right: 0; bottom: 0; color: #fcf9f9; z-index: 1; }
#services-mp-online-page .three-divs .abs-div .vert-center { position: absolute; top: 50%; left: 25px; right: 25px; transform: translate(0, -50%); }
#services-mp-online-page .three-divs .abs-div h4 { font-size: 1.5vw; }
#services-mp-online-page .three-divs .abs-div ul { list-style: none; padding: 0; margin: 20px 0 0 0; }
#services-mp-online-page .three-divs .abs-div ul li { font-size: 1vw; margin-bottom: 15px; font-weight: 300; padding-left: 35px; }
#services-mp-online-page .three-divs .abs-div ul li::before { content: ""; width: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 16px; border-right: 1px solid #1e9fbc; border-bottom: 1px solid #1e9fbc; border-radius: 0px; display: inline-block; margin-left: -30px; margin-right: 20px; }

#services-ice-page { width: 100%; float: left; }
#services-ice-page .special-bonuses { background-color: #fdf9fa; }
#services-ice-page .special-bonuses .bonus-text { max-width: 900px; padding: 0 35px; margin: 50px auto 70px; overflow: hidden; }
#services-ice-page .special-bonuses .bonus-text h4 { text-transform: uppercase; margin-bottom: 30px; font-size: 22px; }
#services-ice-page .special-bonuses .bonus-text ul { padding: 0; list-style: none; margin-bottom: 30px; }
#services-ice-page .special-bonuses .bonus-text ul li { font-size: 15px; padding-left: 18px; }
#services-ice-page .special-bonuses .bonus-text ul li::before { content: "\2022"; color: #1e9fbc; margin-left: -16px; margin-right: 12px; }
#services-ice-page .special-bonuses .bonus-text p { width: 100%; float: left; }
#services-ice-page .special-bonuses .bonus-text img { display: inline-block; margin-right: 30px; float: left; }
#services-ice-page .special-bonuses .bonus-text span.free { text-transform: uppercase; color: #d1d1d1; font-size: 25px; display: inline-block; padding-top: 10px; float: left; padding-top: 25px; line-height: 100%; text-align: center; }

@media only screen and (max-width: 1500px) { .yvette .text p { font-size: 2vw; margin-top: 3vw; } }
@media only screen and (max-width: 991px) { .services-header .content h2 { font-size: 3.4vw; }
  .services-header .content { padding: 11vw 9vw; }
  .yvette .gradient-bg { width: 88%; margin-right: 6%; display: flex; flex-direction: column; }
  .yvette .gradient-bg .text { order: 2; width: 100%; }
  .yvette .gradient-bg .img { width: 100%; margin: 2vw 0 5vw 0; }
  .yvette .text h1 { font-size: 4vw; }
  .yvette .text p { font-size: 3vw; line-height: 160%; }
  .group-ice .abs-blue-bg { width: 100%; }
  .group-ice .img-outer img { float: none; margin: auto; }
  .group-ice .img-outer { padding: 0 6% 6% 6%; }
  .group-ice .purchase-outer { padding: 6%; }
  .group-ice .purchase-outer h2, .group-ice .purchase-outer h3, .group-ice .purchase-outer h4 { text-align: center; }
  .group-ice .purchase-outer .box h3 { text-align: left; }
  #services-mp-online-page .main-text .learn-with-experts .img-cont ul, #services-mp-online-page .main-text .learn-with-experts .img-cont p { padding: 0; width: 100%; }
  #services-mp-online-page .img-cont .img-left { margin-left: 0; padding: 0 25px; width: 100%; }
  #services-mp-online-page .feature-text .automargin { max-width: 100%; }
  #services-mp-online-page .three-divs .abs-div ul { margin: 0; }
  #services-mp-online-page .three-divs .abs-div ul li { margin: 0; font-size: 1.3vw; }
  #services-mp-online-page .three-divs .abs-div ul li::before { height: 1.4vw; width: 0.7vw; margin-right: 1.3vw; }
  #services-mp-online-page .three-divs .abs-div h4 { font-size: 2vw; margin-top: 0; } }
@media only screen and (max-width: 767px) { #services-ice-page .special-bonuses .bonus-text span.free { clear: both; }
  .services-header { padding-top: 47.4vw; background-size: 100%; }
  .services-header .content, .services-header .content .inner { -ms-transform: none; -webkit-transform: none; transform: none; }
  .services-header .content h2 { font-size: 6vw; }
  .services-header .content { padding: 10vw 9vw; }
  .yvette .img .before a, .yvette .img .after a { min-width: 20px; padding: 3px 15px; font-size: 12px; }
  .yvette .text h1 { font-size: 6vw; }
  .yvette .text p { font-size: 4vw; }
  .group-ice .purchase-outer > h2 { font-size: 7vw; }
  .group-ice .purchase-outer > h3 { font-size: 6vw; }
  .group-ice .purchase-outer > h4 { font-size: 5vw; margin-bottom: 4vw; }
  .group-ice .box { padding: 25px 0 25px 35px; }
  .group-ice .box h3 { font-size: 19px; }
  .group-ice .box button { font-size: 14px; }
  .group-ice .box .or { margin-top: 16px; font-size: 20px; }
  .main-text .two-divs .mp-gold, .main-text .two-divs .mp-cookbible { width: 100%; padding: 0; margin-bottom: 20px; }
  .main-text .audio-series .img-cont, .main-text .audio-series .text-cont { width: 100%; padding: 0; }
  .main-text .audio-series .text-cont { margin-top: 25px; }
  .main-text .audio-series .text-cont h4 { margin: 0 0 15px 0; }
  .main-text .how-mp-works ul { padding: 0; }
  #services-challenge-page .services-header { background-size: 160%; }
  #services-mp-online-page .services-header { background-position: left top; padding-top: 53.4vw; background-size: 100%; }
  #services-mp-online-page .feature-text h4 { margin-top: 25px; }
  #services-mp-online-page .three-divs .abs-div h4 { font-size: 5.5vw; }
  #services-mp-online-page .three-divs .abs-div ul li { font-size: 4vw; }
  #services-mp-online-page .three-divs .abs-div ul li::before { height: 3.4vw; width: 1.4vw; margin-right: 3vw; } }

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