/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */
@font-face {
  font-family: 'intro_black_capsregular';
  src: url('/nl-BE/templates/liptonglobal/fonts/introcaps_black_macroman/Intro_Black_Caps-webfont.eot');
  src: url('../fonts/introcaps_black_macroman/Intro_Black_Caps-webfont.eot') format('embedded-opentype'), url('../fonts/introcaps_black_macroman/Intro_Black_Caps-webfont.woff') format('woff'), url('../fonts/introcaps_black_macroman/Intro_Black_Caps-webfont.ttf') format('truetype'), url('../fonts/introcaps_black_macroman/Intro_Black_Caps-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */
@font-face {
  font-family: 'intro_book_capsregular';
  src: url('/nl-BE/templates/liptonglobal/fonts/introcaps_book_macroman/Intro_Book_Caps-webfont.eot');
  src: url('../fonts/introcaps_book_macroman/Intro_Book_Caps-webfont.eot') format('embedded-opentype'), url('../fonts/introcaps_book_macroman/Intro_Book_Caps-webfont.woff') format('woff'), url('../fonts/introcaps_book_macroman/Intro_Book_Caps-webfont.ttf') format('truetype'), url('../fonts/introcaps_book_macroman/Intro_Book_Caps-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */
@font-face {
  font-family: 'intro_bold_capsregular';
  src: url('/nl-BE/templates/liptonglobal/fonts/introcaps_bold_macroman/Intro_Bold_Caps-webfont.eot');
  src: url('../fonts/introcaps_bold_macroman/Intro_Bold_Caps-webfont.eot') format('embedded-opentype'), url('../fonts/introcaps_bold_macroman/Intro_Bold_Caps-webfont.woff') format('woff'), url('../fonts/introcaps_bold_macroman/Intro_Bold_Caps-webfont.ttf') format('truetype'), url('../fonts/introcaps_bold_macroman/Intro_Bold_Caps-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */
@font-face {
  font-family: 'intro_bookregular';
  src: url('/nl-BE/templates/liptonglobal/fonts/intro_book_macroman/Intro_Book-webfont.eot');
  src: url('../fonts/intro_book_macroman/Intro_Book-webfont.eot') format('embedded-opentype'), url('../fonts/intro_book_macroman/Intro_Book-webfont.woff') format('woff'), url('../fonts/intro_book_macroman/Intro_Book-webfont.ttf') format('truetype'), url('../fonts/intro_book_macroman/Intro_Book-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */
@font-face {
  font-family: 'intro_boldregular';
  src: url('/nl-BE/templates/liptonglobal/fonts/intro_bold_macroman/Intro_Bold-webfont.eot');
  src: url('../fonts/intro_bold_macroman/Intro_Bold-webfont.eot') format('embedded-opentype'), url('../fonts/intro_bold_macroman/Intro_Bold-webfont.woff') format('woff'), url('../fonts/intro_bold_macroman/Intro_Bold-webfont.ttf') format('truetype'), url('../fonts/intro_bold_macroman/Intro_Bold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */
@font-face {
  font-family: 'intro_regularregular';
  src: url('/nl-BE/templates/liptonglobal/fonts/intro_regular_macroman/Intro_Regular-webfont.eot');
  src: url('../fonts/intro_regular_macroman/Intro_Regular-webfont.eot') format('embedded-opentype'), url('../fonts/intro_regular_macroman/Intro_Regular-webfont.woff') format('woff'), url('../fonts/intro_regular_macroman/Intro_Regular-webfont.ttf') format('truetype'), url('../fonts/intro_regular_macroman/Intro_Regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/fflicense/fontfabric
 *
 *
 */
@font-face {
  font-family: 'intro_black_inline_capsRg';
  src: url('/nl-BE/templates/liptonglobal/fonts/introinlinecaps_black_macroman/Intro_Black_Inline_Caps-webfont.eot');
  src: url('../fonts/introinlinecaps_black_macroman/Intro_Black_Inline_Caps-webfont.eot') format('embedded-opentype'), url('../fonts/introinlinecaps_black_macroman/Intro_Black_Inline_Caps-webfont.woff') format('woff'), url('../fonts/introinlinecaps_black_macroman/Intro_Black_Inline_Caps-webfont.ttf') format('truetype'), url('../fonts/introinlinecaps_black_macroman/Intro_Black_Inline_Caps-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.background-image.white-button {
  background-image: url(../img/btn-white-rounded.png);
}
.background-image.header {
  background-image: url(../img/backgrounds/header.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-image.header {
    background-image: url(../img/backgrounds/header-tablet.png);
  }
}
@media screen and (max-width: 639px) {
  .background-image.header {
    background-image: url(../img/backgrounds/hero-mobile.png);
  }
}
.background-image.videos {
  background-image: url(../img/backgrounds/videos.png);
  background-image: url(../img/backgrounds/video-mask-gradient.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-image.videos {
    background-image: url(../img/backgrounds/videos-tablet.png);
  }
}
@media screen and (max-width: 639px) {
  .background-image.videos {
    background-image: url(../img/backgrounds/videos-mobile.png);
  }
}
.background-image.products {
  background-image: url(../img/backgrounds/products.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-image.products {
    background-image: url(../img/backgrounds/products-tablet.png);
  }
}
@media screen and (max-width: 639px) {
  .background-image.products {
    background-image: url(../img/backgrounds/products-mobile.png);
  }
}
.background-image.recipes {
  background-image: url(../img/backgrounds/recipes.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-image.recipes {
    background-image: url(../img/backgrounds/recipes-tablet.png);
  }
}
@media screen and (max-width: 639px) {
  .background-image.recipes {
    background-image: url(../img/backgrounds/recipes-mobile.png);
  }
}
.background-image.about {
  background-image: url(../img/backgrounds/about.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-image.about {
    background-image: url(../img/backgrounds/about-tablet.png);
  }
}
@media screen and (max-width: 639px) {
  .background-image.about {
    background-image: url(../img/backgrounds/about-mobile.png);
  }
}
.background-tablet {
  background-image: url(/nl-BE/templates/liptonglobal/img/tablet-bg.jpg);
}
.background-mobile {
  background-image: url(/nl-BE/templates/liptonglobal/img/mobile-bg.png);
}
.background-blank {
  background-image: url(../img/blank-bg.png);
}
.background-1 {
  background-image: url(/nl-BE/templates/liptonglobal/img/desktop-bg-1.jpg);
  background-repeat: no-repeat;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-1 {
    background-image: url(/nl-BE/templates/liptonglobal/img/tablet-bg.jpg);
  }
}
@media screen and (max-width: 639px) {
  .background-1 {
    background-image: url(/nl-BE/templates/liptonglobal/img/mobile-bg.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-1 {
    background-image: none;
  }
}
@media screen and (max-width: 639px) {
  .background-1 {
    background-image: none;
  }
}
.background-2 {
  background-image: url(/nl-BE/templates/liptonglobal/img/desktop-bg-2.jpg);
  background-repeat: no-repeat;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-2 {
    background-image: url(/nl-BE/templates/liptonglobal/img/tablet-bg.jpg);
  }
}
@media screen and (max-width: 639px) {
  .background-2 {
    background-image: url(/nl-BE/templates/liptonglobal/img/mobile-bg.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-2 {
    background-image: none;
  }
}
@media screen and (max-width: 639px) {
  .background-2 {
    background-image: none;
  }
}
.background-3 {
  background-image: url(/nl-BE/templates/liptonglobal/img/desktop-bg-3.jpg);
  background-repeat: no-repeat;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-3 {
    background-image: url(/nl-BE/templates/liptonglobal/img/tablet-bg.jpg);
  }
}
@media screen and (max-width: 639px) {
  .background-3 {
    background-image: url(/nl-BE/templates/liptonglobal/img/mobile-bg.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background-3 {
    background-image: none;
  }
}
@media screen and (max-width: 639px) {
  .background-3 {
    background-image: none;
  }
}
.background {
  background-repeat: no-repeat;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .background {
    background-image: url(/nl-BE/templates/liptonglobal/img/tablet-bg.jpg);
  }
}
@media screen and (max-width: 639px) {
  .background {
    background-image: url(/nl-BE/templates/liptonglobal/img/mobile-bg.png);
  }
}
.sprite-1 {
  background-image: url(../img/desktop-sprite-1.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .sprite-1 {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  .sprite-1 {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .sprite-1 {
    background-image: none;
  }
}
@media screen and (max-width: 639px) {
  .sprite-1 {
    background-image: none;
  }
}
.sprite-2 {
  background-image: url(../img/desktop-sprite-2.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .sprite-2 {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  .sprite-2 {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .sprite-2 {
    background-image: none;
  }
}
@media screen and (max-width: 639px) {
  .sprite-2 {
    background-image: none;
  }
}
.sprite-tablet {
  background-image: url(../img/tablet-sprite.png);
}
.sprite-mobile {
  background-image: url(../img/mobile-sprite.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .sprite {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  .sprite {
    background-image: url(../img/mobile-sprite.png);
  }
}
.animation .fan {
  background-image: url(../img/animations/fan.png);
  width: 512px;
  height: 256px;
}
.animation .glow {
  background-image: url(../img/animations/glow.png);
  width: 512px;
  height: 512px;
}
.animation .flare {
  background-image: url(../img/animations/flare.png);
  width: 256px;
  height: 512px;
}
.animation .drop-1 {
  background-image: url(../img/animations/drop_1.png);
  width: 16px;
  height: 256px;
}
.animation .drop-2 {
  background-image: url(../img/animations/drop_2.png);
  width: 16px;
  height: 256px;
}
.loading {
  background: url(../img/loading-bg.png) #ffd300 50% 50% no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}
.loading span {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
}
.loading span div {
  position: relative;
  top: -21px;
  left: -50%;
  z-index: 50;
  width: 42px;
  height: 92px;
  background: url(../img/animations/loading.png) -192px -384px;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.notext {
  text-indent: -999px;
  font-size: 0;
  text-decoration: none;
}
.optimise3d,
.optimize3d {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
html,
body {
  margin: 0;
  padding: 0;
  position: relative;
  overflow-x: hidden;
}
a {
  cursor: pointer;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.listing {
  padding-left: 15px;
}
article,
section,
header,
footer,
aside,
nav {
  display: block;
}
img {
  border: 0 none;
}
.content-width-restrictor {
  position: relative;
  margin: 0 auto;
  min-width: 960px;
  width: auto;
  max-width: 1280px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .content-width-restrictor {
    min-width: 640px;
    width: 640px;
    max-width: 640px;
  }
}
@media screen and (max-width: 639px) {
  .content-width-restrictor {
    min-width: 320px;
    width: 320px;
    max-width: 320px;
  }
}
header,
section,
footer {
  clear: both;
}
* {
  -webkit-tap-highlight-color: transparent;
}
.font.intro {
  font: 12px 'intro_regularregular', sans-serif;
}
.font.intro.bold {
  font: 12px 'intro_boldregular', sans-serif;
}
.font.intro.bold.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
.font.intro.book {
  font: 12px 'intro_bookregular', sans-serif;
}
.font.intro.book.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
.font.intro.black.caps {
  font: 12px 'intro_black_capsregular', sans-serif;
}
.font.intro.black.inline.caps {
  font: 12px 'intro_black_inline_capsRg', sans-serif;
}
h1 {
  font: 12px 'intro_black_capsregular', sans-serif;
  font-size: 48px;
  line-height: 40px;
  margin: 0 0 20px;
}
@media screen and (max-width: 639px) {
  h1 {
    font-size: 38px;
  }
}
h2 {
  font: 12px 'intro_book_capsregular', sans-serif;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 12px;
}
h3 {
  font: 12px 'intro_bold_capsregular', sans-serif;
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 7px;
}
h4 {
  font: 12px 'intro_book_capsregular', sans-serif;
  font-size: 14px ;
  line-height: 14px;
  margin: 0 0 7px;
}
h5 {
  font: 12px 'intro_boldregular', sans-serif;
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 7px;
}
h5.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
nav a {
  font: 12px 'intro_black_capsregular', sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #e30613;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}
nav a:hover {
  color: #80030b;
  text-decoration: none;
}
nav a.active {
  color: #ec7402;
}
@media screen and (min-width: 1280px) {
  nav a {
    font-size: 18px;
    margin: 0 12px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  nav a {
    font-size: 18px;
    margin: 0 12px;
  }
}
@media screen and (max-width: 639px) {
  nav a {
    font-size: 18px;
    margin: 0 12px;
  }
}
nav .separator {
  background-image: url(../img/desktop-sprite-1.png);
  display: inline-block;
  vertical-align: middle;
  background-position: -154px 0;
  width: 3px;
  height: 38px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  nav .separator {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  nav .separator {
    background-image: url(../img/mobile-sprite.png);
  }
}
header .country-selector-anchor {
  font: 12px 'intro_black_capsregular', sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
}
header .country-selector .header {
  font: 12px 'intro_black_capsregular', sans-serif;
  font-size: 18px;
  line-height: 18px;
  color: #d9162f;
}
header .country-selector a.text {
  font: 12px 'intro_bookregular', sans-serif;
  font-size: 12px;
  color: #575757;
  text-decoration: none;
}
header .country-selector a.text.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
header .country-selector a.text:hover {
  color: #d9162f;
}
header .country-selector a.text.active {
  font: 12px 'intro_boldregular', sans-serif;
  font-size: 13px;
  text-decoration: underline;
  color: #d9162f;
}
header .country-selector a.text.active.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
body {
  font: 12px 'intro_bookregular', sans-serif;
  font-size: 14px;
  line-height: 14px;
}
body.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
p {
  font: inherit;
  margin: 0 0 20px;
}
.cta1 {
  font: 12px 'intro_book_capsregular', sans-serif;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 12px;
}
.cta2 {
  font: 12px 'intro_regularregular', sans-serif;
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 18px;
}
.cta2.bold {
  font: 12px 'intro_boldregular', sans-serif;
}
.cta2.bold.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
.cta2.book {
  font: 12px 'intro_bookregular', sans-serif;
}
.cta2.book.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
.cta2.black.caps {
  font: 12px 'intro_black_capsregular', sans-serif;
}
.cta2.black.inline.caps {
  font: 12px 'intro_black_inline_capsRg', sans-serif;
}
.cta3 {
  font: 12px 'intro_regularregular', sans-serif;
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 8px;
}
.cta3.bold {
  font: 12px 'intro_boldregular', sans-serif;
}
.cta3.bold.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
.cta3.book {
  font: 12px 'intro_bookregular', sans-serif;
}
.cta3.book.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
.cta3.black.caps {
  font: 12px 'intro_black_capsregular', sans-serif;
}
.cta3.black.inline.caps {
  font: 12px 'intro_black_inline_capsRg', sans-serif;
}
.copyright {
  font: 12px 'intro_bookregular', sans-serif;
  text-align: center;
  font-size: 11px;
  line-height: 10px;
  margin: 18px 0 8px;
  color: #ec7402;
}
.copyright.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
@media screen and (max-width: 639px) {
  .copyright {
    max-width: 180px;
    line-height: 1;
    text-align: left;
    margin: 10px 15px 8px;
  }
}
section.white,
.slide.white {
  color: #ffffff;
}
section.yellow,
.slide.yellow {
  color: #ffe100;
}
section.orange,
.slide.orange {
  color: #ec7402;
}
section.red,
.slide.red {
  color: #d9162f;
}
section.blue,
.slide.blue {
  color: #00ace9;
}
.carousel .mock {
  display: none;
}
.carousel li {
  display: inline-block;
  vertical-align: top;
}
.arrow {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body {
  background: #ffd300;
}
#main {
  display: none;
  overflow: hidden;
}
#main > .loading {
  position: fixed;
  z-index: 3000;
}
#main > .content {
  display: none;
  overflow: hidden;
}
.fixed-content {
  position: fixed;
  width: 100%;
  z-index: 300;
}
@media screen and (max-height: 624px) and (max-width: 959px), screen and (max-height: 459px) and (min-width: 960px) {
  .fixed-content {
    position: absolute;
  }
}
.static-content {
  position: static;
  z-index: 0;
}
.cookie {
  background: #ec7402;
  color: #ffffff;
}
.cookie .content-padding {
  padding: 11px 42px;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  .cookie .content-padding {
    padding: 11px;
  }
}
.cookie .notice .content-padding {
  overflow: hidden;
}
.cookie .notice .content-padding p {
  float: left;
  margin: 0;
}
@media screen and (max-width: 639px) {
  .cookie .notice .content-padding p {
    width: 275px;
  }
}
.cookie .notice .content-padding p a {
  text-decoration: underline;
  color: #ffffff;
}
.cookie .notice .content-padding .close {
  float: right;
  text-decoration: none;
}
@media screen and (max-width: 639px) {
  .cookie .notice .content-padding .close {
    padding-top: 7px;
  }
}
@media screen and (max-width: 639px) {
  .cookie .notice .content-padding .close .copy {
    display: none;
  }
}
.cookie .notice .content-padding .close .times {
  font-size: 50px;
  vertical-align: bottom;
}
.cookie .dropdown {
  position: absolute;
  background: #ec7402;
  width: 100%;
  z-index: 3;
}
.cookie .dropdown .content-padding {
  height: 300px;
}
.cookie .dropdown .content-padding .scrollable {
  text-align: justify;
  overflow: scroll;
  overflow-x: hidden;
  height: 100%;
  padding-right: 15px;
}
@media screen and (max-width: 639px) {
  .cookie .dropdown .content-padding .scrollable {
    overflow-x: auto;
  }
}
.cookie .dropdown .content-padding .scrollable a {
  text-decoration: underline;
  color: #ffffff;
}
.cookie .dropdown .content-padding .scrollable a:hover {
  font-weight: bold;
}
.cookie .dropdown .content-padding .scrollable table {
  border: 1px solid white;
  width: 100%;
}
.cookie .dropdown .content-padding .scrollable table td {
  border: 1px solid white;
}
header {
  background-image: url(../img/backgrounds/header.png);
  background-position: 50% 0;
  height: 104px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header {
    background-image: url(../img/backgrounds/header-tablet.png);
    background-position: 50% 0;
    height: 104px;
  }
}
@media screen and (max-width: 639px) {
  header {
    background-image: url(../img/backgrounds/hero-mobile.png);
    background-position: 50% 0;
    height: 104px;
  }
}
header .logo-positioner {
  position: relative;
}
header .logo {
  background-image: url(../img/desktop-sprite-1.png);
  z-index: 1;
  background-position: 0 0;
  width: 121px;
  height: 120px;
  position: absolute;
  left: 50px;
  top: 5px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header .logo {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  header .logo {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header .logo {
    background-position: 0 0;
    width: 121px;
    height: 120px;
    position: absolute;
    left: 5px;
    top: 5px;
  }
}
@media screen and (max-width: 639px) {
  header .logo {
    background-position: 0 0;
    width: 111px;
    height: 112px;
    position: absolute;
    left: 0px;
    top: 10px;
  }
}
header .menu-icon {
  background-image: url(../img/desktop-sprite-1.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header .menu-icon {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  header .menu-icon {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  header .menu-icon {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    float: right;
    background-position: -501px -62px;
    width: 35px;
    height: 35px;
    right: -49px;
    top: 46px;
    cursor: pointer;
  }
}
header.mobile-menu .menu-icon {
  background-image: url(../img/mobile-sprite.png);
  position: relative;
  float: right;
  background-position: -501px -62px;
  width: 35px;
  height: 35px;
  right: -57px;
  top: 46px;
  cursor: pointer;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header.mobile-menu .menu-icon {
    right: -49px;
  }
}
header nav {
  position: relative;
  text-align: center;
  top: 50px;
  padding-left: 190px;
}
header nav .separator {
  display: none;
  background-image: url(../img/desktop-sprite-1.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header nav .separator {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  header nav .separator {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header nav {
    position: relative;
    text-align: center;
    top: 60px;
    left: 103px;
  }
}
@media screen and (max-width: 639px) {
  header nav {
    position: absolute;
    top: 104px;
    width: 100%;
    background-color: #FFE100;
    display: none;
    padding-left: 0px;
  }
  header nav.expanded {
    display: block;
  }
  header nav a {
    display: block;
    margin: 0;
    padding: 16px 0;
    text-align: center;
  }
  header nav a:hover {
    background-color: #F9CE1E;
  }
  header nav a.active {
    background-color: #F9CE1E;
  }
  header nav .separator {
    display: block;
    background-position: 0px -333px;
    width: 266px;
    height: 3px;
    margin: 0 auto;
  }
}
header.mobile-menu nav.header-menu {
  position: absolute;
  top: 104px;
  width: 100%;
  background-color: #FFE100;
  display: none;
  padding-left: 0px;
  left: 0px;
}
header.mobile-menu nav.header-menu.expanded {
  display: block;
}
header.mobile-menu nav.header-menu a {
  display: block;
  margin: 0;
  padding: 16px 0;
  text-align: center;
}
header.mobile-menu nav.header-menu a:hover {
  background-color: #F9CE1E;
}
header.mobile-menu nav.header-menu a.active {
  background-color: #F9CE1E;
}
header.mobile-menu nav.header-menu .separator {
  background-image: url(../img/mobile-sprite.png);
  display: block;
  background-position: 0px -333px;
  width: 266px;
  height: 3px;
  margin: 0 auto;
}
header .country-selector {
  position: relative;
  float: right;
  right: 40px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header .country-selector {
    right: 8px;
  }
}
@media screen and (max-width: 639px) {
  header .country-selector {
    right: 5px;
  }
}
header .country-selector .country-selector-anchor {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  z-index: 2;
  color: #ffffff;
  display: block;
  text-align: center;
}
header .country-selector .country-selector-anchor span {
  background-image: url(../img/btn-county-selector.png);
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
  height: 24px;
  padding: 15px 3px 4px 0;
  display: inline-block;
  float: left;
}
header .country-selector .country-selector-anchor span.left {
  background-position: left 0px;
  width: 10px;
}
header .country-selector .country-selector-anchor span.text {
  background-position: 0px -43px;
}
header .country-selector .country-selector-anchor span.right {
  background-position: right 0px;
  width: 10px;
}
@media screen and (max-width: 639px) {
  header .country-selector .country-selector-anchor span {
    padding: 9px 2px 4px 0;
    height: 20px;
  }
  header .country-selector .country-selector-anchor span.left {
    background-position: left -10px;
  }
  header .country-selector .country-selector-anchor span.text {
    background-position: 0px -53px;
  }
  header .country-selector .country-selector-anchor span.right {
    background-position: right -10px;
  }
}
header .country-selector .country-selector-anchor.active span.left {
  background-position: left -86px;
}
header .country-selector .country-selector-anchor.active span.text {
  background-position: 0px -129px;
}
header .country-selector .country-selector-anchor.active span.right {
  background-position: right -86px;
}
@media screen and (max-width: 639px) {
  header .country-selector .country-selector-anchor.active span.left {
    background-position: left -96px;
  }
  header .country-selector .country-selector-anchor.active span.text {
    background-position: 0px -139px;
  }
  header .country-selector .country-selector-anchor.active span.right {
    background-position: right -96px;
  }
}
header .country-selector aside {
  background-color: #fffa9f;
  position: absolute;
  z-index: 1;
  right: -15px;
  top: -10px;
  width: 780px;
  padding-bottom: 10px;
  /*.sprite(1);*/
  /*padding: 10px;*/
  /*height: 327px;*/
  /*background-position: -22px -1286px;*/
}
header .country-selector aside li {
  margin: 6px 0;
}
header .country-selector aside .col-wide {
  float: left;
  margin: 40px 25px 0;
}
header .country-selector aside .separator-narrow {
  background-image: url(../img/desktop-sprite-1.png);
  display: none;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header .country-selector aside .separator-narrow {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  header .country-selector aside .separator-narrow {
    background-image: url(../img/mobile-sprite.png);
  }
}
header .country-selector aside .separator-wide {
  background-image: url(../img/desktop-sprite-1.png);
  display: block;
  float: left;
  margin: 20px 0;
  width: 3px;
  height: 287px;
  background-position: -883px -1320px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  header .country-selector aside .separator-wide {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  header .country-selector aside .separator-wide {
    background-image: url(../img/mobile-sprite.png);
  }
}
header .country-selector aside .header,
header .country-selector aside .header-spacer-wide {
  height: 32px;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  header .country-selector aside {
    width: 320px;
    /*height: 558px;*/
    background-position: -26px -1310px;
  }
  header .country-selector aside li {
    margin: 7px 0;
  }
  header .country-selector aside .col-wide {
    float: none;
    margin: 0;
  }
  header .country-selector aside .col-narrow {
    float: left;
    margin: 40px 20px 0;
  }
  header .country-selector aside .header {
    margin-top: 30px;
  }
  header .country-selector aside .separator-wide {
    display: none;
  }
  header .country-selector aside .separator-narrow {
    display: block;
    float: left;
    margin: 15px 0;
    width: 3px;
    height: 526px;
    background-position: -426px -1340px;
  }
  header .country-selector aside .header,
  header .country-selector aside .header-spacer-wide {
    height: auto;
    margin-bottom: 0;
  }
}
section {
  position: relative;
}
section .hash {
  position: absolute;
}
section .loading {
  z-index: 49;
}
section .content {
  display: none;
}
section.hero {
  height: 500px;
}
section.hero .slide-navigation {
  position: absolute;
  left: 50%;
  bottom: 24px;
  z-index: 201;
}
section.hero .slide-navigation .hcenter {
  position: relative;
  left: -50%;
  bottom: 0;
}
section.hero .slide-navigation .hcenter a {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 8px;
  background: white;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
@media \0screen {
  section.hero .slide-navigation .hcenter a {
    background-image: url(../img/desktop-sprite-1.png);
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-position: -431px -73px;
  }
}
@media \0screen and screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide-navigation .hcenter a {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media \0screen and screen and (max-width: 639px) {
  section.hero .slide-navigation .hcenter a {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media \0screen and screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide-navigation .hcenter a {
    background-image: none;
  }
}
@media \0screen and screen and (max-width: 639px) {
  section.hero .slide-navigation .hcenter a {
    background-image: none;
  }
}
section.hero .slide-navigation .hcenter a.active {
  background: #00ace9;
}
@media \0screen {
  section.hero .slide-navigation .hcenter a.active {
    background-image: url(../img/desktop-sprite-1.png);
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-position: -390px -73px;
  }
}
@media \0screen and screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide-navigation .hcenter a.active {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media \0screen and screen and (max-width: 639px) {
  section.hero .slide-navigation .hcenter a.active {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media \0screen and screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide-navigation .hcenter a.active {
    background-image: none;
  }
}
@media \0screen and screen and (max-width: 639px) {
  section.hero .slide-navigation .hcenter a.active {
    background-image: none;
  }
}
section.hero .slide {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(/nl-BE/templates/liptonglobal/img/desktop-bg-1.jpg);
  background-repeat: no-repeat;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 200;
  display: none;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide {
    background-image: url(/nl-BE/templates/liptonglobal/img/tablet-bg.jpg);
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide {
    background-image: url(/nl-BE/templates/liptonglobal/img/mobile-bg.png);
  }
}
section.hero .slide .content-padding {
  position: relative;
  padding-top: 40px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide .content-padding {
    padding-top: 32px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide .content-padding {
    padding-top: 42px;
  }
}
section.hero .slide.blue-bg {
  background-position: 50% -104px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide.blue-bg {
    background-position: 50% -104px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide.blue-bg {
    background-position: 50% -104px;
  }
}
section.hero .slide.brightside {
  background-color: #feed01 !important;
}
section.hero .slide.yellow-bg {
  background-position: 50% -1104px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide.yellow-bg {
    background-position: 50% -4455px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide.yellow-bg {
    background-position: 50% -5407px;
  }
}
section.hero .slide.orange-bg {
  background-position: 50% -604px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide.orange-bg {
    background-position: 50% -4455px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide.orange-bg {
    background-position: 50% -4909px;
  }
}
section.hero .slide.framed-bg {
  background-position: 50% 0;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide.framed-bg {
    background-position: 50% 0;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide.framed-bg {
    background-position: 50% 0;
  }
}
section.hero .slide .background-frame {
  background-image: url(../img/desktop-sprite-2.png);
  width: 100%;
  height: 100%;
  background-position: 50% -244px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide .background-frame {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide .background-frame {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  section.hero .slide .background-frame {
    background: none;
  }
}
section.hero .slide h1,
section.hero .slide h2,
section.hero .slide h3,
section.hero .slide h4,
section.hero .slide p,
section.hero .slide .like {
  width: 416px;
  margin-right: 0px;
  margin-left: 12px;
}
@media screen and (min-width: 1280px) {
  section.hero .slide h1,
  section.hero .slide h2,
  section.hero .slide h3,
  section.hero .slide h4,
  section.hero .slide p,
  section.hero .slide .like {
    margin-left: 25px;
    margin-right: 13px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide h1,
  section.hero .slide h2,
  section.hero .slide h3,
  section.hero .slide h4,
  section.hero .slide p,
  section.hero .slide .like {
    width: 294px;
    margin-right: 0px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide h1,
  section.hero .slide h2,
  section.hero .slide h3,
  section.hero .slide h4,
  section.hero .slide p,
  section.hero .slide .like {
    width: 318px;
    margin-left: 10px;
    margin-right: 12px;
  }
}
section.hero .slide h1 {
  font-size: 42px;
}
section.hero .slide h3 {
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #1c2a47;
}
section.hero .slide h3 .logo-check {
  background-image: url(../img/desktop-sprite-1.png);
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 160px;
  background-position: -480px -78px;
  margin-top: -17px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide h3 .logo-check {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide h3 .logo-check {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide h3 .logo-check {
    background-position: -581px -16px;
    margin-top: -15px;
    margin-left: 165px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide h3 .logo-check {
    background-position: -580px -16px;
    margin-top: -15px;
  }
}
section.hero .slide.blue-grey h1 {
  color: #00ace9;
}
section.hero .slide.blue-grey p {
  color: #565656;
}
section.hero .slide p {
  font: 12px 'intro_bookregular', sans-serif;
  font-size: 14px;
}
section.hero .slide p.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide p {
    width: 235px;
  }
}
section.hero .slide p.large {
  width: 940px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide p.large {
    width: 630px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide p.large {
    width: 300px;
  }
}
section.hero .slide p a.discover-block-link-fb {
  font: 12px 'intro_regularregular', sans-serif;
  text-decoration: none;
  color: #00ace9;
  font-size: 17px;
  display: inline-block;
}
section.hero .slide p a.discover-block-link-fb.bold {
  font: 12px 'intro_boldregular', sans-serif;
}
section.hero .slide p a.discover-block-link-fb.bold.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-fb.book {
  font: 12px 'intro_bookregular', sans-serif;
}
section.hero .slide p a.discover-block-link-fb.book.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-fb.black.caps {
  font: 12px 'intro_black_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-fb.black.inline.caps {
  font: 12px 'intro_black_inline_capsRg', sans-serif;
}
section.hero .slide p a.discover-block-link-fb span {
  background-image: url(../img/btn-white-rounded.png);
  background-color: transparent;
  height: 42px;
  display: inline-block;
}
section.hero .slide p a.discover-block-link-fb span.left {
  float: left;
  background-position: left -102px;
  background-repeat: no-repeat;
  width: 46px;
}
section.hero .slide p a.discover-block-link-fb span.text {
  background-position: 0px 0px;
  background-repeat: repeat-x;
  line-height: 42px;
  padding-right: 10px;
  float: left;
}
section.hero .slide p a.discover-block-link-fb span.text .double-arrow-slider-fb {
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -544px -87px;
  display: inline-block;
  width: 9px;
  height: 9px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide p a.discover-block-link-fb span.text .double-arrow-slider-fb {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide p a.discover-block-link-fb span.text .double-arrow-slider-fb {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media \0screen {
  section.hero .slide p a.discover-block-link-fb span.text .double-arrow-slider-fb {
    margin-top: -12px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide p a.discover-block-link-fb span.text .double-arrow-slider-fb {
    background-position: -645px -22px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide p a.discover-block-link-fb span.text .double-arrow-slider-fb {
    background-position: -644px -22px;
  }
}
@media \0screen {
  section.hero .slide p a.discover-block-link-fb span.text {
    margin-top: -35px;
    line-height: 40px;
  }
}
section.hero .slide p a.discover-block-link-fb span.right {
  background-position: right -102px;
  background-repeat: no-repeat;
  width: 15px;
  float: left;
}
@media \0screen {
  section.hero .slide p a.discover-block-link-fb {
    font-size: 15px;
  }
}
section.hero .slide p a.discover-block-link-ig {
  font: 12px 'intro_regularregular', sans-serif;
  text-decoration: none;
  color: #00ace9;
  font-size: 17px;
  display: inline-block;
}
section.hero .slide p a.discover-block-link-ig.bold {
  font: 12px 'intro_boldregular', sans-serif;
}
section.hero .slide p a.discover-block-link-ig.bold.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-ig.book {
  font: 12px 'intro_bookregular', sans-serif;
}
section.hero .slide p a.discover-block-link-ig.book.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-ig.black.caps {
  font: 12px 'intro_black_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-ig.black.inline.caps {
  font: 12px 'intro_black_inline_capsRg', sans-serif;
}
section.hero .slide p a.discover-block-link-ig span {
  background-image: url(../img/btn-white-rounded.png);
  background-color: transparent;
  height: 42px;
  display: inline-block;
}
section.hero .slide p a.discover-block-link-ig span.left {
  float: left;
  background-position: left -153px;
  background-repeat: no-repeat;
  width: 46px;
}
section.hero .slide p a.discover-block-link-ig span.text {
  background-position: 0px 0px;
  background-repeat: repeat-x;
  line-height: 42px;
  padding-right: 10px;
  float: left;
}
section.hero .slide p a.discover-block-link-ig span.text .double-arrow-slider-fb {
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -544px -87px;
  display: inline-block;
  width: 9px;
  height: 9px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide p a.discover-block-link-ig span.text .double-arrow-slider-fb {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide p a.discover-block-link-ig span.text .double-arrow-slider-fb {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media \0screen {
  section.hero .slide p a.discover-block-link-ig span.text .double-arrow-slider-fb {
    margin-top: -12px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide p a.discover-block-link-ig span.text .double-arrow-slider-fb {
    background-position: -645px -22px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide p a.discover-block-link-ig span.text .double-arrow-slider-fb {
    background-position: -644px -22px;
  }
}
@media \0screen {
  section.hero .slide p a.discover-block-link-ig span.text {
    margin-top: -35px;
    line-height: 40px;
  }
}
section.hero .slide p a.discover-block-link-ig span.right {
  background-position: right -102px;
  background-repeat: no-repeat;
  width: 15px;
  float: left;
}
@media \0screen {
  section.hero .slide p a.discover-block-link-ig {
    font-size: 15px;
  }
}
section.hero .slide p a.discover-block-link-red {
  font: 12px 'intro_regularregular', sans-serif;
  text-decoration: none;
  color: #d9162f;
  font-size: 17px;
}
section.hero .slide p a.discover-block-link-red.bold {
  font: 12px 'intro_boldregular', sans-serif;
}
section.hero .slide p a.discover-block-link-red.bold.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-red.book {
  font: 12px 'intro_bookregular', sans-serif;
}
section.hero .slide p a.discover-block-link-red.book.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-red.black.caps {
  font: 12px 'intro_black_capsregular', sans-serif;
}
section.hero .slide p a.discover-block-link-red.black.inline.caps {
  font: 12px 'intro_black_inline_capsRg', sans-serif;
}
section.hero .slide p a.discover-block-link-red span {
  background-image: url(../img/btn-white-rounded.png);
  background-color: transparent;
  height: 42px;
  display: inline-block;
}
section.hero .slide p a.discover-block-link-red span.left {
  background-position: left -51px;
  background-repeat: no-repeat;
  width: 15px;
  float: left;
}
section.hero .slide p a.discover-block-link-red span.text {
  background-position: 0px 0px;
  background-repeat: repeat-x;
  line-height: 42px;
  padding-right: 10px;
  float: left;
}
section.hero .slide p a.discover-block-link-red span.text .double-arrow-slider-red {
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -1045px top;
  display: inline-block;
  width: 7px;
  height: 9px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide p a.discover-block-link-red span.text .double-arrow-slider-red {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide p a.discover-block-link-red span.text .double-arrow-slider-red {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media \0screen {
  section.hero .slide p a.discover-block-link-red span.text .double-arrow-slider-red {
    margin-top: -12px;
  }
}
@media \0screen {
  section.hero .slide p a.discover-block-link-red span.text {
    margin-top: -35px;
    line-height: 40px;
  }
}
section.hero .slide p a.discover-block-link-red span.right {
  background-position: right -51px;
  background-repeat: no-repeat;
  width: 15px;
  float: left;
}
@media \0screen {
  section.hero .slide p a.discover-block-link-red {
    font-size: 15px;
  }
}
section.hero .slide .header-group {
  float: left;
  width: 318px;
  word-wrap: break-word;
}
section.hero .slide .like {
  width: 320px;
  height: 25px;
  margin-bottom: 15px;
}
section.hero .slide .fb-like {
  height: 60px;
}
section.hero .slide .products-view {
  float: right;
  overflow: hidden;
  margin-top: -100px;
  position: relative;
  text-align: center;
  margin-right: 0px;
  width: 70%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide .products-view {
    margin-top: -98px;
    margin-right: -24px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide .products-view {
    margin-top: 40px;
    margin-right: 48px;
  }
}
section.hero .slide .products-view img {
  width: 680px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view img {
    width: 748px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide .products-view img {
    width: 400px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide .products-view img {
    width: 240px;
  }
}
section.hero .slide .products-view .product-glow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
section.hero .slide .products-view .product-glow .animation-glow {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(../img/animations/glow.png);
  width: 512px;
  height: 512px;
  position: absolute;
  display: none;
}
section.hero .slide .products-view .product-glow .animation-glow.size-sm {
  top: -3.6%;
}
section.hero .slide .products-view .product-glow .animation-glow.size-sm.pos-left {
  left: 5.5%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-glow .animation-glow.size-sm.pos-left {
    left: 3.5%;
  }
}
section.hero .slide .products-view .product-glow .animation-glow.size-sm.pos-right {
  left: 55.5%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-glow .animation-glow.size-sm.pos-right {
    left: 58%;
  }
}
section.hero .slide .products-view .product-glow .animation-glow.size-md {
  top: -4.8%;
}
section.hero .slide .products-view .product-glow .animation-glow.size-md.pos-left {
  left: 17.5%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-glow .animation-glow.size-md.pos-left {
    left: 16%;
  }
}
section.hero .slide .products-view .product-glow .animation-glow.size-md.pos-right {
  left: 43.4%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-glow .animation-glow.size-md.pos-right {
    left: 45.4%;
  }
}
section.hero .slide .products-view .product-glow .animation-glow.size-lg {
  top: -7.1%;
  left: 30.5%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-glow .animation-glow.size-lg {
    left: 30.5%;
  }
}
section.hero .slide .products-view .product-anchors {
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
section.hero .slide .products-view .product-anchors a {
  background-image: url(../img/blank-bg.png);
  display: block;
  height: 100%;
  float: left;
}
section.hero .slide .products-view .product-anchors a.size-sm {
  width: 12%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-anchors a.size-sm {
    width: 15%;
  }
}
section.hero .slide .products-view .product-anchors a.size-sm.pos-left {
  margin-left: 16.9%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-anchors a.size-sm.pos-left {
    margin-left: 11.9%;
  }
}
section.hero .slide .products-view .product-anchors a.size-md {
  width: 12.5%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-anchors a.size-md {
    width: 13.5%;
  }
}
section.hero .slide .products-view .product-anchors a.size-lg {
  width: 12.5%;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .products-view .product-anchors a.size-lg {
    width: 15.5%;
  }
}
section.hero .slide .collapsable {
  float: right;
  overflow: hidden;
  width: 636px;
  margin-right: 6px;
  height: 392px;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .collapsable {
    width: 680px;
    margin-right: 175px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide .collapsable {
    width: 306px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide .collapsable {
    display: none;
  }
}
section.hero .slide .collapsable .captioned-image {
  float: left;
  width: 304px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 6px;
}
@media screen and (min-width: 1280px) {
  section.hero .slide .collapsable .captioned-image {
    margin: 0 16px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide .collapsable .captioned-image {
    margin: 0px;
  }
}
section.hero .slide .collapsable .captioned-image .image {
  display: block;
  width: 304px;
  height: 238px;
  text-align: center;
  vertical-align: middle;
  background: black;
  overflow: hidden;
}
section.hero .slide .collapsable .captioned-image .image img {
  display: block;
}
section.hero .slide .collapsable .captioned-image .caption {
  background: white;
  height: 152px;
}
section.hero .slide .collapsable .captioned-image .caption p {
  color: #414247;
  font-size: 12px;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-weight: bold;
  margin: 0 10px;
  width: auto;
}
section.hero .slide .collapsable .captioned-image .caption p:before {
  content: "";
  display: block;
  height: 16px;
}
section.hero .slide .collapsable .captioned-image .caption p a {
  color: #6079ab;
}
section.hero .slide.promo-gagnez {
  overflow: hidden;
}
section.hero .slide.promo-gagnez h1 {
  color: #b22535;
}
section.hero .slide.promo-gagnez p {
  color: #000000;
}
section.hero .slide.promo-gagnez p em {
  font: 12px 'intro_boldregular', sans-serif;
  font-style: normal;
  font-size: inherit;
}
section.hero .slide.promo-gagnez p em.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
section.hero .slide.promo-gagnez .header-group {
  position: relative;
  z-index: 2;
}
section.hero .slide.promo-gagnez .promo-img {
  position: absolute;
  width: 640px;
  height: 497px;
  left: 50%;
  margin-left: -28%;
  z-index: 1;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  section.hero .slide.promo-gagnez .promo-img {
    left: 238px;
    margin-left: 0;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide.promo-gagnez .promo-img {
    width: 520px;
    height: auto;
    left: 110px;
  }
  section.hero .slide.promo-gagnez .promo-img img {
    width: 100%;
    height: auto;
  }
  section.hero .slide.promo-gagnez h1,
  section.hero .slide.promo-gagnez p {
    width: 190px;
  }
}
section.videos {
  background-image: url(../img/backgrounds/videos.png);
  background-color: #c85e01;
  background-repeat: no-repeat;
  background-position: 50% 0px;
  min-height: 420px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos {
    background-color: #ff8105;
    background-image: url(../img/backgrounds/videos-tablet.png);
    min-height: 680px;
  }
}
@media screen and (max-width: 639px) {
  section.videos {
    background-color: #ff8105;
    background-image: url(../img/backgrounds/videos-mobile.png);
    min-height: 590px;
  }
}
section.videos .content {
  display: block;
}
section.videos .content-padding {
  position: relative;
  padding-top: 50px;
  display: inline-block;
  margin-bottom: 35px;
  width: 100%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .content-padding {
    padding-top: 32px;
  }
}
@media screen and (max-width: 639px) {
  section.videos .content-padding {
    padding-top: 42px;
  }
}
section.videos .background-video-container {
  position: absolute;
  left: 50%;
  z-index: 0;
}
section.videos .background-video-container .hcenter {
  position: relative;
  left: -50%;
  width: 2560px;
  height: 620px;
  text-align: center;
  overflow: hidden;
}
section.videos .background-video-container .hcenter .swf {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
section.videos .background-video-container .hcenter .swf object {
  width: 100%;
  height: 100%;
}
section.videos .background-video-container .hcenter .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
section.videos .background-video-container .hcenter .mask .gradient {
  height: 50px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-image: url(../img/backgrounds/video-mask-gradient.png);
  background-repeat: repeat-x;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  section.videos .background-video-container {
    display: none;
  }
}
section.videos h1,
section.videos h4,
section.videos .more {
  float: left;
  clear: left;
  width: 280px;
  margin-right: 12px;
  margin-left: 12px;
}
@media screen and (min-width: 1280px) {
  section.videos h1,
  section.videos h4,
  section.videos .more {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos h1,
  section.videos h4,
  section.videos .more {
    clear: none;
    width: 290px;
  }
}
@media screen and (max-width: 639px) {
  section.videos h1,
  section.videos h4,
  section.videos .more {
    clear: none;
    margin-left: 10px;
    margin-right: 18px;
  }
}
section.videos .header-group {
  float: left;
  display: inline-block;
  word-wrap: break-word;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  section.videos .header-group {
    float: none;
  }
}
section.videos h1 {
  font-size: 42px;
  width: 295px;
  margin-right: 0px;
}
@media screen and (min-width: 1280px) {
  section.videos h1 {
    width: 365px;
    font-size: 44px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 639px) {
  section.videos h1 {
    font-size: 42px;
    margin-right: 0px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos h1 {
    width: 365px;
    margin-right: 0px;
    font-size: 44px;
  }
}
section.videos h4 {
  width: 210px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos h4 {
    padding-left: 64px;
    padding-top: 35px;
  }
}
@media screen and (max-width: 639px) {
  section.videos h4 {
    padding-bottom: 6px;
  }
}
section.videos .more {
  font: 12px 'intro_book_capsregular', sans-serif;
  font-size: 22px;
  line-height: 28px;
  margin-top: 80px;
  color: #ffffff;
  text-decoration: none;
  width: 205px;
  cursor: pointer;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .more {
    margin-left: 236px;
    margin-top: 5px;
    float: none;
    margin-bottom: 35px;
    display: inline-block;
  }
}
@media screen and (max-width: 639px) {
  section.videos .more {
    margin-top: 10px;
    float: none;
    margin-bottom: 35px;
    display: inline-block;
  }
}
section.videos .more > .youtube-icon {
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -442px top;
  float: right;
  margin-top: -46px;
  width: 48px;
  height: 48px;
  display: block;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .more > .youtube-icon {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.videos .more > .youtube-icon {
    background-image: url(../img/mobile-sprite.png);
  }
}
section.videos .more .double-arrow {
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -523px top;
  width: 14px;
  height: 17px;
  display: block;
  margin-top: -23px;
  margin-left: 128px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .more .double-arrow {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.videos .more .double-arrow {
    background-image: url(../img/mobile-sprite.png);
  }
}
section.videos .video-carousel-container {
  position: relative;
  float: right;
  width: 640px;
  height: 432px;
  margin-right: 12px;
  display: inline-block;
}
@media screen and (min-width: 1280px) {
  section.videos .video-carousel-container {
    margin-right: 25px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .video-carousel-container {
    display: block;
    float: none;
    clear: left;
    margin: 0 auto;
    width: 580px;
    height: 415px;
  }
}
@media screen and (max-width: 639px) {
  section.videos .video-carousel-container {
    float: none;
    clear: left;
    margin: 0 auto;
    width: 320px;
    height: 240px;
  }
}
section.videos .video-carousel-container .video-container {
  position: relative;
  z-index: 1;
  background: black;
  width: 640px;
  height: 360px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .video-carousel-container .video-container {
    width: 580px;
    height: 326px;
  }
}
@media screen and (max-width: 639px) {
  section.videos .video-carousel-container .video-container {
    width: 320px;
    height: 180px;
  }
}
section.videos .video-carousel-container .video-container iframe {
  width: 100%;
  height: 100%;
}
section.videos .video-carousel-container .carousel {
  padding-bottom: 2px;
  display: none;
  overflow: visible;
  position: relative;
  z-index: 1;
  width: 640px;
  height: 98px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .video-carousel-container .carousel {
    width: 580px;
    height: 90px;
  }
}
@media screen and (max-width: 639px) {
  section.videos .video-carousel-container .carousel {
    width: 320px
                    height: 48px;
  }
}
section.videos .video-carousel-container .carousel.two-videos {
  margin: 0 auto;
  width: 314px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .video-carousel-container .carousel.two-videos {
    width: 284px;
  }
}
@media screen and (max-width: 639px) {
  section.videos .video-carousel-container .carousel.two-videos {
    width: 158px;
  }
}
section.videos .video-carousel-container .carousel li {
  position: relative;
  width: 151px;
  height: 84px;
  margin: 12px 12px 0 0;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.videos .video-carousel-container .carousel li {
    width: 136px;
    height: 76px;
    margin: 12px 12px 0 0;
  }
}
@media screen and (max-width: 639px) {
  section.videos .video-carousel-container .carousel li {
    width: 77px;
    height: 42px;
    margin: 4px 4px 0 0;
  }
}
section.videos .video-carousel-container .carousel li:hover {
  cursor: pointer;
}
section.videos .video-carousel-container .carousel li:hover .darken {
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
  z-index: 2;
}
section.videos .video-carousel-container .carousel li img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
section.products {
  background-image: url(../img/backgrounds/products.png);
  background-repeat: no-repeat;
  background-position: 50% 0px;
  background-color: #ffed00;
  min-height: 660px;
  overflow: hidden;
}
section.products .loading {
  position: static;
  background: none;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products {
    background-image: url(../img/backgrounds/products-tablet.png);
    min-height: 725px;
  }
}
@media screen and (max-width: 639px) {
  section.products {
    background-image: url(../img/backgrounds/products-mobile.png);
    min-height: 725px;
  }
}
section.products .content {
  position: relative;
  z-index: 2;
}
section.products .content-padding {
  position: relative;
  padding-top: 55px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .content-padding {
    padding-top: 55px;
  }
}
@media screen and (max-width: 639px) {
  section.products .content-padding {
    padding-top: 35px;
  }
}
section.products.intro li {
  opacity: 0;
}
section.products.intro .main-bottle {
  opacity: 0;
}
section.products.intro .arrow {
  opacity: 0;
}
section.products .header-group {
  position: relative;
  z-index: 1;
  display: inline-block;
  word-wrap: break-word;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  section.products .header-group {
    position: relative;
    z-index: 4;
  }
}
section.products .header-group.in {
  opacity: 0;
  margin-top: 200px;
}
section.products .header-group h1 {
  width: 334px;
}
@media screen and (max-width: 639px) {
  section.products .header-group h1 {
    font-size: 42px;
  }
}
section.products .header-group h3 {
  width: 255px;
}
section.products .header-group h1,
section.products .header-group h3 {
  float: left;
  clear: left;
  margin-left: 10px;
}
@media screen and (min-width: 1280px) {
  section.products .header-group h1,
  section.products .header-group h3 {
    margin-left: 30px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .header-group h1,
  section.products .header-group h3 {
    margin-left: 30px;
    width: 370px;
  }
}
@media screen and (max-width: 639px) {
  section.products .header-group h1,
  section.products .header-group h3 {
    width: auto;
    margin-left: 18px;
  }
}
section.products .carousel-group {
  position: relative;
  margin-top: -120px;
  margin-bottom: 110px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel-group {
    margin-top: -170px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 639px) {
  section.products .carousel-group {
    margin-bottom: 50px;
  }
}
section.products .arrow {
  background-image: url(../img/desktop-sprite-1.png);
  text-indent: -999px;
  font-size: 0;
  text-decoration: none;
  display: block;
  position: absolute;
  z-index: 10;
  top: 225px;
  width: 129px;
  height: 129px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .arrow {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.products .arrow {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .arrow {
    top: 335px;
    width: 132px;
    height: 132px;
  }
}
@media screen and (max-width: 639px) {
  section.products .arrow {
    top: 335px;
    width: 65px;
    height: 65px;
  }
}
section.products .arrow.in {
  margin-top: 100px;
  opacity: 0;
}
section.products .arrow.left {
  background-position: 0 -568px;
  left: 10px;
}
section.products .arrow.left:hover {
  background-position: 0 -699px;
}
section.products .arrow.left:active {
  background-position: 0 -830px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .arrow.left {
    background-position: 0 -567px;
    left: -28px;
  }
  section.products .arrow.left:hover {
    background-position: 0 -700px;
  }
  section.products .arrow.left:active {
    background-position: 0 -833px;
  }
}
@media screen and (max-width: 639px) {
  section.products .arrow.left {
    background-position: 0 -130px;
    left: 0;
  }
  section.products .arrow.left:hover {
    background-position: 0 -130px;
  }
  section.products .arrow.left:active {
    background-position: 0 -130px;
  }
}
section.products .arrow.right {
  background-position: -1145px -568px;
  right: 10px;
}
section.products .arrow.right:hover {
  background-position: -1145px -699px;
}
section.products .arrow.right:active {
  background-position: -1145px -830px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .arrow.right {
    background-position: -560px -567px;
    right: -28px;
  }
  section.products .arrow.right:hover {
    background-position: -560px -700px;
  }
  section.products .arrow.right:active {
    background-position: -560px -833px;
  }
}
@media screen and (max-width: 639px) {
  section.products .arrow.right {
    background-position: -243px -130px;
    right: 0;
  }
  section.products .arrow.right:hover {
    background-position: -243px -130px;
  }
  section.products .arrow.right:active {
    background-position: -243px -130px;
  }
}
section.products .animation-glow {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(../img/animations/glow.png);
  width: 512px;
  height: 512px;
  position: absolute;
  left: 50%;
  top: 54px;
  margin-left: -158px;
}
section.products .animation-glow.disabled {
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -1358px -176px;
  width: 322px;
  height: 321px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .animation-glow.disabled {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.products .animation-glow.disabled {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  section.products .animation-glow {
    background-position: -824px -585px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .animation-glow {
    background-image: url(../img/tablet-sprite.png);
    width: 322px;
    height: 321px;
    top: 185px;
    left: 318px;
  }
}
@media screen and (max-width: 639px) {
  section.products .animation-glow {
    background-image: url(../img/mobile-sprite.png);
    top: 204px;
    left: 160px;
  }
}
section.products .animation-flare {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(../img/animations/flare.png);
  width: 256px;
  height: 512px;
  position: absolute;
  z-index: 7;
  left: 50%;
  top: 54px;
  margin-left: -125px;
  display: none;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .animation-flare {
    top: 175px;
    left: 330px;
  }
}
@media screen and (max-width: 639px) {
  section.products .animation-flare {
    top: 204px;
    left: 161px;
  }
}
section.products .main-bottle {
  position: absolute;
  width: 430px;
  height: 644px;
  z-index: 6;
  left: 50%;
  top: -35px;
  margin-left: -213px;
  margin-top: 56px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .main-bottle {
    top: 144px;
  }
}
@media screen and (max-width: 639px) {
  section.products .main-bottle {
    top: 122px;
    width: 380px;
    margin-left: -190px;
  }
}
section.products .main-bottle .product-preview {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
section.products .main-bottle .product-preview.in {
  z-index: 2;
}
section.products .main-bottle .product-preview.out {
  z-index: 1;
}
section.products .main-bottle .product-preview img {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  max-width: 100%;
}
section.products .main-bottle .product-preview img.fruit {
  z-index: 2;
}
section.products .main-bottle .animation-fan {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(../img/animations/fan.png);
  width: 512px;
  height: 256px;
  position: absolute;
  z-index: 1;
  top: 214px;
  left: 80px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .main-bottle .animation-fan {
    top: 214px;
    left: 95px;
  }
}
@media screen and (max-width: 639px) {
  section.products .main-bottle .animation-fan {
    top: 199px;
    left: 71px;
  }
}
section.products .main-bottle .animation-drop-1 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(../img/animations/drop_1.png);
  width: 16px;
  height: 256px;
  position: absolute;
  top: 155px;
  left: 194px;
  z-index: 3;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .main-bottle .animation-drop-1 {
    top: 155px;
    left: 180px;
  }
}
@media screen and (max-width: 639px) {
  section.products .main-bottle .animation-drop-1 {
    top: 54px;
    left: 164px;
  }
}
section.products .main-bottle .animation-drop-2 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(../img/animations/drop_2.png);
  width: 16px;
  height: 256px;
  position: absolute;
  top: 155px;
  left: 230px;
  z-index: 3;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .main-bottle .animation-drop-2 {
    top: 155px;
    left: 244px;
  }
}
@media screen and (max-width: 639px) {
  section.products .main-bottle .animation-drop-2 {
    top: 74px;
    left: 204px;
  }
}
section.products .carousel {
  position: relative;
  padding-bottom: 4px;
  z-index: 0;
  margin: 0 auto;
  margin-top: -35px;
  width: 700px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel {
    margin-top: 0px;
    padding-top: 85px;
    width: 460px;
  }
}
@media screen and (max-width: 639px) {
  section.products .carousel {
    padding-top: 140px;
    margin-top: 0px;
    width: 380px;
    left: -30px;
  }
}
section.products .carousel li {
  position: relative;
  min-height: 500px;
  z-index: 0;
  width: 120px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel li {
    width: 110px;
  }
}
@media screen and (max-width: 639px) {
  section.products .carousel li {
    width: 380px;
    opacity: 0;
  }
}
section.products .carousel li.active {
  z-index: 1;
  width: 220px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel li.active {
    width: 240px;
  }
}
@media screen and (max-width: 639px) {
  section.products .carousel li.active {
    width: 380px;
  }
}
section.products .carousel li .inactive {
  position: absolute;
  bottom: 130px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel li .inactive {
    width: 110px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel li .inactive {
    bottom: 90px;
  }
}
section.products .carousel li .inactive img {
  width: 100%;
}
section.products .carousel li .active {
  position: relative;
  left: 50%;
  display: none;
}
section.products .carousel li .active .hcenter {
  position: relative;
  text-align: center;
  left: -350px;
  width: 700px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel li .active .hcenter {
    left: -230px;
    width: 460px;
  }
}
@media screen and (max-width: 639px) {
  section.products .carousel li .active .hcenter {
    left: -190px;
    width: 380px;
  }
}
section.products .carousel li .active .hcenter .image {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  overflow: hidden;
  height: 430px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel li .active .hcenter .image {
    height: 430px;
  }
}
@media screen and (max-width: 639px) {
  section.products .carousel li .active .hcenter .image {
    height: 385px;
  }
}
section.products .carousel li .active .hcenter .image img {
  position: relative;
  z-index: 2;
  width: 430px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .carousel li .active .hcenter .image img {
    width: 430px;
  }
}
@media screen and (max-width: 639px) {
  section.products .carousel li .active .hcenter .image img {
    width: 380px;
  }
}
section.products .carousel li .active .hcenter .image img.fruit {
  position: absolute;
  z-index: 3;
}
section.products .carousel li .active .hcenter .image img.fruit.out {
  opacity: 1;
}
section.products .carousel li .active .hcenter .image img.fruit.in {
  opacity: 0;
}
section.products .carousel li .active .hcenter article {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding-bottom: 40px;
}
section.products .carousel li .active .hcenter article a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.products .article-wrapper {
  text-align: center;
  position: relative;
  margin-top: -40px;
  z-index: 7;
  margin: 0 auto;
  max-width: 800px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .article-wrapper {
    margin-top: 55px;
    max-width: 100%;
  }
}
@media screen and (max-width: 639px) {
  section.products .article-wrapper {
    max-width: 100%;
  }
}
section.products .article-wrapper article {
  position: relative;
  z-index: 1;
  display: none;
}
section.products .article-wrapper article.out {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
section.products .article-wrapper article.in {
  display: block;
  opacity: 0;
  position: relative;
}
section.products .article-wrapper article.on {
  display: block;
}
section.products .article-wrapper article a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .article-wrapper article {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 639px) {
  section.products .article-wrapper article {
    margin-bottom: 70px;
  }
}
section.products .more-info-wrapper {
  position: relative;
}
section.products .more-info {
  margin: 0 auto;
  margin-bottom: -50px;
  display: none;
  width: 850px;
}
section.products .more-info .container {
  display: inline-block;
}
section.products .more-info.out {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -425px;
  margin-top: 0;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info {
    width: 555px;
    margin-top: -100px;
    margin-bottom: 10px;
  }
  section.products .more-info.out {
    margin-left: -278px;
  }
}
@media screen and (max-width: 639px) {
  section.products .more-info {
    width: 296px;
    margin-top: -50px;
  }
  section.products .more-info.out {
    margin-left: -148px;
  }
}
section.products .more-info .group {
  float: left;
  margin-bottom: 11px;
  font-size: 13px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info .group {
    float: left;
    margin-bottom: 11px;
  }
}
@media screen and (max-width: 639px) {
  section.products .more-info .group {
    width: 296px;
    margin: 0 auto;
  }
}
section.products .more-info .group .header {
  margin-top: 11px;
  width: 100%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info .group .header {
    margin-top: 11px;
  }
}
@media screen and (max-width: 639px) {
  section.products .more-info .group .header {
    margin-top: 0px;
  }
}
section.products .more-info .group .header h2 {
  font: 12px 'intro_bookregular', sans-serif;
  font-size: 24px;
}
section.products .more-info .group .header h2.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
section.products .more-info .group .rows {
  margin-bottom: 11px;
}
section.products .more-info .group .rows p {
  margin: 0;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info .group .rows {
    margin-bottom: 11px;
  }
  section.products .more-info .group .rows p {
    margin: 0;
  }
}
section.products .more-info .group .rows .row {
  width: 100%;
  display: table;
  padding-top: 2px;
  padding-bottom: 2px;
}
section.products .more-info .group .rows .row.row-white {
  background-color: rgba(255, 255, 255, 0.4);
}
section.products .more-info .group .rows .row .col {
  float: left;
  width: 50%;
}
section.products .more-info .group .rows .row .col.col-title {
  text-align: right;
}
section.products .more-info .group .rows .row .col.col-title span {
  display: inline-block;
  padding-right: 28px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info .group .rows .row .col.col-title span {
    padding-right: 28px;
  }
}
@media screen and (max-width: 639px) {
  section.products .more-info .group .rows .row .col.col-title span {
    padding-right: 18px;
  }
}
section.products .more-info .group .rows .row .col.col-value {
  text-align: left;
}
@media screen and (max-width: 639px) {
  section.products .more-info .group .rows .row .col.col-value span {
    padding-left: 18px;
  }
}
section.products .more-info .group.group-ingredients {
  text-align: left;
  border-left-color: #ec7402;
  border-left-style: solid;
  border-left-width: 1px;
  width: 195px;
  padding-left: 35px;
  margin-left: 10px;
}
section.products .more-info .group.group-ingredients p {
  line-height: 18px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info .group.group-ingredients {
    border-left: none;
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
  }
  section.products .more-info .group.group-ingredients h2 {
    text-align: center;
  }
  section.products .more-info .group.group-ingredients p {
    line-height: 18px;
  }
}
@media screen and (max-width: 639px) {
  section.products .more-info .group.group-ingredients {
    border-left: none;
    width: 310px;
    padding-left: 0px;
    margin-left: 0px;
  }
  section.products .more-info .group.group-ingredients h2 {
    text-align: left;
  }
  section.products .more-info .group.group-ingredients p {
    line-height: 18px;
  }
}
section.products .more-info .group.group-100ml {
  width: 310px;
}
section.products .more-info .group.group-100ml h2 {
  margin-left: 158px;
}
section.products .more-info .group.group-100ml .rows .row .col.col-value span {
  padding-left: 5px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info .group.group-100ml {
    width: 310px;
  }
  section.products .more-info .group.group-100ml h2 {
    margin-left: 158px;
  }
  section.products .more-info .group.group-100ml .rows .row .col.col-value span {
    padding-left: 5px;
  }
}
@media screen and (max-width: 639px) {
  section.products .more-info .group.group-100ml h2 {
    margin-left: 0;
    padding-left: 0;
  }
}
section.products .more-info .group.group-portion {
  width: 130px;
}
section.products .more-info .group.group-portion .col-title {
  display: none;
}
section.products .more-info .group.group-portion .rows .row .col.col-value {
  width: 100%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info .group.group-portion {
    width: 130px;
  }
  section.products .more-info .group.group-portion .col-title {
    display: none;
  }
  section.products .more-info .group.group-portion .rows .row .col.col-value {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  section.products .more-info .group.group-portion {
    width: 310px;
  }
  section.products .more-info .group.group-portion h2 {
    margin-left: 0;
    padding-left: 0;
  }
  section.products .more-info .group.group-portion .rows .row .col.col-title {
    display: block;
  }
  section.products .more-info .group.group-portion .rows .row .col.col-title span {
    padding-right: 18px;
  }
  section.products .more-info .group.group-portion .rows .row .col.col-value {
    width: 50%;
  }
  section.products .more-info .group.group-portion .rows .row .col.col-value span {
    padding-left: 5px;
  }
}
section.products .more-info .group.group-percent {
  width: 100px;
  margin-left: 7px;
}
section.products .more-info .group.group-percent .header {
  float: left;
  margin-top: 51px;
  width: 39px;
  height: 126px;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
}
section.products .more-info .group.group-percent .header h2 {
  font-size: 14px;
  line-height: 31px;
  -webkit-transform: translate(-44px, 45px) rotate(-90deg);
  -moz-transform: translate(-44px, 45px) rotate(-90deg);
  -ms-transform: translate(-44px, 45px) rotate(-90deg);
  -o-transform: translate(-44px, 45px) rotate(-90deg);
  transform: translate(-44px, 45px) rotate(-90deg);
  width: 129px;
  height: 39px;
  margin: 0;
  text-align: center;
}
section.products .more-info .group.group-percent .rows {
  float: left;
  margin-top: 51px;
  width: 54px;
  margin-left: 7px;
}
section.products .more-info .group.group-percent .rows .col-title {
  display: none;
}
section.products .more-info .group.group-percent .rows .col-value span {
  padding-left: 9px;
}
@media screen and (max-width: 639px) {
  section.products .more-info .group.group-percent {
    width: 310px;
    margin-left: 0px;
  }
  section.products .more-info .group.group-percent .header {
    height: inherit;
    width: 100%;
    margin-right: 0;
    margin-top: 0px;
    background-color: transparent;
  }
  section.products .more-info .group.group-percent .header h2 {
    font-size: 24px;
    line-height: 31px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
    height: 39px;
    margin: 0;
    text-align: left;
    margin-bottom: 12px;
  }
  section.products .more-info .group.group-percent .rows {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
  }
  section.products .more-info .group.group-percent .rows .row .col.col-title {
    display: block;
  }
  section.products .more-info .group.group-percent .rows .row .col.col-title span {
    padding-right: 18px;
  }
  section.products .more-info .group.group-percent .rows .row .col.col-value span {
    padding-left: 5px;
  }
}
section.products .more-info .group.group-disclaimer {
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  width: 100%;
}
section.products .more-info .group.group-disclaimer p {
  padding-left: 310px;
  margin-bottom: 2px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .more-info .group.group-disclaimer {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }
  section.products .more-info .group.group-disclaimer p {
    padding-left: 0px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 639px) {
  section.products .more-info .group.group-disclaimer {
    width: 310px;
    text-align: left;
    margin-bottom: 40px;
    margin-top: 11px;
  }
  section.products .more-info .group.group-disclaimer p {
    padding-left: 0px;
    margin-bottom: 2px;
  }
}
section.products .content-width-restrictor {
  z-index: 2;
}
section.products .expandable-yellow-area-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .expandable-yellow-area-wrapper {
    display: block;
  }
}
@media screen and (max-width: 639px) {
  section.products .expandable-yellow-area-wrapper {
    display: block;
  }
}
section.products .expandable-yellow-area-wrapper .expandable-yellow-area {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .expandable-yellow-area-wrapper .expandable-yellow-area {
    background-image: url(../img/tablet-bg-pattern.jpg);
    background-repeat: repeat-y;
    background-position: top center;
    top: 940px;
  }
}
@media screen and (max-width: 639px) {
  section.products .expandable-yellow-area-wrapper .expandable-yellow-area {
    top: 600px;
    background-color: #ffed00;
  }
}
section.products .swirl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
section.products .swirl .hcenter {
  background-image: url(../img/desktop-sprite-2.png);
  height: 135px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-position: 50% 0;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .swirl .hcenter {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.products .swirl .hcenter {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.products .swirl .hcenter {
    background-position: 0px -1913px;
    width: 960px;
    height: 130px;
    left: 50%;
    margin-left: -480px;
  }
}
@media screen and (max-width: 639px) {
  section.products .swirl .hcenter {
    width: 638px;
    height: 96px;
    background-position: 0px -464px;
    left: 50%;
    margin-left: -319px;
  }
}
section.promo {
  z-index: 7;
}
section.promo .loading {
  position: static;
  background: none;
}
section.promo .content-padding {
  position: relative;
  z-index: 4;
  padding-top: 30px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.promo .content-padding {
    padding-top: 30px;
  }
}
@media screen and (max-width: 639px) {
  section.promo .content-padding {
    padding-top: 30px;
  }
}
section.promo .content-padding .header-group {
  z-index: 1;
  display: inline-block;
  word-wrap: break-word;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  section.promo .content-padding .header-group {
    position: relative;
    z-index: 4;
  }
}
section.promo .content-padding .header-group.in {
  opacity: 0;
  margin-top: 200px;
}
section.promo .content-padding .header-group h1 {
  width: 334px;
}
@media screen and (max-width: 639px) {
  section.promo .content-padding .header-group h1 {
    font-size: 42px;
  }
}
section.promo .content-padding .header-group h3 {
  width: 255px;
}
section.promo .content-padding .header-group a {
  width: 255px;
}
section.promo .content-padding .header-group h1,
section.promo .content-padding .header-group h3,
section.promo .content-padding .header-group a {
  float: left;
  clear: left;
  margin-left: 10px;
}
@media screen and (min-width: 1280px) {
  section.promo .content-padding .header-group h1,
  section.promo .content-padding .header-group h3,
  section.promo .content-padding .header-group a {
    margin-left: 30px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.promo .content-padding .header-group h1,
  section.promo .content-padding .header-group h3,
  section.promo .content-padding .header-group a {
    margin-left: 30px;
    width: 370px;
  }
}
@media screen and (max-width: 639px) {
  section.promo .content-padding .header-group h1,
  section.promo .content-padding .header-group h3,
  section.promo .content-padding .header-group a {
    width: auto;
    margin-left: 18px;
  }
}
section.promo .more-info-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  margin: 0 auto;
  display: none;
  z-index: 6;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.promo .more-info-wrapper {
    width: 555px;
    height: 196px;
  }
}
@media screen and (max-width: 639px) {
  section.promo .more-info-wrapper {
    width: 296px;
    height: 346px;
  }
}
section.promo .more-info-wrapper .close {
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.promo .more-info-wrapper .close {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  section.promo .more-info-wrapper .close {
    right: 0;
  }
}
@media screen and (max-width: 639px) {
  section.promo .more-info-wrapper .close .copy {
    display: none;
  }
}
section.promo .more-info-wrapper .close .times {
  font-size: 50px;
  vertical-align: bottom;
}
section.promo .more-info-wrapper .more-info {
  display: none;
  min-height: 500px;
  padding-bottom: 20px;
}
section.promo .more-info-wrapper .container {
  padding-bottom: 20px;
}
section.recipes {
  background-image: url(../img/backgrounds/recipes.png);
  background-color: #97dbfc;
  background-repeat: no-repeat;
  background-position: 50% -125px;
  min-height: 635px;
}
section.recipes .loading {
  position: static;
  background: none;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes {
    background-image: url(../img/backgrounds/recipes-tablet.png);
    background-color: #97dbfc;
    background-position: 50% -130px;
    min-height: 785px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes {
    background-image: url(../img/backgrounds/recipes-mobile.png);
    background-color: #a5def9;
    background-position: 50% -97px;
    min-height: 895px;
  }
}
section.recipes .frost {
  position: absolute;
  background: url(../img/recipes/ice-bg-anim.png) no-repeat;
  background-position: center top;
  height: 100%;
  width: 100%;
  padding-bottom: 123px;
  top: -123px;
  z-index: 1;
  opacity: 0;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .frost {
    background: url(../img/recipes/ice-bg-anim-tablet.png) no-repeat;
    background-position: center top;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .frost {
    background: url(../img/recipes/ice-bg-anim-mobile.png) no-repeat;
    background-position: center top;
    padding-bottom: 55px;
    top: -98px;
  }
}
section.recipes .gradient {
  position: absolute;
  background: url(../img/recipes/ice-bg-anim-gradient.png) no-repeat;
  background-position: center top;
  height: 100%;
  width: 100%;
  padding-bottom: 123px;
  top: -123px;
  z-index: 0;
  opacity: 0;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .gradient {
    background: url(main.css) no-repeat;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .gradient {
    background: url(main.css) no-repeat;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .content-padding {
    padding-top: 100px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .content-padding {
    padding-top: 50px;
  }
}
section.recipes.intro li {
  opacity: 0;
}
section.recipes.intro .main-bottle {
  opacity: 0;
}
section.recipes.intro .arrow {
  opacity: 0;
}
section.recipes .header-group {
  position: relative;
  z-index: 4;
  display: inline-block;
  min-height: 300px;
  word-wrap: break-word;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .header-group {
    min-height: 0px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .header-group {
    min-height: 0px;
  }
}
section.recipes .header-group.in {
  opacity: 0;
  margin-top: 200px;
}
section.recipes .header-group h1,
section.recipes .header-group h3 {
  width: 308px;
  float: left;
  clear: left;
  margin-left: 10px;
}
@media screen and (min-width: 1280px) {
  section.recipes .header-group h1,
  section.recipes .header-group h3 {
    margin-left: 30px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .header-group h1,
  section.recipes .header-group h3 {
    margin-left: 30px;
    float: left;
    clear: left;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .header-group h1,
  section.recipes .header-group h3 {
    float: none;
    clear: left;
    margin-left: 10px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .header-group h3 {
    width: 224px;
    padding-top: 4px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes h1 {
    margin-left: 25px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes h3:before {
    content: "";
    display: block;
  }
}
section.recipes .carousel-group {
  position: relative;
  margin-top: -300px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .carousel-group {
    margin-top: -220px;
  }
}
section.recipes .arrow {
  background-image: url(../img/desktop-sprite-1.png);
  text-indent: -999px;
  font-size: 0;
  text-decoration: none;
  display: block;
  position: absolute;
  z-index: 10;
  top: 350px;
  width: 71px;
  height: 133px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .arrow {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.recipes .arrow {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .arrow {
    top: 425px;
    width: 71px;
    height: 133px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .arrow {
    top: 455px;
    width: 93px;
    height: 100px;
  }
}
section.recipes .arrow.in {
  margin-top: 100px;
  opacity: 0;
}
section.recipes .arrow.left {
  background-position: 0 -973px;
  left: 10px;
}
section.recipes .arrow.left:hover {
  background-position: 0 -1121px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .arrow.left {
    background-position: 0 -993px;
    left: 10px;
  }
  section.recipes .arrow.left:hover {
    background-position: 0 -993px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .arrow.left {
    background-position: 20px -212px;
    left: -10px;
  }
  section.recipes .arrow.left:hover {
    background-position: 20px -212px;
  }
}
section.recipes .arrow.right {
  background-position: -1162px -973px;
  right: 10px;
}
section.recipes .arrow.right:hover {
  background-position: -1162px -1121px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .arrow.right {
    background-position: -1162px -993px;
    right: 10px;
  }
  section.recipes .arrow.right:hover {
    background-position: -1162px -993px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .arrow.right {
    background-position: -249px -212px;
    right: -10px;
  }
  section.recipes .arrow.right:hover {
    background-position: -249px -212px;
  }
}
section.recipes .animation-glow {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(../img/animations/glow.png);
  width: 512px;
  height: 512px;
  position: absolute;
  left: 50%;
  top: 54px;
  margin-left: -158px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .animation-glow {
    top: 185px;
    left: 165px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .animation-glow {
    top: 204px;
    left: 7px;
  }
}
section.recipes .animation-flare {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-image: url(../img/animations/flare.png);
  width: 256px;
  height: 512px;
  position: absolute;
  z-index: 7;
  left: 50%;
  top: 54px;
  margin-left: -125px;
  display: none;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .animation-flare {
    top: 175px;
    left: 44%;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .animation-flare {
    top: 300px;
    left: 44%;
  }
}
section.recipes .main-bottle {
  position: absolute;
  width: 430px;
  height: 644px;
  z-index: 6;
  left: 50%;
  top: 0px;
  margin-left: -208px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .main-bottle {
    top: 144px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .main-bottle {
    top: 166px;
    width: 380px;
    margin-left: -190px;
  }
}
section.recipes .main-bottle .product-preview {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
section.recipes .main-bottle .product-preview.in {
  z-index: 2;
}
section.recipes .main-bottle .product-preview.out {
  z-index: 1;
}
section.recipes .main-bottle .product-preview img {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  max-width: 100%;
}
section.recipes .main-bottle .product-preview img.fruit {
  z-index: 2;
}
@media screen and (max-width: 639px) {
  section.recipes .main-bottle .product-preview img {
    top: 135px;
    left: 46px;
    max-width: 78%;
  }
}
section.recipes .carousel {
  position: relative;
  padding-bottom: 4px;
  z-index: 0;
  margin: 0 auto;
  width: 700px;
  height: 500px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .carousel {
    width: 460px;
    padding-top: 220px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .carousel {
    width: 380px;
    left: -30px;
    padding-top: 150px;
  }
}
section.recipes .carousel li {
  position: relative;
  min-height: 500px;
  z-index: 0;
  width: 120px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .carousel li {
    width: 110px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .carousel li {
    width: 380px;
    opacity: 0;
  }
}
section.recipes .carousel li.active {
  z-index: 1;
  width: 220px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .carousel li.active {
    width: 240px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .carousel li.active {
    width: 380px;
  }
}
section.recipes .carousel li .inactive {
  position: absolute;
  padding-top: 330px;
  width: 120px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .carousel li .inactive {
    padding-top: 170px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .carousel li .inactive {
    display: none;
  }
}
section.recipes .carousel li .inactive img {
  width: 100%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .carousel li .inactive img {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .carousel li .inactive img {
    width: 250px;
    height: auto;
  }
}
section.recipes .carousel li .active {
  position: relative;
  left: 50%;
  display: none;
}
section.recipes .carousel li .active .hcenter {
  position: relative;
  text-align: center;
}
section.recipes .carousel li .active .hcenter .image {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  overflow: hidden;
  height: 510px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .carousel li .active .hcenter .image {
    height: 360px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .carousel li .active .hcenter .image {
    height: 320px;
  }
}
section.recipes .carousel li .active .hcenter .image img {
  max-width: 430px;
  max-height: 634px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .carousel li .active .hcenter .image img {
    max-width: 300px;
    max-height: 400px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .carousel li .active .hcenter .image img {
    width: 250px;
  }
}
section.recipes .article-wrapper {
  text-align: center;
  position: relative;
  z-index: 7;
  margin-top: 16px;
}
section.recipes .article-wrapper article {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding-bottom: 40px;
  display: none;
}
section.recipes .article-wrapper article.out {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
section.recipes .article-wrapper article.in {
  display: block;
  opacity: 0;
  position: relative;
}
section.recipes .article-wrapper article.on {
  display: block;
}
section.recipes .article-wrapper article a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.recipes .article-wrapper article a:after {
  content: '';
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -1027px top;
  position: absolute;
  width: 6px;
  height: 8px;
  margin-left: 4px;
  margin-top: 4px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article a:after {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article a:after {
    background-image: url(../img/mobile-sprite.png);
  }
}
section.recipes .article-wrapper article a:hover {
  color: #008aba;
}
section.recipes .article-wrapper article a:hover:after {
  background-position: -1019px top;
  width: 6px;
  height: 8px;
}
section.recipes .article-wrapper article a.expanded:after {
  background-position: -1010px top;
  width: 7px;
  height: 6px;
}
section.recipes .article-wrapper article a.expanded:hover {
  color: #00ace9;
}
section.recipes .article-wrapper article .padded-title {
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .padded-title {
    max-width: 100%;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .padded-title {
    max-width: 100%;
  }
}
section.recipes .article-wrapper article .info {
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info {
    position: relative;
    margin-top: -10px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info {
    position: relative;
    margin-bottom: 5px;
    left: 50px;
  }
}
section.recipes .article-wrapper article .info .wrapper {
  margin: 0 auto;
  width: 960px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .wrapper {
    width: auto;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .wrapper {
    width: auto;
  }
}
section.recipes .article-wrapper article .info .col-50 {
  width: 50%;
  direction: rtl;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50 {
    direction: rtl;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50 {
    direction: ltr;
  }
}
section.recipes .article-wrapper article .info .col-50 span {
  font: 12px 'intro_book_capsregular', sans-serif;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50 span {
    width: 100%;
  }
}
section.recipes .article-wrapper article .info .col-50 .icon {
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/desktop-sprite-1.png);
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50 .icon {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50 .icon {
    background-image: url(../img/mobile-sprite.png);
  }
}
section.recipes .article-wrapper article .info .col-50.col-portions {
  float: left;
  text-align: left;
  margin-top: 2px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-portions {
    text-align: right;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-portions {
    text-align: left;
  }
}
section.recipes .article-wrapper article .info .col-50.col-portions span {
  direction: ltr;
  margin-bottom: 20px;
  vertical-align: bottom;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-portions span {
    margin-bottom: 0;
    vertical-align: middle;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-portions span {
    margin-bottom: 0;
    vertical-align: top;
  }
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon {
  height: 55px;
  width: 0px;
  background-position: -579px -9px;
  text-align: center;
  font: 12px 'intro_black_capsregular', sans-serif;
  color: #ffffff;
  font-size: 14px;
  line-height: 55px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon {
    background-position: -791px -168px;
    margin-right: 12px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon {
    background-position: -567px -57px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-1 {
  width: 25px;
  text-indent: -9999px;
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-2 {
  width: 45px;
  text-indent: -9999px;
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-3 {
  width: 65px;
  text-indent: -9999px;
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-4 {
  width: 85px;
  text-indent: -9999px;
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-5 {
  height: 55px;
  width: 57px;
  background-position: -690px -70px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-5 {
    background-position: -902px -229px;
    margin-top: -3px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-5 {
    background-position: -680px -118px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-6 {
  height: 55px;
  width: 57px;
  background-position: -690px -70px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-6 {
    background-position: -902px -229px;
    margin-top: -3px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-6 {
    background-position: -680px -118px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-7 {
  height: 55px;
  width: 57px;
  background-position: -690px -70px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-7 {
    background-position: -902px -229px;
    margin-top: -3px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-7 {
    background-position: -680px -118px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-8 {
  height: 55px;
  width: 57px;
  background-position: -690px -70px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-8 {
    background-position: -902px -229px;
    margin-top: -3px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-portions .icon.size-8 {
    background-position: -680px -118px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-time {
  float: left;
  text-align: right;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-time {
    text-align: left;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-time {
    text-align: left;
  }
}
section.recipes .article-wrapper article .info .col-50.col-time span {
  direction: ltr;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-time span {
    margin-left: 12px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-time .icon {
  text-align: center;
  font: 12px 'intro_black_capsregular', sans-serif;
  color: #ffffff;
  font-size: 14px;
  line-height: 58px;
  height: 58px;
  width: 58px;
}
section.recipes .article-wrapper article .info .col-50.col-time .icon.size-1 {
  background-position: -779px -170px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-time .icon.size-1 {
    background-position: -790px -231px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-time .icon.size-1 {
    background-position: -566px -120px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-time .icon.size-2 {
  background-position: -779px -230px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-time .icon.size-2 {
    background-position: -790px -291px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-time .icon.size-2 {
    background-position: -566px -180px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-time .icon.size-3 {
  background-position: -779px -290px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-time .icon.size-3 {
    background-position: -790px -351px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-time .icon.size-3 {
    background-position: -566px -240px;
  }
}
section.recipes .article-wrapper article .info .col-50.col-time .icon.size-4 {
  background-position: -779px -350px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .article-wrapper article .info .col-50.col-time .icon.size-4 {
    background-position: -790px -411px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .article-wrapper article .info .col-50.col-time .icon.size-4 {
    background-position: -566px -300px;
  }
}
section.recipes .more-info-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  margin: 0 auto;
  display: none;
  width: 960px;
  margin-top: -25px;
  z-index: 6;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .more-info-wrapper {
    width: 555px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .more-info-wrapper {
    margin-top: -31px;
    width: 296px;
  }
}
section.recipes .more-info-wrapper .close {
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .more-info-wrapper .close {
    right: 0;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .more-info-wrapper .close {
    right: 0;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .more-info-wrapper .close .copy {
    display: none;
  }
}
section.recipes .more-info-wrapper .close .times {
  font-size: 50px;
  vertical-align: bottom;
}
section.recipes .more-info-wrapper .more-info {
  display: none;
  min-height: 150px;
  padding-bottom: 20px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .more-info-wrapper .more-info {
    min-height: 196px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .more-info-wrapper .more-info {
    min-height: 346px;
  }
}
section.recipes .more-info-wrapper .more-info.out {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
}
section.recipes .more-info-wrapper .more-info.in {
  display: block;
  opacity: 0;
  position: relative;
}
section.recipes .more-info-wrapper .more-info.on {
  display: block;
}
section.recipes .more-info-wrapper .more-info .container {
  display: inline-block;
}
section.recipes .more-info-wrapper .more-info .text-right {
  text-align: right;
  width: 143px;
}
section.recipes .more-info-wrapper .more-info .col {
  float: left;
  margin: 0px 11px;
}
section.recipes .more-info-wrapper .more-info .col table {
  width: 100%;
}
section.recipes .more-info-wrapper .more-info .col.col-ingredients {
  margin-left: 0px;
  width: 32%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .more-info-wrapper .more-info .col.col-ingredients {
    margin-right: 24px;
    width: 45%;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .more-info-wrapper .more-info .col.col-ingredients {
    margin: 0px;
    width: 296px;
    margin-bottom: 25px;
  }
}
section.recipes .more-info-wrapper .more-info .col.col-md-50 {
  margin-right: 0px;
  width: 64%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .more-info-wrapper .more-info .col.col-md-50 {
    margin-left: 24px;
    width: 45%;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .more-info-wrapper .more-info .col.col-md-50 {
    margin: 0px;
    margin-bottom: 25px;
    width: 296px;
  }
}
section.recipes .more-info-wrapper .more-info .col.col-md-50 .col-how-to {
  margin-left: 0px;
  width: 48%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .more-info-wrapper .more-info .col.col-md-50 .col-how-to {
    margin: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .more-info-wrapper .more-info .col.col-md-50 .col-how-to {
    margin: 0px;
    width: 100%;
    margin-top: -12px;
  }
}
section.recipes .more-info-wrapper .more-info .col.col-md-50 .col-serving {
  margin-right: 0px;
  width: 48%;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .more-info-wrapper .more-info .col.col-md-50 .col-serving {
    margin: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .more-info-wrapper .more-info .col.col-md-50 .col-serving {
    margin: 0px;
    width: 100%;
    margin-top: -12px;
  }
}
section.recipes .expandable-blue-area-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .expandable-blue-area-wrapper {
    display: block;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .expandable-blue-area-wrapper {
    display: block;
  }
}
section.recipes .expandable-blue-area-wrapper .expandable-blue-area {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 950px;
  background-color: #a5def9;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.recipes .expandable-blue-area-wrapper .expandable-blue-area {
    background-color: #daf0fd;
    top: 995px;
  }
}
@media screen and (max-width: 639px) {
  section.recipes .expandable-blue-area-wrapper .expandable-blue-area {
    top: 1200px;
    background-color: #a5def9;
  }
}
section.about {
  overflow: hidden;
  background-image: url(../img/backgrounds/about.png);
  background-color: #ffed00;
  background-position: 50% -96px;
  background-repeat: no-repeat;
  min-height: 718px;
}
section.about .loading {
  position: static;
  background: none;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.about {
    background-image: url(../img/backgrounds/about-tablet.png);
    background-position: 50% -100px;
    min-height: 718px;
  }
}
@media screen and (max-width: 639px) {
  section.about {
    background-image: url(../img/backgrounds/about-mobile.png);
    background-position: 50% -100px;
    min-height: 660px;
  }
}
section.about .content-padding {
  position: relative;
  z-index: 4;
  padding-top: 30px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.about .content-padding {
    padding-top: 30px;
  }
}
@media screen and (max-width: 639px) {
  section.about .content-padding {
    padding-top: 30px;
  }
}
section.about a {
  color: #d9162f;
}
section.about .header-group {
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  width: 350px;
  font-size: 12px;
  margin-bottom: 230px;
  word-wrap: break-word;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.about .header-group {
    width: 350px;
    font-size: 12px;
  }
}
@media screen and (max-width: 639px) {
  section.about .header-group {
    width: 290px;
    font-size: 10px;
  }
}
section.about .header-group p {
  margin: 0;
  position: relative;
  left: 50%;
  white-space: nowrap;
}
section.about .header-group p span {
  position: relative;
  left: -50%;
}
section.about .header-group p i.large {
  font-style: normal;
  font-size: 50px;
}
section.about .header-group p.hr-padded span:before,
section.about .header-group p.hr-padded span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 180px;
  height: 2px;
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -800px -19px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.about .header-group p.hr-padded span:before,
  section.about .header-group p.hr-padded span:after {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.about .header-group p.hr-padded span:before,
  section.about .header-group p.hr-padded span:after {
    background-image: url(../img/mobile-sprite.png);
  }
}
section.about .header-group p.hr-padded span:before {
  left: -185px;
}
section.about .header-group p.hr-padded span:after {
  right: -185px;
}
section.about .header-group p.dot-padded span:before,
section.about .header-group p.dot-padded span:after {
  content: "";
  display: block;
  position: absolute;
  top: 35%;
  width: 4px;
  height: 4px;
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -985px -19px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.about .header-group p.dot-padded span:before,
  section.about .header-group p.dot-padded span:after {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.about .header-group p.dot-padded span:before,
  section.about .header-group p.dot-padded span:after {
    background-image: url(../img/mobile-sprite.png);
  }
}
section.about .header-group p.dot-padded span:before {
  left: -10px;
}
section.about .header-group p.dot-padded span:after {
  right: -10px;
}
section.about .header-group .since {
  position: relative;
  left: 50%;
}
section.about .header-group .since div {
  background-image: url(../img/since-1880.png);
  background-repeat: no-repeat;
  width: 69px;
  height: 68px;
  position: relative;
  left: -34px;
}
section.about .header-group .since div span {
  display: block;
  font-size: 18px;
  padding: 8px 0 0 0;
  /* Safari */
  -webkit-transform: rotate(-17deg) skew(-20deg);
  /* Firefox */
  -moz-transform: rotate(-17deg) skew(-20deg);
  /* Opera */
  -o-transform: rotate(-17deg) skew(-20deg);
  /* IE10+ */
  transform: rotate(-17deg) skew(-20deg);
  /* IE9 */
  -ms-transform: rotate(-17deg) skew(-20deg);
  /* IE<=8 */
}
@media \0screen {
  section.about .header-group .since div span {
    filter: progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.9563047559630354, M12=0.29237170472273677, M21=-0.29237170472273677, M22=0.9563047559630354);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.9563047559630354, M12=0.29237170472273677, M21=-0.29237170472273677, M22=0.9563047559630354)";
  }
}
@media \0screen {
  section.about .header-group .since div span {
    padding-top: 0px;
  }
}
@-webkit-keyframes about-more-pulsate {
  0% {
    -webkit-transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(1.2, 1.2);
  }
  20% {
    -webkit-transform: scale(1, 1);
  }
  30% {
    -webkit-transform: scale(1.2, 1.2);
  }
  40% {
    -webkit-transform: scale(1, 1);
  }
}
@-moz-keyframes about-more-pulsate {
  0% {
    -moz-transform: scale(1, 1);
  }
  10% {
    -moz-transform: scale(1.2, 1.2);
  }
  20% {
    -moz-transform: scale(1, 1);
  }
  30% {
    -moz-transform: scale(1.2, 1.2);
  }
  40% {
    -moz-transform: scale(1, 1);
  }
}
@-o-keyframes about-more-pulsate {
  0% {
    -o-transform: scale(1, 1);
  }
  10% {
    -o-transform: scale(1.2, 1.2);
  }
  20% {
    -o-transform: scale(1, 1);
  }
  30% {
    -o-transform: scale(1.2, 1.2);
  }
  40% {
    -o-transform: scale(1, 1);
  }
}
@keyframes about-more-pulsate {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(1.2, 1.2);
  }
  20% {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.2, 1.2);
  }
  40% {
    transform: scale(1, 1);
  }
}
section.about .header-group .more {
  position: relative;
  left: 50%;
  text-decoration: none;
  opacity: 0;
}
section.about .header-group .more span {
  position: relative;
  left: -50%;
  display: inline-block;
  padding-top: 8px;
  font-size: 16px;
}
section.about .header-group .more span div {
  display: inline-block;
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -1054px 0;
  width: 7px;
  height: 8px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.about .header-group .more span div {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.about .header-group .more span div {
    background-image: url(../img/mobile-sprite.png);
  }
}
section.about .header-group .more.animated span div {
  -webkit-animation: about-more-pulsate 1s ease-out;
  -webkit-animation-iteration-count: 2;
  -moz-animation: about-more-pulsate 1s ease-out;
  -moz-animation-iteration-count: 2;
  -o-animation: about-more-pulsate 1s ease-out;
  -o-animation-iteration-count: 2;
  animation: about-more-pulsate 1s ease-out;
  animation-iteration-count: 2;
}
section.about .header-group .more:hover {
  color: #ae1226;
}
section.about .header-group .more:hover span div span {
  background-position: -1045px 0;
}
section.about .hcenter {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
section.about .hcenter .logo {
  position: relative;
  bottom: -5px;
  left: -52%;
  z-index: 1;
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -975px -243px;
  width: 277px;
  height: 277px;
  margin: 0 auto;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.about .hcenter .logo {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.about .hcenter .logo {
    background-image: url(../img/mobile-sprite.png);
  }
}
section.about .hcenter .leaves {
  position: relative;
  bottom: 0;
  left: -49%;
  z-index: 3;
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -1044px -176px;
  width: 168px;
  height: 66px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.about .hcenter .leaves {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  section.about .hcenter .leaves {
    background-image: url(../img/mobile-sprite.png);
  }
}
footer {
  background-image: url(../img/backgrounds/about.png);
  background-position: 50% 0px;
  height: 94px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  footer {
    background-image: url(../img/backgrounds/about-tablet.png);
    background-position: 50% 0px;
    height: 100px;
  }
}
@media screen and (max-width: 639px) {
  footer {
    background-image: url(../img/backgrounds/about-mobile.png);
    background-position: 50% 0px;
    height: 100px;
  }
}
footer .social {
  position: absolute;
  z-index: 51;
  top: 23px;
  right: 30px;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  footer .social {
    top: -10px;
    right: 20px;
    z-index: 2000;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  footer .social {
    top: 23px;
  }
}
@media screen and (max-width: 639px) {
  footer .social {
    top: 62px;
  }
}
footer .social a {
  background-image: url(../img/desktop-sprite-1.png);
  text-indent: -999px;
  font-size: 0;
  text-decoration: none;
  display: block;
  width: 26px;
  height: 30px;
  float: left;
  margin: 0 1px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  footer .social a {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  footer .social a {
    background-image: url(../img/mobile-sprite.png);
  }
}
footer .social a.instagram {
  background-position: -170px -71px;
}
footer .social a.facebook {
  background-position: -196px -72px;
}
footer .social a.twitter {
  background-position: -222px -72px;
}
footer .social a.youtube {
  background-position: -249px -72px;
}
footer nav {
  text-align: center;
}
footer nav:before {
  content: "";
  display: block;
  height: 30px;
}
@media screen and (max-width: 639px) {
  footer nav:before {
    height: 20px;
  }
}
footer nav br {
  display: none;
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  footer nav br {
    display: block;
  }
}
footer .legal {
  text-align: center;
  margin: 20px 0 0;
}
.overlay-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/overlay-shade.png);
  z-index: 2500;
  cursor: pointer;
}
.overlay-container {
  position: absolute;
  width: 100%;
  z-index: 2501;
}
.overlay-container .hcenter-1 {
  position: absolute;
  left: 50%;
}
.overlay-container .hcenter-1 .hcenter-2 {
  position: relative;
  left: -50%;
}
.overlay-container .close {
  color: #d9162f;
  float: right;
  padding-top: 14px;
  padding-right: 12px;
  line-height: 22px;
}
.overlay-container .close .copy {
  font: 12px 'intro_boldregular', sans-serif;
  font-size: 13px;
}
.overlay-container .close .copy.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
.overlay-container .close .times {
  font-size: 50px;
  vertical-align: bottom;
}
.overlay-container .close .times.caps {
  font: 12px 'intro_black_capsregular', sans-serif;
}
.overlay-container .close .times.inline.caps {
  font: 12px 'intro_black_inline_capsRg', sans-serif;
}
.overlay-container a {
  color: #d9162f;
}
.overlay-container .overlay {
  background-image: url(../img/desktop-sprite-1.png);
  position: relative;
  z-index: 201;
  color: #d9162f;
  background-position: -1276px -1180px;
  width: 638px;
  height: 438px;
  padding: 5px 8px 8px 5px;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .overlay-container .overlay {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  .overlay-container .overlay {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .overlay-container .overlay {
    background-position: -480px -1312px;
    width: 638px;
    height: 438px;
    padding: 8px;
  }
}
@media screen and (max-width: 639px) {
  .overlay-container .overlay {
    background-position: -491px -1312px;
    width: 321px;
    height: 448px;
    padding: 8px;
  }
}
.overlay-container .overlay .content-padding {
  color: #d9162f;
  padding: 25px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
.overlay-container .overlay .content-padding .overlay-text {
  height: 312px;
  overflow-y: auto;
  overflow-x: hidden;
}
#noscript .content {
  padding-top: 5%;
  padding-left: 20%;
  width: 15%;
}
@media \0screen {
  #noscript .content {
    width: 25px;
  }
}
#noscript .content h1 {
  font: 12px 'intro_black_capsregular', sans-serif;
  font-size: 48px;
}
#noscript .content h3 {
  font: 12px 'intro_bookregular', sans-serif;
  font-size: 13px;
}
#noscript .content h3.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
#noscript .content h1,
#noscript .content h3 {
  color: #d9162f;
  margin-bottom: 20px;
}
#noscript .content .discover-block-link-red {
  text-align: center;
  background-color: white;
  border-radius: 13px;
  width: 196px;
  height: 32px;
  padding: 5px;
  -webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
  line-height: 32px;
}
@media \0screen {
  #noscript .content .discover-block-link-red {
    background-image: url(../img/desktop-sprite-1.png);
    background-position: -1080px top;
    background-color: transparent;
    width: 177px;
  }
}
@media \0screen and screen and (min-width: 640px) and (max-width: 959px) {
  #noscript .content .discover-block-link-red {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media \0screen and screen and (max-width: 639px) {
  #noscript .content .discover-block-link-red {
    background-image: url(../img/mobile-sprite.png);
  }
}
#noscript .content .discover-block-link-red a {
  font: 12px 'intro_regularregular', sans-serif;
  text-decoration: none;
  color: #d9162f;
  font-size: 17px;
}
#noscript .content .discover-block-link-red a.bold {
  font: 12px 'intro_boldregular', sans-serif;
}
#noscript .content .discover-block-link-red a.bold.caps {
  font: 12px 'intro_bold_capsregular', sans-serif;
}
#noscript .content .discover-block-link-red a.book {
  font: 12px 'intro_bookregular', sans-serif;
}
#noscript .content .discover-block-link-red a.book.caps {
  font: 12px 'intro_book_capsregular', sans-serif;
}
#noscript .content .discover-block-link-red a.black.caps {
  font: 12px 'intro_black_capsregular', sans-serif;
}
#noscript .content .discover-block-link-red a.black.inline.caps {
  font: 12px 'intro_black_inline_capsRg', sans-serif;
}
@media \0screen {
  #noscript .content .discover-block-link-red a {
    font-size: 15px;
  }
}
#noscript .content .discover-block-link-red a:after {
  content: '';
  background-image: url(../img/desktop-sprite-1.png);
  background-position: -1045px top;
  position: absolute;
  width: 7px;
  height: 8px;
  margin-left: 3px;
  margin-top: 11px;
  display: inline-block;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  #noscript .content .discover-block-link-red a:after {
    background-image: url(../img/tablet-sprite.png);
  }
}
@media screen and (max-width: 639px) {
  #noscript .content .discover-block-link-red a:after {
    background-image: url(../img/mobile-sprite.png);
  }
}
@media \0screen {
  #noscript .content .discover-block-link-red a:after {
    margin-top: 13px;
  }
}
section.hero .slide.tomorrowland .content-padding .header-group h3 {
  font-family: 'intro_black_capsregular', sans-serif;
  color: #895187!important;
  font-size: 43px;
  margin-bottom: 24px;
}
section.hero .tomorrowland p a.discover-block-link-red span.text .double-arrow-slider-red {
  display: none!important;
}
.tomorrowland .text {
  color: #895187!important;
}
section.hero .slide.tomorrowland {
  background-color: #ffe04b !important;
  color: #895187!important;
}
section.hero .slide.tomorrowland .content-padding {
  padding-top: 0;
}
section.hero .slide.tomorrowland .content-padding .header-group {
  width: auto;
  float: none;
}
section.hero .slide.tomorrowland .content-padding .header-group h1 {
  font-size: 59px;
  width: 301px;
  padding: 48px 0 0 123px;
  position: relative;
  z-index: 10;
  margin-left: -96px;
  margin-bottom: 18px;
}
section.hero .slide.tomorrowland .content-padding .header-group p {
  color: #895187!important;
}
@media screen and (min-width: 959px) and (max-width: 1279px) {
  section.hero .slide.tomorrowland .content-padding .header-group h1 {
    margin-left: -109px;
  }
  section.hero .slide.tomorrowland .content-padding .header-group p {
    margin-left: 16px;
  }
  section.hero .slide.tomorrowland .content-padding .header-group h3 {
    margin-left: 16px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px), screen and (max-width: 639px) {
  section.hero .slide.tomorrowland .content-padding .header-group {
    margin-left: 0;
  }
  section.hero .slide.tomorrowland .content-padding .header-group h1 {
    margin-left: -116px;
  }
  section.hero .slide.tomorrowland .content-padding .header-group h3 {
    font-size: 31px;
  }
}
section.hero .slide.tomorrowland .content-padding .promo_img {
  position: absolute;
  width: 367px;
  /*367 × 451*/
  height: auto;
  left: 50%;
  top: 22px;
  z-index: 11;
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  section.hero .slide.tomorrowland .content-padding .promo_img {
    width: 367px;
    height: 451px;
    top: 17px;
    margin-left: 9px;
  }
  section.hero .slide.tomorrowland .content-padding .header-group h1 {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 639px) {
  section.hero .slide.tomorrowland .content-padding .promo_img {
    width: 161px;
    height: auto;
    top: 250px;
    margin-left: 0px;
  }
  section.hero .slide.tomorrowland .content-padding .header-group h1 {
    font-size: 48px;
    margin-bottom: 8px;
  }
}
section.hero .slide.tomorrowland .content-padding .promo_img img {
  width: 100%;
  height: auto;
}