@charset "UTF-8";
/* ======================================================================
  Settings
======================================================================== */
@font-face {
  font-family: 'BelloScriptPro-Reg';
  src: url(fonts/BelloScriptPro/BelloScriptPro-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/BelloScriptPro/BelloScriptPro-Regular.woff2) format("woff2"), url(fonts/BelloScriptPro/BelloScriptPro-Regular.woff) format("woff"), url(fonts/BelloScriptPro/BelloScriptPro-Regular.ttf) format("truetype"), url(fonts/BelloScriptPro/BelloScriptPro-Regular.svg#BelloScriptPro-Regular) format("svg"); }

@font-face {
  font-family: 'fontello';
  src: url(fonts/panrico-ico-fonts/fontello.eot?33904739);
  src: url(fonts/panrico-ico-fonts/fontello.eot?33904739#iefix) format("embedded-opentype"), url(fonts/panrico-ico-fonts/fontello.woff?33904739) format("woff"), url(fonts/panrico-ico-fonts/fontello.ttf?33904739) format("truetype"), url(fonts/panrico-ico-fonts/fontello.svg?33904739#fontello) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fontello2';
  src: url(fonts/panrico-ico-fonts/fontello2.eot?20390258);
  src: url(fonts/panrico-ico-fonts/fontello2.eot?20390258#iefix) format("embedded-opentype"), url(fonts/panrico-ico-fonts/fontello2.woff2?20390258) format("woff2"), url(fonts/panrico-ico-fonts/fontello2.woff?20390258) format("woff"), url(fonts/panrico-ico-fonts/fontello2.ttf?20390258) format("truetype"), url(fonts/panrico-ico-fonts/fontello2.svg?20390258#fontello2) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ThirstySoftRegular';
  src: url(fonts/webfonts/301F65_1_0.eot);
  src: url(fonts/webfonts/301F65_1_0.eot?#iefix) format("embedded-opentype"), url(fonts/webfonts/301F65_1_0.woff2) format("woff2"), url(fonts/webfonts/301F65_1_0.woff) format("woff"), url(fonts/webfonts/301F65_1_0.ttf) format("truetype"); }

@font-face {
  font-family: 'ThirstySoftRegular-Bold';
  src: url(fonts/webfonts/301F65_2_0.eot);
  src: url(fonts/webfonts/301F65_2_0.eot?#iefix) format("embedded-opentype"), url(fonts/webfonts/301F65_2_0.woff2) format("woff2"), url(fonts/webfonts/301F65_2_0.woff) format("woff"), url(fonts/webfonts/301F65_2_0.ttf) format("truetype"); }

@font-face {
  font-family: 'Gotham Bold';
  src: url(fonts/promo/GothamBold.eot);
  src: url(fonts/promo/GothamBold.eot?#iefix) format("embedded-opentype"), url(fonts/promo/GothamBold.woff2) format("woff2"), url(fonts/promo/GothamBold.woff) format("woff"), url(fonts/promo/GothamBold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Black';
  src: url(fonts/promo/GothamBlack.eot);
  src: url(fonts/promo/GothamBlack.eot?#iefix) format("embedded-opentype"), url(fonts/promo/GothamBlack.woff2) format("woff2"), url(fonts/promo/GothamBlack.woff) format("woff"), url(fonts/promo/GothamBlack.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Medium';
  src: url(fonts/promo/GothamMedium.eot);
  src: url(fonts/promo/GothamMedium.eot?#iefix) format("embedded-opentype"), url(fonts/promo/GothamMedium.woff2) format("woff2"), url(fonts/promo/GothamMedium.woff) format("woff"), url(fonts/promo/GothamMedium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Ultra';
  src: url(fonts/promo/GothamUltra.eot);
  src: url(fonts/promo/GothamUltra.eot?#iefix) format("embedded-opentype"), url(fonts/promo/GothamUltra.woff2) format("woff2"), url(fonts/promo/GothamUltra.woff) format("woff"), url(fonts/promo/GothamUltra.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Condensed';
  src: url(fonts/promo/GothamCondensed-Medium.eot);
  src: url(fonts/promo/GothamCondensed-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/promo/GothamCondensed-Medium.woff2) format("woff2"), url(fonts/promo/GothamCondensed-Medium.woff) format("woff"), url(fonts/promo/GothamCondensed-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

.nav__item, .nav__item--burger, .nav__btn-txt {
  *zoom: 1; }
  .nav__item:before, .nav__item--burger:before, .nav__btn-txt:before {
    content: "";
    display: table; }
  .nav__item:after, .nav__item--burger:after, .nav__btn-txt:after {
    content: "";
    display: table;
    clear: both; }

/* ======================================================================
   Margin classes
 ======================================================================== */
.mrb5 {
  margin-bottom: 5px; }

.mrb10 {
  margin-bottom: 10px; }

.mrb15 {
  margin-bottom: 15px; }

.mrb20 {
  margin-bottom: 20px; }

.mrb25 {
  margin-bottom: 25px; }

.mrb30 {
  margin-bottom: 30px; }

.mrb35 {
  margin-bottom: 35px; }

.mrb40 {
  margin-bottom: 40px; }

.mrb45 {
  margin-bottom: 45px; }

.mrb50 {
  margin-bottom: 50px; }

.mrb55 {
  margin-bottom: 55px; }

.mrb60 {
  margin-bottom: 60px; }

.mrb65 {
  margin-bottom: 65px; }

.mrb70 {
  margin-bottom: 70px; }

.mrb75 {
  margin-bottom: 75px; }

.mrb80 {
  margin-bottom: 80px; }

.mrb85 {
  margin-bottom: 85px; }

.mrb90 {
  margin-bottom: 90px; }

.mrb95 {
  margin-bottom: 95px; }

.mrb100 {
  margin-bottom: 100px; }

.mrt5 {
  margin-top: 5px; }

.mrt10 {
  margin-top: 10px; }

.mrt15 {
  margin-top: 15px; }

.mrt20 {
  margin-top: 20px; }

.mrt25 {
  margin-top: 25px; }

.mrt30 {
  margin-top: 30px; }

.mrt35 {
  margin-top: 35px; }

.mrt40 {
  margin-top: 40px; }

.mrt45 {
  margin-top: 45px; }

.mrt50 {
  margin-top: 50px; }

.mrt55 {
  margin-top: 55px; }

.mrt60 {
  margin-top: 60px; }

.mrt65 {
  margin-top: 65px; }

.mrt70 {
  margin-top: 70px; }

.mrt75 {
  margin-top: 75px; }

.mrt80 {
  margin-top: 80px; }

.mrt85 {
  margin-top: 85px; }

.mrt90 {
  margin-top: 90px; }

.mrt95 {
  margin-top: 95px; }

.mrt100 {
  margin-top: 100px; }

/* ======================================================================
   Padding classes
 ======================================================================== */
.pab5 {
  padding-bottom: 5px; }

.pab10 {
  padding-bottom: 10px; }

.pab15 {
  padding-bottom: 15px; }

.pab20 {
  padding-bottom: 20px; }

.pab25 {
  padding-bottom: 25px; }

.pab30 {
  padding-bottom: 30px; }

.pab35 {
  padding-bottom: 35px; }

.pab40 {
  padding-bottom: 40px; }

.pab45 {
  padding-bottom: 45px; }

.pab50 {
  padding-bottom: 50px; }

.pab55 {
  padding-bottom: 55px; }

.pab60 {
  padding-bottom: 60px; }

.pab65 {
  padding-bottom: 65px; }

.pab70 {
  padding-bottom: 70px; }

.pab75 {
  padding-bottom: 75px; }

.pab80 {
  padding-bottom: 80px; }

.pab85 {
  padding-bottom: 85px; }

.pab90 {
  padding-bottom: 90px; }

.pab95 {
  padding-bottom: 95px; }

.pab100 {
  padding-bottom: 100px; }

.pat5 {
  padding-top: 5px; }

.pat10 {
  padding-top: 10px; }

.pat15 {
  padding-top: 15px; }

.pat20 {
  padding-top: 20px; }

.pat25 {
  padding-top: 25px; }

.pat30 {
  padding-top: 30px; }

.pat35 {
  padding-top: 35px; }

.pat40 {
  padding-top: 40px; }

.pat45 {
  padding-top: 45px; }

.pat50 {
  padding-top: 50px; }

.pat55 {
  padding-top: 55px; }

.pat60 {
  padding-top: 60px; }

.pat65 {
  padding-top: 65px; }

.pat70 {
  padding-top: 70px; }

.pat75 {
  padding-top: 75px; }

.pat80 {
  padding-top: 80px; }

.pat85 {
  padding-top: 85px; }

.pat90 {
  padding-top: 90px; }

.pat95 {
  padding-top: 95px; }

.pat100 {
  padding-top: 100px; }

.less-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden; }
  .less-padding > div[class^="col-"] {
    padding-left: 0;
    padding-right: 0; }

/* ======================================================================
  Images
======================================================================== */
.circle-photo {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%); }

.scale-grid {
  display: block;
  max-width: 100%; }

/* ======================================================================
  Modifier classes
======================================================================== */
.align-center {
  text-align: center; }

/* ======================================================================
  Grid utils
======================================================================== */
.less-padding > div {
  padding-right: 0;
  padding-left: 0; }
  .less-padding > div:first-child {
    padding-left: 15px; }
  .less-padding > div:last-child {
    padding-right: 15px; }

/* ======================================================================
  Boxed border white
======================================================================== */
.util__item--boxed {
  padding: 5px;
  background: white; }

/* ======================================================================
  Hidden classes
======================================================================== */
@media (max-width: 1024px) {
  .hide__md--lands {
    display: none !important; } }

/* ======================================================================
  Force 100%
======================================================================== */
@media (max-width: 1024px) {
  .force__md--lands {
    width: 100% !important;
    max-width: 100% !important; } }

/* ======================================================================
  Force 100%
======================================================================== */
@media (max-width: 768px) and (min-width: 767px) {
  .portrait .hide__tablet--portrait {
    display: none; } }

/* ======================================================================
  slide controls
======================================================================== */
.gallery__button--next:before, .gallery__button--next:after, .gallery__button-prev:before, .gallery__button-prev:after, .home-slider__button--next:before, .home-slider__button--next:after, .home-slider__button-prev:before, .home-slider__button-prev:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 5px;
  height: 25px;
  border-radius: 5px;
  background: #ababab;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 767px) {
    .gallery__button--next:before, .gallery__button--next:after, .gallery__button-prev:before, .gallery__button-prev:after, .home-slider__button--next:before, .home-slider__button--next:after, .home-slider__button-prev:before, .home-slider__button-prev:after {
      width: 2px;
      height: 10px; } }

.gallery__button--next, .gallery__button-prev, .home-slider__button--next, .home-slider__button-prev {
  z-index: 9;
  position: absolute;
  top: 50%;
  width: 75px;
  height: 75px;
  transform: translate3d(0, -50%, 0);
  background: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 767px) {
    .gallery__button--next, .gallery__button-prev, .home-slider__button--next, .home-slider__button-prev {
      width: 40px;
      height: 40px; } }
  .gallery__button--next:hover:before, .gallery__button-prev:hover:before, .home-slider__button--next:hover:before, .home-slider__button-prev:hover:before, .gallery__button--next:hover:after, .gallery__button-prev:hover:after, .home-slider__button--next:hover:after, .home-slider__button-prev:hover:after {
    background: #E5080B; }

/**
 * Spinner slider
 */
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  background-color: #E5080B;
  animation: sk-rotateplane 1.2s infinite ease-in-out; }

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

#home-slider-loader {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f3f3f3; }

/* ======================================================================
  Buttons
======================================================================== */
.btn-md--blue, .btn__secundary {
  display: inline-block;
  margin: 0 auto;
  padding: 20px 70px;
  border: 0px none;
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }

.btn-md--blue {
  display: block;
  background: #32569a; }
  .btn-md--blue:hover {
    background: #6589cd; }

.btn__secundary {
  background: #ff6f00;
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none; }
  @media screen and (min-width: 767px) {
    .btn__secundary {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 768px) {
    .btn__secundary {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media screen and (min-width: 1023px) {
    .btn__secundary {
      font-size: 25px;
      font-size: 1.5625rem; } }
  @media screen and (min-width: 1200px) {
    .btn__secundary {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media (max-width: 768px) {
    .btn__secundary {
      padding: 20px 35px; } }
  .btn__secundary:hover {
    background: #ffa966; }

/* ======================================================================
  Fonts
======================================================================== */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.4; }

/* ======================================================================
  Headers
======================================================================== */
h1 {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 400; }
  @media screen and (min-width: 767px) {
    h1 {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 1200px) {
    h1 {
      font-size: 40px;
      font-size: 2.5rem; } }

h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400; }
  @media screen and (min-width: 767px) {
    h2 {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 1023px) {
    h2 {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 1200px) {
    h2 {
      font-size: 33px;
      font-size: 2.0625rem; } }

h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400; }

h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400; }

h5 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400; }

h6 {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400; }

/* ======================================================================
 p, a, ...  
======================================================================== */
p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 19px; }

a, .breadcrumb__block {
  font-family: "Roboto Condensed", sans-serif;
  color: #E5080B; }

/* ======================================================================
  Title blocks
======================================================================== */
.title__primary {
  font-family: "ThirstySoftRegular";
  color: #E5080B;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem; }
  @media screen and (min-width: 767px) {
    .title__primary {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 768px) {
    .title__primary {
      font-size: 40px;
      font-size: 2.5rem; } }
  @media screen and (min-width: 1023px) {
    .title__primary {
      font-size: 50px;
      font-size: 3.125rem; } }
  @media screen and (min-width: 1200px) {
    .title__primary {
      font-size: 50px;
      font-size: 3.125rem; } }

.title__type--normal {
  margin-bottom: 25px;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Roboto", sans-serif;
  color: #6d6d6d; }

/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 1023px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  margin-left: 40px;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .container-fluid {
      margin-left: 15px;
      margin-right: 15px; } }

.row {
  position: relative;
  margin-left: -15px;
  margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1023px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1023px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1023px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1023px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1023px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1023px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }

@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }

@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* ======================================================================
  Forms
======================================================================== */
.inp__box input[type="text"],
.inp__box input[type="password"],
.inp__box input[type="mail"], .inp__box--day input, .inp__box--month input, .inp__box--year input, .select-box, option {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 300;
  color: #ababab; }
  @media (max-width: 1024px) {
    .inp__box input[type="text"],
    .inp__box input[type="password"],
    .inp__box input[type="mail"], .inp__box--day input, .inp__box--month input, .inp__box--year input, .select-box, option {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media (max-height: 850px) {
    .inp__box input[type="text"],
    .inp__box input[type="password"],
    .inp__box input[type="mail"], .inp__box--day input, .inp__box--month input, .inp__box--year input, .select-box, option {
      font-size: 18px;
      font-size: 1.125rem; } }

input {
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

label.error {
  display: none !important; }

/* do not group these rules*/
.search-field::-webkit-input-placeholder {
  color: #ababab; }

.search-field:-moz-placeholder {
  color: #ababab; }

.search-field::-moz-placeholder {
  color: #ababab; }

.search-field:-ms-input-placeholder {
  color: #ababab; }

.inp__box {
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #ababab; }
  .inp__box:before {
    content: '';
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 10px;
    background: #ababab; }
  .inp__box:after {
    content: '';
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 10px;
    background: #ababab; }
  .inp__box.error {
    border-bottom: 1px solid red; }
    .inp__box.error:before, .inp__box.error:after {
      background: red; }
  .inp__box input[type="text"],
  .inp__box input[type="password"],
  .inp__box input[type="mail"] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: 0; }
    @media (max-width: 1024px) {
      .inp__box input[type="text"],
      .inp__box input[type="password"],
      .inp__box input[type="mail"] {
        height: 25px; } }
    @media (max-height: 850px) {
      .inp__box input[type="text"],
      .inp__box input[type="password"],
      .inp__box input[type="mail"] {
        height: 25px; } }
  @media (max-height: 850px) {
    .inp__box {
      height: 25px; } }

.inp__box-date-format {
  display: table;
  width: 10100; }
  .inp__box-date-format > div {
    display: table-cell;
    padding: 0 5px; }

.inp__box--day, .inp__box--month, .inp__box--year {
  position: relative;
  border-bottom: 1px solid #ababab; }
  .inp__box--day:before, .inp__box--month:before, .inp__box--year:before {
    content: '';
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 10px;
    background: #ababab; }
  .inp__box--day:after, .inp__box--month:after, .inp__box--year:after {
    content: '';
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 10px;
    background: #ababab; }
  .error.inp__box--day, .error.inp__box--month, .error.inp__box--year {
    border-bottom: 1px solid red; }
    .error.inp__box--day:before, .error.inp__box--month:before, .error.inp__box--year:before, .error.inp__box--day:after, .error.inp__box--month:after, .error.inp__box--year:after {
      background: red; }
  .inp__box--day input, .inp__box--month input, .inp__box--year input {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: 0; }
    @media (max-width: 1024px) {
      .inp__box--day input, .inp__box--month input, .inp__box--year input {
        height: 25px; } }
    @media (max-height: 850px) {
      .inp__box--day input, .inp__box--month input, .inp__box--year input {
        height: 25px; } }

.inp__box--day {
  width: 100%; }

.inp__box--month {
  width: 100%; }

.inp__box--year {
  width: 100%; }

.inp__small-label {
  padding: 10px 5px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #ababab;
  text-align: left;
  text-transform: uppercase; }
  @media (max-width: 1024px) {
    .inp__small-label {
      font-size: 12px;
      font-size: 0.75rem; } }

.btn__primary {
  display: block;
  width: 100%;
  max-width: 960px;
  padding: 20px 40px;
  background: #ff9700;
  border: 0;
  border-radius: 0;
  font-family: "ThirstySoftRegular";
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }
  @media screen and (min-width: 767px) {
    .btn__primary {
      font-size: 25px;
      font-size: 1.5625rem; } }
  @media screen and (min-width: 768px) {
    .btn__primary {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 1023px) {
    .btn__primary {
      font-size: 40px;
      font-size: 2.5rem; } }
  @media screen and (min-width: 1200px) {
    .btn__primary {
      font-size: 40px;
      font-size: 2.5rem; } }
  @media (max-height: 850px) {
    .btn__primary {
      padding: 8px 40px;
      font-size: 25px;
      font-size: 1.5625rem; } }
  .btn__primary:hover {
    background: #ff9700; }

.success-box {
  display: block;
  width: 100%;
  max-width: 960px;
  padding: 20px 40px;
  background: #5cdf78;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }
  .success-box h3 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 400;
    text-align: center;
    color: #ffffff; }

/* ======================================================================
  Check svg
======================================================================== */
.inp__check:before, .inp__check:after, .select-box:before, .select-box:after {
  content: '';
  z-index: 10;
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 10px;
  background: #ababab; }

.inp__check {
  position: relative;
  display: table-cell;
  padding-bottom: 10px;
  border-bottom: 1px solid #ababab;
  cursor: pointer; }
  .inp__check:before {
    left: 0; }
  .inp__check:after {
    right: 0; }
  .inp__check svg {
    display: block;
    width: 75px;
    height: 50px; }
    @media (max-height: 850px) {
      .inp__check svg {
        width: 55px;
        height: 22px; } }
  .inp__check polyline {
    stroke: #ababab;
    stroke-dasharray: 999;
    stroke-dashoffset: 1001; }

@keyframes checkOn {
  0% {
    stroke-dashoffset: 1000; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes checkOff {
  0% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 1000; } }

.input-check-box, .input-check-box--inline {
  position: relative;
  margin-bottom: 30px; }
  .input-check-box input[type="checkbox"], .input-check-box--inline input[type="checkbox"] {
    display: block;
    visibility: hidden;
    position: absolute; }
  .input-check-box input[type="checkbox"] + label .inp__check polyline, .input-check-box--inline input[type="checkbox"] + label .inp__check polyline {
    animation-name: checkOff;
    animation-duration: 0.25;
    animation-timing-function: linear;
    animation-fill-mode: forwards; }
  @media (max-width: 1024px) {
    .input-check-box input[type="checkbox"] + label .inp__check, .input-check-box--inline input[type="checkbox"] + label .inp__check {
      background: transparent; } }
  @media (max-width: 1024px) {
    .input-check-box input[type="checkbox"] + #policity-error + label .inp__check, .input-check-box--inline input[type="checkbox"] + #policity-error + label .inp__check {
      background: transparent; } }
  .input-check-box input[type="checkbox"]:checked + label .inp__check polyline, .input-check-box--inline input[type="checkbox"]:checked + label .inp__check polyline,
  .input-check-box input[type="checkbox"]:checked + #policity-error + label .inp__check polyline, .input-check-box--inline input[type="checkbox"]:checked + #policity-error + label .inp__check polyline {
    animation-name: checkOn;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards; }
  @media (max-width: 1024px) {
    .input-check-box input[type="checkbox"]:checked + label .inp__check, .input-check-box--inline input[type="checkbox"]:checked + label .inp__check,
    .input-check-box input[type="checkbox"]:checked + #policity-error + label .inp__check, .input-check-box--inline input[type="checkbox"]:checked + #policity-error + label .inp__check {
      background: transparent; } }
  .input-check-box .inp__check-copy, .input-check-box--inline .inp__check-copy {
    display: table-cell;
    max-width: 345px;
    padding: 0 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    vertical-align: top;
    color: #ababab; }
    .input-check-box .inp__check-copy a, .input-check-box--inline .inp__check-copy a, .input-check-box .inp__check-copy .breadcrumb__block, .input-check-box--inline .inp__check-copy .breadcrumb__block {
      color: #ababab; }
    @media (max-width: 1024px) {
      .input-check-box .inp__check-copy, .input-check-box--inline .inp__check-copy {
        font-size: 15px;
        font-size: 0.9375rem; } }
    @media (max-height: 850px) {
      .input-check-box .inp__check-copy, .input-check-box--inline .inp__check-copy {
        font-size: 11px;
        font-size: 0.6875rem; } }
  .input-check-box.error .inp__check, .error.input-check-box--inline .inp__check {
    border-bottom: 1px solid red; }
    .input-check-box.error .inp__check:before, .error.input-check-box--inline .inp__check:before, .input-check-box.error .inp__check:after, .error.input-check-box--inline .inp__check:after {
      background: red; }

.input-check-box--inline {
  display: inline-block; }

/* ======================================================================
  FIX IE
======================================================================== */
.ie11 .input-check-box input[type="checkbox"], .ie11 .input-check-box--inline input[type="checkbox"],
.msie10 .input-check-box input[type="checkbox"],
.msie10 .input-check-box--inline input[type="checkbox"],
.msie9 .input-check-box input[type="checkbox"],
.msie9 .input-check-box--inline input[type="checkbox"] {
  display: block;
  visibility: hidden;
  position: absolute; }

.ie11 .input-check-box input[type="checkbox"] + label .inp__check, .ie11 .input-check-box--inline input[type="checkbox"] + label .inp__check,
.msie10 .input-check-box input[type="checkbox"] + label .inp__check,
.msie10 .input-check-box--inline input[type="checkbox"] + label .inp__check,
.msie9 .input-check-box input[type="checkbox"] + label .inp__check,
.msie9 .input-check-box--inline input[type="checkbox"] + label .inp__check {
  background: transparent url("images/sp-check.png") no-repeat 100px 0; }
  @media (max-width: 1024px) {
    .ie11 .input-check-box input[type="checkbox"] + label .inp__check, .ie11 .input-check-box--inline input[type="checkbox"] + label .inp__check,
    .msie10 .input-check-box input[type="checkbox"] + label .inp__check,
    .msie10 .input-check-box--inline input[type="checkbox"] + label .inp__check,
    .msie9 .input-check-box input[type="checkbox"] + label .inp__check,
    .msie9 .input-check-box--inline input[type="checkbox"] + label .inp__check {
      background: transparent; } }

.ie11 .input-check-box input[type="checkbox"] + #policity-error + label .inp__check, .ie11 .input-check-box--inline input[type="checkbox"] + #policity-error + label .inp__check,
.msie10 .input-check-box input[type="checkbox"] + #policity-error + label .inp__check,
.msie10 .input-check-box--inline input[type="checkbox"] + #policity-error + label .inp__check,
.msie9 .input-check-box input[type="checkbox"] + #policity-error + label .inp__check,
.msie9 .input-check-box--inline input[type="checkbox"] + #policity-error + label .inp__check {
  background: blue; }
  @media (max-width: 1024px) {
    .ie11 .input-check-box input[type="checkbox"] + #policity-error + label .inp__check, .ie11 .input-check-box--inline input[type="checkbox"] + #policity-error + label .inp__check,
    .msie10 .input-check-box input[type="checkbox"] + #policity-error + label .inp__check,
    .msie10 .input-check-box--inline input[type="checkbox"] + #policity-error + label .inp__check,
    .msie9 .input-check-box input[type="checkbox"] + #policity-error + label .inp__check,
    .msie9 .input-check-box--inline input[type="checkbox"] + #policity-error + label .inp__check {
      background: transparent; } }

.ie11 .input-check-box input[type="checkbox"]:checked + label .inp__check, .ie11 .input-check-box--inline input[type="checkbox"]:checked + label .inp__check,
.ie11 .input-check-box input[type="checkbox"]:checked + #policity-error + label .inp__check,
.ie11 .input-check-box--inline input[type="checkbox"]:checked + #policity-error + label .inp__check,
.msie10 .input-check-box input[type="checkbox"]:checked + label .inp__check,
.msie10 .input-check-box--inline input[type="checkbox"]:checked + label .inp__check,
.msie10 .input-check-box input[type="checkbox"]:checked + #policity-error + label .inp__check,
.msie10 .input-check-box--inline input[type="checkbox"]:checked + #policity-error + label .inp__check,
.msie9 .input-check-box input[type="checkbox"]:checked + label .inp__check,
.msie9 .input-check-box--inline input[type="checkbox"]:checked + label .inp__check,
.msie9 .input-check-box input[type="checkbox"]:checked + #policity-error + label .inp__check,
.msie9 .input-check-box--inline input[type="checkbox"]:checked + #policity-error + label .inp__check {
  background: transparent url("images/sp-check.png") no-repeat 10px 0; }
  @media (max-width: 1024px) {
    .ie11 .input-check-box input[type="checkbox"]:checked + label .inp__check, .ie11 .input-check-box--inline input[type="checkbox"]:checked + label .inp__check,
    .ie11 .input-check-box input[type="checkbox"]:checked + #policity-error + label .inp__check,
    .ie11 .input-check-box--inline input[type="checkbox"]:checked + #policity-error + label .inp__check,
    .msie10 .input-check-box input[type="checkbox"]:checked + label .inp__check,
    .msie10 .input-check-box--inline input[type="checkbox"]:checked + label .inp__check,
    .msie10 .input-check-box input[type="checkbox"]:checked + #policity-error + label .inp__check,
    .msie10 .input-check-box--inline input[type="checkbox"]:checked + #policity-error + label .inp__check,
    .msie9 .input-check-box input[type="checkbox"]:checked + label .inp__check,
    .msie9 .input-check-box--inline input[type="checkbox"]:checked + label .inp__check,
    .msie9 .input-check-box input[type="checkbox"]:checked + #policity-error + label .inp__check,
    .msie9 .input-check-box--inline input[type="checkbox"]:checked + #policity-error + label .inp__check {
      background: transparent; } }

/* ======================================================================
	Select box  
======================================================================== */
.select-box {
  position: relative;
  width: 100%;
  height: 55px;
  padding: 10px;
  border-bottom: 1px solid #ababab;
  font-family: "Roboto Condensed", sans-serif;
  color: #ababab; }
  @media (max-height: 850px) {
    .select-box {
      height: 25px; } }
  .select-box:before {
    left: 0; }
  .select-box:after {
    right: 0; }
  .select-box.error {
    border-bottom: 1px solid red; }
    .select-box.error:before, .select-box.error:after {
      background: red; }

.select,
.label {
  color: #ababab;
  display: block; }

.select {
  outline: 1px dotted red;
  width: 90%;
  position: absolute;
  top: 0;
  padding: 5px 0;
  height: 54px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: none transparent;
  border: 0 none;
  cursor: pointer; }
  @media (max-height: 850px) {
    .select {
      height: 25px; } }

.label {
  position: relative;
  bottom: 5px;
  height: 40px;
  padding: 5px 0;
  cursor: pointer;
  opacity: 0.6; }
  @media (max-height: 850px) {
    .label {
      bottom: 15px;
      height: 25px; } }

.open .label::after {
  content: ""; }

.label::after {
  content: "";
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 15px;
  border-left: 5px solid #fff; }

option {
  display: block;
  padding: 10px 5px; }

/* ======================================================================
 WP Contact form       
======================================================================== */
.screen-reader-response {
  display: none !important; }

.wpcf7-not-valid-tip {
  display: none !important; }

.wpcf7-not-valid-tip {
  border: 2px solid #E5080B; }

/* ======================================================================
  Loader
======================================================================== */
.loader__block {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #ffffff; }

.loader__center-logo {
  z-index: 9999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 300px;
  height: 200px;
  background: transparent url("images/sp-logo_anima_300px.png") no-repeat;
  background-position: 0 0;
  animation: loaderLogo 1s steps(6) forwards;
  opacity: 0; }

@keyframes loaderLogo {
  0% {
    background-position: 0 0;
    opacity: 0; }
  25% {
    background-position: 0 0;
    opacity: 1; }
  100% {
    background-position: -3600px 0;
    opacity: 1; } }

.loader__line {
  position: fixed;
  top: 0;
  width: 100%;
  height: 5px; }
  .loader__line > span {
    display: block;
    width: 0;
    height: 5px;
    background: #E5080B;
    transition: all 0.3s ease-in-out; }
    .loader__line > span.loader__line--in {
      width: 100%; }

/* ======================================================================
  Btn burger
======================================================================== */
.btn-burger span, .btn-burger span:before, .btn-burger span:after {
  position: absolute;
  display: block;
  width: 30px;
  height: 4px;
  margin: 0 auto;
  background: #ababab;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.btn-burger {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  cursor: pointer;
  box-sizing: border-box;
  background: url("dist/images/sp-global.jpg") no-repeat 0 0; }
  .btn-burger span {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }
    .btn-burger span:before {
      content: '';
      transform: translate3d(0, -9px, 0); }
    .btn-burger span:after {
      content: '';
      transform: translate3d(0, 9px, 0); }
  .btn-burger:hover span {
    background: #E5080B;
    transform: translate3d(-50%, -50%, 0); }
    .btn-burger:hover span:before {
      background: #E5080B;
      transform: translate3d(0, -6px, 0); }
    .btn-burger:hover span:after {
      background: #E5080B;
      transform: translate3d(0, 6px, 0); }
  .btn-burger.burger-close span, .btn-burger.burger-close-filter span {
    background: transparent;
    transform: translate3d(-50%, -50%, 0); }
    .btn-burger.burger-close span:before, .btn-burger.burger-close-filter span:before {
      transform: translate3d(0, 0, 0) rotate(45deg); }
    .btn-burger.burger-close span:after, .btn-burger.burger-close-filter span:after {
      transform: translate3d(0, 0, 0) rotate(-45deg); }

/* ======================================================================
  Fix IE 
======================================================================== */
.msie9 .btn-burger {
  display: block;
  background: url(images/sp-global.png) no-repeat 0 0; }
  .msie9 .btn-burger:hover {
    background-position: 0 -51px; }
  .msie9 .btn-burger.burger-close, .msie9 .btn-burger.burger-close-filter {
    background-position: -126px 0; }
    .msie9 .btn-burger.burger-close:hover, .msie9 .btn-burger.burger-close-filter:hover {
      background-position: -126px -51px; }
  .msie9 .btn-burger > span:first-child {
    display: none; }
    .msie9 .btn-burger > span:first-child:hover {
      display: none; }

.ie__burger {
  display: none; }

.msie9 .ie__burger {
  display: block;
  width: 30px;
  height: 30px;
  background: url(images/sp-global.png) no-repeat 0 0;
  outline: 1px dashed green; }

/* ======================================================================
  step navigation selector
======================================================================== */
.step-nav__block {
  z-index: 150;
  position: fixed;
  bottom: 15px;
  right: 40px; }
  @media (max-width: 767px) {
    .step-nav__block {
      display: none; } }

.step-nav__list {
  list-style: none; }
  .step-nav__list > li {
    display: inline-block; }
    .step-nav__list > li a, .step-nav__list > li .breadcrumb__block {
      display: block;
      padding: 5px; }

.step-nav__bullet {
  display: block;
  width: 10px;
  height: 10px;
  background: #ccc;
  border-radius: 50%;
  transition: all 0.3s ease-in-out; }
  .step-nav__bullet.active--bullet {
    background: #E5080B; }

/* ======================================================================
  Breadcrumb
======================================================================== */
.breadcrumb__block {
  margin-top: 20px;
  list-style: none;
  font-size: 16px;
  font-size: 1rem; }
  @media (max-width: 767px) {
    .breadcrumb__block {
      display: none; } }
  .breadcrumb__block > li {
    display: inline-block;
    color: #E5080B; }
    .breadcrumb__block > li:after {
      content: ' | ';
      color: #ababab; }
    .breadcrumb__block > li:last-child:after {
      content: ''; }
  .breadcrumb__block a, .breadcrumb__block .breadcrumb__block {
    font-size: 16px;
    font-size: 1rem;
    color: #ababab;
    text-decoration: none;
    transition: all 0.3s ease-in-out; }
    .breadcrumb__block a:hover, .breadcrumb__block .breadcrumb__block:hover {
      color: #E5080B; }

/* ======================================================================
  social links
======================================================================== */
.social-links {
  text-align: center; }
  .social-links > li {
    display: inline-block;
    margin: 0 15px; }

.ico-social {
  display: block;
  width: 65px;
  height: 60px;
  background: transparent url(dist/css/images/sp-social.png) no-repeat; }
  .ico-social.facebook {
    background-position: 0 0; }
  .ico-social.twitter {
    background-position: -80px 0; }

/* ======================================================================
  Toast
======================================================================== */
.toast__detail {
  z-index: 11;
  position: absolute;
  bottom: 35px;
  width: 100px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  /* outline: 1px dotted white; */
  text-align: center;
  border-bottom: 1px solid white;
  overflow: hidden;
  height: 36px;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.toast__img {
  position: absolute;
  top: 0;
  left: 20px;
  max-width: 100% !important;
  transform: translate3d(0, 37px, 0);
  transition: all 0.3s ease-in-out; }

.toast__txt {
  z-index: 11;
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  transform: translate3d(-50%, -50%, 0);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: white;
  text-transform: uppercase;
  opacity: 0; }

@media (max-width: 1024px) {
  .toast__box:hover .toast__detail,
  .toast__box:hover .toast__img,
  .toast__box:hover .toast__txt {
    opacity: 0 !important; } }

.toast__box:hover .toast__detail {
  opacity: 1; }

.toast__box:hover .toast__img {
  transform: translate3d(0, 14px, 0); }

.toast__box:hover .toast__txt {
  opacity: 1; }

/* ======================================================================
  Grid item box
======================================================================== */
.grd-item__box {
  position: relative;
  display: block;
  width: 100%;
  opacity: 0;
  transition: all 1s ease-in-out; }
  .grd-item__box img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0; }
  @media (max-width: 1024px) {
    .grd-item__box:hover .grd-item__overlay, .grd-item__box:hover .link-box__overlay,
    .grd-item__box:hover .grd-item__caption,
    .grd-item__box:hover .link-box__caption {
      opacity: 0 !important; } }
  .grd-item__box:hover .grd-item__overlay, .grd-item__box:hover .link-box__overlay {
    opacity: 0.9; }
  .grd-item__box:hover .grd-item__caption, .grd-item__box:hover .link-box__caption {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1; }
  .grd-item__box.grd__in {
    opacity: 1; }

.msie9 .grd-item__box .grd-item__caption, .msie9 .grd-item__box .link-box__caption {
  margin-top: -25%;
  margin-left: -25%; }
  .msie9 .grd-item__box .grd-item__caption:hover, .msie9 .grd-item__box .link-box__caption:hover {
    margin-top: -25%;
    margin-left: -25%; }

.grd-item__bg--even {
  background: #fcfcfc; }

.grd-item__bg--odd {
  background: #f8f8f8; }

.grd-item__caption, .link-box__caption {
  z-index: 11;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  max-width: 60%;
  transform: translate3d(-50%, -70%, 0);
  text-align: center;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  opacity: 0; }

.grd-item__title, .link-box__title {
  display: block;
  margin-bottom: 20px;
  font-family: "ThirstySoftRegular";
  font-size: 16px;
  font-size: 1rem; }
  @media screen and (min-width: 767px) {
    .grd-item__title, .link-box__title {
      font-size: 16px;
      font-size: 1rem; } }
  @media screen and (min-width: 768px) {
    .grd-item__title, .link-box__title {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 1023px) {
    .grd-item__title, .link-box__title {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media screen and (min-width: 1200px) {
    .grd-item__title, .link-box__title {
      font-size: 25px;
      font-size: 1.5625rem; } }

.grd-item__desc {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-size: 0.75rem; }

.grd-item__overlay, .link-box__overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #E5080B;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

/* ======================================================================
  Ico font panrico
======================================================================== */
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?33904739#fontello') format('svg');
  }
}
*/
[class^="ico-pan-"]:before, [class*=" ico-pan-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.ico-pan-news-ok:before {
  content: '\e800'; }

/* '' */
.ico-pan-mail:before {
  content: '\e801'; }

/* '' */
.ico-pan-calientes:before {
  content: '\e802'; }

/* '' */
.ico-pan-detailed__heart:before {
  content: '\e803'; }

/* '' */
.ico-pan-detailed__toast:before {
  content: '\e804'; }

/* '' */
.ico-pan-nieve:before {
  content: '\e805'; }

/* '' */
.ico-pan-fuego:before {
  content: '\e806'; }

/* '' */
.ico-pan-pan-burger:before,
.ico-pan-pan-40:before {
  content: '\e807'; }

/* '' */
.ico-pan-recetas:before {
  content: '\e808'; }

/* '' */
.ico-pan-social:before {
  content: '\e809'; }

/* '' */
.ico-pan-news:before {
  content: '\e80a'; }

/* '' */
.ico-pan-nutricion:before {
  content: '\e80b'; }

/* '' */
.ico-pan-productos:before {
  content: '\e80c'; }

/* '' */
.ico-pan-espiga_ok:before {
  content: '\e80d'; }

/* '' */
.ico-pan-pan-tostadas:before,
.ico-pan-pan-50:before {
  content: '\e80e'; }

/* '' */
.ico-pan-pan-funcionales:before,
.ico-pan-pan-30:before {
  content: '\e80f'; }

/* '' */
.ico-pan-pan-artesano:before,
.ico-pan-pan-20:before {
  content: '\e810'; }

/* '' */
.ico-pan-twitter:before {
  content: '\e811'; }

/* '' */
.ico-pan-facebook:before {
  content: '\e812'; }

/* '' */
.ico-pan-facebook-circled:before {
  content: '\e813'; }

/* '' */
.ico-pan-twitter-circled:before {
  content: '\e814'; }

/* '' */
.ico-pan-pan-blanco:before,
.ico-pan-pan-10:before {
  content: '\e815'; }

/* '' */
.ico-pan-espiga:before {
  content: '\e816'; }

/* '' */
.ico-pan-gplus:before {
  content: '\e817'; }

/* '' */
.ico-pan-gplus-circled:before {
  content: '\e818'; }

/* '' */
.ico-pan-instagram:before {
  content: '\F32D';
  font-family: "fontello2"; }

/* '' */
.ico-pan-pinterest:before {
  content: '\f312';
  font-family: "fontello2"; }

/* '' */
/* ======================================================================
  Big image
======================================================================== */
.bigItem__bg--vh {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.bigItem__img--scale {
  display: block;
  width: 100%;
  max-width: 475px;
  margin: 0 auto; }

.bigItem__bg--section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 70% auto !important;
  background-position: 50% 50% !important; }

/* ======================================================================
  Lists
======================================================================== */
.list__basic {
  list-style: none; }

/* ======================================================================
  Divisors
======================================================================== */
.red-divisor--med {
  display: block;
  width: 60%;
  margin: 0 auto 30px auto;
  border-bottom: 1px solid #E5080B; }

/* ======================================================================
  Detailed headers
======================================================================== */
.header__basic--med {
  font-family: "ThirstySoftRegular"; }

.header__basic--med {
  position: relative;
  display: block;
  padding: 30px 10px;
  font-size: 24px;
  font-size: 1.5rem;
  color: #E5080B;
  text-align: center; }
  @media screen and (min-width: 767px) {
    .header__basic--med {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media screen and (min-width: 768px) {
    .header__basic--med {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 1023px) {
    .header__basic--med {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 1200px) {
    .header__basic--med {
      font-size: 32px;
      font-size: 2rem; } }
  .header__basic--med:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    display: block;
    width: 30%;
    height: 1px;
    background: #E5080B; }

.msie9 .header__basic--med::after {
  margin-left: -15%; }

.detailed__header--primary, .detailed__header--subscribe {
  display: block;
  width: 100%;
  max-width: 545px;
  margin: 0px auto;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none; }
  @media screen and (min-width: 767px) {
    .detailed__header--primary, .detailed__header--subscribe {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media screen and (min-width: 768px) {
    .detailed__header--primary, .detailed__header--subscribe {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 1023px) {
    .detailed__header--primary, .detailed__header--subscribe {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media screen and (min-width: 1200px) {
    .detailed__header--primary, .detailed__header--subscribe {
      font-size: 32px;
      font-size: 2rem; } }
  @media (max-height: 850px) {
    .detailed__header--primary, .detailed__header--subscribe {
      font-size: 25px;
      font-size: 1.5625rem; } }
  @media (max-height: 760px) {
    .detailed__header--primary, .detailed__header--subscribe {
      font-size: 20px;
      font-size: 1.25rem; } }

.detailed__top, .detailed__bottom {
  position: relative;
  display: table;
  width: 100%;
  height: 5px; }
  .detailed__top:before, .detailed__bottom:before {
    left: 0; }
  .detailed__top:after, .detailed__bottom:after {
    right: 0; }

.detailed__txt {
  display: block;
  width: 100%;
  padding: 15px 0;
  font-family: "ThirstySoftRegular";
  color: #E5080B; }

.detailed__bottom-line--leftMD, .detailed__bottom-line--rightMD, .detailed__bottom-line--left, .detailed__bottom-line--right {
  display: table-cell;
  width: 45%;
  height: 5px;
  border-bottom: 1px solid #E5080B; }
  .detailed__bottom-line--leftMD:before, .detailed__bottom-line--rightMD:before, .detailed__bottom-line--left:before, .detailed__bottom-line--right:before {
    content: '';
    position: absolute;
    bottom: -2px;
    display: block;
    width: 5px;
    height: 5px;
    background: #E5080B;
    border-radius: 50%; }

.detailed__bottom-line--leftMD {
  width: 42%; }
  .detailed__bottom-line--leftMD:before {
    left: 0; }
  @media (max-width: 767px) {
    .detailed__bottom-line--leftMD {
      width: 36%; } }

.detailed__bottom-line--rightMD {
  width: 42%; }
  .detailed__bottom-line--rightMD:before {
    right: 0; }
  @media (max-width: 767px) {
    .detailed__bottom-line--rightMD {
      width: 36%; } }

.detailed__bottom-line--left:before {
  left: 0; }

.detailed__bottom-line--right:before {
  right: 0; }

.detailed__center--top {
  z-index: 7;
  position: absolute;
  top: 10px;
  left: 50%;
  display: block;
  width: calc( 100% - 86%);
  height: 60px;
  transform: translate3d(-50%, -50%, 0px);
  color: #E5080B; }
  .detailed__center--top.ico-pan-detailed__toast {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 0;
    text-indent: -3px; }
    @media (max-width: 767px) {
      .detailed__center--top.ico-pan-detailed__toast {
        text-indent: -12px; } }

.ipad .detailed__center--top {
  margin-top: -20px; }

.msie9 .detailed__center--top.ico-pan-detailed__toast {
  display: none; }

.detailed__center--bottom {
  position: absolute;
  top: -15px;
  display: table-cell;
  width: calc( 100% - 90%);
  height: 40px;
  text-align: center; }
  .detailed__center--bottom:before, .detailed__center--bottom:after {
    content: '';
    position: absolute;
    top: 22px;
    display: block;
    width: 12px;
    height: 1px;
    background: #E5080B; }
  .detailed__center--bottom:before {
    left: -11px;
    transform: rotate(-33deg); }
  .detailed__center--bottom:after {
    right: -11px;
    transform: rotate(33deg); }
  .detailed__center--bottom .ico-pan-detailed__heart {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    color: #E5080B; }

.msie9 .detailed__center--bottom .ico-pan-detailed__heart {
  margin-left: -25%; }

.ribbon__white--small {
  position: relative;
  width: 100%;
  max-width: 460px;
  min-height: 60px;
  margin: 0 auto;
  padding: 5px;
  background: transparent url(images/detailed__ribbon__white-bg.png);
  font-family: "ThirstySoftRegular";
  font-size: 25px;
  font-size: 1.5625rem;
  color: #E5080B;
  text-align: center; }
  .ribbon__white--small > span {
    display: inline-block;
    vertical-align: middle; }
  .ribbon__white--small::before {
    content: '';
    position: absolute;
    top: 0;
    left: -59px;
    width: 60px;
    height: 60px;
    background: transparent url(images/detailed__ribbon__white--left.png); }
  .ribbon__white--small::after {
    content: '';
    position: absolute;
    top: 0;
    right: -59px;
    width: 60px;
    height: 60px;
    background: transparent url(images/detailed__ribbon__white--right.png); }

/* ======================================================================
  Gallery products
======================================================================== */
.gallery__products {
  background: #f8f8f8; }
  .gallery__products .swiper-wrapper > div:nth-child(odd) {
    background: #f8f8f8; }
  .gallery__products .swiper-wrapper > div:nth-child(even) {
    background: #fcfcfc; }

.gallery__button--next {
  right: 0; }
  @media (max-width: 767px) {
    .gallery__button--next {
      right: 7px; } }
  .gallery__button--next:before {
    transform: translate3d(-50%, -87%, 0) rotate(-45deg); }
  .gallery__button--next:after {
    transform: translate3d(-50%, -30%, 0) rotate(45deg); }

.gallery__button-prev {
  left: 0; }
  @media (max-width: 767px) {
    .gallery__button-prev {
      left: 7px; } }
  .gallery__button-prev:before {
    transform: translate3d(-50%, -87%, 0) rotate(45deg); }
  .gallery__button-prev:after {
    transform: translate3d(-50%, -30%, 0) rotate(-45deg); }

.gallery__slide img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

/* ======================================================================
  Link box
======================================================================== */
.link-box__big-img {
  position: relative;
  display: block;
  width: 100%;
  height: auto; }
  .link-box__big-img img {
    display: block;
    max-width: 100%; }
  .link-box__big-img:hover .link-box__overlay {
    opacity: 0.9; }
  .link-box__big-img:hover .link-box__caption {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1; }

.msie9 .link-box__big-img .link-box__caption {
  margin-left: -25%; }

/* ======================================================================
  Ribbon
======================================================================== */
.grd-item__ribbon, .ribbon__red, .ribbon__red--big {
  position: absolute;
  top: 0;
  right: 30px;
  display: block;
  width: 50px;
  height: 50px;
  background: #E5080B;
  font-size: 35px;
  font-size: 2.1875rem;
  color: #ffffff;
  text-align: center; }
  .grd-item__ribbon:before, .ribbon__red:before, .ribbon__red--big:before {
    content: '';
    position: absolute;
    bottom: -12px;
    display: block;
    border-left: 30px solid #E5080B;
    border-bottom: 12px solid transparent; }
  .grd-item__ribbon:after, .ribbon__red:after, .ribbon__red--big:after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: 0;
    display: block;
    border-right: 30px solid #E5080B;
    border-bottom: 12px solid transparent; }

.ic-pan, .ic__ico {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 33px; }

.ribbon__red {
  z-index: 8;
  right: 60px; }
  @media (max-width: 1024px) {
    .ribbon__red {
      right: 90%; } }
  @media (max-width: 768px) {
    .ribbon__red {
      right: 85%; } }
  @media (max-width: 767px) {
    .ribbon__red {
      right: 75%; } }

.ribbon__red--big {
  z-index: 8;
  right: 60px;
  width: 60px;
  height: 60px; }

.ribbon__num--md {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase; }

.ribbon__txt--small {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #ffffff; }

/* ======================================================================
  box__img
======================================================================== */
.box__two-columns--large {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 25px; }
  @media screen and (min-width: 640px) {
    .box__two-columns--large {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  .box__two-columns--large .column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .box__two-columns--large .column--left {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
      -ms-flex-pack: center;
          justify-content: center; }
      @media screen and (min-width: 640px) {
        .box__two-columns--large .column--left {
          -ms-flex: 1 0 50%;
              flex: 1 0 50%; } }
      @media screen and (min-width: 990px) {
        .box__two-columns--large .column--left {
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }
    .box__two-columns--large .column--right {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
      padding: 1em 2.5em 2.5em; }
      @media screen and (min-width: 640px) {
        .box__two-columns--large .column--right {
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
          padding: 0 2.5em; } }
  .box__two-columns--large .video {
    width: 100%;
    height: auto; }
  .box__two-columns--large img {
    width: 100%;
    height: auto; }

.txt-small-note {
  margin-top: 40px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: center;
  color: #4b4b4b; }

/* ======================================================================
  Social share block
======================================================================== */
.social__share {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 60px;
  font-size: 3.75rem;
  color: #989898;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 767px) {
    .social__share {
      font-size: 40px;
      font-size: 2.5rem; } }
  .social__share > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    transition: all 0.3s ease-in-out;
    cursor: pointer; }
    @media (max-width: 767px) {
      .social__share > li {
        margin: 0; } }
    .social__share > li .ico-pan-mail {
      font-size: 25px;
      font-size: 1.5625rem;
      background: #989898;
      margin-top: -18px;
      padding: 22px;
      line-height: 0;
      text-indent: -3px;
      width: 60px;
      height: 60px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 50%;
      color: #fff;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 767px) {
        .social__share > li .ico-pan-mail {
          width: 40px;
          height: 40px;
          margin-top: 0;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 32px;
          padding: 0;
          text-indent: 0; } }
    .social__share > li:hover {
      color: #E5080B; }
      .social__share > li:hover .ico-pan-mail {
        background: #E5080B; }

/* ======================================================================
  Item circle
======================================================================== */
.table__items--center {
  display: table; }

.table__items--center {
  margin: 0 auto; }

.item-circle__box {
  position: relative;
  display: table-cell;
  width: 20%;
  padding: 0 80px;
  color: #6d6d6d;
  text-align: center; }
  @media (max-width: 1200px) {
    .item-circle__box {
      padding: 0 40px; } }
  @media (max-width: 1023px) {
    .item-circle__box {
      display: block;
      float: left;
      width: 50%; } }
  @media (max-width: 767px) {
    .item-circle__box {
      width: 100%; } }
  @media (max-height: 850px) {
    .item-circle__box {
      padding: 0 10px; } }

.item-circle__ico--red {
  position: relative;
  width: 155px;
  height: 155px;
  margin: 0 auto;
  background: #E5080B;
  border-radius: 50%; }
  @media (max-width: 1200px) {
    .item-circle__ico--red {
      width: 80px;
      height: 80px; } }
  @media (max-height: 850px) {
    .item-circle__ico--red {
      width: 110px;
      height: 110px; } }

#salero {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  width: 100px;
  height: 100px; }
  @media (max-width: 1200px), (max-height: 850px) {
    #salero {
      width: 60px;
      height: 60px; } }
  #salero path {
    fill: white; }

#nutricion-corazon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  width: 100px;
  height: 100px; }
  @media (max-width: 1200px), (max-height: 850px) {
    #nutricion-corazon {
      width: 60px;
      height: 60px; } }
  #nutricion-corazon path {
    fill: white; }

#manzana {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  width: 100px;
  height: 100px; }
  @media (max-width: 1200px), (max-height: 850px) {
    #manzana {
      width: 60px;
      height: 60px; } }
  #manzana path {
    fill: white; }

#item-circle__icon-toast {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  max-width: 100px;
  height: 100px; }
  @media (max-width: 1200px), (max-height: 850px) {
    #item-circle__icon-toast {
      width: 60px;
      height: 60px; } }
  #item-circle__icon-toast path {
    fill: white; }

#item-sabor {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-43%, -50%, 0);
  display: block;
  max-width: 100px;
  height: 100px; }
  @media (max-width: 1200px), (max-height: 850px) {
    #item-sabor {
      width: 60px;
      height: 60px; } }
  #item-sabor path {
    fill: white; }

#item-espiga {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  max-width: 100px;
  height: 100px; }
  @media (max-width: 1200px), (max-height: 850px) {
    #item-espiga {
      width: 60px;
      height: 60px; } }
  #item-espiga path {
    fill: white; }

#item-calidad {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  max-width: 100px;
  height: 100px; }
  @media (max-width: 1200px), (max-height: 850px) {
    #item-calidad {
      width: 60px;
      height: 60px; } }
  #item-calidad path {
    fill: white; }

#omega6 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  max-width: 100px;
  height: 100px; }
  @media (max-width: 1200px), (max-height: 850px) {
    #omega6 {
      width: 60px;
      height: 60px; } }
  #omega6 path,
  #omega6 text {
    fill: white; }

.msie9 #salero,
.msie9 #nutricion-corazon,
.msie9 #manzana {
  margin-top: -30%;
  margin-left: -30%; }

.txt-shadow--white {
  margin-top: 30px;
  font-family: "ThirstySoftRegular";
  font-size: 30px;
  font-size: 1.875rem;
  color: #E5080B;
  text-shadow: 2px 0px 7px white;
  min-height: 120px; }
  @media (max-height: 850px) {
    .txt-shadow--white {
      font-size: 20px;
      font-size: 1.25rem; } }

/* ======================================================================
  Ribbon Box
======================================================================== */
.riboon-box__container {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px 25px 0 25px;
  background: #fa0000; }

.ribbon-box__title {
  font-family: "ThirstySoftRegular";
  color: #ffffff;
  text-align: center; }
  .ribbon-box__title h3 {
    position: relative;
    padding-bottom: 10px;
    font-family: "ThirstySoftRegular";
    font-size: 25px;
    font-size: 1.5625rem; }
    .ribbon-box__title h3:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate3d(-50%, 0, 0);
      display: block;
      width: 100px;
      height: 1px;
      background: #ffffff; }

.ribbon-box__content {
  color: #ffffff; }
  .ribbon-box__content ul {
    margin: 0 auto;
    padding: 25px; }

.ribbon-box__detail {
  max-width: 500px;
  margin: 0 auto; }
  .ribbon-box__detail img {
    display: block;
    width: 100%; }
  .ribbon-box__detail.w480 {
    max-width: 480px; }
    @media (max-width: 767px) {
      .ribbon-box__detail.w480 {
        max-width: none;
        float: none !important; } }

/* ======================================================================
  Table product 
======================================================================== */
.table__product {
  width: 100%;
  border-bottom: 1px solid #ab7711;
  font-size: 13px;
  font-size: 0.8125rem; }
  @media (max-width: 1024px) {
    .table__product {
      border-bottom: 0;
      border-top: 1px solid #ab7711; } }
  .table__product th {
    padding: 15px 20px;
    background: #ab7711;
    color: #ffffff; }
    .table__product th:first-child {
      background: #ab7711;
      border-radius: 10px 0 0 0; }
    .table__product th:last-child {
      border-radius: 0 10px 0 0; }
  .table__product td {
    padding: 10px 25px;
    background: #fffffd;
    border-bottom: 1px solid #ab7711;
    color: #ab7711; }
    .table__product td:first-child {
      background: #f7f1e5;
      border-left: 1px solid #ab7711;
      color: #ab7711; }
    .table__product td:last-child {
      border-right: 1px solid #ab7711; }
    @media (max-width: 1024px) {
      .table__product td {
        display: block;
        width: 100%;
        border-left: 1px solid #ab7711;
        border-right: 1px solid #ab7711;
        border-bottom: 0; }
        .table__product td:last-child {
          border-bottom: 1px solid #ab7711; }
        .table__product td:before {
          content: attr(data-col-tag);
          font-weight: 700; } }

.table__legend {
  padding: 10px 0; }
  .table__legend p {
    font-size: 12px;
    font-size: 0.75rem;
    color: #ab7711; }

.table__striped {
  background: #f7f2e6 !important; }
  .table__striped:first-child {
    background: #f0e6d0 !important; }

.table__td-section {
  font-weight: 700;
  text-transform: uppercase; }
  @media (max-width: 1024px) {
    .table__td-section {
      background: #ab7711;
      color: white; } }

@media (max-width: 1024px) {
  .table__hidden--mob {
    display: none !important; } }

/**
 * Layer cookies
 */
.cookies__overlay {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #E5080B;
  opacity: 0.95; }
  .cookies__overlay:before {
    content: '';
    position: fixed;
    left: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: #fff; }
    @media (max-width: 767px) {
      .cookies__overlay:before {
        width: 15px; } }
  .cookies__overlay:after {
    content: '';
    position: fixed;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: #fff; }
    @media (max-width: 767px) {
      .cookies__overlay:after {
        width: 15px; } }

.cookies__box--center {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1280px;
  transform: translate3d(-50%, -50%, 0); }
  .cookies__box--center p {
    color: white; }
  .cookies__box--center a, .cookies__box--center .breadcrumb__block {
    color: white;
    text-decoration: underline; }

.cookies__main-copy, .cookies__close {
  position: relative;
  display: inline-block;
  vertical-align: top; }

.cookies__main-copy {
  max-width: 85%; }

.cookies__close {
  width: 30px;
  height: 30px;
  cursor: pointer; }
  .cookies__close::before, .cookies__close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 3px;
    background: white;
    transition: all 0.3s ease-in-out;
    border-radius: 15px; }
  .cookies__close::before {
    transform: translate3d(-50%, -50%, 0) rotate(45deg); }
  .cookies__close::after {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
  .cookies__close:hover::before {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
  .cookies__close:hover::after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.cookies__top-bar {
  z-index: 9999;
  position: fixed;
  bottom: 0;
  display: none;
  width: 100%;
  min-height: 50px;
  background: #ff7800; }
  .cookies__top-bar p {
    font: 0.625em/120% Arial, Helvetica;
    color: #ffffff; }
    @media (min-width: 48em) {
      .cookies__top-bar p {
        font-size: 0.9375em; } }
  .cookies__top-bar a, .cookies__top-bar .breadcrumb__block {
    font-family: inherit;
    color: #ffffff; }
  .cookies__top-bar .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 47.9375em) {
      .cookies__top-bar .row .col {
        padding: 0 0.4em; }
        .cookies__top-bar .row .col-left {
          padding-right: 0.2em; }
        .cookies__top-bar .row .col-right {
          padding-left: 0.2em; } }
  @media (max-width: 47.9375em) {
    .cookies__top-bar .cookies__close {
      width: 20px;
      height: 20px; } }

/**
 * Anchor buttons
 */
.anchor__button {
  display: inline-block;
  min-height: 65px;
  margin-bottom: 25px;
  margin-right: 25px;
  color: #6d6d6d;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out; }
  .anchor__button > span {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    transition: all 0.3s ease-in-out; }
  .anchor__button path {
    transition: all 0.3s ease-in-out; }
  .anchor__button:hover {
    color: #E5080B; }
    .anchor__button:hover span {
      text-decoration: underline; }
    .anchor__button:hover path {
      fill: #E5080B; }

.anchors__ico--products, .anchors__ico--recetas {
  display: inline-block; }

.anchors__ico--products {
  width: 50px;
  height: 45px; }

.anchors__ico--recetas {
  width: 50px;
  height: 50px; }

.anchor__txt {
  padding-top: 20px; }
  @media (max-width: 768px) {
    .anchor__txt {
      width: 70%; } }

.circle__properties {
  display: block;
  text-align: center; }
  .circle__properties > li {
    display: inline-block; }

.circle__property-txt {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  color: white;
  text-align: center; }

.circle__property--fosforo, .circle__property--postasio, .circle__property--hierro, .circle__property--zinc, .circle__property--vitaminas, .circle__property--omega6 {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: transparent url(images/sp-nutricion-circle.png) no-repeat; }

.circle__property--fosforo {
  background-position: 0 0; }

.circle__property--postasio {
  background-position: -80px 0; }

.circle__property--hierro {
  background-position: -162px 0; }

.circle__property--zinc {
  background-position: -244px 0; }

.circle__property--vitaminas {
  background-position: -325px 0; }

.circle__property--omega6 {
  background-position: -408px 0; }

.comp__box {
  text-align: center; }
  .comp__box > div {
    display: inline-block; }

.comp__txt {
  font-size: 12px;
  font-size: 0.75rem; }

.comp__ic {
  display: block;
  width: 60px;
  height: 75px;
  margin: 0 auto;
  background: transparent url(images/sp-nutricion-circle.png) no-repeat; }

.sp-girasol {
  background-position: -485px -2px; }

.sp-trigo {
  background-position: -543px -2px; }

/*------------------------------------*    #BUTTON
\*------------------------------------*/
.button {
  display: block;
  background: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 10; }
  .csstransitions .button {
    transition: all 0.3s ease-in-out; }
  .button--action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    width: 26.375em;
    height: 5.0625em;
    background: #e37639;
    text-decoration: none;
    position: relative; }
    .button--action h2 {
      font: 2.375em/120% "Gotham Ultra", Helvetica, Arial, sans-serif;
      color: #fff;
      margin: auto; }
    .button--action:hover, .button--action:focus {
      text-decoration: none;
      background: #b6521a; }

/*------------------------------------*    #FORM
\*------------------------------------*/
.form.form--promo .form__label {
  font: 0.625em/120% "Gotham Black", Helvetica, Arial, sans-serif;
  color: #335d86;
  text-transform: uppercase; }
  @media (min-width: 48em) {
    .form.form--promo .form__label {
      font-size: 0.8125em; } }

.form.form--promo .form__input[type=text],
.form.form--promo .form__input[type=email] {
  width: 100%; }

.form.form--promo .form__input[type=file] {
  display: none; }

.form.form--promo .file__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }
  @media (min-width: 62em) {
    .form.form--promo .file__content {
      width: 100%; } }

.form.form--promo .filename {
  font: 1em/120% "Gotham Condensed", Helvetica, Arial, sans-serif;
  color: #335d86;
  margin: 0;
  padding-left: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.form.form--promo .form__input[type=text],
.form.form--promo .form__input[type=email],
.form.form--promo .input--date,
.form.form--promo .form__select {
  width: 100%;
  height: 24px;
  font: 0.6875em/120% "Gotham Black", Helvetica, Arial, sans-serif;
  color: #335d86;
  border: 1px solid #335d86;
  padding: 0.4em; }
  @media (min-width: 48em) {
    .form.form--promo .form__input[type=text],
    .form.form--promo .form__input[type=email],
    .form.form--promo .input--date,
    .form.form--promo .form__select {
      font-size: 0.8125em;
      height: 27px; } }
  .form.form--promo .form__input[type=text]:focus,
  .form.form--promo .form__input[type=email]:focus,
  .form.form--promo .input--date:focus,
  .form.form--promo .form__select:focus {
    outline: 2px solid #335d86; }
  .form.form--promo .form__input[type=text].is-wrong,
  .form.form--promo .form__input[type=email].is-wrong,
  .form.form--promo .input--date.is-wrong,
  .form.form--promo .form__select.is-wrong {
    border-color: #FF0000; }
    .form.form--promo .form__input[type=text].is-wrong:focus,
    .form.form--promo .form__input[type=email].is-wrong:focus,
    .form.form--promo .input--date.is-wrong:focus,
    .form.form--promo .form__select.is-wrong:focus {
      outline-color: #FF0000; }

.form.form--promo .form__select option {
  font: 0.625em/120% "Gotham Black", Helvetica, Arial, sans-serif;
  color: #335d86; }
  @media (min-width: 48em) {
    .form.form--promo .form__select option {
      font-size: 0.8125em; } }

.form.form--promo .form__datewrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.form.form--promo .input--date {
  text-align: center;
  width: 32%;
  position: relative; }
  .form.form--promo .input--date:-ms-input-placeholder {
    color: #335d86; }
  .form.form--promo .input--date::placeholder {
    color: #335d86; }

.form.form--promo .form__legal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 1em; }
  @media (min-width: 48em) {
    .form.form--promo .form__legal {
      margin-top: 2em; } }
  .form.form--promo .form__legal--txt {
    font: 0.875em/100% "Gotham Condensed", Helvetica, Arial, sans-serif;
    color: #335d86; }
    @media (min-width: 48em) {
      .form.form--promo .form__legal--txt {
        font-size: 1em; } }
    .form.form--promo .form__legal--txt a, .form.form--promo .form__legal--txt .breadcrumb__block {
      font-family: inherit;
      color: inherit;
      text-decoration: underline; }
    .form.form--promo .form__legal--txt.form__legal--extra {
      font-size: 0.85em;
      margin-top: 0.5em; }
  .form.form--promo .form__legal .form__input[type=checkbox] {
    width: 1em;
    margin: auto 0;
    -webkit-appearance: checkbox;
       -moz-appearance: checkbox;
            appearance: checkbox; }
  .form.form--promo .form__legal--policy {
    max-width: 90%;
    margin: 0;
    padding-left: 0.5em; }
    @media (min-width: 26em) {
      .form.form--promo .form__legal--policy {
        max-width: 100%; } }

.form.form--promo .form__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media (min-width: 62em) {
    .form.form--promo .form__row {
      -ms-flex-direction: row;
          flex-direction: row; } }
  .form.form--promo .form__row .form__col {
    width: 100%;
    max-width: 37.0625em;
    margin: 0 auto; }
    @media (min-width: 62em) {
      .form.form--promo .form__row .form__col--left {
        width: 70%;
        padding-right: 1em; }
      .form.form--promo .form__row .form__col--right {
        width: 30%;
        padding-left: 1em; } }

.form.form--promo .form__group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 0.5em; }
  @media (min-width: 34.875em) {
    .form.form--promo .form__group {
      -ms-flex-direction: row;
          flex-direction: row; } }
  @media (min-width: 48em) {
    .form.form--promo .form__group {
      margin-top: 1em; } }
  .form.form--promo .form__group:first-child {
    margin-top: 0; }
  .form.form--promo .form__group .form__field {
    width: 100%;
    margin-top: 0.5em; }
    .form.form--promo .form__group .form__field:first-child {
      margin-top: 0; }
    @media (min-width: 34.875em) {
      .form.form--promo .form__group .form__field {
        width: 50%;
        margin-top: 0; }
        .form.form--promo .form__group .form__field:first-child {
          padding-right: 1em; }
        .form.form--promo .form__group .form__field:nth-child(2) {
          padding-left: 1em; } }

.form.form--promo .g-recaptcha {
  max-width: 14.5625em;
  margin: 1em auto 0;
  transform: scale(0.77);
  transform-origin: 0 0; }
  @media (min-width: 48em) {
    .form.form--promo .g-recaptcha {
      max-width: 18.75em;
      transform: scale(1); } }

/*------------------------------------*    #MODAL
\*------------------------------------*/
.modal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.75);
  padding: 1.5em;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  animation: modal-enter 0.5s ease-in-out;
  /*------------------------------------*      Todos
  \*------------------------------------*/
  /*------------------------------------*      #MODAL WINNER
  \*------------------------------------*/
  /*------------------------------------*      #MODAL LOSER
  \*------------------------------------*/
  /*------------------------------------*      #MODAL ENDPROMO
  \*------------------------------------*/ }
  .modal.anim-leave {
    animation: modal-leave 0.3s ease-in-out; }
    .modal.anim-leave .modal__box {
      animation: modal-leave 0.3s ease-in-out; }
      @media (min-width: 48em) {
        .modal.anim-leave .modal__box {
          animation-name: modal-box-leave; } }
  .modal__box {
    animation: modal-enter 0.5s ease-in-out; }
    @media (min-width: 48em) {
      .modal__box {
        animation-name: modal-box-enter; } }
  .modal .modal__box {
    background-color: #335d86;
    border-radius: 30px;
    margin-top: 4.5em;
    padding: 1em 1.2em;
    text-align: center;
    position: relative;
    margin: auto; }
  .modal .modal__title {
    font: 1.25em/120% "Gotham Ultra", Helvetica, Arial, sans-serif;
    color: #fcdc35;
    margin: 0 auto; }
    @media (min-width: 48em) {
      .modal .modal__title {
        font-size: 2.625em; } }
  .modal .modal__description {
    font: 0.75em/120% "Gotham Medium", Helvetica, Arial, sans-serif;
    color: #fff;
    margin-top: 1em; }
    @media (min-width: 48em) {
      .modal .modal__description {
        font-size: 0.875em; } }
    .modal .modal__description strong {
      font: 1.375em/120% "Gotham Ultra", Helvetica, Arial, sans-serif;
      color: #fcdc35;
      text-transform: uppercase; }
    .modal .modal__description p {
      margin: 1em auto 0; }
      .modal .modal__description p:first-child {
        margin-top: 0; }
    .modal .modal__description a, .modal .modal__description .breadcrumb__block {
      font-family: inherit;
      color: #fff;
      text-decoration: underline; }
  .modal .modal__legal {
    font: 0.625em/120% "Gotham Medium", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    margin: 1em 0 0; }
    @media (min-width: 48em) {
      .modal .modal__legal {
        font-size: 0.6875em;
        margin-top: 2em; } }
  .modal .modal__img {
    margin: 0 auto; }
    .modal .modal__img img {
      max-width: 100%;
      height: auto; }
  .modal .button--action {
    font-size: 0.5em;
    margin: 4em auto 0; }
  @media (min-width: 48em) {
    .modal--winner .modal__box {
      text-align: left; } }
  .modal--winner .modal__img {
    max-width: 18.0625em; }
    @media (min-width: 48em) {
      .modal--winner .modal__img {
        float: left;
        margin: 0 0 4em;
        padding-right: 1em; } }
  .modal--winner .modal__title {
    margin-top: 0.5em; }
    @media (min-width: 48em) {
      .modal--winner .modal__title {
        margin-top: 0; } }
  @media (min-width: 48em) {
    .modal--winner .button--action {
      margin: 4em 0 0; } }
  .modal--loser .modal__title {
    font-size: 1.4375em; }
    .modal--loser .modal__title em {
      font-size: 1.3em;
      line-height: 140%;
      font-style: normal; }
      @media (min-width: 48em) {
        .modal--loser .modal__title em {
          display: block; } }
  @media (min-width: 48em) {
    .modal--endpromo .modal__box {
      width: 33.125em;
      padding: 4em; } }
  @media (min-width: 48em) {
    .modal--endpromo .modal__title {
      font-size: 2.3125em; } }
  .modal--subvention .modal__box {
    text-align: left;
    width: 100%;
    max-width: 31.625em;
    padding: 1.75em 1em 1em;
    border-radius: 1em;
    background: #ffffff; }
  .modal--subvention .modal__image {
    width: 100%;
    height: 3.8125em;
    background: url("../images/header-subvention.jpg") 50% 50%/contain no-repeat;
    margin: 0 auto; }
    @media (min-width: 48em) {
      .modal--subvention .modal__image {
        width: 24.8125em; } }
  .modal--subvention .modal__content {
    font-size: 0.9em;
    padding: 1.25em;
    margin: 0.875em 0 0;
    background-color: #efefef;
    border-radius: 1em; }
    @media (min-width: 48em) {
      .modal--subvention .modal__content {
        font-size: 1em; } }
    .modal--subvention .modal__content p {
      font: normal 0.8125em/1.45 Helvetica, Arial, sans-serif;
      color: #000000; }
      .modal--subvention .modal__content p em {
        font-style: normal;
        color: #707070; }
      .modal--subvention .modal__content p strong {
        font-weight: 700; }
  .modal--subvention .button--close {
    font-size: 1em;
    width: 2.125em;
    height: 2.125em;
    background: url("../images/button-modal-close@2x.png") 50% 50%/contain no-repeat;
    position: absolute;
    right: -0.9375em;
    top: -0.9375em; }
    @media (min-width: 48em) {
      .modal--subvention .button--close {
        right: -1.875em;
        top: -1.875em; } }

/*------------------------------------*    ANIMACIONES
\*------------------------------------*/
@keyframes modal-enter {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes modal-box-enter {
  0% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

@keyframes modal-leave {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes modal-box-leave {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.3); } }

.loading {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  display: none; }
  .loading.is-active {
    display: block; }
  .loading .spinner {
    width: initial;
    height: initial;
    background: transparent;
    margin: initial;
    animation: none; }

.video {
  width: 100%;
  height: auto; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-big-play-button:before {
  top: 5px; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("https://vjs.zencdn.net/5-unsafe/../font/2.0.0/VideoJS.eot?#iefix") format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
  content: "\f101";
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play-circle:before {
  content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
  content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
  content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
  content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-square:before {
  content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-spinner:before {
  content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
  content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
  content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
  content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-share:before {
  content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cog:before {
  content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
  content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-outline:before {
  content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-inner-circle:before {
  content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-hd:before {
  content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
  content: "\f115"; }

.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-replay:before {
  content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-facebook:before {
  content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-gplus:before {
  content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-linkedin:before {
  content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-twitter:before {
  content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-tumblr:before {
  content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pinterest:before {
  content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before {
  content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio:before, .video-js .vjs-audio-button:before {
  content: "\f11e"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif; }

.video-js:-moz-full-screen {
  position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a, .vjs-no-js .breadcrumb__block,
.vjs-no-js a:visited,
.vjs-no-js .breadcrumb__block:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  height: 2em;
  width: 2em;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background: red;
  border-radius: 100%;
  transition: all 0.4s; }

.vjs-controls-enabled .vjs-big-play-button {
  display: block; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  display: none;
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
  transition: none; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-control:before {
  font-size: 1.8em;
  line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  -ms-flex: auto;
  flex: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.vjs-live .vjs-progress-control {
  display: none; }

.video-js .vjs-progress-holder {
  -ms-flex: auto;
  flex: auto;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  font-family: Arial, Helvetica, sans-serif;
  visibility: visible;
  font-size: 0.6em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-mouse-display:before {
  display: none; }

.video-js .vjs-play-progress {
  background-color: #fff; }

.video-js .vjs-play-progress:before {
  position: absolute;
  top: -0.333333333333333em;
  right: -0.5em;
  font-size: 0.9em; }

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em; }

.video-js .vjs-time-tooltip,
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
  z-index: 1; }

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
  display: none; }

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em; }

.vjs-tooltip-progress-bar {
  visibility: hidden; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-volume-control {
  width: 5em;
  -ms-flex: none;
  flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em;
  height: 8em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  background-color: transparent !important; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none; }

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 16em;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 1em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
  border: none; }

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
  vertical-align: top;
  float: right; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings fieldset {
  margin-top: 1em;
  margin-left: .5em; }

.vjs-caption-settings fieldset .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden; } }

* {
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  margin: 0;
  overflow-x: hidden; }

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 90px 0 50px 0; }
  @media (max-width: 767px) {
    body {
      padding: 0 0 50px 0; } }
  body:before {
    content: '';
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 45px;
    height: 100%;
    background-color: #ffffff; }
    @media (max-width: 767px) {
      body:before {
        width: 15px; } }
  body:after {
    content: '';
    z-index: 99;
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: 45px;
    height: 100%;
    background-color: #ffffff; }
    @media (max-width: 767px) {
      body:after {
        width: 15px; } }

@media (max-width: 768px) {
  .js-notscroll {
    padding-top: 70px; } }

ul, ol {
  display: block;
  margin: 0;
  padding: 0; }

.scale-img {
  display: block;
  max-width: 100%; }

section {
  display: block; }

@media (max-width: 767px) {
  .mark-box {
    margin-bottom: 10px; } }

.txt-center {
  text-align: center; }

.copy__boxed-sections {
  padding: 15px;
  font-size: 16px;
  font-size: 1rem;
  color: #6d6d6d;
  text-align: justify; }

.red-brand-color {
  color: #E5080B; }

img {
  border: 0; }

/* ======================================================================
  Test
======================================================================== */
.bg-yellow {
  background: #FFFFCA; }

.bg-blue {
  background: #DCF9FF; }

.swiper-container {
  width: 600px;
  height: 300px; }

.img-scale {
  display: block;
  width: 100%; }

/* ======================================================================
  Bg's
======================================================================== */
.bg__grey--soft {
  background: #fcfcfc; }

.bg__grey--basic {
  background: #f5f5f5; }

/* ======================================================================
  Featured bigbox
======================================================================== */
.featured__big-box {
  display: block;
  width: 100%;
  background: #ccc;
  color: #333;
  text-decoration: none; }

/* ======================================================================
  Global boxes
======================================================================== */
.box__content--grey {
  width: 100%;
  min-height: 100%;
  padding: 0 100px;
  background: #f5f5f5; }
  @media (max-width: 1024px) {
    .box__content--grey {
      padding: 0 25px; } }
  @media (max-width: 768px) {
    .box__content--grey {
      padding: 0 15px; } }

.scr-y {
  overflow-y: scroll; }
  @media (max-width: 767px) {
    .scr-y {
      overflow-y: visible; } }

/* ======================================================================
  Social pan
======================================================================== */
.widget__box {
  padding: 40px 0;
  text-align: center; }
  @media (max-width: 768px) {
    .widget__box {
      padding: 40px 0; } }

.recetas__viewH {
  height: 100vh; }

.recetas__viewH--scroll {
  height: 100vh;
  overflow-y: scroll; }
  @media (max-width: 767px) {
    .recetas__viewH--scroll {
      height: auto;
      overflow-y: auto; } }

/* ======================================================================
  Scroll sections
======================================================================== */
.scroll__section {
  overflow-y: scroll; }
  @media (max-width: 767px) {
    .scroll__section {
      overflow-y: visible; } }

.portrait .scroll__section {
  overflow-y: visible;
  height: auto !important; }

/* ======================================================================
 Header
======================================================================== */
header {
  z-index: 101;
  position: fixed;
  top: 0;
  display: block;
  width: 100%;
  height: 90px;
  background: #fff; }
  @media (max-width: 767px) {
    header {
      height: 70px; } }

.logo {
  max-width: 150px;
  margin: 0; }
  @media screen and (min-width: 48em) {
    .logo {
      margin: 0 auto; } }
  .logo img {
    display: block;
    max-width: 100px;
    height: auto;
    margin: 0;
    border: 0; }
    @media screen and (min-width: 48em) {
      .logo img {
        margin: 0 auto; } }
    @media (max-width: 767px) {
      .logo img {
        max-width: 75px; } }

.header__left-menu,
.header__right-menu {
  position: absolute;
  top: 0; }

.header__left-menu {
  left: 22px; }

.header__right-menu {
  padding: 1em 0 0 0;
  right: 1.375em; }
  @media screen and (min-width: 48em) {
    .header__right-menu {
      padding: 1.25em 0 0 0; } }
  @media screen and (min-width: 75em) {
    .header__right-menu {
      padding: 0.75em 1.25em 0 0; } }
  .header__right-menu .button {
    text-indent: -9999px;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    border: none; }
    .header__right-menu .button--subvention {
      font-size: 0.4em;
      width: 24.8125em;
      height: 3.8125em;
      background: url("../images/header-subvention.jpg") 50% 50%/contain no-repeat; }
      @media screen and (min-width: 48em) {
        .header__right-menu .button--subvention {
          font-size: 0.6em; } }
      @media screen and (min-width: 75em) {
        .header__right-menu .button--subvention {
          font-size: 1em; } }

.header_social {
  float: left;
  margin-top: 25px;
  margin-left: 32px; }
  @media (max-width: 767px) {
    .header_social {
      display: none; } }
  .header_social > li {
    display: inline-block;
    margin-right: 15px; }
    .header_social > li:last-child {
      margin-right: 0; }
    .header_social > li:hover svg {
      fill: #E5080B; }
  .header_social a, .header_social .breadcrumb__block {
    width: 35px;
    color: white;
    transition: all 0.3s ease-in-out;
    text-indent: 3px; }
    .header_social a .ico-pan-facebook, .header_social .breadcrumb__block .ico-pan-facebook,
    .header_social a .ico-pan-twitter,
    .header_social .breadcrumb__block .ico-pan-twitter,
    .header_social a .ico-pan-gplus,
    .header_social .breadcrumb__block .ico-pan-gplus,
    .header_social a .ico-pan-pinterest,
    .header_social .breadcrumb__block .ico-pan-pinterest,
    .header_social a .ico-pan-instagram,
    .header_social .breadcrumb__block .ico-pan-instagram {
      display: block;
      width: 35px;
      padding: 5px;
      border-radius: 50%;
      background: #ababab; }
    .header_social a:hover .ico-pan-facebook, .header_social .breadcrumb__block:hover .ico-pan-facebook {
      background: #3b5999; }
    .header_social a:hover .ico-pan-twitter, .header_social .breadcrumb__block:hover .ico-pan-twitter {
      background: #00bbf2; }
    .header_social a:hover .ico-pan-gplus, .header_social .breadcrumb__block:hover .ico-pan-gplus {
      background: #dc4b3e; }
    .header_social a:hover .ico-pan-instagram, .header_social .breadcrumb__block:hover .ico-pan-instagram {
      background: #005bb0; }
    .header_social a:hover .ico-pan-pinterest, .header_social .breadcrumb__block:hover .ico-pan-pinterest {
      background: #bb232b; }
  .header_social svg {
    display: block;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out; }

.ico-svg-pint {
  width: 20px;
  height: 22px;
  fill: #ababab; }

.ico-svg-fb {
  width: 16px;
  height: 17px;
  fill: #ababab; }

.lang__menu {
  float: right;
  width: 40px;
  margin-top: 20px;
  text-align: center; }

.lang__current {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-size: 1.125rem;
  color: #ababab;
  text-decoration: none;
  cursor: pointer; }

.lang__current:hover ~ .header_lang-menu,
.header_lang-menu:hover {
  display: block; }

.header_lang-menu {
  display: none;
  list-style: none; }
  .header_lang-menu a, .header_lang-menu .breadcrumb__block {
    font-size: 18px;
    font-size: 1.125rem;
    color: #E5080B;
    text-decoration: none; }

/* ======================================================================
  SPPR -- Siempre panrico block Valores
======================================================================== */
.sppr__container {
  display: table;
  height: 100%; }

.sppr__box {
  display: table-cell;
  vertical-align: top;
  padding: 10% 40px;
  width: 25%; }
  .sppr__box:nth-child(1) {
    background: #d60000; }
  .sppr__box:nth-child(2) {
    background: #dd0000; }
  .sppr__box:nth-child(3) {
    background: #e10000; }
  .sppr__box:nth-child(4) {
    background: #da0000; }
  @media (max-width: 768px) {
    .sppr__box {
      display: block;
      float: left;
      width: 50%;
      padding: 10% 25px; } }
  @media (max-width: 767px) {
    .sppr__box {
      width: 100%; } }

.sppr__center-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white; }
  .sppr__center-box h2 {
    font-family: "ThirstySoftRegular"; }
  @media (max-width: 767px) {
    .sppr__center-box {
      display: block; } }

.sppr__ico-box {
  max-width: 140px;
  height: 140px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .sppr__ico-box {
      max-width: 100%; } }
  .sppr__ico-box svg {
    display: block !important;
    width: 140px !important;
    max-width: 140px !important;
    height: auto;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      .sppr__ico-box svg {
        max-width: 75px; } }

#valores-tostada path {
  fill: white;
  stroke: white; }

#valores-sabor path {
  fill: white;
  stroke: white; }

#valores-sano path {
  stroke: white; }

#valores-mas-por-menos path {
  fill: white;
  stroke: white; }

/* ======================================================================
  Home navigation
======================================================================== */
.home-navigation__container {
  z-index: 100;
  position: fixed;
  bottom: 60px;
  left: 50%;
  display: table;
  width: 50%;
  transform: translate3d(-50%, 0, 0);
  background: #fff;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 1024px) {
    .home-navigation__container {
      width: 80%; } }
  .home-navigation__container.small-navigation {
    bottom: 8px;
    width: 50%; }
    @media (max-width: 1024px) {
      .home-navigation__container.small-navigation {
        width: 60%; } }
  @media (max-width: 767px) {
    .home-navigation__container {
      display: none; } }

.msie9 .home-navigation__container {
  margin-left: -25%; }
  .msie9 .home-navigation__container.small-navigation {
    margin-left: -17%; }

.home-navigation__box {
  position: relative;
  display: table-cell;
  width: 10%;
  height: 140px;
  padding-top: 25px;
  text-align: center;
  text-decoration: none;
  color: #ababab;
  transition: all 0.3s ease-in-out; }
  .home-navigation__box .home-navigation__title {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase; }
  .home-navigation__box:hover {
    color: #E5080B; }
  .home-navigation__box--promo {
    color: #ababab; }

.home-navigation__ico {
  display: block;
  width: 100%;
  padding-bottom: 20px; }
  .home-navigation__ico svg {
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease-in-out; }

/* ======================================================================
  Iconos SVG
======================================================================== */
#bar-espigas {
  display: block;
  width: 67px;
  height: 70px;
  fill: #6b6b6b; }
  #bar-espigas path {
    stroke: #6b6b6b; }

#bar-tostada {
  display: block;
  width: 70px;
  height: 70px;
  fill: #6b6b6b; }
  #bar-tostada path {
    stroke: #6b6b6b; }

#bar-corazon {
  display: block;
  width: 70px;
  height: 70px;
  fill: #6b6b6b; }
  #bar-corazon path {
    stroke: #6b6b6b; }

#bar-new {
  display: block;
  width: 70px;
  height: 70px;
  fill: #6b6b6b; }
  #bar-new path,
  #bar-new line {
    stroke: #6b6b6b; }
  #bar-new path {
    stroke-width: 24px; }

#bar-social {
  display: block;
  width: 70px;
  height: 70px;
  fill: #6b6b6b; }
  #bar-social path {
    stroke: #6b6b6b; }

#bar-recetas {
  display: block;
  width: 57px;
  height: 67px;
  fill: #6b6b6b; }
  #bar-recetas path {
    stroke: #6b6b6b; }

.home-navigation__box #bar-new {
  fill: #6b6b6b; }
  .home-navigation__box #bar-new path {
    stroke: #6b6b6b; }
  .home-navigation__box #bar-new line {
    stroke: #6b6b6b; }
  .home-navigation__box #bar-new .st2 {
    stroke: none; }

.home-navigation__box:hover #bar-espigas,
.home-navigation__box:hover #bar-tostada,
.home-navigation__box:hover #bar-corazon,
.home-navigation__box:hover #bar-new,
.home-navigation__box:hover #bar-social,
.home-navigation__box:hover #bar-recetas {
  fill: #E5080B; }
  .home-navigation__box:hover #bar-espigas path,
  .home-navigation__box:hover #bar-tostada path,
  .home-navigation__box:hover #bar-corazon path,
  .home-navigation__box:hover #bar-new path,
  .home-navigation__box:hover #bar-social path,
  .home-navigation__box:hover #bar-recetas path {
    stroke: #E5080B; }
  .home-navigation__box:hover #bar-espigas line,
  .home-navigation__box:hover #bar-tostada line,
  .home-navigation__box:hover #bar-corazon line,
  .home-navigation__box:hover #bar-new line,
  .home-navigation__box:hover #bar-social line,
  .home-navigation__box:hover #bar-recetas line {
    stroke: #E5080B; }

.home-navigation__box:hover #bar-new .st2 {
  fill: #E5080B;
  stroke: none; }

/* ======================================================================
  With small-navigation class
======================================================================== */
.small-navigation .home-navigation__box {
  padding-top: 15px; }
  .small-navigation .home-navigation__box .home-navigation__title {
    position: absolute;
    top: 40%;
    width: 100%;
    transform: translateY(-50%);
    opacity: 0;
    color: #E5080B;
    transition: all 0.3s ease-in-out; }
  .small-navigation .home-navigation__box:hover .home-navigation__title {
    opacity: 1; }
  .small-navigation .home-navigation__box:hover #bar-espigas,
  .small-navigation .home-navigation__box:hover #bar-tostada,
  .small-navigation .home-navigation__box:hover #bar-corazon,
  .small-navigation .home-navigation__box:hover #bar-new,
  .small-navigation .home-navigation__box:hover #bar-social,
  .small-navigation .home-navigation__box:hover #bar-recetas {
    fill: #6b6b6b;
    opacity: 0.3; }
    .small-navigation .home-navigation__box:hover #bar-espigas path,
    .small-navigation .home-navigation__box:hover #bar-espigas line,
    .small-navigation .home-navigation__box:hover #bar-tostada path,
    .small-navigation .home-navigation__box:hover #bar-tostada line,
    .small-navigation .home-navigation__box:hover #bar-corazon path,
    .small-navigation .home-navigation__box:hover #bar-corazon line,
    .small-navigation .home-navigation__box:hover #bar-new path,
    .small-navigation .home-navigation__box:hover #bar-new line,
    .small-navigation .home-navigation__box:hover #bar-social path,
    .small-navigation .home-navigation__box:hover #bar-social line,
    .small-navigation .home-navigation__box:hover #bar-recetas path,
    .small-navigation .home-navigation__box:hover #bar-recetas line {
      stroke: #6b6b6b; }

.small-navigation #bar-espigas {
  width: 53px; }

.small-navigation #bar-tostada {
  width: 45px; }

.small-navigation #bar-corazon {
  width: 50px; }

.small-navigation #bar-new {
  width: 50px; }

.small-navigation #bar-social {
  width: 60px; }

.small-navigation #bar-recetas {
  width: 50px; }

/* ======================================================================
  Home slider
======================================================================== */
.home-slider__container {
  width: 100%;
  height: 100%; }
  @media (min-width: 41.125em) {
    .home-slider__container {
      padding: 90px 0 60px; } }
  .home-slider__container .swiper-slide {
    background-color: #fff !important;
    background-size: contain !important; }

.home-slider__wrapper {
  height: auto !important; }

.home-slider__slide {
  background-position: center;
  background-size: cover; }

.home-slider__button--next {
  right: 0; }
  .home-slider__button--next:before {
    transform: translate3d(-50%, -87%, 0) rotate(-45deg); }
  .home-slider__button--next:after {
    transform: translate3d(-50%, -30%, 0) rotate(45deg); }

.home-slider__button-prev {
  left: 0; }
  .home-slider__button-prev:before {
    transform: translate3d(-50%, -87%, 0) rotate(45deg); }
  .home-slider__button-prev:after {
    transform: translate3d(-50%, -30%, 0) rotate(-45deg); }

.home-slider__link-block {
  display: block;
  width: 100%;
  height: 100%; }

/* ======================================================================
  Fix IE
======================================================================== */
.msie9 .home-slider__button--next:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 0;
  background: url("images/icon-arrow-right.png") no-repeat 0 0 !important;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 767px) {
    .msie9 .home-slider__button--next:before {
      width: 2px;
      height: 10px; } }

.msie9 .home-slider__button--next:after {
  display: none; }

/* ======================================================================
  Featured block
======================================================================== */
.home-featured__box {
  position: relative;
  display: block; }
  .home-featured__box:hover .home-featured__overlay {
    opacity: 0.9; }
  .home-featured__box:hover .home-featured__caption {
    opacity: 1; }

.home-featured__content {
  z-index: 11;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  max-width: 380px;
  width: 100%; }
  .home-featured__content .toast__detail {
    position: relative;
    bottom: 0; }
  .home-featured__content .toast__txt {
    position: relative;
    left: 0;
    transform: translate3d(0, 0, 0);
    text-align: center; }

.home-featured__caption {
  position: relative;
  display: block;
  width: 100%;
  font-family: "ThirstySoftRegular";
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  opacity: 0; }
  @media screen and (min-width: 767px) {
    .home-featured__caption {
      font-size: 16px;
      font-size: 1rem; } }
  @media screen and (min-width: 768px) {
    .home-featured__caption {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 1023px) {
    .home-featured__caption {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media screen and (min-width: 1200px) {
    .home-featured__caption {
      font-size: 25px;
      font-size: 1.5625rem; } }

.home-featured__overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #E5080B;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.line-under {
  border-bottom: 1px solid #fd8c8b;
  padding: 0 10px; }

/* ======================================================================
  Navigation
======================================================================== */
.nav__container {
  z-index: 100;
  position: fixed;
  bottom: 60px;
  left: 50%;
  transform: translate3d(-50%, 0, 0); }
  @media (max-width: 767px) {
    .nav__container {
      bottom: 15px;
      display: table;
      width: 100%;
      background: #ffffff; } }

.nav__item, .nav__item--burger {
  position: relative;
  float: left;
  height: 60px;
  background: #fff;
  transition: all 0.3s ease-in-out;
  font-family: "Roboto Condensed", sans-serif;
  color: #ababab;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .nav__item, .nav__item--burger {
      float: none;
      display: table-cell; } }
  .nav__item:after, .nav__item--burger:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 1px;
    height: 35px;
    transform: translate3d(0, -50%, 0);
    background: #ebebeb; }
  .nav__item:last-child:after, .nav__item--burger:last-child:after {
    display: none; }
  .nav__item.small, .small.nav__item--burger {
    width: 60px; }
  .nav__item:hover, .nav__item--burger:hover {
    color: #E5080B; }
    .nav__item:hover input[type="submit"], .nav__item--burger:hover input[type="submit"] {
      color: #E5080B; }
  .nav__item input[type="submit"], .nav__item--burger input[type="submit"] {
    background: transparent;
    border: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    color: #ababab;
    text-transform: uppercase; }

.nav__item--burger {
  width: 60px; }
  .nav__item--burger.act:after {
    background: transparent; }

@media (max-width: 767px) {
  .nav__item--mid {
    width: 50% !important; } }

.btn__arrow--left, .btn__arrow--right, .btn__close-page {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .btn__arrow--left, .btn__arrow--right, .btn__close-page {
      display: block; } }
  .btn__arrow--left:hover > span:before, .btn__arrow--right:hover > span:before, .btn__close-page:hover > span:before, .btn__arrow--left:hover > span:after, .btn__arrow--right:hover > span:after, .btn__close-page:hover > span:after {
    background: #E5080B; }

.nav__btn-txt {
  position: relative;
  height: 60px;
  padding: 16px 20px;
  background: #ffffff;
  text-align: center;
  cursor: pointer; }
  .nav__btn-txt.nav__hidden-txt {
    top: -9px; }
    @media (max-width: 767px) {
      .nav__btn-txt.nav__hidden-txt {
        top: 50px; } }
  @media (max-width: 767px) {
    .nav__btn-txt {
      position: absolute; } }

.ico__arrow--right:after, .ico__arrow--right:before, .ico__arrow--left:before, .ico__arrow--left:after, .ico-close--page:before, .ico-close--page:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 4px;
  height: 20px;
  border-radius: 5px;
  background: #ababab;
  transition: all 0.3s ease-in-out; }

.ico__arrow--right:after {
  content: '';
  transform: translate3d(-50%, -87%, 0) rotate(-45deg); }

.ico__arrow--right:before {
  content: '';
  transform: translate3d(-50%, -30%, 0) rotate(45deg); }

.ico__arrow--left:before {
  transform: translate3d(-50%, -87%, 0) rotate(45deg); }

.ico__arrow--left:after {
  transform: translate3d(-50%, -30%, 0) rotate(-45deg); }

.ico-close--page {
  cursor: pointer; }
  .ico-close--page:before {
    height: 30px;
    transform: translate3d(-50%, -52%, 0) rotate(45deg); }
  .ico-close--page:after {
    height: 30px;
    transform: translate3d(-50%, -51%, 0) rotate(-45deg); }

/* ======================================================================
  Fix IE 
======================================================================== */
.msie9 .ico__arrow--right:before, .msie9 .ico__arrow--left:before, .msie9 .ico-close--page:before, .msie9 .ico__arrow--right:after, .msie9 .ico__arrow--left:after, .msie9 .ico-close--page:after {
  display: none; }

.msie9 .ico__arrow--right, .msie9 .ico__arrow--left, .msie9 .ico-close--page {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url(images/sp-global.png) no-repeat 0 0; }

.msie9 .ico__arrow--right {
  background-position: -189px 0; }
  .msie9 .ico__arrow--right:hover {
    background-position: -189px -51px; }

.msie9 .ico__arrow--left {
  background-position: -63px 0; }
  .msie9 .ico__arrow--left:hover {
    background-position: -63px -51px; }

.msie9 .ico-close--page {
  background-position: -124px 0; }
  .msie9 .ico-close--page:hover {
    background-position: -124px -51px; }

/* ======================================================================
  Main
======================================================================== */
.menu__overlay {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  opacity: 0.97; }
  .menu__overlay:before, .menu__overlay:after {
    content: '';
    position: fixed;
    display: block;
    width: 40px;
    height: 100%;
    background: #fff; }
    @media (max-width: 767px) {
      .menu__overlay:before, .menu__overlay:after {
        width: 15px; } }
  .menu__overlay:before {
    left: 0; }

.menu__center-box {
  display: table;
  width: 100%;
  max-width: 710px;
  height: 100%;
  margin: 0 auto; }
  .menu__center-box:before {
    content: '';
    position: fixed;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: #fff; }
    @media (max-width: 767px) {
      .menu__center-box:before {
        width: 15px; } }

.main-menu {
  display: table-cell;
  vertical-align: middle;
  max-width: 460px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: left;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase; }
  @media screen and (min-width: 767px) {
    .main-menu {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 768px) {
    .main-menu {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 1023px) {
    .main-menu {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media screen and (min-width: 1200px) {
    .main-menu {
      font-size: 25px;
      font-size: 1.5625rem; } }
  .main-menu > li {
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #EAEAEA;
    transition: all 0.3s ease-in-out; }
    .main-menu > li.item-promo .main-menu__ico {
      color: #ababab; }
    .main-menu > li.item-promo .main-menu__copy {
      color: #ababab; }
    .main-menu > li.item-promo:hover .main-menu__ico,
    .main-menu > li.item-promo:hover .main-menu__copy {
      color: #E5080B; }
    .main-menu > li:hover a, .main-menu > li:hover .breadcrumb__block {
      color: #E5080B; }
    @media (max-width: 767px) {
      .main-menu > li {
        max-width: 80%;
        margin: 0 auto; } }
  .main-menu a, .main-menu .breadcrumb__block {
    display: table;
    margin-left: 30%;
    padding-bottom: 15px;
    color: #ababab;
    text-decoration: none;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 767px) {
      .main-menu a, .main-menu .breadcrumb__block {
        margin-left: 16%; } }

.main-menu__ico, .main-menu__copy, .filter__ico, .filter__copy {
  display: inline-block;
  vertical-align: middle; }

.main-menu__ico {
  margin-right: 30px;
  margin-top: -15px;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 0; }
  @media (max-width: 767px) {
    .main-menu__ico {
      font-size: 30px;
      font-size: 1.875rem; } }

.ipad .main-menu__ico {
  height: 30px; }

.ipad .main-menu__ico {
  min-height: 30px; }

.main-menu .ico-pan-news-ok {
  display: inline-block;
  width: 84px;
  margin-right: 0;
  padding-top: 16px;
  padding-left: 4px; }
  @media (max-width: 767px) {
    .main-menu .ico-pan-news-ok {
      width: 67px; } }

.main-menu .ico-pan-espiga_ok {
  text-indent: 3px; }
  @media (max-width: 767px) {
    .main-menu .ico-pan-espiga_ok {
      width: 33px; } }

/* ======================================================================
  FILTER
======================================================================== */
.filter__overlay {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #E5080B;
  opacity: 0.0; }
  .filter__overlay:before {
    content: '';
    position: fixed;
    left: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: #fff; }
    @media (max-width: 767px) {
      .filter__overlay:before {
        width: 15px; } }
  .filter__overlay:after {
    content: '';
    position: fixed;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: #fff; }
    @media (max-width: 767px) {
      .filter__overlay:after {
        width: 15px; } }

.filter__center-box {
  display: table;
  width: 100%;
  max-width: 710px;
  height: 100%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .filter__center-box {
      display: block;
      overflow-y: scroll; } }
  .filter__center-box:before {
    content: '';
    position: fixed;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: #fff; }
    @media (max-width: 767px) {
      .filter__center-box:before {
        width: 15px; } }

.filter-menu {
  display: table-cell;
  vertical-align: middle;
  max-width: 460px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: left;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase; }
  @media screen and (min-width: 767px) {
    .filter-menu {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 768px) {
    .filter-menu {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 1023px) {
    .filter-menu {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media screen and (min-width: 1200px) {
    .filter-menu {
      font-size: 25px;
      font-size: 1.5625rem; } }
  @media (max-width: 767px) {
    .filter-menu {
      display: block;
      width: 100%;
      margin: 190px 0; } }
  .filter-menu > li {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #fc5656;
    transition: all 0.3s ease-in-out;
    opacity: 0.5; }
    @media (max-width: 767px) {
      .filter-menu > li {
        max-width: 80%;
        margin: 0 auto; } }
    .filter-menu > li:hover {
      opacity: 1; }
    .filter-menu > li.checked {
      opacity: 1; }
  .filter-menu a, .filter-menu .breadcrumb__block {
    display: block;
    margin-left: 30%;
    padding-bottom: 15px;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease-in-out; }

.filter__ico {
  display: table-cell;
  padding-right: 30px;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 0;
  color: white; }
  @media (max-width: 767px) {
    .filter__ico {
      padding-right: 10px;
      font-size: 30px;
      font-size: 1.875rem; } }

.filter__copy {
  position: relative;
  display: table-cell;
  padding-top: 12px;
  padding-right: 10px;
  color: #ffffff; }
  @media (max-width: 850px) {
    .filter__copy {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media (max-width: 767px) {
    .filter__copy {
      padding-top: 0;
      font-size: 12px;
      font-size: 0.75rem; } }

.filter-menu .inp__check {
  padding-bottom: 0;
  vertical-align: middle;
  border-bottom: none; }
  .filter-menu .inp__check:before, .filter-menu .inp__check:after {
    display: none; }
  .filter-menu .inp__check svg {
    width: 40px;
    height: 32px; }
    @media (max-width: 767px) {
      .filter-menu .inp__check svg {
        width: 25px; } }
  .filter-menu .inp__check polyline {
    stroke: #ffffff; }

.filter-menu .input-check-box--inline {
  width: 100%;
  margin-bottom: 0;
  padding-left: 25%;
  cursor: pointer; }
  @media (max-width: 767px) {
    .filter-menu .input-check-box--inline {
      padding-left: 16%; } }
  .filter-menu .input-check-box--inline label {
    outline: 1px dotted white; }
  .filter-menu .input-check-box--inline:before {
    content: attr(data-alt);
    z-index: 9999;
    position: absolute;
    bottom: -35px;
    color: white;
    font-size: 12px;
    text-transform: initial;
    top: 0;
    left: 50%;
    transform: translate3d(-44%, 30px, 0);
    opacity: 0;
    transition: all 0.3s ease-in-out; }
  .filter-menu .input-check-box--inline:hover .txt-alt {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .filter-menu .input-check-box--inline:hover::before {
    transform: translate3d(-44%, 0, 0);
    opacity: 1; }

.filter-menu input[type="checkbox"] {
  position: absolute;
  visibility: hidden; }

.filter-menu input[type="checkbox"]:checked + label .inp__check polyline {
  animation-name: checkOn;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; }

.txt-alt {
  position: absolute;
  display: block;
  margin-top: -5px;
  padding-left: 83px;
  font-size: 12px;
  color: white;
  text-transform: initial;
  transform: translate3d(0, -100%, 0);
  opacity: 0;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 1024px) {
    .txt-alt {
      position: relative;
      margin-top: 10px;
      opacity: 1;
      transform: translate3d(0, 0, 0); } }
  @media (max-width: 767px) {
    .txt-alt {
      margin-top: 0;
      padding-left: 45px;
      padding-right: 8px; } }

/* ======================================================================
  Subscribe
======================================================================== */
.bg-trigo {
  min-height: 80vh;
  padding-bottom: 60px;
  background: transparent url(../images/bg-trigo.jpg) no-repeat;
  background-size: cover;
  background-position: 0 -150px; }
  @media (max-height: 850px) {
    .bg-trigo {
      background-position: 0 0; } }

.portrait .bg-trigo {
  background-position: 0 0; }

.credit__links {
  color: #6b6b6b;
  text-align: center; }
  .credit__links a, .credit__links .breadcrumb__block {
    color: #6b6b6b; }

.sbs__form-block {
  padding: 10px;
  background: transparent url(images/bg-transparent.png) repeat 0 0; }

.subscribe-first-row {
  padding-top: 25px;
  margin-bottom: 50px; }
  @media (max-height: 600px) {
    .subscribe-first-row {
      padding-top: 0;
      margin-bottom: 20px; } }

@media (max-height: 600px) {
  .detailed__header--subscribe .detailed__txt {
    padding: 8px 0;
    font-size: 25px;
    font-size: 1.5625rem; } }

.hide-nav-subs {
  bottom: -100% !important; }

/* ======================================================================
  Footer
======================================================================== */
footer {
  z-index: 101;
  position: fixed;
  bottom: 0;
  display: block;
  width: 100%;
  height: 60px;
  background: #fff; }
  @media (max-width: 767px) {
    footer {
      height: 15px; } }

.subscribe-bar {
  padding: 40px 0;
  background: #bcbcbc;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }

.subfooter {
  float: left;
  width: 100%;
  height: 100px;
  background: #333; }

/* ======================================================================
  Home
======================================================================== */
/* ======================================================================
  Page Lo último 
======================================================================== */
.featured__big-box {
  position: relative; }
  .featured__big-box .detailed__header--primary, .featured__big-box .detailed__header--subscribe {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }
    @media (max-width: 1024px) {
      .featured__big-box .detailed__header--primary, .featured__big-box .detailed__header--subscribe {
        max-width: 90%; } }
  .featured__big-box:hover .featured__overlay {
    opacity: 1; }

.msie9 .featured__big-box .detailed__header--primary, .msie9 .featured__big-box .detailed__header--subscribe {
  margin-left: -25%; }

.featured__overlay {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #E5080B;
  opacity: 0;
  transition: all 0.3s ease-in-out; }

.featured__hover-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: block;
  font-family: "ThirstySoftRegular";
  font-size: 32px;
  font-size: 2rem;
  color: white; }

/* ======================================================================
  Origen
======================================================================== */
.origen__box, .nutricion__box {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 20px; }
  @media (max-width: 767px) {
    .origen__box, .nutricion__box {
      max-width: 80%; } }
  .origen__box p, .nutricion__box p {
    padding-bottom: 15px;
    font-size: 16px;
    font-size: 1rem;
    color: #6d6d6d;
    text-align: justify; }
  .origen__box.mrt100, .mrt100.nutricion__box {
    margin-top: 100px !important; }

.origen__big-num {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 700;
  color: #E5080B;
  text-align: center; }
  @media screen and (min-width: 767px) {
    .origen__big-num {
      font-size: 60px;
      font-size: 3.75rem; } }
  @media screen and (min-width: 768px) {
    .origen__big-num {
      font-size: 100px;
      font-size: 6.25rem; } }
  @media screen and (min-width: 1023px) {
    .origen__big-num {
      font-size: 125px;
      font-size: 7.8125rem; } }
  @media screen and (min-width: 1200px) {
    .origen__big-num {
      font-size: 178px;
      font-size: 11.125rem; } }
  @media (max-width: 768px) {
    .origen__big-num {
      padding: 40px 0; } }

@media (max-width: 767px) {
  #origen-1,
  #origen-2,
  #origen-3,
  #origen-4 {
    background: #fcfcfc !important; } }

/* ======================================================================
  Nutricion
======================================================================== */
.nutricion__box {
  position: relative; }
  @media (max-width: 767px) {
    .nutricion__box {
      float: none !important; } }
  .nutricion__box:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    display: block;
    background: transparent url(dist/css/images/radial-bg.png) no-repeat center; }
  .nutricion__box.mrt100 {
    margin-top: 100px !important; }

/* ======================================================================
  Recipes
======================================================================== */
.recipes__box-content {
  width: 100%;
  padding: 0px 100px; }
  @media (max-width: 1024px) {
    .recipes__box-content {
      padding: 0 25px; } }
  @media (max-width: 768px) {
    .recipes__box-content {
      padding: 0 15px; } }

/* ======================================================================
  Transversal pages
======================================================================== */
.error__page-photo {
  display: block;
  max-width: 100%; }

.error__page-content-box {
  padding-top: 25%;
  text-align: center; }
  .error__page-content-box h1,
  .error__page-content-box h2 {
    font-family: "Roboto", sans-serif;
    color: #E5080B;
    text-align: center; }
  .error__page-content-box h1 {
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: -0.050em; }
    @media screen and (min-width: 767px) {
      .error__page-content-box h1 {
        font-size: 35px;
        font-size: 2.1875rem; } }
    @media screen and (min-width: 768px) {
      .error__page-content-box h1 {
        font-size: 40px;
        font-size: 2.5rem; } }
    @media screen and (min-width: 1023px) {
      .error__page-content-box h1 {
        font-size: 60px;
        font-size: 3.75rem; } }
    @media screen and (min-width: 1200px) {
      .error__page-content-box h1 {
        font-size: 80px;
        font-size: 5rem; } }
  .error__page-content-box h2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.010em; }
    @media screen and (min-width: 767px) {
      .error__page-content-box h2 {
        font-size: 20px;
        font-size: 1.25rem; } }
    @media screen and (min-width: 768px) {
      .error__page-content-box h2 {
        font-size: 25px;
        font-size: 1.5625rem; } }
    @media screen and (min-width: 1023px) {
      .error__page-content-box h2 {
        font-size: 50px;
        font-size: 3.125rem; } }
    @media screen and (min-width: 1200px) {
      .error__page-content-box h2 {
        font-size: 50px;
        font-size: 3.125rem; } }

.policity__box h1,
.policity__box h2,
.policity__box h3 {
  color: #6d6d6d; }

.policity__box p,
.policity__box ul,
.policity__box ol {
  font-size: 15px;
  color: #6d6d6d;
  margin: 1em 0; }

.policity__box ul,
.policity__box ol {
  padding-left: 40px; }

.toast__fixed {
  position: absolute;
  bottom: -100px;
  left: -160px;
  display: block; }
  .toast__fixed img {
    display: block;
    max-width: 240px; }
  @media (max-height: 850px) {
    .toast__fixed {
      bottom: 0; } }
  @media (max-height: 760px) {
    .toast__fixed {
      bottom: 50px; } }
  @media (max-width: 768px) {
    .toast__fixed {
      display: none; } }

/* ======================================================================
  Promo
======================================================================== */
.promo {
  background-position-y: 100%;
  padding: 0 1em; }
  @media (min-width: 48em) {
    .promo {
      padding: 0 2em; } }
  @media (min-width: 62em) {
    .promo {
      padding: 0; } }
  .promo p {
    margin: 0; }
  .promo__container {
    max-width: 55.375em;
    margin: 0 auto;
    padding-top: 4.5em; }
    @media (min-width: 48em) {
      .promo__container {
        padding-top: 0.5em; } }
  .promo__box {
    width: 100%;
    border-radius: 20px;
    border: 3px solid #335d86; }
    @media (min-width: 48em) {
      .promo__box {
        border-width: 5px; } }
    .promo__box--header {
      width: 100%;
      max-width: 18em;
      background: #fff;
      margin: 0 auto;
      padding: 1.8em 0.5em 0.5em;
      position: relative;
      overflow: hidden; }
      @media (min-width: 48em) {
        .promo__box--header {
          max-width: 100%;
          margin: 0;
          padding: 1em; } }
      @media (min-width: 62em) {
        .promo__box--header {
          max-width: 47.625em;
          height: 15.625em;
          padding: 0 0 0 1.5em;
          overflow: visible; } }
      .promo__box--header:after {
        content: '';
        width: 100%;
        height: 23.5%;
        background: #f1d46b;
        position: absolute;
        left: 0;
        bottom: 0; }
        @media (min-width: 48em) {
          .promo__box--header:after {
            height: 19.5%; } }
        @media (min-width: 62em) {
          .promo__box--header:after {
            display: none; } }
      .promo__box--header .promo__box--banner {
        max-width: 7.9375em;
        background: #fff;
        border-color: #fcdc35;
        margin: 0 auto;
        padding: 4.5em 0.5em 0.8em;
        border-radius: 30px; }
        @media (min-width: 48em) {
          .promo__box--header .promo__box--banner {
            max-width: 15.3125em;
            border-radius: 50px;
            padding: 8em 0.8em 1em; } }
        @media (min-width: 62em) {
          .promo__box--header .promo__box--banner {
            max-width: 100%;
            padding: 0.6em 0.8em;
            border-radius: 20px; } }
      .promo__box--header .promo__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        width: 100%;
        max-height: 100%; }
        @media (max-width: 61.9375em) {
          .promo__box--header .promo__row {
            -ms-flex-align: end;
                align-items: flex-end; } }
      .promo__box--header .promo__col {
        width: 50%;
        position: relative;
        z-index: 1; }
        .promo__box--header .promo__col--left {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column; }
          @media (max-width: 61.9375em) {
            .promo__box--header .promo__col--left {
              -ms-flex-align: center;
                  align-items: center; } }
          @media (min-width: 62em) {
            .promo__box--header .promo__col--left {
              width: 46%;
              max-height: 15em;
              -ms-flex-direction: row;
                  flex-direction: row;
              overflow: hidden; } }
        @media (min-width: 48em) {
          .promo__box--header .promo__col--right {
            padding: 0.6em 0.9em; } }
        @media (min-width: 62em) {
          .promo__box--header .promo__col--right {
            width: 54%; } }
      .promo__box--header .promo__logo {
        width: 4.875em; }
        .promo__box--header .promo__logo img {
          max-width: 100%;
          height: auto; }
        @media (min-width: 48em) {
          .promo__box--header .promo__logo {
            width: 9.8125em;
            margin-top: 1em; } }
        @media (min-width: 62em) {
          .promo__box--header .promo__logo {
            width: 5.6875em;
            margin-top: 1.6em; } }
      .promo__box--header .promo__minion {
        width: 6.875em;
        margin: 0.8em auto 0;
        position: relative; }
        @media (min-width: 48em) {
          .promo__box--header .promo__minion {
            width: 15.125em;
            margin-top: 1.5em; } }
        .promo__box--header .promo__minion img {
          max-width: 100%;
          height: auto; }
        .promo__box--header .promo__minion--shadow {
          width: 8.8125em;
          height: 1.4375em;
          background: url("../images/promo/minion-shadow.png") no-repeat 0 0;
          background-size: contain;
          position: absolute;
          right: -1%;
          bottom: 0; }
          @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .promo__box--header .promo__minion--shadow {
              background-image: url("../images/promo/minion-shadow@2x.png"); } }
          @media (min-width: 48em) {
            .promo__box--header .promo__minion--shadow {
              width: 17.75em;
              height: 2.9375em;
              right: 5%;
              bottom: -1%; } }
          @media (min-width: 62em) {
            .promo__box--header .promo__minion--shadow {
              display: none; } }
      .promo__box--header .promo__collage {
        width: 6.625em;
        height: 7.875em;
        background: url("../images/promo/minion-collage-v.png") no-repeat 0 0;
        background-size: contain; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .promo__box--header .promo__collage {
            background-image: url("../images/promo/minion-collage-v@2x.png"); } }
        @media (min-width: 48em) {
          .promo__box--header .promo__collage {
            width: 13.125em;
            height: 15.625em; } }
        @media (min-width: 62em) {
          .promo__box--header .promo__collage {
            width: 13.9375em;
            height: 10.25em;
            background-image: url("../images/promo/minion-collage-h.png"); } }
  @media (min-width: 62em) and (-webkit-min-device-pixel-ratio: 2), (min-width: 62em) and (min-resolution: 192dpi) {
    .promo__box--header .promo__collage {
      background-image: url("../images/promo/minion-collage-h@2x.png"); } }
      .promo__box--header .promo__pin {
        font-size: 0.5em;
        width: 16.125em;
        height: 16.125em;
        background: #335d86;
        border-radius: 50%;
        margin: -8.0625em -8.0625em 0 0;
        padding: 0.5em;
        position: absolute;
        right: 50%;
        top: 0; }
        @media (min-width: 48em) {
          .promo__box--header .promo__pin {
            font-size: 1em; } }
        @media (min-width: 62em) {
          .promo__box--header .promo__pin {
            margin: -8.0625em -8.0625em 0 0;
            right: 0;
            top: 50%; } }
        .promo__box--header .promo__pin--content {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          width: 100%;
          height: 100%;
          background: #335d86;
          border: 0.5em solid #fcdc35;
          border-radius: 50%; }
        .promo__box--header .promo__pin p {
          max-width: 75px;
          font: 1.8125em/70% "Gotham Black", Helvetica, Arial, sans-serif;
          color: #fff; }
          @media (min-width: 48em) {
            .promo__box--header .promo__pin p {
              max-width: 156px; } }
          .promo__box--header .promo__pin p strong {
            font-family: "Gotham Bold", Helvetica, Arial, sans-serif;
            font-size: 1.37em;
            line-height: 110%; }
          .promo__box--header .promo__pin p span {
            font-size: 0.9em;
            color: #fcdc35; }
            .promo__box--header .promo__pin p span em {
              font-size: 0.6em;
              font-style: normal; }
          .promo__box--header .promo__pin p i {
            font-size: 1.2em;
            font-style: normal;
            line-height: 120%; }
      .promo__box--header .promo__copyright {
        font: 0.625em/120% "Gotham Bold", Helvetica, Arial, sans-serif;
        color: #000;
        text-align: center;
        margin-top: 1em;
        position: relative;
        z-index: 1; }
        @media (min-width: 48em) {
          .promo__box--header .promo__copyright {
            font-size: 0.6875em; } }
        @media (min-width: 62em) {
          .promo__box--header .promo__copyright {
            font-size: 0.5em;
            text-align: left;
            margin-top: 0;
            position: absolute;
            right: 16.3%;
            bottom: 5.8%; } }
    .promo__box--body {
      background: #335d86;
      margin-top: 1.5em; }
      @media (max-width: 61.9375em) {
        .promo__box--body.no-margin-rwd {
          margin-top: 0; } }
      .promo__box--body .promo__content {
        background: #fff;
        border-radius: 1.25em;
        padding: 1em; }
        @media (min-width: 48em) {
          .promo__box--body .promo__content {
            padding: 1.6em; } }
      .promo__box--body .promo__title {
        font: 2.5em/120% "Gotham Ultra", Helvetica, Arial, sans-serif;
        color: #fcdc35; }
        @media (min-width: 21.875em) {
          .promo__box--body .promo__title {
            font-size: 2.75em; } }
      .promo__box--body .promo__txt {
        font: 0.875em/120% "Gotham Medium", Helvetica, Arial, sans-serif;
        color: #fff;
        margin-top: 0.2em; }
      .promo__box--body .promo__instructions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0 1em 1em; }
        @media (min-width: 39.375em) {
          .promo__box--body .promo__instructions {
            -ms-flex-direction: row;
                flex-direction: row; } }
        @media (min-width: 62em) {
          .promo__box--body .promo__instructions {
            padding: 1em; } }
      .promo__box--body .promo__instruction {
        width: 100%;
        padding: 1em 0;
        position: relative; }
        @media (min-width: 39.375em) {
          .promo__box--body .promo__instruction {
            width: 50%;
            padding-top: 1em; } }
        @media (min-width: 62em) {
          .promo__box--body .promo__instruction {
            padding-top: 0; }
            .promo__box--body .promo__instruction:nth-child(1) {
              width: 31%; }
            .promo__box--body .promo__instruction:nth-child(2) {
              width: 18%; }
            .promo__box--body .promo__instruction:nth-child(3) {
              width: 22%; }
            .promo__box--body .promo__instruction:nth-child(4) {
              width: 29%; } }
        @media (min-width: 39.375em) {
          .promo__box--body .promo__instruction:nth-child(2), .promo__box--body .promo__instruction:nth-child(3), .promo__box--body .promo__instruction:nth-child(4) {
            padding: 1em 1em 0; } }
        @media (min-width: 62em) {
          .promo__box--body .promo__instruction:nth-child(2), .promo__box--body .promo__instruction:nth-child(3), .promo__box--body .promo__instruction:nth-child(4) {
            padding: 0 1.5em; } }
        .promo__box--body .promo__instruction:after {
          content: '';
          width: 100%;
          height: 2px;
          background: #fcdc35;
          position: absolute;
          right: 0;
          top: 100%; }
          @media (min-width: 39.375em) {
            .promo__box--body .promo__instruction:after {
              width: 2px;
              height: 5em;
              margin-top: -2.5em;
              top: 50%; } }
          @media (min-width: 62em) {
            .promo__box--body .promo__instruction:after {
              height: 6.25em;
              margin-top: -3.125em; } }
        .promo__box--body .promo__instruction--group {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
        .promo__box--body .promo__instruction--order {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          width: 39px;
          height: 39px;
          background: #fcdc35;
          border-radius: 50%;
          font: 1.75em/120% "Gotham Black", Helvetica, Arial, sans-serif;
          color: #335d86;
          margin-right: 0.2em; }
        .promo__box--body .promo__instruction--icon {
          width: 3.875em;
          height: 3.25em;
          background-repeat: no-repeat;
          background-position: 50% 50%; }
          .promo__box--body .promo__instruction--icon.icon--ticket {
            background-image: url("../images/promo/ico-ticket.png");
            background-size: contain; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              .promo__box--body .promo__instruction--icon.icon--ticket {
                background-image: url("../images/promo/ico-ticket@2x.png"); } }
          .promo__box--body .promo__instruction--icon.icon--computer {
            background-image: url("../images/promo/ico-computer.png");
            background-size: contain; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              .promo__box--body .promo__instruction--icon.icon--computer {
                background-image: url("../images/promo/ico-computer@2x.png"); } }
          .promo__box--body .promo__instruction--icon.icon--minion {
            background-image: url("../images/promo/ico-minion.png");
            background-size: contain; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
              .promo__box--body .promo__instruction--icon.icon--minion {
                background-image: url("../images/promo/ico-minion@2x.png"); } }
        .promo__box--body .promo__instruction--txt {
          max-width: 18.75em;
          font: 0.71875em/120% "Gotham Bold", Helvetica, Arial, sans-serif;
          color: #fff;
          text-align: center;
          margin: 0.5em auto 0; }
          @media (min-width: 62em) {
            .promo__box--body .promo__instruction--txt {
              max-width: 100%; } }
      .promo__box--body .promo__legal {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 1em; }
        @media (min-width: 51.25em) {
          .promo__box--body .promo__legal {
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-align: end;
                align-items: flex-end; } }
        .promo__box--body .promo__legal p {
          margin-top: 0.2em; }
          .promo__box--body .promo__legal p:first-child {
            margin-top: 0; }
        .promo__box--body .promo__legal--left {
          width: 100%;
          padding-right: 0.5em; }
          @media (min-width: 51.25em) {
            .promo__box--body .promo__legal--left {
              width: 90%; } }
        .promo__box--body .promo__legal--right {
          width: 100%;
          padding-left: 0.5em;
          margin-top: 0.5em; }
          @media (min-width: 51.25em) {
            .promo__box--body .promo__legal--right {
              width: 10%;
              margin-top: 0; } }
        .promo__box--body .promo__legal--txt {
          font: 0.8125em/120% "Gotham Condensed", Helvetica, Arial, sans-serif;
          color: #fff; }
        .promo__box--body .promo__legal--link {
          display: block;
          font: 1em/120% "Gotham Condensed", Helvetica, Arial, sans-serif;
          color: #fff;
          text-align: right;
          text-decoration: underline; }
        .promo__box--body .promo__legal--title {
          font: 1.3125em/120% "Gotham Ultra", Helvetica, Arial, sans-serif;
          color: #fcdc35; }
          @media (min-width: 37.5em) {
            .promo__box--body .promo__legal--title {
              font-size: 1.5625em; } }
        .promo__box--body .promo__legal--subtitle {
          font: 0.625em/120% "Gotham Medium", Helvetica, Arial, sans-serif;
          color: #fff; }
          @media (min-width: 37.5em) {
            .promo__box--body .promo__legal--subtitle {
              font-size: 0.8125em; } }
      .promo__box--body .form.form--promo .form__col--right {
        margin-top: 1em; }
        @media (min-width: 62em) {
          .promo__box--body .form.form--promo .form__col--right {
            margin-top: 0; } }
      .promo__box--body .form.form--promo .button--file {
        width: 8.125em;
        height: 2em;
        margin-top: 0.3em; }
        .promo__box--body .form.form--promo .button--file:before {
          display: none; }
        .promo__box--body .form.form--promo .button--file h2 {
          font-size: 0.8125em; }
      .promo__box--body .form.form--promo .form__buttons {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        margin: 0 auto; }
        @media (min-width: 30.25em) {
          .promo__box--body .form.form--promo .form__buttons {
            max-width: 18.8125em;
            -ms-flex-direction: row;
                flex-direction: row; } }
        @media (min-width: 48em) {
          .promo__box--body .form.form--promo .form__buttons {
            max-width: 23.625em;
            margin-top: 1.5em; } }
        .promo__box--body .form.form--promo .form__buttons .button--action {
          font-size: 0.8em;
          width: 10.8125em;
          height: 2.75em;
          margin: 1em auto 0;
          border: none; }
          @media (min-width: 30.25em) {
            .promo__box--body .form.form--promo .form__buttons .button--action {
              margin: 0; } }
          @media (min-width: 48em) {
            .promo__box--body .form.form--promo .form__buttons .button--action {
              font-size: 1em; } }
          .promo__box--body .form.form--promo .form__buttons .button--action.button--send {
            margin-top: 0; }
            @media (min-width: 30.25em) {
              .promo__box--body .form.form--promo .form__buttons .button--action.button--send {
                margin-left: 2em; } }
          .promo__box--body .form.form--promo .form__buttons .button--action h2 {
            font-size: 1.4375em; }
      .promo__box--body .form.form--promo-modify .button--action {
        font-size: 0.8em;
        width: 10.8125em;
        height: 2.75em;
        margin: 2em auto 0;
        border: none; }
        @media (min-width: 48em) {
          .promo__box--body .form.form--promo-modify .button--action {
            font-size: 1em;
            margin-top: 3em; } }
        .promo__box--body .form.form--promo-modify .button--action h2 {
          font-size: 1.4375em; }
    .promo__box.is-desktop {
      display: none; }
      @media (min-width: 62em) {
        .promo__box.is-desktop {
          display: block; } }
  .promo .button--winners,
  .promo .button--back {
    font-size: 0.6em;
    margin: 3em auto 8em;
    border: 2px solid #fff; }
    @media (min-width: 48em) {
      .promo .button--winners,
      .promo .button--back {
        font-size: 0.7em; } }

/* ======================================================================
  Winner
======================================================================== */
.winner__instructions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: column;
      flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0.2em 1em 1em 1em;
  -ms-flex-align: normal;
      align-items: normal;
  font-size: 0.9em; }
  @media (min-width: 37.5em) {
    .winner__instructions {
      font-size: 1em; } }
  @media (min-width: 62em) {
    .winner__instructions {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center; } }

.winner__instruction {
  padding: 1em 0;
  position: relative; }
  @media (min-width: 62em) {
    .winner__instruction:nth-child(1) {
      width: 38%; } }
  .winner__instruction:nth-child(1):after {
    content: '';
    width: 100%;
    height: 2px;
    background: #fcdc35;
    position: absolute;
    right: 0;
    top: 100%;
    margin: 0; }
    @media (min-width: 62em) {
      .winner__instruction:nth-child(1):after {
        width: 2px;
        height: 5em;
        margin-top: -2.5em;
        top: 50%; } }
    @media (min-width: 62em) {
      .winner__instruction:nth-child(1):after {
        height: 6.25em;
        margin-top: -3.125em; } }
  .winner__instruction:nth-child(2) {
    padding-left: 0; }
    @media (min-width: 62em) {
      .winner__instruction:nth-child(2) {
        width: 62%; } }
    @media (min-width: 62em) {
      .winner__instruction:nth-child(2) {
        padding-left: 1em; } }
  @media (min-width: 62em) {
    .winner__instruction.is-small {
      padding-right: 5em; } }

.winner__wrapper {
  width: 100%;
  background: #fff;
  border-radius: 1.25em;
  position: relative;
  overflow: hidden; }

.winner__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
  left: 0; }

.winner__title {
  font: 2.375em/120% "Gotham Ultra", Helvetica, Arial, sans-serif;
  color: #fcdc35;
  padding-right: 0.5em; }
  @media (min-width: 21.875em) {
    .winner__title {
      font-size: 2.625em; } }

.winner__text__content {
  font-size: 0.9em; }
  @media (min-width: 37.5em) {
    .winner__text__content {
      font-size: 1em; } }
  .winner__text__content .winner__subtitle {
    font: 1.3125em/120% "Gotham Ultra", Helvetica, Arial, sans-serif;
    color: #fcdc35;
    text-transform: uppercase; }
    .winner__text__content .winner__subtitle--intro {
      font: 1em/120% "Gotham Medium", Helvetica, Arial, sans-serif;
      color: #fff; }
  .winner__text__content p {
    margin-top: 0.2em; }
    .winner__text__content p:first-child {
      margin-top: 0; }

.winner__info {
  font: 0.9375em/120% "Gotham Black", Helvetica, Arial, sans-serif;
  color: #335d86;
  text-align: left;
  padding: 0 1em; }
  @media (min-width: 37.5em) {
    .winner__info {
      padding: 0 4em; } }
  .winner__info .winner__date {
    font-style: italic; }

.promo__winners {
  padding: 0 1em;
  list-style-type: none; }
  @media (min-width: 50em) {
    .promo__winners {
      padding: 0 4em; } }

.promo__winner {
  border-bottom: 1px solid #d6dfe7;
  padding: 0.6em 0; }
  .promo__winner:nth-child(1) {
    border-top: 1px solid #d6dfe7; }

.promo__winners--pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 1.5em 0;
  font-size: 0.9em; }
  @media (min-width: 37.5em) {
    .promo__winners--pagination {
      font-size: 1em; } }
  .promo__winners--pagination .item__pagination {
    margin: auto 0.1em; }
    @media (min-width: 48em) {
      .promo__winners--pagination .item__pagination {
        margin: auto 0.2em; } }
    .promo__winners--pagination .item__pagination:focus {
      outline: none; }
  .promo__winners--pagination .pagination__arrow {
    width: 11px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 11px 18px; }
    .promo__winners--pagination .pagination__arrow--left {
      background-image: url("../images/icon-arrow-left-blue.png");
      margin-right: 1em; }
      .promo__winners--pagination .pagination__arrow--left:hover {
        transform: translateX(-4px); }
    .promo__winners--pagination .pagination__arrow--right {
      background-image: url("../images/icon-arrow-right-blue.png");
      margin-left: 1em; }
      .promo__winners--pagination .pagination__arrow--right:hover {
        transform: translateX(4px); }
  .promo__winners--pagination .pagination__number,
  .promo__winners--pagination .pagination__split {
    font: 1.125em/120% "Gotham Black", Helvetica, Arial, sans-serif;
    color: #e37639; }
  .promo__winners--pagination .pagination__number.is-active, .promo__winners--pagination .pagination__number:hover {
    color: #335d86; }