/* Minification failed. Returning unminified contents.
(9,204055): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204081): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204161): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204250): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204304): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204356): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204544): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204632): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204725): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204783): run-time error CSS1039: Token not allowed after unary operator: '-color'
(9,204835): run-time error CSS1039: Token not allowed after unary operator: '-color'
 */
@import url(https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900);

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-webkit-keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
}

@keyframes pulse {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
}

@-webkit-keyframes rubberBand {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}

@keyframes rubberBand {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}

@-webkit-keyframes shake {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-webkit-keyframes headShake {
  0%,
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
}

@keyframes headShake {
  0%,
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes tada {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}

@keyframes tada {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
}

@-webkit-keyframes wobble {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}

@keyframes wobble {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}

@-webkit-keyframes jello {
  0%,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  0%,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@-webkit-keyframes heartBeat {
  0%,
  28%,
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14%,
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes heartBeat {
  0%,
  28%,
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14%,
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes underlineAnimation {
  0% {
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes underlineAnimation {
  0% {
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

.flipInX,
.flipInY,
.flipOutX,
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

.flipInY,
.flipOutX,
.flipOutY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

.flipOutX,
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
}

.flipOutY {
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

.slick-list,
.slick-slider {
  position: relative;
  display: block;
}

.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide,
.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.button--checkbox input,
.button--radio input,
.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url(/resources/img/ajax-loader.gif) center center no-repeat;
}

@font-face {
  font-family: "slick";
  src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
  src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix)
      format("embedded-opentype"),
    url(data:application/font-woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF)
      format("woff"),
    url(data:application/x-font-ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=)
      format("truetype"),
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4NCjxkZWZzPg0KPGZvbnQgaWQ9InNsaWNrIiBob3Jpei1hZHYteD0iNTEyIj4NCjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPg0KPG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjUxMiIgLz4NCg0KPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4NCjxnbHlwaCB1bmljb2RlPSImIzg1OTI7IiBkPSJNMjk2IDExM2wyOSAzMGM0IDMgNiA3IDYgMTIgMCA1LTIgMTAtNiAxM2wtODcgODggODcgODhjNCAzIDYgOCA2IDEzIDAgNS0yIDktNiAxMmwtMjkgMzBjLTMgMy04IDUtMTMgNS01IDAtOS0yLTEyLTVsLTEzMC0xMzBjLTQtNC02LTgtNi0xMyAwLTUgMi05IDYtMTNsMTMwLTEzMGMzLTMgNy01IDEyLTUgNSAwIDEwIDIgMTMgNXogbTE3OSAxNDNjMC00MC05LTc3LTI5LTExMC0yMC0zNC00Ni02MC04MC04MC0zMy0yMC03MC0yOS0xMTAtMjktNDAgMC03NyA5LTExMCAyOS0zNCAyMC02MCA0Ni04MCA4MC0yMCAzMy0yOSA3MC0yOSAxMTAgMCA0MCA5IDc3IDI5IDExMCAyMCAzNCA0NiA2MCA4MCA4MCAzMyAyMCA3MCAyOSAxMTAgMjkgNDAgMCA3Ny05IDExMC0yOSAzNC0yMCA2MC00NiA4MC04MCAyMC0zMyAyOS03MCAyOS0xMTB6Ii8+DQo8Z2x5cGggdW5pY29kZT0iJiM4MjI2OyIgZD0iTTQ3NSAyNTZjMC00MC05LTc3LTI5LTExMC0yMC0zNC00Ni02MC04MC04MC0zMy0yMC03MC0yOS0xMTAtMjktNDAgMC03NyA5LTExMCAyOS0zNCAyMC02MCA0Ni04MCA4MC0yMCAzMy0yOSA3MC0yOSAxMTAgMCA0MCA5IDc3IDI5IDExMCAyMCAzNCA0NiA2MCA4MCA4MCAzMyAyMCA3MCAyOSAxMTAgMjkgNDAgMCA3Ny05IDExMC0yOSAzNC0yMCA2MC00NiA4MC04MCAyMC0zMyAyOS03MCAyOS0xMTB6Ii8+DQo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+DQo8L2ZvbnQ+PC9kZWZzPjwvc3ZnPg0K#slick)
      format("svg");
  font-weight: 400;
  font-style: normal;
}

.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: 0;
  outline: 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "\2190";
}

.slick-next:before,
[dir="rtl"] .slick-prev:before {
  content: "\2192";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

[dir="rtl"] .slick-next:before {
  content: "\2190";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.button,
.slick-dots li button {
  background: 0 0;
  outline: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  display: block;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

.button {
  appearance: none;
  display: inline-block;
  text-decoration: none;
  box-shadow: none;
}

.header__toggle {
  text-decoration: none;
  border: 0;
  color: inherit;
}

.header__link,
.header__toggle,
.quicksearch__close,
.quicksearch__input {
  appearance: none;
  display: inline-block;
  font-family: "Work Sans", sans-serif;
  background: 0 0;
  outline: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  padding: 0;
}

.header__link {
  border: 0;
}

.quicksearch__close,
.quicksearch__input {
  text-decoration: none;
}

.quicksearch__close {
  border: 0;
}

.nav__item--first span::after,
.nav__list--second::after,
.quicksearch__search::before,
.services__name::after,
[class*=" icon-"],
[class^="icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.features__image {
  box-shadow: 0 1px 0 0 #e3e3e3;
}

html {
  box-sizing: border-box;
}

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

::-moz-selection {
  background: #fc4c02;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #fc4c02;
  color: #fff;
  text-shadow: none;
}

body,
html {
  height: 100%;
  width: 100%;
}

body {
  position: relative;
  background-color: #f7f7f7;
  padding-top: 100px;
}

body.isIE {
  padding: 0;
}

@media (min-width: 48em) {
  body {
    padding-top: 125px;
  }
}

@media (min-width: 64em) {
  body {
    padding-top: 150px;
  }
}

body.no-scroll {
  position: fixed !important;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

p a {
  text-decoration: underline;
}

strong {
  font-weight: 700;
}

.horizontal-rule {
  border-bottom: 1px solid #dedede;
}

.module {
  position: relative;
  overflow: hidden;
}

.module.small {
  padding: 10px 0;
}

@media (min-width: 48em) {
  .module.small {
    padding: 20px 0;
  }
}

@media (min-width: 80em) {
  .module.small {
    padding: 40px 0;
  }
}

.module.medium {
  padding: 30px 0;
}

@media (min-width: 48em) {
  .module.medium {
    padding: 50px 0;
  }
}

@media (min-width: 80em) {
  .module.medium {
    padding: 70px 0;
  }
}

.module.large {
  padding: 60px 0;
}

@media (min-width: 48em) {
  .module.large {
    padding: 80px 0;
  }
}

@media (min-width: 80em) {
  .module.large {
    padding: 100px 0;
  }
}

@media (max-width: 37.5em) {
  .cta-container {
    display: flex;
    width: 100%;
    padding: 20px 0;
    justify-content: center;
  }
}

.cta-container .highlights__cta {
  position: unset;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.hide {
  display: none !important;
}

.button {
  font-family: "Zona Pro", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: normal;
  padding: 14px 25px;
  border-radius: 25px;
  background-color: #fc4c02;
  border: 2px solid #fc4c02;
  color: #fff;
  transition: 0.22s;
  text-align: center;
  white-space: initial;
}

.button--underlined {
  padding: 0;
  border-radius: 0;
  font-weight: 700;
  border: 0;
  height: 20px;
  position: relative;
}

.button--underlined::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(1);
  visibility: hidden;
}

.button--rect {
  border-radius: 0;
  background-color: transparent;
  color: #393431;
}

.button--link:hover,
.button--outline:hover,
.button--selected {
  background-color: #fc4c02;
  color: #fff;
}

.button--link,
.button--outline {
  background-color: transparent;
  color: #fc4c02;
}

.button--link {
  border-radius: 0;
  border: 0;
  padding: 0 0 8px;
  position: relative;
}

.button--link::after {
  content: " ";
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: currentColor;
}

.button--checkbox,
.button--radio {
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  user-select: none;
}

.button--checkbox svg,
.button--radio svg {
  fill: none;
  vertical-align: top;
}

.button--checkbox svg circle,
.button--radio svg circle {
  stroke-width: 2;
  stroke: #d3bba8;
}

.button--checkbox svg rect,
.button--radio svg rect {
  stroke-width: 4;
  stroke: #d3bba8;
}

.button--checkbox svg path,
.button--radio svg path {
  stroke: #fc4c02;
}

.button--checkbox svg path.inner,
.button--radio svg path.inner {
  stroke-width: 6;
  stroke-dasharray: 19;
  stroke-dashoffset: 19;
}

.button--checkbox svg path.inner--rect,
.button--radio svg path.inner--rect {
  stroke-width: 2;
  stroke-dasharray: 22;
  stroke-dashoffset: 22;
}

.button--checkbox svg path.outer,
.button--radio svg path.outer {
  stroke-width: 2;
  stroke-dasharray: 57;
  stroke-dashoffset: 57;
}

.button--checkbox svg path.outer--rect,
.button--radio svg path.outer--rect {
  stroke-width: 4;
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
}

.button--checkbox input:checked + svg path,
.button--radio input:checked + svg path {
  transition: all 0.4s ease;
}

.button--checkbox input:checked + svg path.inner,
.button--radio input:checked + svg path.inner {
  stroke-dashoffset: 38;
  transition-delay: 0.3s;
}

.button--checkbox input:checked + svg path.inner--rect,
.button--checkbox input:checked + svg path.outer,
.button--radio input:checked + svg path.inner--rect,
.button--radio input:checked + svg path.outer {
  stroke-dashoffset: 0;
}

.button--checkbox span,
.button--radio span {
  display: inline-block;
  vertical-align: middle;
}

.img-button {
  width: 170px;
}

.platform-text {
  padding-top: 20px;
  font-size: 14px;
}

@font-face {
  font-family: "Zona Pro";
  font-style: normal;
  font-weight: 400;
  src: url(/resources/fonts/zonapro-webfont-f3d98ba87e.woff2) format("woff2"),
    url(/resources/fonts/zonapro-webfont-d9e37e0490.woff) format("woff");
}

@font-face {
  font-family: "Zona Pro";
  font-style: normal;
  font-weight: 600;
  src: url(/resources/fonts/zonapro-semibold-webfont-19d087c730.woff2)
      format("woff2"),
    url(/resources/fonts/zonapro-semibold-webfont-7ed07639e7.woff)
      format("woff");
}

@font-face {
  font-family: "Zona Pro";
  font-style: normal;
  font-weight: 700;
  src: url(/resources/fonts/zonapro-bold-webfont-6f905116cc.woff2)
      format("woff2"),
    url(/resources/fonts/zonapro-bold-webfont-c7ae35954c.woff) format("woff");
}

@font-face {
  font-family: "Zona Pro";
  font-style: normal;
  font-weight: 800;
  src: url(/resources/fonts/zonapro-extrabold-webfont-2c6e207a56.woff2)
      format("woff2"),
    url(/resources/fonts/zonapro-extrabold-webfont-73a5efb8f0.woff)
      format("woff");
}

@font-face {
  font-family: "Zona Pro";
  font-style: normal;
  font-weight: 900;
  src: url(/resources/fonts/zonapro-black-webfont-9c08fdc204.woff2)
      format("woff2"),
    url(/resources/fonts/zonapro-black-webfont-eba75a3dad.woff) format("woff");
}

@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  src: url(/resources/fonts/icomoon-c16858156a.woff) format("woff");
}

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

.icon-ic-2:before {
  content: "\E901";
  color: #fc4c02;
}

.icon-ic-4g:before {
  content: "\E902";
  color: #fc4c02;
}

.icon-ic-4k:before {
  content: "\E903";
  color: #fc4c02;
}

.icon-ic-500min:before {
  content: "\E904";
  color: #fc4c02;
}

.icon-ic-alert:before {
  content: "\E905";
  color: #fc4c02;
}

.icon-ic-alerts:before {
  content: "\E906";
  color: #fc4c02;
}

.icon-ic-atalhos:before {
  content: "\E907";
  color: #fc4c02;
}

.icon-ic-back:before {
  content: "\E908";
  color: #fc4c02;
}

.icon-ic-battery:before {
  content: "\E909";
  color: #fc4c02;
}

.icon-ic-blueray:before {
  content: "\E90A";
  color: #fc4c02;
}

.icon-ic-bluetooth:before {
  content: "\E90B";
  color: #fc4c02;
}

.icon-ic-chand:before {
  content: "\E90C";
  color: #fc4c02;
}

.icon-ic-chat:before {
  content: "\E90D";
  color: #fc4c02;
}

.icon-ic-chatt:before {
  content: "\E90E";
  color: #fc4c02;
}

.icon-ic-check:before {
  content: "\E90F";
  color: #fc4c02;
}

.icon-ic-close:before {
  content: "\E910";
  color: #fc4c02;
}

.icon-ic-cursor-arrow:before {
  content: "\E911";
  color: #fc4c02;
}

.icon-ic-dim-screen:before {
  content: "\E912";
  color: #fc4c02;
}

.icon-ic-dim-size:before {
  content: "\E913";
  color: #fc4c02;
}

.icon-ic-download:before {
  content: "\E914";
  color: #fc4c02;
}

.icon-ic-dualsim:before {
  content: "\E915";
  color: #fc4c02;
}

.icon-ic-ethernet-big:before {
  content: "\E916";
  color: #fc4c02;
}

.icon-ic-extra:before {
  content: "\E917";
  color: #393431;
}

.icon-ic-fav:before {
  content: "\E918";
  color: #fc4c02;
}

.icon-ic-filter:before {
  content: "\E919";
  color: #fc4c02;
}

.icon-ic-flashback:before {
  content: "\E91A";
  color: #fc4c02;
}

.icon-ic-fwd:before {
  content: "\E91B";
  color: #fc4c02;
}

.icon-ic-gender:before {
  content: "\E91C";
  color: #fc4c02;
}

.icon-ic-gravar:before {
  content: "\E91D";
  color: #fc4c02;
}

.icon-ic-hd:before {
  content: "\E91E";
  color: #393431;
}

.icon-ic-highlight:before {
  content: "\E91F";
  color: #fc4c02;
}

.icon-ic-home:before {
  content: "\E920";
  color: #fc4c02;
}

.icon-ic-info:before {
  content: "\E921";
  color: #fc4c02;
}

.icon-ic-kids:before {
  content: "\E922";
  color: #fc4c02;
}

.icon-ic-lock:before {
  content: "\E923";
  color: #fc4c02;
}

.icon-ic-mail:before {
  content: "\E924";
  color: #fc4c02;
}

.icon-ic-memory:before {
  content: "\E925";
  color: #fc4c02;
}

.icon-ic-micro-sd:before {
  content: "\E926";
  color: #fc4c02;
}

.icon-ic-micro:before {
  content: "\E927";
  color: #fc4c02;
}

.icon-ic-mobile:before {
  content: "\E928";
  color: #fc4c02;
}

.icon-ic-money:before {
  content: "\E929";
  color: #fc4c02;
}

.icon-ic-mute:before {
  content: "\E92A";
  color: #fc4c02;
}

.icon-ic-next:before {
  content: "\E92B";
  color: #fc4c02;
}

.icon-ic-nextt:before {
  content: "\E92C";
  color: #fc4c02;
}

.icon-ic-off-on:before {
  content: "\E92D";
  color: #fc4c02;
}

.icon-ic-pause:before {
  content: "\E92E";
  color: #fc4c02;
}

.icon-ic-pay:before {
  content: "\E92F";
  color: #fc4c02;
}

.icon-ic-phone:before {
  content: "\E930";
  color: #fc4c02;
}

.icon-ic-photo:before {
  content: "\E931";
  color: #fc4c02;
}

.icon-ic-pin-map:before {
  content: "\E932";
  color: #fc4c02;
}

.icon-ic-play:before {
  content: "\E933";
  color: #fc4c02;
}

.icon-ic-prev:before {
  content: "\E934";
  color: #fc4c02;
}

.icon-ic-processor:before {
  content: "\E935";
  color: #fc4c02;
}

.icon-ic-question:before {
  content: "\E936";
  color: #fc4c02;
}

.icon-ic-reload:before {
  content: "\E937";
  color: #fc4c02;
}

.icon-ic-rewind:before {
  content: "\E938";
  color: #fc4c02;
}

.icon-ic-search-big:before {
  content: "\E939";
  color: #fc4c02;
}

.icon-ic-search-med:before {
  content: "\E93A";
  color: #fc4c02;
}

.icon-ic-settings:before {
  content: "\E93B";
  color: #fc4c02;
}

.icon-ic-shop:before {
  content: "\E93C";
  color: #fc4c02;
}

.icon-ic-sim-card:before {
  content: "\E93D";
  color: #fc4c02;
}

.icon-ic-movie-back:before,
.icon-ic-slide-back:before {
  content: "\E93E";
  color: #fc4c02;
}

.icon-ic-movie-go:before,
.icon-ic-slide-go:before {
  content: "\E93F";
  color: #fc4c02;
}

.icon-ic-stop:before {
  content: "\E940";
  color: #fc4c02;
}

.icon-ic-time:before {
  content: "\E941";
  color: #fc4c02;
}

.icon-ic-tv:before {
  content: "\E942";
  color: #fc4c02;
}

.icon-ic-unlock:before {
  content: "\E943";
  color: #fc4c02;
}

.icon-ic-usb:before {
  content: "\E944";
  color: #fc4c02;
}

.icon-ic-user-big:before {
  content: "\E945";
  color: #fc4c02;
}

.icon-ic-user-med:before {
  content: "\E946";
  color: #fc4c02;
}

.icon-ic-video:before {
  content: "\E947";
  color: #fc4c02;
}

.icon-ic-volume:before {
  content: "\E948";
  color: #fc4c02;
}

.icon-ic-websurf:before {
  content: "\E949";
  color: #fc4c02;
}

.icon-ic-wifi:before {
  content: "\E94A";
  color: #fc4c02;
}

.icon-ic-zoom-in:before {
  content: "\E94B";
  color: #fc4c02;
}

.icon-ic-zoom-out:before {
  content: "\E94C";
  color: #fc4c02;
}

.icon-instagram:before {
  content: "\E94D";
}

.icon-is-share:before {
  content: "\E94E";
  color: #fc4c02;
}

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

.icon-youtube:before {
  content: "\E950";
}

.icon-ic-attach:before {
  content: "\E951";
  color: #5f5a58;
}

.icon-ic-tv_hd:before {
  content: "\E952";
  color: #5f5a58;
}

.icon-ic-tv_uhd:before {
  content: "\E953";
  color: #5f5a58;
}

.icon-arrow-up:before {
  content: "\EA41";
  color: #fc4c02;
}

body {
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  line-height: 1.1875;
  font-weight: 400;
}

p {
  margin: 1em 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0 0 0.5em;
}

.h1,
.h2,
.h3,
.h4 {
  font-family: "Zona Pro", sans-serif;
}

.h5,
.h6 {
  font-family: "Work Sans", sans-serif;
}

.h1 {
  font-size: 1.875rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.3818181818;
}

@media (max-width: 37.5em) {
  .h1 {
    font-size: 2.5rem;
    width: 100%;
  }
}

@media (min-width: 48em) {
  .h1 {
    font-size: 3.4375rem;
  }
}

.h2 {
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.2631578947;
}

@media (max-width: 37.5em) {
  .h2 {
    font-size: 1.625rem;
    width: 100%;
  }
}

@media (min-width: 48em) {
  .h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 80em) {
  .h2 {
    font-size: 2.8125rem;
    line-height: 1.3777777778;
  }
}

.h3 {
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.3666666667;
}

@media (max-width: 37.5em) {
  .h3 {
    font-size: 1.375rem;
    width: 100%;
  }
}

@media (min-width: 48em) {
  .h3 {
    font-size: 1.875rem;
  }
}

.h4 {
  font-size: 0.875rem;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.35;
}

@media (max-width: 37.5em) {
  .h4 {
    font-size: 0.875rem;
    width: 100%;
  }
}

@media (min-width: 48em) {
  .h4 {
    font-size: 1.25rem;
  }
}

.h5 {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.1666666667;
}

@media (max-width: 37.5em) {
  .h5 {
    font-size: 1rem;
    width: 100%;
  }
}

@media (min-width: 80em) {
  .h5 {
    font-size: 1.5rem;
  }
}

.h6 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 37.5em) {
  .h6 {
    font-size: 1rem;
    width: 100%;
  }
}

.t-caption,
.t-tag {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.1666666667;
}

.t-tag {
  font-weight: 700;
  text-transform: uppercase;
}

#error-page ul,
.t-left {
  text-align: left;
}

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

.t-right {
  text-align: right;
}

.t-upper {
  text-transform: uppercase;
}

.t-lower {
  text-transform: lowercase;
}

.desktop .mobile-only,
.mobile .show-from--tablet,
.tablet .mobile-only {
  display: none;
}


.desktop_format, .tablet_format {
  display: none;
}

@media (min-width: 540px){
  .mobile_format {
    display: none;
  }
  .tablet_format {
    display: block;
  }
}

@media (min-width: 1024px) {
  .tablet_format {
    display: none;
  }
  picture.desktop_format {
    display: block;
  }
}

@media (min-width: 48em) {
  #channel-list,
  #channel-list-premium {
    padding-top: 30px;
  }
}

#channel-list .page-layout__middle-section .left,
#channel-list-premium .page-layout__middle-section .left,
#faq .drop-faq .list__item-container.visible .dropdown-title,
.faq-header__search button {
  display: flex;
}

@media (min-width: 80em) {
  #channel-list .page-layout__middle-section .left,
  #channel-list-premium .page-layout__middle-section .left {
    display: flex;
  }
}

#channel-list .list,
#channel-list-premium .list {
  width: 100%;
}

@media (min-width: 80em) {
  #channel-list .list,
  #channel-list-premium .list {
    display: flex;
    padding-right: 40px;
  }
}

#channel-list .list__title,
#channel-list-premium .list__title {
  padding-bottom: 30px;
  min-width: 230px;
  border-top: 1px solid #dedede;
}

#channel-list .list__title--no-border,
#channel-list-premium .list__title--no-border {
  border-top: none;
}

@media (min-width: 80em) {
  #channel-list .list__item-placeholder,
  #channel-list-premium .list__item-placeholder {
    display: none;
  }
}

.channel-grid__title {
  padding: 20px 0 12px;
  color: #888583;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.channel-grid__channel-wrapper {
  display: grid;
  grid-template-columns: repeat(5, minmax(160px, 1fr));
  grid-auto-rows: 110px;
  grid-gap: 10px;
  margin-bottom: 30px;
  justify-content: center;
}

@media (max-width: 1280px) {
  .channel-grid__channel-wrapper {
    grid-template-columns: repeat(6, minmax(160px, 1fr));
  }
}

@media (max-width: 1049px) {
  .channel-grid__channel-wrapper {
    grid-template-columns: repeat(5, minmax(160px, 1fr));
  }
}

@media (max-width: 879px) {
  .channel-grid__channel-wrapper {
    grid-template-columns: repeat(4, minmax(160px, 1fr));
  }
}

@media (max-width: 709px) {
  .channel-grid__channel-wrapper {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }
}

@media (max-width: 539px) {
  .channel-grid__channel-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}

@media (min-width: 48em) {
  .channel-grid__channel-wrapper {
    grid-gap: 10px;
  }
}

@media (min-width: 80em) {
  .channel-grid__channel-wrapper {
    grid-gap: 5px;
  }
}

.channel-grid__channel-premium-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, 100%);
  grid-auto-rows: max-content;
  grid-gap: 10px;
  margin-bottom: 30px;
}

@media (min-width: 48em) {
  .channel-grid__channel-premium-wrapper {
    grid-template-columns: repeat(auto-fit, 430px);
  }
}

.channel-grid__channel-premium {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fff;
  width: 100%;
}

.channel-grid__channel-premium--opacity {
  opacity: 0.5;
}

@media (min-width: 48em) {
  .channel-grid__channel-premium {
    min-height: 250px;
    flex-direction: row;
  }
  .tab__content .channel-grid__channel-premium {
    min-height: 0px;
    padding: 0 0 15px 0;
  }
}

.channel-grid__channel-price-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
}

@media (max-width: 20em) {
  .channel-grid__channel-price-wrapper {
    flex-direction: column;
  }
}

@media (min-width: 48em) {
  .channel-grid__channel-price-wrapper {
    flex-direction: column;
  }
}

.channel-grid__info-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-grow: 1;
  padding-top: 15px;
}

@media (max-width: 20em) {
  .channel-grid__info-wrapper {
    flex-direction: column;
  }
}

@media (min-width: 48em) {
  .channel-grid__info-wrapper {
    flex-direction: column;
    padding-left: 15px;
    padding-top: 0;
  }
}

.channel-grid__list-section {
  border-top: 1px solid #dedede;
  padding-bottom: 30px;
}

.channel {
  position: relative;
  min-width: 160px;
  width: 100%;
  background-color: #fff;
  cursor: pointer;
  justify-self: center;
}

.channel--border-active-orange {
  border: 1px solid #fc4c02;
}

.channel--border-active-grey {
  border: 1px solid #eaeaea;
}

.channel__image-type {
  display: flex;
  position: absolute;
  justify-content: flex-end;
  width: 100%;
}

.channel__image-type i {
  font-size: 13px;
  padding: 8px;
}

.channel__image {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 20px;
  height: 100%;
}

.channel__image:hover img {
  transform: scale(1.1);
}

.channel__image--opacity,
.channel__image:hover::after,
.highlights__link:hover .highlights__image::after {
  opacity: 0.1;
}

.channel__image img {
  object-fit: contain;
  transition: 0.22s;
}

.channel__description {
  color: #393431;
  font-family: "Work Sans";
  font-size: 14px;
  line-height: 21px;
  padding-top: 10px;
  margin: 10px 0;
}

.channel__description--bold {
  font-weight: 700;
}

@media (min-width: 48em) {
  .channel__description {
    padding: 0 30px;
    margin: 0;
  }
}

.channel-info {
  display: flex;
  flex-direction: column;
  width: 70%;
}

@media (min-width: 48em) {
  .channel-info {
    width: 100%;
  }
}

.channel-info__type {
  color: #888583;
  font-family: "Work Sans";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.43px;
  line-height: 14px;
  padding-bottom: 10px;
}

.channel-info__title {
  font-family: Zona Pro;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: 0.45px;
  padding-bottom: 5px;
}

.channel-info__subtitle {
  font-family: Work Sans;
  font-size: 1rem;
  padding-bottom: 15px;
  font-weight: 400;
}

.channel-info__channels {
  display: flex;
  align-content: center;
  padding-bottom: 5px;
  flex-direction: column;
}

.channel-info__channels--column {
  flex-direction: column;
}

.channel-info__channel {
  font-family: Zona Pro;
  font-size: 0.625rem;
  color: #393431;
  padding-bottom: 3px;
}

.channel-info__channel--bold {
  font-weight: 800;
  padding-right: 5px;
  padding-top: 1px;
  color: #000;
}

.channel-info__channel p {
  font-family: Work Sans;
  margin: 0;
  padding-bottom: 3px;
}

.channel-info__channel p strong {
  font-weight: 700;
  color: #000;
}

.channel-info__more-info {
  display: flex;
  justify-content: flex-end;
}

.channel-info__more-info-text {
  font-family: Zona Pro;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #fc4c02;
  border-bottom: 2px solid #fc4c02;
  line-height: 18px;
  cursor: pointer;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 20em) {
  .channel-info__more-info-text {
    padding-top: 10px;
    flex-grow: 0;
  }
}

@media (min-width: 48em) {
  .channel-info__more-info-text {
    flex-grow: 0;
  }
}

.channel-info__price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 18px;
}

@media (min-width: 48em) {
  .channel-info__price {
    margin-bottom: 0;
    justify-content: flex-start;
  }
}

.channel-info__price .label {
  margin: 0;
  font-size: 0.875rem;
}

.channel-info__price b {
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 48em) {
  .channel-info__price b {
    margin-left: 24px;
  }
}

.channel-info__price small {
  font-size: 0.75rem;
  font-weight: 800;
}

.channel-info__price span {
  font-size: 0.6875rem;
  font-weight: 800;
  color: #b0aead;
}

.price-wrapper {
  display: flex;
  align-content: flex-end;
  padding-bottom: 20px;
}

@media (max-width: 20em) {
  .price-wrapper {
    padding-top: 20px;
  }
}

@media (min-width: 48em) {
  .price-wrapper {
    padding-bottom: 20px;
  }
}

.price-wrapper__price {
  display: flex;
  align-items: flex-end;
  font-size: 30px;
  font-family: Zona Pro;
  font-weight: 700;
  line-height: 22px;
}

.price-wrapper__price--decimals {
  font-size: 18px;
  line-height: 13px;
}

.price-wrapper__price-period {
  display: flex;
  align-items: flex-end;
  font-size: 11px;
  letter-spacing: 0.7px;
  font-family: Zona Pro;
  font-weight: 800;
  color: #b0aead;
  line-height: 10px;
}

.inframe {
  padding-top: 0;
}

.inframe #channel-list,
.inframe #channel-list-premium {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 0;
}

#error-page .text__rte {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 30px;
}

#error-page .text__rte p {
  margin: 0;
  width: 100%;
}

#error-page .text__content {
  max-width: 800px;
}

#error-page .button-container {
  display: flex;
  justify-content: center;
  padding-left: 20px;
  width: 100%;
}

@media (max-width: 37.5em) {
  #error-page .button-container {
    justify-content: flex-start;
  }
}

#error-page ul {
  list-style: circle;
  padding-left: 50px;
  padding-bottom: 50px;
}

#error-page span {
  padding-bottom: 10px;
}

.topics-list {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.topic {
  width: 100%;
  padding-bottom: 20px;
}

.topic__title {
  padding-top: 30px;
  color: #393431;
  font-family: Zona Pro;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 30px;
  padding-left: 15px;
  padding-bottom: 20px;
}

.item__selector__faqs {
  font-size: 14px;
  margin-bottom: 0;
  font: inherit;
}

.question-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: 1px solid #dedede;
}

.question-container__element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
  padding: 20px;
}

.question-container__question {
  font-family: Work Sans;
  font-size: 16px;
  line-height: 19px;
  color: #393431;
  font-weight: 500;
  margin-right: 10px;
}

#faq .drop-faq .list__item.active,
.question-container__question--selected {
  font-weight: 700;
}

.question-container__question:hover {
  color: #fc4c02;
}

.question-container__icon {
  width: 18px;
  transform: rotateZ(-180deg);
}

.question-container__icon--open {
  transform: rotateZ(0deg);
}

.question-container__answer {
  display: none;
  color: #393431;
  font-family: Work Sans;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 20px 30px;
}

.question-container__answer--hidden {
  display: none;
}

.question-container__answer--bold {
  font-weight: 500;
  padding-top: 10px;
}

.question-container__answer--boldunderline {
  font-weight: 500;
  text-decoration: underline;
  padding-top: 10px;
  padding-bottom: 10px;
}

.question-container__answer--bullet {
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 30px;
}

.question-container__answer--bullet::before {
  content: "\2022";
}

.question-container__answer--email,
.question-container__answer--link a {
  color: #fc4c02;
  text-decoration: underline;
}

.question-container__answer--link a {
  cursor: pointer;
}

.question-container__usefull-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #dedede;
  min-height: 90px;
  padding: 20px;
  margin-top: 20px;
}

.question-container__related-topics {
  padding-top: 50px;
  margin-left: -20px;
}

.questions-wrapper {
  width: 70%;
}

.faq-info {
  width: 30%;
  padding: 0 30px;
}

.faq-info__text {
  color: #dedede;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#faq .drop-faq .list__item-icon::before,
.faq-info__text--red {
  color: #fc4c02;
}

.usefull-content__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

@media (min-width: 64em) {
  .usefull-content__container {
    flex-direction: row;
  }
}

.usefull-content__text {
  flex-grow: 1;
  flex-direction: column;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 10px;
}

@media (min-width: 64em) {
  .usefull-content__text {
    padding-bottom: 0;
  }
}

.usefull-content__buttons {
  padding-bottom: 10px;
}

@media (min-width: 64em) {
  .usefull-content__buttons {
    padding-bottom: 0;
  }
}

.usefull-content__buttons .button {
  padding: 6px 12px;
  width: 60px;
}

.usefull-content__buttons.disabled {
  pointer-events: none;
}

.usefull-content__voting-message {
  font-size: 12px;
  line-height: 16px;
}

.usefull-content__voting-message.no a {
  font-family: "Zona Pro", sans-serif;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #fc4c02;
  border-bottom: 2px solid #fc4c02;
  line-height: 18px;
  cursor: pointer;
}

.related-topics__separator {
  border-top: 4px solid #000;
  padding: 0 50px;
}

.related-topics__text {
  flex-grow: 1;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 20px;
}

.related-topics__topics {
  color: #fc4c02;
  text-decoration: underline;
}

#faq,
.faq-header {
  color: #393431;
}

.faq-header__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #fff;
  padding: 40px 0;
}

@media (min-width: 48em) {
  .faq-header__wrapper {
    padding: 40px;
  }
}

.faq-header__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 700px;
  margin: auto;
}

.faq-header__search-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px 0;
}

@media (min-width: 48em) {
  .faq-header__search-container {
    padding-top: 50px;
  }
}

.faq-header__search {
  display: flex;
  border: 1px solid #dedede;
  border-radius: 50px;
  padding: 15px 30px;
  width: 100%;
}

@media (min-width: 48em) {
  .faq-header__search {
    width: 70%;
  }
}

.faq-header__search input {
  font-size: 1rem;
  cursor: auto;
}

.faq-header__services {
  padding: 30px;
  color: #393431;
}

.faq-header__services .services__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  grid-gap: 30px;
  width: 100%;
  justify-content: center;
  max-width: 969px;
  margin: 0 auto;
}

.faq-header__services .services__item {
  margin-bottom: 0;
  cursor: pointer;
}

@media (min-width: 48em) {
  .faq-header__services .services__item {
    width: 100%;
    height: 170px;
  }

  .faq-header__services .services__name {
    margin: 1em 0 0;
    padding-top: 15px;
  }
}

.faq-header__services .services__name::before {
  content: none;
}

#faq .drop-faq .list__items {
  position: relative;
}

#faq .drop-faq .list__item {
  display: flex;
  height: 60px;
  border-bottom: 1px solid #dedede;
}

#faq .drop-faq .list__item--selected {
  color: #000;
}

#faq .drop-faq .list__item-title {
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  font-weight: 700;
  height: 75px;
}

#faq .drop-faq .list__separator {
  border-top: 1px solid #dedede;
}

#faq .drop-faq .list__item-container {
  max-height: 250px;
}

#faq .drop-faq .list__item-container.visible {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: 0;
}

#faq .drop-faq .list__item-container:not(.visible) .list__item:not(.active) {
  display: none;
}

#faq .drop-faq .list__item-name {
  font-size: 14px;
  color: #393431;
}

#faq .drop-faq .list__item-icon {
  font-size: 20px;
  height: auto;
  padding-right: 20px;
}

#faq .drop-faq .scroll--orange {
  z-index: 1;
  position: absolute;
  width: 100%;
}

#faq .faq-side-menu {
  padding: 42px 20px 0;
}

@media (min-width: 48em) {
  #faq .faq-side-menu {
    padding: 42px 20px 0;
  }
}

@media (min-width: 80em) {
  #faq .faq-side-menu {
    padding: 42px 50px 0 100px;
  }
}

#faq .faq-side-list {
  padding: 30px 20px 0;
}

#faq .faq-side-list .visible {
  border: 0;
}

@media (min-width: 80em) {
  #faq > .left {
    width: 35% !important;
  }
}

.footer {
  padding: 50px 0 40px;
  border-top: 1px solid #dedede;
}
.channel-grid-overlay {
  margin-top: 10px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
@media (max-width: 37.5em) {
  .footer {
    padding-top: 0;
  }
  .channel {
    min-width: 110px;
  }
  .channel-grid-overlay {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  }
}

@media (min-width: 48em) {
  .footer {
    padding: 65px 0 40px;
  }
}

.footer__bottom {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
}

@media (min-width: 48em) {
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.footer__bottom .left-links {
  display: flex;
  padding-top: 25px;
}

@media (min-width: 48em) {
  .footer__bottom .left-links {
    padding-top: 0;
  }
}

.footer__bottom .left-link {
  padding-right: 10px;
}

.footer__bottom .left-link img {
  height: 55px;
}

.footer__links {
  border-top: 1px solid #dedede;
  padding: 30px 0 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.call__center {
  position: absolute;
  z-index: 10;
}

@media (min-width: 48em) {
  .footer__links {
    flex-wrap: nowrap;
  }
}

.footer__item {
  margin: 10px;
}

@media (min-width: 48em) {
  .footer__item {
    margin: 0 10px;
  }
}

.footer__copyright,
.footer__link {
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
}

.footer__link {
  display: block;
  line-height: normal;
  text-decoration: none;
  color: inherit;
  transition: 0.22s;
}

.footer__link:hover {
  color: #fc4c02;
}

.footer__copyright {
  margin: 0;
  color: rgba(57, 52, 49, 0.5);
  text-align: center;
}

.awards {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 48em) {
  .awards {
    justify-content: flex-end;
    margin-left: auto;
  }
}

.awards__item {
  margin: 0 10px;
}

@media (min-width: 48em) {
  .awards__item {
    margin: 0 0 0 30px;
  }

  .awards__item:first-of-type {
    margin-left: 0;
  }
}

.awards__link {
  display: block;
}

.awards__link img {
  display: block;
  height: 60px;
}

.sitemap {
  margin-bottom: 40px;
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  color: #393431;
}

@media (min-width: 64em) {
  .sitemap {
    display: flex;
  }
}

.sitemap__list {
  margin-top: 30px;
}

.sitemap__item {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: normal;
}

.form-container-contact__choice-selector span,
.form-container__choice-selector span,
.sitemap__item--second-level {
  margin-bottom: 20px;
}

.sitemap__link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: 0.22s;
}

.sitemap__link:hover {
  color: #fc4c02;
}

.sitemap__link--second-level {
  font-size: 0.875rem;
  font-weight: 400;
}

.social {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 35px 0 40px;
}

@media (max-width: 37.5em) {
  .social {
    order: 1;
  }
}

@media (min-width: 48em) {
  .social {
    justify-content: flex-start;
    margin: 0 50px 0 0;
  }
}

.social__item {
  margin: 0 10px;
}

@media (min-width: 48em) {
  .social__item {
    margin: 0 20px 0 0;
  }

  .social__item:last-of-type {
    margin-right: 0;
  }
}

.social__link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border: 1px solid #393431;
  border-radius: 50%;
  font-size: 2.5rem;
  color: #393431;
  text-decoration: none;
  transition: 0.22s;
}

.social__link:hover {
  color: #fc4c02;
  border-color: #fc4c02;
}

.form-header__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #dedede;
}

.form-header__breadcrumbs {
  padding-top: 20px;
  font-size: 12px;
}

.form-header__container {
  padding: 40px 0;
}

@media (min-width: 48em) {
  .form-header__container {
    padding: 20px 0 0px 80px;
  }
}

.form-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

@media (min-width: 48em) {
  .form-wrapper {
    padding: 0 80px;
  }
}

.form-container,
.form-container-contact {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #dedede;
}

@media (min-width: 48em) {
  .form-container,
  .form-container-contact {
    flex-direction: row;
    padding: 20px 0 0px 60px;
  }
}

.form-container-contact__left,
.form-container__left {
  width: 100%;
  padding-bottom: 20px;
}

@media (min-width: 48em) {
  .form-container-contact__left,
  .form-container__left {
    width: 30%;
  }
}

.form-container-contact__right,
.form-container__right {
  width: 100%;
  margin-bottom: 30px;
}

@media (min-width: 48em) {
  .form-container-contact__right,
  .form-container__right {
    width: 70%;
    padding-left: 20px;
  }
}

@media (min-width: 64em) {
  .form-container-contact__right,
  .form-container__right {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 30px;
    padding-left: 0;
  }
}

.form-container-contact__right--no-grid,
.form-container__right--no-grid {
  display: flex;
}

.form-container-contact__right--column,
.form-container__right--column {
  flex-direction: column;
}

.form-container-contact__label,
.form-container__label {
  font-weight: 500;
  font-size: 18px;
}

.form-container--row,
.form-container-contact--row {
  flex-direction: row;
}

.form-container-contact__input,
.form-container-contact__select,
.form-container-contact__textarea,
.form-container__input,
.form-container__select,
.form-container__textarea {
  border: 1px solid #ececec;
  border-radius: 2px;
  background-color: #fff;
  height: 50px;
  padding: 10px 15px;
  color: #888583;
  font-family: "Zona Pro", sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.form-container-contact__input--begin-space,
.form-container-contact__select--begin-space,
.form-container-contact__textarea--begin-space,
.form-container__input--begin-space,
.form-container__select--begin-space,
.form-container__textarea--begin-space {
  margin-left: 5px;
}

.form-container-contact__input--end-space,
.form-container-contact__select--end-space,
.form-container-contact__textarea--end-space,
.form-container__input--end-space,
.form-container__select--end-space,
.form-container__textarea--end-space {
  margin-right: 5px;
}

.form-container-contact__input--no-resize,
.form-container-contact__select--no-resize,
.form-container-contact__textarea--no-resize,
.form-container__input--no-resize,
.form-container__select--no-resize,
.form-container__textarea--no-resize {
  resize: none;
  height: 140px;
  width: 100%;
}

.form-container-contact__input--no-spinners,
.form-container-contact__select--no-spinners,
.form-container-contact__textarea--no-spinners,
.form-container__input--no-spinners,
.form-container__select--no-spinners,
.form-container__textarea--no-spinners {
  -moz-appearance: textfield;
}

.form-container-contact__input--no-spinners::-webkit-inner-spin-button,
.form-container-contact__input--no-spinners::-webkit-outer-spin-button,
.form-container-contact__select--no-spinners::-webkit-inner-spin-button,
.form-container-contact__select--no-spinners::-webkit-outer-spin-button,
.form-container-contact__textarea--no-spinners::-webkit-inner-spin-button,
.form-container-contact__textarea--no-spinners::-webkit-outer-spin-button,
.form-container__input--no-spinners::-webkit-inner-spin-button,
.form-container__input--no-spinners::-webkit-outer-spin-button,
.form-container__select--no-spinners::-webkit-inner-spin-button,
.form-container__select--no-spinners::-webkit-outer-spin-button,
.form-container__textarea--no-spinners::-webkit-inner-spin-button,
.form-container__textarea--no-spinners::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-container-contact__input.error,
.form-container-contact__select.error,
.form-container-contact__textarea.error,
.form-container__input.error,
.form-container__select.error,
.form-container__textarea.error {
  border-color: red;
  border-width: 2px;
  display: block;
  padding: 10px 15px;
}

.form-container-contact__input--width-50,
.form-container-contact__select--width-50,
.form-container-contact__textarea--width-50,
.form-container__input--width-50,
.form-container__select--width-50,
.form-container__textarea--width-50 {
  width: 50%;
}

@media (max-width: 37.5em) {
  .form-container-contact__input--width-50,
  .form-container-contact__select--width-50,
  .form-container-contact__textarea--width-50,
  .form-container__input--width-50,
  .form-container__select--width-50,
  .form-container__textarea--width-50 {
    width: 100%;
    border: 1px solid red;
  }
}

.form-container-contact__select,
.form-container__select {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1.2em + 2px),
    calc(100% - 15px) calc(1.2em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-container-contact__choice-selector,
.form-container__choice-selector {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.form-container-contact__selector,
.form-container__selector {
  padding: 5px 20px;
  font-weight: 500;
  color: #888583;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 10px;
}

@media (min-width: 48em) {
  .form-container-contact__selector,
  .form-container__selector {
    margin-bottom: 0;
  }
}

.form-container-contact__selector label,
.form-container__selector label {
  cursor: pointer;
}

.form-container-contact__selector--selected,
.form-container__selector--selected {
  border: 2px solid #fc4c02;
  border-radius: 25px;
  color: #000;
}

.form-container-contact__radio-buttons,
.form-container__radio-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  grid-gap: 1rem;
}

.form-container-contact__radio-buttons label,
.form-container__radio-buttons label {
  display: flex;
}

.form-container-contact__radio-buttons label svg,
.form-container__radio-buttons label svg {
  padding-right: 10px;
  width: auto;
}

@media (max-width: 767px) {
  .form-container-contact__radio-buttons,
  .form-container__radio-buttons {
    margin-top: 30px;
  }
}

.form-container-contact__radio-button,
.form-container__radio-button {
  width: 90%;
  padding-left: 10px;
  color: #888583;
  font-weight: 500;
}

.form-container-contact__radio-button--selected,
.form-container__radio-button--selected {
  color: #000;
}

.form-info {
  width: 30%;
  padding: 0 30px;
}

.form-info__text {
  color: #dedede;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.form-info__text--red {
  color: #fc4c02;
}

.form-submit {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  width: 100%;
  padding: 30px 0;
}

.form-submit__rgpd-info {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.form-submit__send-file-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column-reverse;
}

@media (min-width: 48em) {
  .form-submit__send-file-container {
    flex-direction: row;
  }
}

.form-submit__file-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-end;
  justify-content: flex-end;
  padding-top: 30px;
}

.form-submit__file-wrapper {
  display: flex;
  background-color: #8885837a;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
}

@media (min-width: 48em) {
  .form-submit__file-wrapper {
    width: 300px;
  }
}

.form-submit__image-upload {
  display: flex;
  align-items: center;
  height: 40px;
}

@media (min-width: 48em) {
  .form-submit__image-upload {
    padding-right: 30px;
  }
}

.form-submit__image-upload label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-top: 20px;
}

@media (min-width: 48em) {
  .form-submit__image-upload label {
    min-width: 150px;
    padding-right: 30px;
    padding-top: 0;
  }
}

.form-submit__image-upload label .icon-ic-attach {
  font-size: 25px;
}

.form-submit__image-upload span {
  padding-right: 5px;
}

.form-submit__image-upload img {
  max-height: 40px;
}

.form-submit__image-upload input {
  display: none;
}

.form-submit .button {
  width: 100%;
}

@media (min-width: 48em) {
  .form-submit .button {
    width: 300px;
  }
}

.form-submit .button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.form-validation__error-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 64em) {
  .form-validation__error-wrapper {
    margin-bottom: 0;
  }
}

.form-validation__error-wrapper label {
  font-size: 13px;
  padding-top: 3px;
  padding-left: 3px;
  color: red;
}

.file-wrapper__icon {
  padding: 15px;
  cursor: pointer;
}

.file-wrapper__file-item {
  display: flex;
  flex-direction: column;
  padding: 5px;
}

.file-wrapper__file-name {
  font-weight: 600;
  color: #393431;
}

.file-wrapper__file-size {
  font-size: 12px;
  color: #fff;
}

.overlay-form-container {
  width: 50%;
  height: 20%;
}

.overlay-form-container .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.overlay-form-container .text-container__symbol {
  padding: 50px;
}

.overlay-form-container .text-container__text {
  font-size: 1.125rem;
  text-align: center;
}

.g-recaptcha {
  display: flex;
  justify-content: center;
  padding: 30px 0;
}

@media (min-width: 48em) {
  .g-recaptcha {
    justify-content: flex-start;
  }
}

input.input-width-50 {
  width: 50%;
}

.count-length .count-area {
  float: right;
  text-transform: uppercase;
  text-align: right;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.general-error {
  border: 1px solid red;
  color: red;
  width: 100%;
  padding: 10px;
  font-size: 0.8em;
}

.general-error,
.upload-label {
  text-align: center;
}

.container {
  width: 100%;
  max-width: 1210px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 80em) {
  .container {
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }
}

.container--full {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.padding-right-md {
  padding-right: 30px;
}

.flex-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 30px;
}

.flex-box,
.header__top > .container {
  display: flex;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-grow-2 {
  flex-grow: 1 green;
}

.flex-grow-3 {
  flex-grow: 1 yellow;
}

.flex-grow-4 {
  flex-grow: 1 blue;
}

.mt-1 {
  margin-top: 5px;
}

.mt-2 {
  margin-top: 10px;
}

.mt-3 {
  margin-top: 20px;
}

.mt-4 {
  margin-top: 30px;
}

.mb-1 {
  margin-bottom: 5px;
}

.mb-2 {
  margin-bottom: 10px;
}

.mb-3 {
  margin-bottom: 20px;
}

.mb-4 {
  margin-bottom: 30px;
}

.colspan-3 {
  grid-column-start: 1;
  grid-column-end: 3;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 997;
}

.header__top {
  background: #393431;
  z-index: 9999;
}

@media (min-width: 64em) {
  .header__top {
    display: block;
  }
}

.header__bottom {
  background: #fff;
  border-bottom: 1px solid #dedede;
  z-index: 999;
  position: relative;
}

.header__bottom .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
}

@media (min-width: 64em) {
  .header__bottom .container {
    height: 90px;
  }
}

.header__column {
  display: flex;
  width: 33.333333333333333%;
}

@media (min-width: 64em) {
  .header__column {
    width: auto;
  }

  .header__column--toggle {
    display: none;
  }
}

.header__column--left {
  justify-content: left;
  width: 33.3%;
}

.header__column--center {
  justify-content: center;
  width: 33.3%;
}

.header__column--right {
  justify-content: right;
  width: 33.3%;
}

.header__toggle {
  height: 15px;
  width: 25px;
  position: relative;
  pointer-events: all;
}

@media (min-width: 64em) {
  .header__toggle {
    display: none;
  }
}

.header__toggle span {
  background: #fc4c02;
  border-radius: 2px;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  transition: 0.22s;
}

.header__toggle span:nth-child(1) {
  top: 0;
}

.header__toggle span:nth-child(2) {
  top: 6px;
}

.header__toggle span:nth-child(3) {
  top: 12px;
}

.header__toggle--open span:nth-child(1) {
  transform: rotate(45deg);
  top: 50%;
}

.header__toggle--open span:nth-child(2) {
  width: 0;
}

.header__toggle--open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 50%;
}

.header__brand {
  max-width: none !important;
  width: 84px;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .header__brand {
    width: 131px;
  }
}

@media (min-width: 64em) {
  .header__brand {
    margin: 0;
  }
}

.header__links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header__item {
  margin-left: 15px;
  pointer-events: all;
}

@media (min-width: 64em) {
  .header__item {
    margin-left: 20px;
  }
}

@media (min-width: 80em) {
  .header__item {
    margin-left: 40px;
  }
}

.header__item:first-of-type {
  display: none;
}

@media (min-width: 64em) {
  .header__item:first-of-type {
    margin-left: 0;
    display: block;
  }
}

.header__link {
  font-size: 1.5625rem;
  text-decoration: none;
  color: #fc4c02;
}

@media (min-width: 64em) {
  .header__link {
    font-size: 1.25rem;
  }
}

@media (min-width: 80em) {
  .header__link {
    font-size: 1.5625rem;
  }
}

.header.no-events {
  pointer-events: none;
}

.nav-tabs {
  display: none;
  height: 35px;
  width: 100%;
}

@media (min-width: 48em) {
  .nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    height: 60px;
    width: 100%;
  }
}

@media (min-width: 80em) {
  .nav-tabs {
    height: 60px;
    width: 100%;
  }
}

.nav-tabs__item {
  margin-right: 0.5rem;
  padding: 1rem 1.8125rem;
}

.nav-tabs__item--active {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-color: #fff;
}

.nav-tabs__item.hide-mobile {
  display: none;
}

@media (min-width: 64em) {
  .nav-tabs__item.hide-mobile {
    display: block;
  }
}

.nav-tabs__link {
  display: block;
  font-family: "Zona Pro", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.6px;
  line-height: normal;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  transition: 0.22s;
  color: #fff;
}

.nav-tabs__item--active .nav-tabs__link {
  color: #393431;
}

.nav-tabs__item--active .nav-tabs__link:hover {
  color: inherit !important;
}

.nav-tabs__link:hover {
  color: #fc4c02;
}

.nav-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 35px;
  width: 100%;
}

@media (min-width: 48em) {
  .nav-top {
    height: 60px;
    width: 100%;
  }
}

@media (min-width: 80em) {
  .nav-top {
    height: 60px;
    width: 100%;
  }
}

.nav-top__item {
  margin-right: 15px;
}

@media (min-width: 80em) {
  .nav-top__item {
    margin-right: 25px;
  }
}

.nav-top__item:last-of-type,
.packages__icons i:last-of-type {
  margin-right: 0;
}

.nav-top__item.hide-mobile {
  display: none;
}

@media (min-width: 64em) {
  .nav-top__item.hide-mobile {
    display: block;
  }
}

.nav,
.nav-top__link {
  transition: 0.22s;
  pointer-events: all;
}

.nav-top__link {
  display: block;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}

.nav-top__link:hover {
  color: #fc4c02;
}

.nav {
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
  height: calc(100% - 100px);
  background: #fff;
  z-index: 998;
  transform: translateX(100%);
  overflow-y: auto;
  overflow-x: hidden;
}

@media (min-width: 48em) {
  .nav {
    position: fixed;
    top: 125px;
    left: 0;
    height: calc(100% - 125px);
  }
}

@media (min-width: 64em) {
  .nav {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    height: 100%;
    width: auto;
    z-index: auto;
    transform: translateX(0);
    background: 0 0;
    padding-right: 30px;
    overflow: initial !important;
  }
}

.nav--open {
  transform: translateX(0);
}

.nav__list {
  background: #fff;
}

.nav__list--first {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: 0.22s;
}

@media (min-width: 64em) {
  .nav__list--first {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
  }
}

.nav__list--first.move {
  transform: translateX(-100%);
}

@media (min-width: 64em) {
  .nav__list--first.move {
    transform: translateX(0);
  }
}

.nav__list--second {
  display: block;
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  transform: translate(200%, 0);
  transition: 0.22s;
}

@media (max-width: 63.99em) {
  .nav__list--second {
    display: none;
  }
}

@media (min-width: 64em) {
  .nav__list--second {
    width: auto;
    height: auto;
    position: absolute;
    top: 100%;
    min-width: 280px;
    border-top: 2px solid #fc4c02;
    padding: 33px 40px 0;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.34);
    transform: translateX(-40px) scaleY(0.75);
    opacity: 0;
    transform-origin: top center;
  }
}

.nav__list--second::before {
  content: attr(data-menu);
  width: 100%;
  background: #fc4c02;
  color: #fff;
  padding: 20px 25px 20px 60px;
  display: flex;
  align-items: center;
}

@media (min-width: 64em) {
  .nav__list--second::before {
    display: none;
  }
}

.nav__list--second::after {
  content: "\E93E";
  color: #fff;
  font-size: 1.125rem;
  position: absolute;
  top: 20px;
  left: 15px;
  transition: 0.22s;
}

@media (min-width: 64em) {
  .nav__list--second::after {
    display: none;
  }
}

.nav__item {
  font-family: "Zona Pro", sans-serif;
  font-size: 1rem;
  letter-spacing: 1.14px;
  width: 100%;
  font-weight: 600;
  color: #393431;
  cursor: default;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 64em) {
  .nav__item {
    width: auto;
    font-size: 0.875rem;
    margin: 0 10px;
  }
}

@media (min-width: 80em) {
  .nav__item {
    margin: 0 15px;
  }
}

.nav__item--first.over,
.nav__item--selected {
  color: #fc4c02;
}

.nav__item--first {
  flex: 1;
  border-bottom: 1px solid #eaeaea;
  transition: 0.22s;
}

@media (min-width: 64em) {
  .nav__item--first {
    left: 0;
    padding: 0;
    display: block;
    height: 100%;
    position: relative;
    border-bottom: none;
  }
}

.nav__item--first span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 30px 0 60px;
  position: relative;
}

@media (min-width: 64em) {
  .nav__item--first span {
    width: auto;
    padding: 0;
    display: flex;
  }
}

.nav__item--first span::after {
  content: "\E93F";
  pointer-events: none;
  font-size: 1.125rem;
  color: #fc4c02;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate(0, -50%);
  transition: 0.22s;
}

@media (min-width: 64em) {
  .nav__item--first span::after {
    content: " ";
    height: 6px;
    width: 100%;
    background: #fc4c02;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scale(0);
  }
}

@media (min-width: 64em) {
  .nav__item--first.over span::after {
    transform: translateX(-50%) scale(1);
  }
}

.nav__item--first.over .nav__list--second {
  pointer-events: auto;
}

@media (min-width: 64em) {
  .nav__item--first.over .nav__list--second {
    transform: translateX(-40px) scaleY(1);
    opacity: 1;
  }
}

@media (max-width: 63.99em) {
  .nav__item--first.open .nav__list--second {
    pointer-events: auto;
    transform: translateX(100%);
    overflow-y: auto;
    display: block;
  }
}

.nav__item--link {
  background: #fc4c02;
  border-bottom: none;
}

@media (min-width: 64em) {
  .nav__item--link {
    display: none;
  }
}

.nav__item--link span {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
}

.nav__item--link span::after {
  display: none;
}

.nav__item--link a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0 30px 0 60px;
}

.nav__item--link:last-of-type {
  background: #393431;
}

.nav__item--second {
  margin: 0;
}

@media (min-width: 64em) {
  .nav__item--second {
    margin-bottom: 25px;
  }
}

.nav__link {
  display: block;
  text-decoration: none;
  color: #393431;
  transition: 0.22s;
}

@media (min-width: 48em) {
  .nav__link:hover {
    color: #fc4c02;
  }
}

.nav__link--second {
  padding: 25px 25px 25px 60px;
  word-break: break-word;
  white-space: normal;
}

@media (min-width: 64em) {
  .nav__link--second {
    padding: 0;
  }
}

.nav__tabs {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  background-color: #393431;
  max-width: 100%;
  overflow: auto;
}

@media (min-width: 64em) {
  .nav__tabs.hide-laptop {
    display: none;
  }
}

.nav__tabs__item {
  flex: 1;
  padding: 1rem;
  text-align: center;
}

.nav__tabs__item--active {
  border-radius: 0.25rem;
  background-color: #fff;
}

.nav__tabs__link {
  display: block;
  font-family: "Zona Pro", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.6px;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.22s;
}

.nav__tabs__item--active .nav__tabs__link,
.quicksearch {
  color: #393431;
}

.nav__tabs__item--active .nav__tabs__link:hover {
  color: inherit !important;
}

.quicksearch {
  position: fixed;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  background-color: #f7f7f7;
  z-index: 1999;
  top: -125%;
  transition: 0.5s;
}

.quicksearch--open {
  top: 0;
  padding-top: 60px;
}

@media (min-width: 48em) {
  .quicksearch--open {
    padding-top: 125px;
  }
}

.quicksearch--open .quicksearch__form {
  position: fixed;
}

.quicksearch .container {
  position: relative;
}

.quicksearch__form {
  background: #fff;
  box-shadow: 0 1px 0 0 #eaeaea;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
}

@media (min-width: 64em) {
  .quicksearch__form {
    height: 125px;
    width: 100%;
  }
}

.quicksearch__search {
  position: relative;
  padding: 0 35px;
}

@media (min-width: 48em) {
  .quicksearch__search {
    padding: 0 50px;
  }
}

.quicksearch__search::before {
  content: "\E939";
  font-size: 1.25rem;
  color: #393431;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (min-width: 48em) {
  .quicksearch__search::before {
    font-size: 1.5625rem;
  }
}

.quicksearch__input {
  width: 100%;
  font-size: 1.25rem;
  color: #393431;
  font-weight: 300;
  line-height: 1.1666666667;
  border: 0 !important;
}

@media (min-width: 48em) {
  .quicksearch__input {
    font-size: 1.5rem;
  }
}

.quicksearch__close {
  font-size: 1.125rem;
  color: #fc4c02;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.22s;
}

@media (min-width: 48em) {
  .quicksearch__close {
    font-size: 1.375rem;
  }
}

.quicksearch__close:hover {
  transform: translateY(-50%) rotate(180deg);
}

.hero__price small,
.quicksearch__content {
  font-size: 0.875rem;
}

@media (min-width: 48em) {
  .quicksearch__content {
    display: flex;
  }
}

.quicksearch__wrap {
  position: relative;
}

.quicksearch__results {
  padding-top: 40px;
}

@media (min-width: 48em) {
  .quicksearch__results {
    padding: 40px 30px 70px 0;
  }

  .quicksearch__results--content {
    width: 66%;
  }

  .quicksearch__results--content .quicksearch__grid {
    grid-template-columns: auto auto;
    grid-column-gap: 30px;
  }

  .quicksearch__results--faqs {
    width: 33.3333333333%;
    margin-left: 30px;
  }

  .quicksearch__grid {
    display: grid;
    grid-row-gap: 25px;
  }
}

.quicksearch__label {
  font-weight: 700;
  padding-bottom: 25px;
  margin: 0 0 25px;
  border-bottom: 1px solid rgba(222, 222, 222, 0.5);
}

.quicksearch__item {
  margin-bottom: 25px;
}

@media (min-width: 48em) {
  .quicksearch__item {
    margin-bottom: 0;
  }
}

.quicksearch__link {
  text-decoration: none;
}

.cookies-container__text a,
.quicksearch__link:hover {
  text-decoration: underline;
}

.quicksearch__title {
  color: #fc4c02;
  letter-spacing: 0.23px;
  margin: 0 0 0.5em;
}

.hero__copy p,
.quicksearch__description {
  margin: 0;
}

.quicksearch__no-results {
  padding: 30px 0;
  font-size: 22px;
}

.loader {
  border: 16px solid #d7d7d7;
  border-top: 16px solid #fc4c02;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

.loader__container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 30px;
}

#store-locator .page-layout {
  padding-bottom: 0;
  border-bottom: 0;
}

@media (min-width: 80em) {
  #store-locator .page-layout {
    padding: 3.125rem 0;
    padding-bottom: 0;
  }

  #store-locator .page-layout__middle-section .left {
    height: 650px;
  }
}

#store-locator .page-layout__middle-section .right {
  border-top: 1px solid #dedede;
  height: 100%;
}

@media (min-width: 80em) {
  #store-locator .page-layout__middle-section .right {
    height: 650px;
  }
}

#store-locator .list {
  border-top: 1px solid #dedede;
}

#store-locator .list__title {
  border-top: none;
  padding: 15px 0;
}

@media (min-width: 80em) {
  #store-locator .list__title {
    justify-content: flex-end;
    padding-right: 30px;
  }
}

#store-locator .list__items {
  padding-top: 25px;
}

@media (min-width: 80em) {
  #store-locator .list__items {
    height: 583px;
    margin-right: 5px;
    margin-top: 5px;
    max-width: 270px;
    min-width: 200px;
    padding-left: 35px;
  }

  #store-locator .list__item-icon {
    display: none;
  }
}

#store-locator .store-info {
  display: none;
  position: absolute;
  z-index: 1;
  padding: 50px 10px;
}

#store-locator .store-info__list {
  display: flex;
  flex-direction: column;
  padding: 30px;
  height: 350px;
  width: 330px;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

#store-locator .store-info__section {
  padding-bottom: 10px;
}

#store-locator .store-info__title {
  font-size: 14px;
}

#store-locator .store-info__text,
#store-locator .store-info__title {
  color: #393431;
  font-family: Work Sans;
  line-height: 20px;
}

#store-locator .store-info__title {
  font-weight: 700;
}

#store-locator .store-info__text {
  font-weight: 400;
  font-size: 12px;
}

#store-locator .store-info__more-info {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
}

#store-locator .store-info__more-info-text {
  font-family: Zona Pro;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #fc4c02;
  border-bottom: 2px solid #fc4c02;
  line-height: 18px;
  cursor: pointer;
}

#map {
  width: 100%;
  height: 650px;
  display: none;
}

@media (min-width: 80em) {
  #map {
    height: 650px;
    display: block;
  }
}

@media (min-width: 48em) {
  .banner {
    text-align: center;
  }
}

.banner__info {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

.banner__picture {
  margin-top: 30px;
  display: block;
}

@media (min-width: 48em) {
  .banner__picture {
    margin-top: 50px;
  }
}

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

.banner--image-first .container {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}

.banner--image-first .banner__picture {
  margin-top: 0;
  margin-bottom: 30px;
}

@media (min-width: 48em) {
  .banner--image-first .banner__picture {
    margin-top: 0;
    margin-bottom: 50px;
  }
}

.banner--widescreen .container {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

.callout__content {
  background: 0 0;
  padding: 20px;
}

@media (min-width: 48em) {
  .callout__content {
    padding: 40px 50px;
  }
}

@media (min-width: 64em) {
  .callout__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 50px 30px 80px;
  }
}

@media (min-width: 48em) {
  .callout__title {
    margin: 0;
  }
}

.callout__subtitle {
  font-weight: 400;
  margin: 0;
}

.callout__link {
  margin-top: 20px;
}

@media (min-width: 64em) {
  .callout__link {
    margin-top: 0;
    margin-left: 90px;
  }
}

.cookies-container {
  display: flex;
  position: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 50px;
  background-color: #777;
  bottom: 0;
}

@media (min-width: 48em) {
  .cookies-container {
    flex-direction: row;
  }
}

.cookies-container__text {
  color: #fff;
  font-size: 12px;
  padding-bottom: 30px;
}

@media (min-width: 48em) {
  .cookies-container__text {
    padding-right: 50px;
    padding-bottom: 0;
  }
}

.cover .container {
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cover__picture,
.cover__picture::after {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cover__picture {
  z-index: -1;
}

.cover__picture::after {
  content: " ";
  background: rgba(0, 0, 0, 0.7);
}

.cover__content {
  max-width: 960px;
  padding: 0 20px;
  text-align: center;
  color: #fff;
}

.cover__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.cover__title {
  text-transform: none;
}

.cover__subtitle {
  font-weight: 300;
}

.cover__links {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 48em) {
  .cover__links {
    flex-direction: row;
    justify-content: center;
  }
}

.cover__button {
  border-color: #fff;
  color: #fff;
  margin-bottom: 20px;
}

@media (min-width: 48em) {
  .cover__button {
    margin: 0 15px;
  }
}

.cover__button:hover {
  background: #fff;
  color: #393431;
}

@media (max-width: 79.99em) {
  .drop {
    margin-bottom: 50px;
    color: #888583;
    position: relative;
  }

  .drop .option {
    padding: 1em;
    cursor: pointer;
    background-color: #fff;
  }

  .drop .option:not(.active) {
    display: none;
    opacity: 0;
    transform: translateY(-50%);
  }

  .drop .placeholder {
    border: 1px solid #dedede;
  }

  .drop.visible:after,
  .drop.visible:before {
    border-color: #fc4c02;
  }

  .drop.visible:before {
    opacity: 0;
  }

  .drop.visible:after {
    opacity: 1;
  }

  .drop.visible .option {
    color: #000;
    display: block;
  }

  .drop.opacity .option {
    transform: translateZ(0);
    opacity: 1;
  }

  .drop.withBG .option {
    transition: background-color 0.1s;
  }

  .drop.withBG .option:not(.placeholder).active,
  .drop.withBG .option:not(.placeholder):hover {
    color: #fc4c02;
  }

  .drop:after,
  .drop:before {
    content: "";
    position: absolute;
    right: 1em;
    width: 0.75em;
    height: 0.75em;
    border: 0.2em solid #888583;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    transition: opacity 0.2s;
  }

  .drop:before {
    border-left: none;
    border-top: none;
    top: 1.2em;
  }

  .drop:after {
    border-right: none;
    border-bottom: none;
    opacity: 0;
    top: 1.7em;
  }
}

.drop-faq {
  margin-bottom: 50px;
  color: #888583;
  position: relative;
}

.drop-faq .option {
  padding: 1em;
  cursor: pointer;
}

.drop-faq .option:not(.active) {
  display: none;
  opacity: 0;
  transform: translateY(-50%);
}

.drop-faq .placeholder {
  border: 1px solid #dedede;
}

.drop-faq.visible:after,
.drop-faq.visible:before {
  border-color: #fc4c02;
}

.drop-faq.visible:before {
  opacity: 0;
}

.drop-faq.visible:after {
  opacity: 1;
}

.drop-faq.visible .option {
  color: #000;
  display: block;
}

.drop-faq.opacity .option {
  transform: translateZ(0);
  opacity: 1;
}

.drop-faq.withBG .option {
  transition: background-color 0.1s;
}

.drop-faq.withBG .option:not(.placeholder).active,
.drop-faq.withBG .option:not(.placeholder):hover {
  color: #fc4c02;
}

.drop-faq:after,
.drop-faq:before {
  content: "";
  position: absolute;
  top: 1.5em;
  right: 1em;
  width: 0.75em;
  height: 0.75em;
  border: 0.2em solid #888583;
  transform: rotate(45deg);
  transition: opacity 0.2s;
}

.drop-faq:before {
  transform-origin: 50% 50%;
  border-left: none;
  border-top: none;
  top: 1.2em;
}

.drop-faq:after {
  border-right: none;
  border-bottom: none;
  opacity: 0;
  transform-origin: -50% 50%;
}

.features {
  text-align: center;
}

.features__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 270px);
  grid-gap: 30px;
  margin-bottom: 20px;
  width: 100%;
  justify-content: center;
}

.features__list--6 {
  grid-template-columns: repeat(auto-fit, 170px);
}

@media (max-width: 48em) {
  .features__list--per-line-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .features__list--per-line-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .features__list--per-line-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .features__list--per-line-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .features__list--per-line-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .features__list--per-line-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

.features__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.features__image {
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #dedede;
  overflow: hidden;
  position: relative;
}

@media (max-width: 37.5em) {
  .features__image {
    width: 80px;
    height: 80px;
  }
}

.features__image img {
  width: 100%;
  padding: 20px;
}

@media only screen and (max-width: 600px) {
  .features__image img {
    padding: 12px;
  }
}

.features__name {
  font-family: "Zona Pro", sans-serif;
  font-size: 0.875rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 2em 0 0.5em;
}

.features__description {
  margin: 0;
  font-weight: 300;
}

.grid .container,
.grid__item {
  width: 100%;
  justify-content: center;
}

.grid .container {
  display: grid;
  grid-template-columns: repeat(auto-fit, 90%);
  grid-gap: 30px;
}

@media (min-width: 48em) {
  .grid .container {
    grid-template-columns: repeat(auto-fit, 500px);
  }
}

.grid__item {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #dedede;
  margin-bottom: 30px;
}

@media (min-width: 48em) {
  .grid__item {
    padding: 50px 20px;
    flex-direction: row;
    justify-content: space-around;
  }
}

.grid__figure {
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #dedede;
  overflow: hidden;
  position: relative;
}

.grid__image {
  width: 40%;
  max-width: none;
  display: block;
}

.grid__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

@media (min-width: 48em) {
  .grid__info {
    padding-top: 0;
    width: 60%;
  }
}

@media (min-width: 80em) {
  .grid__info {
    padding-left: 25px;
  }
}

@media (min-width: 48em) {
  .grid__copy {
    overflow: hidden;
  }
}

@media (min-width: 80em) {
  .grid__copy {
    padding-right: 10px;
  }
}

.grid__title {
  text-transform: uppercase;
  text-align: center;
  padding: 0 20px;
}

@media (min-width: 48em) {
  .grid__title {
    padding: 0;
    overflow: hidden;
  }
}

.grid__subtitle {
  text-align: center;
}

.grid__button {
  margin-top: 20px;
}

@media (min-width: 48em) {
  .grid__button {
    margin-top: 30px;
  }
}

.page-layout {
  display: flex;
  flex-direction: column;
}

@media (min-width: 80em) {
  .page-layout {
    padding-top: 3.125rem;
  }
}

.page-layout__top-section {
  padding-top: 30px;
}

@media (min-width: 48em) {
  .page-layout__top-section {
    display: flex;
    padding-right: 0;
    background-color: #f7f7f7;
    position: unset;
    top: 0;
    width: 100%;
    z-index: 1;
  }
}

.page-layout__top-section .left {
  width: 0;
}

@media (min-width: 80em) {
  .page-layout__top-section .left {
    width: 25%;
  }
}

.page-layout__top-section .right {
  width: 100%;
}

.page-layout__top-section .right h2 {
  margin: 0;
  padding-bottom: 8px;
}

.page-layout__top-section .right h6 {
  margin: 0;
  padding-bottom: 45px;
}

@media (min-width: 80em) {
  .page-layout__top-section .right {
    width: 75%;
  }
}

.page-layout__middle-section {
  display: flex;
  flex-direction: column;
}

@media (min-width: 48em) {
  .page-layout__middle-section {
    padding-top: 0;
  }
}

@media (min-width: 80em) {
  .page-layout__middle-section {
    flex-direction: row;
  }
}

.page-layout__middle-section .left {
  width: 100%;
}

@media (min-width: 80em) {
  .page-layout__middle-section .left {
    width: 25%;
  }
}

.page-layout__middle-section .right {
  width: 100%;
}

@media (min-width: 80em) {
  .page-layout__middle-section .right {
    width: 75%;
  }
}

@media (min-width: 64em) {
  .hero.hero--image-right .container {
    flex-direction: row-reverse;
  }
}

.hero .container {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

@media (min-width: 48em) {
  .hero .container {
    flex-direction: row;
  }
}

@media (min-width: 80em) {
  .hero .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.hero .container.hero--box {
  height: 100%;
}

@media (min-width: 64em) {
  .hero .container.hero--box {
    position: relative;
  }

  .hero .container.hero--box .hero__picture {
    width: 100%;
  }
}

.hero__picture {
  width: 100%;
  display: flex;
}

@media (min-width: 48em) {
  .hero__picture {
    width: 100%;
    flex: 0 1 auto;
  }
}

@media (min-width: 80em) {
  .hero__picture {
    width: 64.95726496%;
    flex: 1;
  }
}

.hero__image {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: contain;
}

@media (min-width: 48em) {
  .hero__image {
    object-fit: cover;
  }
}

@media (min-width: 80em) {
  .hero__image {
    object-fit: cover;
  }
}

.hero__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 0 0 auto;
  background-color: #fc4c02;
  width: 100%;
  padding: 30px;
  color: #fff;
  box-shadow: -2px 0 12px 0 rgba(0, 0, 0, 0.3);
}

@media (max-width: 37.5em) {
  .hero__info {
    padding: 20px;
  }
}

@media (min-width: 48em) {
  .hero__info {
    flex: 0 1 auto;
    width: 41%;
  }
}

.hero__info--widescreen {
  position: absolute;
  bottom: 14%;
  width: 100%;
  background-color: transparent;
}

@media (max-width: 899px) {
  .hero__info--widescreen {
    bottom: 9%;
  }
}

@media (max-width: 415px) {
  .hero__info--widescreen {
    bottom: 7%;
  }
}

.hero__info--widescreen,
.hero__info--widescreen .hero__info-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.hero__info--widescreen .cta-container {
  width: auto;
  align-self: center;
}

.hero__info--widescreen .cta-container:not(:first-child) {
  margin-left: 4.375rem;
}

.hero__info--no-shadow {
  box-shadow: none;
}

.hero__info.hero--box {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: auto;
  max-height: 60%;
}

.hero__info.hero--box.hero--image-left {
  left: -3%;
}

.hero__info.hero--box.hero--image-right {
  right: -3%;
}

@media (max-width: 1124px) {
  .hero__info.hero--box {
    top: 0;
    max-height: 90%;
  }
}

@media (max-width: 1021px) {
  .hero__info.hero--box {
    width: 80%;
    top: 50%;
    max-height: 40%;
  }
}

@media (max-width: 415px) {
  .hero__info.hero--box {
    width: 80%;
    top: 65%;
    max-height: 65%;
  }
}

.hero__info-container .ctas-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.hero__info-container .cta-container {
  padding: 0;
  width: auto;
  align-self: center;
}

.hero__info-container .cta-container:not(:first-child) {
  margin-left: 1.5625rem;
}

.hero__tag {
  font-family: "Zona Pro", sans-serif;
  margin: 0;
  color: #fff;
}

@media (max-width: 37.5em) {
  .hero__tag {
    font-size: 1rem;
    width: 100%;
  }
}

.hero__title {
  font-size: 2.0625rem;
  font-weight: 900;
}

@media (max-width: 37.5em) {
  .hero__title {
    font-size: 1.4375rem;
    width: 100%;
  }
}

@media (min-width: 48em) {
  .hero__title + .button {
    margin-top: 3em;
  }
}

.hero__copy {
  margin-top: 0;
  font-size: 1.25rem;
}

@media (max-width: 37.5em) {
  .hero__copy {
    font-size: 1rem;
  }
}

.hero__title-price-wrapper {
  display: flex;
  flex-direction: column;
}

.hero__title-price-wrapper.Up {
  flex-direction: column-reverse;
}

.hero__price-wrapper {
  display: flex;
  align-items: flex-start;
}

.hero__price-wrapper.Down,
.hero__price-wrapper.Up {
  flex-direction: column;
}

.hero__price-wrapper.Center {
  flex-direction: row;
}

.hero__price {
  font-family: "Zona Pro", sans-serif;
  font-size: 3.125rem;
  font-weight: 700;
  padding-right: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}

@media (max-width: 20em) {
  .hero__price {
    font-size: 2.5rem;
  }
}

@media (min-width: 64em) {
  .hero__price {
    font-size: 4.375rem;
  }
}

@media (min-width: 80em) {
  .hero__price {
    font-size: 5.625rem;
  }
}

.hero__price span:last-of-type {
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 1.25rem;
  text-transform: uppercase;
}

@media (min-width: 64em) {
  .hero__price span:last-of-type {
    margin-left: 10px;
    font-size: 2.5rem;
  }
}

@media (min-width: 64em) {
  .hero__price small {
    font-size: 1.375rem;
  }
}

.hero__price--crossed {
  padding-top: 10px;
  padding-left: 10px;
  position: relative;
  font-size: 1.5625rem;
}

.hero__price--crossed:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 65%;
  left: 10px;
  right: 10px;
  border-top: 2px solid;
}

.hero__price--crossed.Down,
.hero__price--crossed.Up {
  padding-left: 0;
  padding-top: 0;
}

.hero__price--crossed.Down:after,
.hero__price--crossed.Up:after {
  top: 50%;
  left: 0;
}

.hero__price--crossed.Purple:after {
  color: #671e75;
}

.hero__price--crossed.Orange:after,
.list__item--selected a {
  color: #fc4c02;
}

.hero__price--crossed.Yellow:after {
  color: #fba102;
}

.hero__price--crossed.Grey:after {
  color: #393431;
}

.hero__price--crossed.White:after,
.share-link__field button i:before {
  color: #fff;
}

@media (min-width: 64em) {
  .hero__price--crossed {
    font-size: 2.1875rem;
    padding-left: 10px;
  }

  .hero__price--crossed:after {
    top: 58%;
    left: 10px;
    right: 10px;
    border-top: 3px solid;
  }
}

@media (min-width: 80em) {
  .hero__price--crossed {
    font-size: 2.8125rem;
  }
}

.hero__price--crossed span:last-of-type {
  font-size: 0.75rem;
}

@media (min-width: 64em) {
  .hero__price--crossed span:last-of-type {
    font-size: 1.25rem;
  }
}

.hero__price--crossed small {
  font-size: 0.5625rem;
}

@media (min-width: 64em) {
  .hero__price--crossed small {
    font-size: 0.875rem;
  }
}

.hero__button {
  border-color: #fff;
  color: #fff;
  margin-top: 1em;
}

.hero--widescreen .hero__picture {
  width: 100%;
}

@media (min-width: 64em) {
  .hero--widescreen .hero__info {
    width: 36%;
  }

  .hero--widescreen .hero__info.hero--box.hero--image-left {
    right: unset;
    left: 50px;
  }

  .hero--widescreen .hero__info.hero--box.hero--image-right {
    left: unset;
    right: 50px;
  }
}

.hero--widescreen .container {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

.hero--carrousel-double,
.hero--carrousel-double .container,
.hero--carrousel-single {
  height: 100%;
}

@media only screen and (max-width: 800px) and (min-width: 500px) {
  .hero--carrousel-double .container {
    flex-direction: row;
  }
}

.hero--carrousel-double .hero__title {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .hero--carrousel-double .hero__title {
    font-size: 1.3625rem;
  }

  .hero--carrousel-double .hero__copy {
    font-size: 1.2625rem;
  }

  .hero--carrousel-double .hero__info {
    width: 31%;
  }
}

@media only screen and (max-width: 800px) and (min-width: 500px) {
  .hero--carrousel-double .hero__info {
    width: 64%;
    flex: 0 1 auto;
  }
}

@media (max-width: 499px) {
  .hero--carrousel-double .hero__info {
    flex: 1;
    width: 100%;
  }
}

@media (min-width: 64em) {
  .hero--carrousel-double.hero--image-right .hero__info-container {
    margin-left: 50px;
  }
}

.hero--carrousel-double .hero__picture {
  flex: 0 1 auto;
  width: 100%;
}

@media only screen and (max-width: 768px) and (min-width: 500px) {
  .hero--carrousel-double .hero__image {
    object-fit: fill;
  }
}

@media (max-width: 415px) {
  .hero--carrousel-double .hero__button {
    margin-top: auto;
    margin-bottom: 1em;
  }
}

.hero--carrousel-single .container,
.slick-slide > div {
  height: 100%;
}

@media (max-width: 767px) {
  .hero--carrousel-single .hero__picture {
    width: 100%;
    object-fit: cover;
    flex: 1;
  }
}

@media (max-width: 415px) {
  .hero--carrousel-single .hero__picture {
    width: 100%;
    flex: auto;
  }
}

.hero--box.hero--image-left .container,
.hero--box.hero--image-right .container {
  margin-bottom: 125px;
}

@media (min-width: 48em) {
  .hero--box.hero--image-left .container,
  .hero--box.hero--image-right .container {
    margin-bottom: 150px;
  }
}

@media (min-width: 64em) {
  .hero--box.hero--image-left .container,
  .hero--box.hero--image-right .container {
    margin-bottom: 0;
  }
}

.highlights {
  text-align: center;
}

.highlights--cta .highlights__description p,
.highlights__title,
.overlay-container p {
  margin: 0;
}

.highlights__articles {
  margin: 25px 0;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.highlights__article {
  text-align: left;
  width: 100%;
  position: relative;
}

.highlights__article--has-cta {
  border-bottom: 1px solid #dedede;
}

.highlights__article .button {
  margin-bottom: 30px;
}

@media (max-width: 37.5em) {
  .highlights__article .button {
    margin-bottom: 0;
  }
}

.highlights__link {
  color: inherit;
  text-decoration: none;
}

.highlights__link:hover .highlights__image img {
  transform: translate(-50%, -50%) scale(1.1);
}

.highlights__video,
.highlights__video video {
  width: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}

.highlights__video {
  background-color: #000;
}

.highlights__video video {
  outline: 0;
}

.highlights__video img {
  height: auto;
}

.highlights__image::after,
.highlights__video::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fc4c02;
  transition: 0.22s;
  opacity: 0;
  pointer-events: none;
}

.highlights__image {
  width: 100%;
  padding-top: 62.16216216%;
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
}

.highlights__image img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  max-width: none;
  transition: 0.22s;
  pointer-events: all;
  height: auto;
}

.highlights__image_set {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
}

.highlights__image_set img {
  display: block;
}




.highlights__tag {
  margin: 0;
  color: #fc4c02;
}

.highlights__name {
  margin: 0.3em 0;
  min-height: 54px;
}

.highlights__description {
  margin: 0;
  overflow-wrap: break-word;
  padding-bottom: 20px;
}

.highlights__cta {
  position: absolute;
  bottom: 0;
  left: 0;
}

.highlights__cta-below {
  position: static;
  bottom: 0;
  left: 0;
}

.highlights--two-columns .highlights__article,
.tv-spotlight-detail__video-wrapper video,
.video__wrapper video {
  width: 100%;
}

.highlights--cta .highlights__article {
  padding-bottom: 20px;
}

@media (max-width: 37.5em) {
  .highlights--cta .highlights__article {
    padding-bottom: 20px;
  }
}

.highlights--cta .highlights__article::after {
  content: " ";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 70px;
  left: 0;
}

.highlights--cta .highlights__name {
  min-height: 60px;
}

@media (max-width: 37.5em) {
  .highlights--cta .highlights__name {
    min-height: 30px;
  }
}

.highlights--cta .highlights__description {
  min-height: 80px;
}

@media (max-width: 37.5em) {
  .highlights--cta .highlights__description {
    min-height: 40px;
  }
}

.info-items {
  margin: 40px 0;
}

@media (min-width: 48em) {
  .info-items {
    margin: 80px 0;
  }
}

.info-items__content {
  margin-top: 40px;
}

@media (min-width: 48em) {
  .info-items__content {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    margin-top: 60px;
  }
}

@media (min-width: 64em) {
  .info-items__content {
    margin-top: 80px;
  }
}

.info-items__article {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}

@media (min-width: 48em) {
  .info-items__article {
    width: 50%;
    padding: 0 30px 110px 0;
    margin-bottom: 0;
    height: auto;
  }
}

@media (min-width: 64em) {
  .info-items__article {
    width: 34.61538462%;
  }
}

@media (min-width: 80em) {
  .info-items__article {
    padding: 0 65px 110px 0;
  }
}

.info-items__title {
  margin-bottom: 1em;
}

.info-items__description {
  font-size: 1rem;
  line-height: 1.5;
}

@media (min-width: 48em) {
  .info-items__description {
    font-size: 1.25rem;
  }
}

.info-items__description li {
  padding-left: 15px;
  position: relative;
}

.info-items__description li::before {
  content: "\2022";
  position: absolute;
  top: 0;
  left: 0;
}

.info-items__button {
  margin-top: 40px;
}

@media (min-width: 48em) {
  .info-items__button {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #dedede;
}

@media (max-width: 20em) {
  .list {
    margin-top: -5px;
  }
}

@media (min-width: 80em) {
  .list {
    max-width: 16.875rem;
  }
}

.list__title,
.list__title--big {
  font-family: "Zona Pro", sans-serif;
  font-weight: 700;
}

.list__title {
  display: flex;
  padding-top: 20px;
  font-size: 14px;
}

.list__title--big {
  font-size: 17px;
  border-bottom: 1px solid #dedede;
}

.list__title--big i {
  font-size: 20px;
  padding-right: 15px;
}

.list__items {
  width: 100%;
  min-width: 230px;
}

@media (max-width: 79.99em) {
  .list__item-container.visible {
    max-height: 280px;
    border: 1px solid #dedede;
    border-top: none;
  }
}

.list__item,
.list__item-channels-exceptions {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 1.875rem;
}

.list__item {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.list__item--clickable {
  cursor: pointer;
  font-weight: 600;
  font-family: "Zona Pro", sans-serif;
  font-size: 14px;
}

.list__item i {
  height: 15px;
  padding-right: 10px;
  color: #000;
}

.list__item .icon-ic-wifi:before,
.packages__form .disabled.check-block.isChecked label {
  color: #393431;
}

.list__item .icon-arrow-up {
  font-size: 20px;
}

.list__item .icon-border {
  width: 20px;
  height: 15px;
  border: 2px solid #fc4c02;
  margin-right: 10px;
}

.list__map {
  align-items: flex-start;
}

.list__item-name {
  flex-grow: 1;
}

.list__item-name--premium {
  display: none;
}

.list__item-icon--open {
  transform: rotateZ(-180deg);
  padding-left: 11px;
}

@media (max-width: 79.99em) {
  #tab-group.tab-group-movies .tab-toggle-menu__menu.container {
    grid-template-columns: repeat(auto-fit, 100px);
  }
}

.movie-posters {
  display: flex;
  align-items: flex-start;
  overflow-x: scroll;
  width: 100%;
  padding: 20px 0 20px 20px;
}

@media (min-width: 64em) {
  .movie-posters {
    justify-content: space-evenly;
    overflow-x: hidden;
    padding: 40px 0 0;
  }
}

.movie-poster__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 160px;
  cursor: pointer;
  padding-right: 20px;
}

@media (min-width: 64em) {
  .movie-poster__container {
    max-width: 220px;
  }
}

@media (min-width: 80em) {
  .movie-poster__container {
    max-width: 270px;
  }
}

.movie-poster__image-container {
  min-height: 225px;
  height: 225px;
}

@media (min-width: 64em) {
  .movie-poster__image-container {
    min-height: 350px;
    height: 350px;
  }
}

.movie-poster__image-container img,
.movie-poster__image-container picture,
.tv-spotlight__image-container img,
.tv-spotlight__image-container picture {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.movie-poster__image-container .text-image-spotlight__picture img,
.movie-poster__image-container .text-image-spotlight__picture picture {
  object-fit: contain;
}

.movie-poster__text-container {
  display: flex;
  flex-direction: column;
}

.movie-poster__bottom-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 8px;
}

.movie-poster__type {
  color: #888583;
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.43px;
  line-height: 14px;
  padding-top: 15px;
}

@media (min-width: 64em) {
  .movie-poster__type {
    font-size: 12px;
  }
}

.movie-poster__title {
  color: #393431;
  font-family: "Zona Pro", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.45px;
  line-height: unset;
  min-height: 40px;
  height: 60px;
  padding-top: 10px;
}

@media (min-width: 64em) {
  .movie-poster__title {
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.movie-poster__more-info {
  font-family: "Work Sans", sans-serif;
  font-size: 13px;
  line-height: unset;
  min-height: 30px;
  padding-top: 10px;
}

@media (min-width: 64em) {
  .movie-poster__more-info {
    font-size: 16px;
    line-height: 19px;
  }
}

.movie-poster__trailer {
  font-family: "Zona Pro", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #fc4c02;
  border-bottom: 2px solid #fc4c02;
  line-height: 18px;
  cursor: pointer;
}

.movie-poster__score-container {
  display: flex;
  align-items: center;
}

.movie-poster__icon {
  height: 22px;
  padding-right: 5px;
}

.movie-poster__score .imdbRatingPlugin {
  display: flex;
  align-items: center;
  margin: 0;
}

.movie-poster__score .imdbRatingPlugin .rating {
  color: #888583;
  font-family: "Work Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.43px;
  line-height: 14px;
}

.movie-poster__score .imdbRatingPlugin .rating .ofTen {
  font-size: 12px;
  color: #888583;
}

.slider-movie .tab-content {
  height: 100% !important;
}

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.overlay-container {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  min-height: 430px;
  max-width: 870px;
  width: 90%;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
  padding: 20px 30px 10px 20px;
  max-height: 75%;
  overflow-y: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

@media (min-width: 48em) {
  .overlay-container {
    padding: 40px 25px 70px 70px;
  }
}

.overlay-container.overlay-movie-container {
  max-width: 90%;
  min-height: 65%;
  padding: 10px;
}

@media (min-width: 48em) {
  .overlay-container.overlay-movie-container {
    max-width: 1280px;
    max-height: 80%;
    top: 50%;
    padding: 20px 15px 0 50px;
  }
}

.overlay-container.overlay-movie-container .overlay-container__channel-wrapper {
  padding-top: 20px;
}

.overlay-container.overlay-movie-container .channel {
  height: 100%;
  width: 100%;
}

@media (min-width: 48em) {
  .overlay-container.overlay-movie-container .channel {
    min-width: 50%;
  }
}

.overlay-container.overlay-movie-container .channel__image {
  padding: 0;
}

.overlay-container.overlay-movie-container .channel__image img {
  transition: none;
}

.overlay-container.overlay-movie-container .channel__image video {
  width: 100%;
  height: 100%;
}

.overlay-container.overlay-movie-container .channel__image:hover img {
  transform: none;
}

.overlay-container__info {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.overlay-container__info .channel-info {
  padding-left: 10px;
  width: 100%;
}

@media (min-width: 48em) {
  .overlay-container__info .channel-info {
    padding-left: 30px;
    width: 70%;
  }
}

.overlay-container__info .channel-info__title {
  padding-bottom: 20px;
}

@media (min-width: 48em) {
  .overlay-container__info .channel-info__title {
    padding-bottom: 25px;
  }
}

.overlay-container__info .movie-poster__title,
.packages__form #frmConsent,
.packages__form #frmConsentFull {
  height: auto;
}

.overlay-container__channel-wrapper {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  border-bottom: 1px solid #dedede;
}

@media (min-width: 48em) {
  .overlay-container__channel-wrapper {
    flex-direction: row;
    padding-bottom: 20px;
  }
}

.overlay-container__channel-bottom-wrapper {
  display: flex;
  flex-direction: column;
  padding: 20px 0 0 30px;
}

@media (min-width: 48em) {
  .overlay-container__channel-bottom-wrapper {
    flex-direction: row;
    padding: 20px 30px 0;
  }
}

.overlay-container__close-btn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 45px;
}

.overlay-container__close-btn i {
  font-size: 18px;
  cursor: pointer;
}

.channel-bottom-wrapper__text {
  flex-basis: 50%;
  padding-bottom: 10px;
}

@media (min-width: 48em) {

  .channel-bottom-wrapper__text {
    padding: 0 25px 10px;
  }

  .without-padding {
    padding: 0;
  }
}

.channel-bottom-wrapper__text .channel-info__channels:nth-of-type(even) {
  padding-bottom: 20px;
}

.channel-bottom-wrapper__price {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  flex-basis: 50%;
  min-height: 65px;
}

@media (min-width: 48em) {
  .channel-bottom-wrapper__price {
    min-height: 0;
  }
}

.channel-bottom-wrapper__legend {
  font-family: Zona Pro;
  font-weight: 800;
  padding-right: 5px;
  padding-top: 1px;
  color: #000;
  font-size: 14px;
  padding-bottom: 10px;
}

.packages {
  position: relative;
  text-align: center;
}

.packages__subtitle {
  margin: 0;
}

.packages__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 208px);
  grid-gap: 30px;
  padding-bottom: 25px;
  width: 100%;
  justify-content: center;
  overflow-x: hidden;
}

.packages__item {
  display: flex;
  flex-direction: column;
  width: 207px;
  min-height: 400px;
  max-height: 900px;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 30px 20px;
  position: relative;
  text-align: left;
  font-weight: 300;
}

@media (min-width: 80em) {
  .packages__list {
    margin-top: 65px;
  }
}

@media (max-width: 48em) {
  .packages__list--per-line-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .packages__list--per-line-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .packages__list--per-line-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .packages__list--per-line-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .packages__list--per-line-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .packages__list--per-line-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .packages__item {
    width: 100%;
  }

  .packages__list {
    grid-template-columns: repeat(auto-fit, 270px);
  }
}

.packages__icons {
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
}

.packages__icons i {
  margin-right: 10px;
}

.packages__icons.Center,
.packages__icons.Down {
  order: 1;
}

.packages__icons.Up {
  order: 2;
}

.packages__specs-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}

.packages__specs-wrapper.Center,
.packages__specs-wrapper.Up {
  order: 3;
}

.packages__specs-wrapper.Down {
  order: 2;
}

.packages__specs {
  margin-top: 20px;
}

.packages__specs ul {
  list-style-type: circle;
  padding: 30px;
}

@media (min-width: 80em) {
  .packages__specs {
    margin-top: 20px;
  }
}

.packages__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 20px 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.packages__price {
  font-family: "Zona Pro", sans-serif;
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #fc4c02;
  text-align: center;
}

.packages__price small {
  font-size: 2.0625rem;
  font-weight: 800;
}

.packages__price span {
  font-size: 0.6875rem;
  font-weight: 800;
  color: #b0aead;
}

.packages__price-wrapper {
  padding-bottom: 20px;
}

.packages__price-wrapper.Up {
  order: 1;
}

.packages__price-wrapper.Center {
  order: 2;
  padding-top: 20px;
  padding-bottom: 0;
}

.packages__price-wrapper.Down {
  order: 3;
}

.packages__price-wrapper .hero__price--crossed {
  font-size: 2rem;
  padding: 0 0 0 30px;
}

.packages__price-wrapper .hero__price--crossed:after {
  left: 30px;
  right: 90px;
  top: 50%;
}

.packages__price-wrapper .hero__price--crossed span:last-of-type {
  font-size: 0.625rem;
}

@media (min-width: 80em) {
  .packages__price-wrapper .hero__price--crossed span:last-of-type {
    font-size: 1rem;
  }
}

.packages__price-cut span,
.packages__price-wrapper .hero__price--crossed small {
  font-size: 0.6875rem;
}

@media (min-width: 80em) {
  .packages__price-wrapper .hero__price--crossed small {
    font-size: 0.6875rem;
  }
}

.packages__price-cut {
  font-size: 1.25rem;
  font-weight: 500;
  color: #b0aead;
  margin: 0;
}

.packages__price-cut small {
  font-size: 1rem;
}

.packages__price-cut::before {
  content: " ";
  height: 2px;
  width: 35%;
  background-color: #fc4c02;
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, 0) rotate(-10deg);
  transform-origin: center;
}

.packages__button {
  margin: 20px auto 0;
}

.packages__overlay {
  display: none;
  position: fixed;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999999;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.packages__form {
  display: none;
  position: fixed;
  z-index: 9;
  top: 5%;
  left: 50%;
  margin-left: -150px;
}

.packages__form .form-block {
  box-shadow: 0 0 30px #000;
  background-color: #f3f3f3;
  margin: 80px auto 0;
  float: right;
  width: 300px;
  padding: 10px 20px 20px;
}

.packages__form .form-block h4 {
  font-family: "Work Sans";
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.packages__form .form-c2c input,
.packages__form .form-c2c select {
  width: 100%;
  height: 49px;
  line-height: 100%;
  display: inline-block;
  font: inherit;
  border: 1px solid #cac9ca;
  outline-style: none;
  color: #959595;
  text-indent: 45px;
}

.packages__form .form-c2c .checkBlock {
  font-size: 11px;
  font-family: "Work Sans";
  color: #292929;
  padding-left: 25px !important;
  padding-top: 0;
  margin-bottom: 20px;
  margin-top: 10px;
}

.packages__form .form-c2c .checkBlock a {
  color: #292929;
  text-decoration: underline;
}

.packages__form .form-c2c label {
  padding: 10px 0 0;
  display: block;
}

.packages__form .form-c2c input.nome {
  background: #fff url(/static/icons/nowo-icon-nome.png) no-repeat left center;
  background-position-x: 15px;
}

.packages__form .form-c2c input.telefone {
  background: #fff url(/static/icons/nowo-icon-tlf.png) no-repeat left center;
  background-position-x: 15px;
}

.packages__form .form-c2c input.nif {
  background: #fff url(/static/icons/nowo-icon-nif.png) no-repeat left center;
  background-position-x: 15px;
}

.packages__form .form-c2c input.codpostal {
  background: #fff url(/static/icons/nowo-icon-codPostal.png) no-repeat left
    center;
  background-position-x: 15px;
}

.packages__form .form-c2c input.email {
  background: #fff url(/static/icons/nowo-icon-email.png) no-repeat left center;
  background-position-x: 15px;
}

.packages__form .error {
  color: red;
  font-family: "Zona Pro";
  font-weight: 200;
  font-size: 12px;
  text-transform: none !important;
  display: none;
}

.packages__form .ligar-block {
  display: none;
}

.packages__form .loadingImg {
  margin: 30px auto;
  display: block;
}

.packages__form .ligar-block p,
.packages__form .out-of-service p {
  color: #550073;
  font-family: "Work Sans", sans-serif;
  font-size: 18px;
  text-align: center;
}

.packages__form #form-step-1.obrigado .form-step,
.packages__form #form-step-1.obrigado h4,
.packages__form .out-of-service {
  display: none;
}

.packages__form .out-of-service p {
  line-height: 1.3em;
  margin-top: 40px;
}

.packages__form .top-cta {
  font-family: "Zona Pro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  background-color: #f84c02;
  padding: 16px 20px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  display: block;
  margin: 30px auto 0;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.packages__form a.top-cta:focus,
.packages__form a.top-cta:hover {
  color: #fc4c02;
  background: #fff;
  text-decoration: none;
  border: 2px solid #fc4c02;
  padding: 14px 12px;
  transition: 0.22s;
}

.packages__form .disabled.check-block label {
  color: #cacccd;
}

.packages__form .obrigado-block {
  padding-top: 50px;
  text-align: center;
  display: none;
}

.packages__form .obrigado-info {
  padding-bottom: 40px;
}

.packages__form #form-step-1.obrigado .obrigado-block {
  display: block;
}

.packages__form #form-step-2.obrigado .form-c2c,
.packages__form #form-step-2.obrigado h4 {
  display: none;
}

.packages__form #form-step-2.obrigado .obrigado-block {
  display: block;
}

@media screen and (max-width: 1280px) {
  .packages__form .form-block {
    margin-top: 110px;
    margin-right: 50px;
  }
}

@media screen and (max-width: 991px) {
  .packages__form .form-block {
    margin-top: 0;
    float: none;
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1);
  }

  .packages__form #form-step-1 h4 {
    visibility: hidden;
  }

  .packages__form #form-step-1 {
    display: none;
  }

  .packages__form #form-step-1.visible {
    display: block;
  }

  .packages__form #fullForm .form-block {
    top: 2px;
  }

  .packages__form #dataForm,
  .packages__form #dataForm2 {
    max-width: 400px;
    margin: 0 auto;
  }
}

.packages__form label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

.packages__form .check-block {
  text-align: left;
  margin: 15px 0;
}

.packages__form .container-checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Work Sans";
  color: #393431;
  font-size: 14px;
  margin: 0 auto;
  text-align: left;
}

.packages__form .container-checkbox span {
  font-family: "Zona Pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.packages__form .container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.packages__form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #ccc;
}

.packages__form .container-checkbox:hover input ~ .checkmark {
  background-color: transparent;
}

.packages__form .container-checkbox input:checked ~ .checkmark {
  background-color: transparent;
}

.packages__form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.packages__form .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.packages__form .container-checkbox .checkmark:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 12px;
  border: solid #f94c02;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.packages-toggle {
  padding-top: 50px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 300px);
  grid-gap: 20px;
  margin-bottom: 20px;
  width: 100%;
  justify-content: center;
}

.packages-toggle__button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.packages-toggle__button p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
  margin: 0;
  max-width: 300px;
}

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.slideshow-container .mySlides {
  display: none;
}

.slideshow-container .next,
.slideshow-container .prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.slideshow-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.slideshow-container .next:hover,
.slideshow-container .prev:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.slideshow-container .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.slideshow-container .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.slideshow-container .dot-container {
  padding-top: 30px;
}

.slideshow-container .dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.slideshow-container .active,
.slideshow-container .dot:hover {
  background-color: #717171;
}

.scroll,
.scroll--orange {
  overflow-y: auto;
}

.scroll--orange::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

.scroll--orange::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}

.scroll--orange::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fc4c02;
}

.scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

.scroll::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #dedede;
}

.services {
  padding: 30px 0 38px;
  background: #fff;
}

@media (min-width: 80em) {
  .services {
    padding: 105px 0 95px;
  }
}

@media (min-width: 48em) {
  .services .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}

@media (min-width: 80em) {
  .services .container {
    flex-wrap: nowrap;
  }
}

@media (min-width: 48em) {
  .services__column:first-of-type {
    width: 100%;
    margin-bottom: 50px;
  }
}

@media (min-width: 80em) {
  .services__column:first-of-type {
    width: 31.62393162%;
    margin-bottom: 0;
  }
}

@media (min-width: 48em) {
  .services__column:last-of-type {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 80em) {
  .services__column:last-of-type {
    width: 65.81196581%;
  }
}

#tab-group__subtitle p,
#tab-group__title p,
.services__subtitle,
.tab-group__subtitle p,
.tab-group__title p {
  margin: 0;
}

.services__list {
  margin-top: 30px;
  margin-bottom: 16px;
}

@media (min-width: 48em) {
  .services__list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 0;
    margin-bottom: 33px;
  }
}

.services__item {
  width: 100%;
  border: 1px solid #dedede;
  box-shadow: 0 1px 0 0 #eaeaea;
  position: relative;
  margin-bottom: 5px;
  transition: 0.22s;
}

@media (min-width: 48em) {
  .services__item {
    width: 22.07792208%;
    padding-top: 22.07792208%;
    margin-bottom: 0;
    cursor: pointer;
    overflow: hidden;
  }
}

.services__item:hover {
  border-color: #fc4c02;
}

.services__item--active .services__name::after {
  transform: translate(0, -50%) scale(1);
}

@media (min-width: 48em) {
  .services__item--active .services__name::after {
    transform: translate(-35%, 85%) scale(1);
  }
}

.services__wrapper {
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 48em) {
  .services__wrapper {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
  }
}

.services__icon {
  font-size: 2.0625rem;
}

.services__name {
  width: 100%;
  font-family: "Zona Pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 20px;
  position: relative;
}

@media (min-width: 48em) {
  .services__name {
    margin: 1em 0 46px;
    text-align: center;
  }
}

.services__name::before {
  content: " ";
}

.services__name::after,
.services__name::before {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

@media (min-width: 48em) {
  .services__name::after,
  .services__name::before {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 100%);
  }
}

.services__name::before {
  border: 1px solid #dedede;
}

.services__name::after {
  content: "\E90F";
  font-size: 1.5rem;
  color: #fc4c02;
  transform: translate(-35%, 85%) scale(0);
  transition: 0.22s;
}

.services__price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 18px;
}

@media (min-width: 48em) {
  .services__price {
    margin-bottom: 0;
    justify-content: flex-start;
  }
}

.services__price b {
  font-size: 3rem;
  font-weight: 700;
  color: #fc4c02;
}

@media (min-width: 48em) {
  .services__price b {
    margin-left: 24px;
  }
}

.services__price small {
  font-size: 2.0625rem;
  font-weight: 800;
}

.services__price span {
  font-size: 0.6875rem;
  font-weight: 800;
  color: #b0aead;
}

.share-link {
  padding: 4.5rem 4rem 6.5rem;
  background: #671e75;
  color: #fff;
  text-align: center;
}

.share-link > .container-fluid {
  max-width: 73.125rem;
  margin: 0 auto;
}

.mobile .share-link {
  padding: 3.125rem 1.25rem 1.875rem;
}

.share-link__title {
  font-size: 1.875rem;
  line-height: 2.5625rem;
  text-transform: uppercase;
}

.mobile .share-link__title {
  font-size: 1.4375rem;
  line-height: 2rem;
}

.share-link__description {
  font-size: 1.25rem;
  line-height: 2.125rem;
}

.mobile .share-link__description {
  font-size: 1rem;
  line-height: 1.1875rem;
}

.share-link__field {
  position: relative;
  display: inline-block;
  max-width: 36.75rem;
  width: 100%;
  font-family: "Work Sans";
  margin-top: 3.75rem;
}

.mobile .share-link__field {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.share-link__field input {
  width: 100%;
  padding: 1.125rem 3.425rem 1.25rem 1.875rem;
  border: 0 !important;
  border-radius: 1.9375rem;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #dedede, inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  font-size: 1rem;
}

.share-link__field input:active,
.share-link__field input:focus {
  outline: 0;
}

.share-link__field button {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  max-width: 10.625rem;
  width: 100%;
  padding: 0.85rem 0 0.838rem;
  transform: translateY(-50%);
  color: #fff;
  font-family: "Zona Pro";
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.07125rem;
  border: 0;
  border-radius: 1.5625rem;
  background-color: #fc4c02;
  transition: 0.22s;
  cursor: pointer;
}

.mobile .share-link__field button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
}

.mobile .share-link__field button span {
  margin-top: -0.06rem;
  margin-left: 0.05rem;
}

.share-link__field button:active,
.share-link__field button:focus {
  outline: 0;
}

.share-link__field button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.share-link__result {
  margin-top: 3.75rem;
}

.mobile .share-link__result {
  margin-top: -0.625rem;
}

.share-link__result__box {
  position: relative;
  max-width: 40rem;
  width: 100%;
  margin: 1.25rem auto 0;
  padding: 1.125rem;
  border: 1px solid #dedede;
  border-radius: 0.125rem;
  font-size: 1rem;
  cursor: copy;
  user-select: none;
}

.share-link__result__box__copied {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #dedede;
  color: #000;
}

.share-link__result__title {
  font-family: "Zona Pro";
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.875rem;
}

.share-link__social {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1.875rem;
}

.mobile .share-link__social {
  justify-content: left;
  flex-wrap: nowrap;
  overflow: scroll;
  margin-top: 1.5625rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding: 0 1.25rem;
}

.share-link__social__item {
  margin: 1.875rem 2.1875rem 0;
  transition: 0.22s;
}

.share-link__social__item:active,
.share-link__social__item:focus {
  outline: 0;
}

.share-link__social__item:active {
  transform: scale(0.85);
}

.mobile .share-link__social__item {
  margin: 0 0.625rem;
}

.mobile .share-link__social__item:last-of-type {
  padding-right: 1.25rem;
}

.share-link__social__item__label {
  display: inline-block;
  font-family: "Zona Pro";
  font-size: 0.875rem;
  margin-top: 1.5rem;
  letter-spacing: 0.07125rem;
  text-transform: uppercase;
}

.mobile .share-link__social__item__label {
  display: none;
}

.share-link__social__item figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.25rem;
  height: 6.25rem;
  background-color: #fff;
  border-radius: 50%;
}

.mobile .share-link__social__item figure {
  width: 3.75rem;
  height: 3.75rem;
}

.share-link__social__item figure img {
  width: 3.375rem;
  height: 3.375rem;
}

.mobile .share-link__social__item figure img {
  width: 2.1875rem;
  height: 2.1875rem;
}

#tab-group,
.tab-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#tab-group__title,
.tab-group__title {
  padding: 20px 20px 0;
}

#tab-group__subtitle,
.tab-group__subtitle {
  padding: 0 20px;
}

#tab-group .tab-toggle-menu__menu,
.tab-group .tab-toggle-menu__menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
  width: 100%;
  padding-left: 100px;
}

#tab-group .tab-toggle-menu__menu,
.tab-group .tab-toggle-menu__menu .centered {
  padding-left: 0px;
}

#tab-group .tab-toggle-menu__menu.container,
.tab-group .tab-toggle-menu__menu.container {
  grid-template-columns: repeat(auto-fit, 170px);
  justify-content: center;
}

#tab-group .tab-toggle-menu__menu-item,
.tab-group .tab-toggle-menu__menu-item {
  display: flex;
  justify-content: center;
  margin-right: 0;
  text-align: center;
  border: 1px solid red;
}

#tab-group .tab-content,
.tab-group .tab-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  padding: 0;
}

#tab-group .tab-content.container,
.tab-group .tab-content.container {
  margin: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}

#tab-group .tab-content.container .hero .container,
.tab-group .tab-content.container .hero .container {
  height: 600px;
}

#tab-group .tab-content.frame,
.tab-group .tab-content.frame {
  height: 250px;
  width: 390px;
  margin-top: -12px;
  margin-left: 40px;
  margin-right: 40px;
}

@media (min-width: 48em) {
  #tab-group .tab-content.frame,
  .tab-group .tab-content.frame {
    height: 370px;
    width: 600px;
    margin-top: -18px;
  }
}

@media (min-width: 80em) {
  #tab-group .tab-content.frame,
  .tab-group .tab-content.frame {
    height: 450px;
    width: 720px;
    margin-top: -22px;
    margin-left: 80px;
    margin-right: 80px;
  }
}

#tab-group .tab-content.frame .banner,
#tab-group .tab-content.frame .hero,
.tab-group .tab-content.frame .banner,
.tab-group .tab-content.frame .hero {
  z-index: -1;
}

#tab-group .tab-content.frame .hero .container,
.tab-group .tab-content.frame .hero .container {
  height: 250px;
}

@media (min-width: 48em) {
  #tab-group .tab-content.frame .hero .container,
  .tab-group .tab-content.frame .hero .container {
    height: 370px;
  }
}

@media (min-width: 80em) {
  #tab-group .tab-content.frame .hero .container,
  .tab-group .tab-content.frame .hero .container {
    height: 450px;
  }
}

#tab-group .tab-content.frame .banner__info,
.tab-group .tab-content.frame .banner__info,
.tab-toggle-menu__menu-item a {
  text-align: center;
}

#tab-group .tab-content.frame .banner .container,
.tab-group .tab-content.frame .banner .container {
  height: 250px;
}

@media (min-width: 48em) {
  #tab-group .tab-content.frame .banner .container,
  .tab-group .tab-content.frame .banner .container {
    height: 370px;
  }
}

@media (min-width: 80em) {
  #tab-group .tab-content.frame .banner .container,
  .tab-group .tab-content.frame .banner .container {
    height: 450px;
  }
}

#tab-group .tab-content--hidden,
.tab-group .tab-content--hidden,
.toggle input {
  display: none;
}

#tab-group .tab-content .cover,
.tab-group .tab-content .cover {
  height: 100%;
  width: 100%;
}

#tab-group .tab-content .cover .container,
.tab-group .tab-content .cover .container {
  min-height: 100%;
}

#tab-group .tab-content .banner,
.tab-group .tab-content .banner,
.tv-spotlight__more-info p {
  margin: 0;
}

#tab-group .tab-content .banner .container,
#tab-group .tab-content .hero .container,
.tab-group .tab-content .banner .container,
.tab-group .tab-content .hero .container {
  height: 600px;
}

#tab-group .tab-content .banner__picture,
.tab-group .tab-content .banner__picture {
  display: flex;
  justify-content: center;
  height: 60%;
  margin-top: 0;
}

@media (min-width: 48em) {
  #tab-group .tab-content .banner__picture,
  .tab-group .tab-content .banner__picture {
    height: 75%;
    margin-top: 30px;
  }
}

#tab-group .tab-content .banner__image,
.tab-group .tab-content .banner__image {
  object-fit: cover;
}

@media (min-width: 48em) {
  #tab-group .tab-content .banner__image,
  .tab-group .tab-content .banner__image {
    object-fit: contain;
  }
}

#tab-group .slider-wrapper,
.tab-group .slider-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 1;
}

#tab-group .slider-wrapper.frame,
.tab-group .slider-wrapper.frame {
  height: 300px;
  margin-top: 50px;
}

@media (min-width: 48em) {
  #tab-group .slider-wrapper.frame,
  .tab-group .slider-wrapper.frame {
    height: 450px;
  }
}

@media (min-width: 80em) {
  #tab-group .slider-wrapper.frame,
  .tab-group .slider-wrapper.frame {
    height: 550px;
  }
}

#tab-group .slider-wrapper .img-frame,
.tab-group .slider-wrapper .img-frame {
  height: 300px;
  position: absolute;
  z-index: 0;
}

@media (min-width: 48em) {
  #tab-group .slider-wrapper .img-frame,
  .tab-group .slider-wrapper .img-frame {
    height: 450px;
  }
}

@media (min-width: 80em) {
  #tab-group .slider-wrapper .img-frame,
  .tab-group .slider-wrapper .img-frame {
    height: 550px;
  }
}

#tab-group .slider-wrapper .arrow,
.tab-group .slider-wrapper .arrow {
  font-size: 24px;
  cursor: pointer;
  z-index: 2;
}

#tab-group .slider-wrapper .arrow__disabled,
.tab-group .slider-wrapper .arrow__disabled {
  cursor: not-allowed;
  opacity: 0;
}

.tab-toggle-menu__menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.tab-toggle-menu__menu.sticky {
  padding-right: 30px;
  padding-top: 15px;
  background-color: #f7f7f7;
  position: absolute;
  top: 60px;
  width: 100%;
  height: 50px;
  z-index: 1;
}

.tab-toggle-menu__menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Zona Pro", sans-serif;
  cursor: pointer;
  padding: 10px 60px;
}

@media (max-width: 20em) {
  .tab-toggle-menu__menu-item {
    min-width: 100px;
    margin-bottom: 4px;
  }
}

@media (min-width: 48em) {
  .tab-toggle-menu__menu-item {
    font-size: 14px;
  }
}

@media (min-width: 80em) {
  .tab-toggle-menu__menu-item {
    margin-right: 60px;
  }
}

.tab-toggle-menu__menu-item.tab-toggle-menu__menu-item--selected.noMargin, .tab-toggle-menu__menu-item.noMargin {
  margin-right: 0;
}


.tab-toggle-menu__menu-item--selected {
  border: 2px solid #fc4c02;
  color: #fc4c02;
}

.tab-toggle-menu__menu-item:hover {
  border: 2px solid #fc4c02;
  color: #fc4c02;
}

.inframe .tab-toggle-menu__menu.sticky {
  top: 0;
}

@media (min-width: 48em) {
  .toggle-menu {
    padding-left: 80px;
  }
}

.article-wrapper__title {
  text-align: center;
}

.article-wrapper .text-image {
  margin: 20px 0;
}

@media (min-width: 48em) {
  .article-wrapper .text-image {
    margin: 40px 0;
  }
}

@media (min-width: 80em) {
  .article-wrapper .text-image {
    margin: 60px 0;
  }
}

.article-wrapper .text-image:first-child {
  margin-top: 0;
}

.article-wrapper .text-image:last-child {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .text-image .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 80em) {
  .text-image .container {
    justify-content: flex-start;
  }
}

.text-image__picture {
  display: block;
  margin-bottom: 20px;
}

@media (min-width: 48em) {
  .text-image__picture {
    margin-bottom: 0;
    width: 50%;
  }
}

@media (min-width: 80em) {
  .text-image__picture {
    width: 48.95833333%;
  }
}

.text-image__image {
  width: 100%;
  height: 300px;
  display: block;
  object-fit: cover;
}

@media (max-width: 37.5em) {
  .text-image__image {
    height: 230px;
    object-fit: scale-down;
  }
}

@media (min-width: 48em) {
  .text-image__image {
    object-fit: contain;
  }
}

@media (min-width: 80em) {
  .text-image__image {
    height: auto;
  }
}

.text-image__info {
  width: 100%;
  max-width: 505px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 20px;
}

@media (min-width: 48em) {
  .text-image__info {
    width: 50%;
    padding: 0 0 0 30px;
  }
}

@media (min-width: 80em) {
  .text-image__info {
    width: auto;
    padding-left: 100px;
  }
}

.text-image__button {
  margin-top: 1em;
}

@media (max-width: 37.5em) {
  .text-image__button {
    margin-top: 0;
  }
}

@media (min-width: 80em) {
  .text-image--image-right .text-image__info {
    padding-right: 100px;
    padding-left: 0;
  }
}

.text-image--image-right .container {
  flex-direction: row-reverse;
}

@media (min-width: 48em) {
  .text {
    text-align: center;
  }
}

.text__content {
  max-width: 770px;
  margin: 0 auto;
}

.text__rte {
  font-size: 1.5rem;
}

@media (max-width: 37.5em) {
  .text__rte {
    font-size: 1rem;
  }
}

.toggle {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
}

.slider,
.slider:before {
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider {
  cursor: pointer;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.slider:before {
  content: "";
  height: 16px;
  width: 16px;
  left: 6px;
  bottom: 4px;
  background-color: #000;
}

input + .slider {
  background-color: transparent;
}

input:checked + .slider:before {
  background-color: #fc4c02;
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

.slider.round {
  border-radius: 34px;
  border: 1px solid #dedede;
}

.slider.round:before {
  border-radius: 50%;
}

.category-header {
  color: #393431;
}

.category-header__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #fff;
  padding: 40px 0;
}

.category-menu__container {
  display: flex;
}

.category-menu__title-container {
  color: #393431;
  font-family: "Zona Pro";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  width: 15%;
}

@media (max-width: 37.5em) {
  .category-menu__title-container {
    display: none;
  }
}

.category-menu__menu-container {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 30px;
  padding-bottom: 20px;
  width: 100%;
  border-bottom: 1px solid #dedede;
  color: #fc4c02;
  font-family: "Work Sans";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.43px;
  line-height: 14px;
  overflow-x: auto;
}

@media (min-width: 48em) {
  .category-menu__menu-container {
    width: 85%;
  }
}

.category-menu__menu-item {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.tv-spotlight__categories {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
  grid-template-rows: max-content;
  padding-bottom: 50px;
}

@media (min-width: 48em) {
  .tv-spotlight__categories {
    grid-template-columns: 1fr 1fr;
  }
}

.tv-spotlight__container {
  cursor: pointer;
  border-bottom: 1px solid #dedede;
}

.tv-spotlight__container.no-hand {
  cursor: unset;
}

.tv-spotlight-detail__categories .movie-poster__image-container,
.tv-spotlight__image-container {
  min-height: 210px;
  height: 210px;
}

@media (min-width: 64em) {
  .tv-spotlight__image-container {
    min-height: 330px;
    height: 330px;
  }
}

@media (min-width: 80em) {
  .tv-spotlight__image-container {
    min-height: 410px;
    height: 410px;
  }
}

.tv-spotlight__text-container {
  display: flex;
  flex-direction: column;
}

.tv-spotlight__type {
  color: #fc4c02;
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.43px;
  line-height: 14px;
  padding-top: 15px;
}

@media (min-width: 64em) {
  .tv-spotlight__type {
    font-size: 12px;
  }
}

.tv-spotlight__title {
  color: #393431;
  font-family: "Zona Pro", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.45px;
  line-height: unset;
  min-height: 40px;
  height: 60px;
  padding-top: 10px;
}

@media (min-width: 64em) {
  .tv-spotlight__title {
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.tv-spotlight__more-info {
  font-family: "Work Sans", sans-serif;
  font-size: 13px;
  line-height: unset;
  padding-bottom: 50px;
}

@media (min-width: 64em) {
  .tv-spotlight__more-info {
    font-size: 16px;
    line-height: 19px;
  }
}

.tv-spotlight-detail {
  display: flex;
  flex-direction: column;
}

@media (min-width: 64em) {
  .tv-spotlight-detail {
    flex-direction: row;
  }
}

.tv-spotlight-detail__left-side {
  display: flex;
  flex-direction: row;
  width: 100%;
}

@media (min-width: 64em) {
  .tv-spotlight-detail__left-side {
    width: 20%;
    flex-direction: column;
    padding-right: 70px;
  }
}

.tv-spotlight-detail__channel-image-wrapper {
  padding: 20px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

@media (min-width: 64em) {
  .tv-spotlight-detail__channel-image-wrapper {
    border-bottom: none;
  }
}

.tv-spotlight-detail__channel-image-text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  color: #393431;
  font-family: "Work Sans";
  font-size: 14px;
  width: 70%;
}

@media (min-width: 48em) {
  .tv-spotlight-detail__channel-image-text {
    width: 100%;
  }
}

@media (min-width: 64em) {
  .tv-spotlight-detail__channel-image-text {
    font-size: 20px;
    line-height: 31px;
    width: 100%;
    justify-content: flex-start;
  }
}

.tv-spotlight-detail__right-side {
  width: 100%;
  padding-bottom: 50px;
}

@media (min-width: 64em) {
  .tv-spotlight-detail__right-side {
    width: 65%;
  }
}

.tv-spotlight-detail__header {
  height: 20%;
  width: 100%;
  padding: 30px 0;
}

@media (min-width: 64em) {
  .tv-spotlight-detail__header {
    height: 20%;
    width: 85%;
    padding: 50px 0 50px 20%;
  }
}

.tv-spotlight-detail__title {
  color: #393431;
  font-family: "Zona Pro";
  font-weight: 800;
  font-size: 1.6rem;
}

@media (min-width: 48em) {
  .tv-spotlight-detail__title {
    font-size: 45px;
    line-height: 52px;
  }
}

.tv-spotlight-detail__subtitle {
  color: #393431;
  font-family: "Work Sans";
  font-size: 18px;
  line-height: 28px;
}

@media (min-width: 48em) {
  .tv-spotlight-detail__subtitle {
    font-size: 20px;
  }

  .tv-spotlight-detail__image-container {
    display: flex;
    justify-content: center;
  }
}

.tv-spotlight-detail__video-wrapper {
  padding-top: 50px;
  width: 100%;
}

.tv-spotlight-detail__video-legend {
  color: #5f6062;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 0 30px;
}

.tv-spotlight-detail__categories {
  grid-template-columns: 1fr 1fr 1fr;
}

.tv-spotlight-detail .category-menu__menu-container {
  border-bottom: none;
  border-top: 1px solid #dedede;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  padding-top: 20px;
}

.tv-spotlight-detail .category-menu__menu-item {
  font-size: 12px;
}

.channel-image-wrapper__picture img {
  height: 35px;
}

.loader-container {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}

.loader-container img {
  width: 70px;
  height: 70px;
}

#vertical-slider .slider-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column-reverse;
  height: 800px;
}

@media (min-width: 80em) {
  #vertical-slider .slider-content {
    flex-direction: row;
    height: 650px;
  }

  #vertical-slider .slider-content.right {
    flex-direction: row-reverse;
  }
}

#vertical-slider .slider-content.right .slider-content__text-container {
  width: 100%;
  height: 100%;
  padding: 0 50px;
}

@media (min-width: 80em) {
  #vertical-slider .slider-content.right .slider-content__text-container {
    width: 45%;
    padding-right: 50px;
  }
}

#vertical-slider .slider-content__text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
}

#vertical-slider .slider-content__text-container.left {
  align-items: flex-end;
}

#vertical-slider .slider-content .tablet-image-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  height: 100%;
  width: 50%;
}

#vertical-slider .slider-content .tablet-image-wrapper .img-frame-tablet {
  object-fit: contain;
  width: 100%;
  position: absolute;
  height: 100%;
}

@media (min-width: 80em) {
  #vertical-slider .slider-content .tablet-image-wrapper .img-frame-tablet {
    height: 650px;
  }
}

#vertical-slider .slider-content .tablet-image-wrapper span {
  margin-top: 24px;
}

@media (min-width: 80em) {
  #vertical-slider .slider-content .tablet-image-wrapper span {
    margin-top: 44px;
  }
}

#vertical-slider .slider-content .tablet-image-wrapper .tablet__picture {
  height: 560px;
  width: 420px;
}

#vertical-slider .slider-content .tablet-image-wrapper .tablet__image {
  object-fit: cover;
  height: 360px;
  width: 280px;
}

@media (min-width: 80em) {
  #vertical-slider .slider-content .tablet-image-wrapper .tablet__image {
    height: 560px;
    width: 420px;
  }
}

#vertical-slider .slider-content .tablet-image-wrapper .mobile-image-wrapper {
  display: flex;
  position: absolute;
  justify-content: center;
  align-self: flex-end;
  z-index: 1;
  width: 125px;
  height: 230px;
  margin-left: -130px;
}

@media (min-width: 80em) {
  #vertical-slider .slider-content .tablet-image-wrapper .mobile-image-wrapper {
    width: 250px;
    height: 400px;
    margin-left: -260px;
  }
}

#vertical-slider
  .slider-content
  .tablet-image-wrapper
  .mobile-image-wrapper
  .img-frame-phone {
  object-fit: contain;
  width: 100%;
  position: absolute;
  height: 230px;
}

@media (min-width: 80em) {
  #vertical-slider
    .slider-content
    .tablet-image-wrapper
    .mobile-image-wrapper
    .img-frame-phone {
    height: 400px;
  }
}

#vertical-slider
  .slider-content
  .tablet-image-wrapper
  .mobile-image-wrapper
  span {
  margin-top: 24px;
  z-index: -1;
}

@media (min-width: 80em) {
  #vertical-slider
    .slider-content
    .tablet-image-wrapper
    .mobile-image-wrapper
    span {
    margin-top: 54px;
  }
}

#vertical-slider
  .slider-content
  .tablet-image-wrapper
  .mobile-image-wrapper
  .mobile__picture {
  height: 298px;
  width: 168px;
}

#vertical-slider
  .slider-content
  .tablet-image-wrapper
  .mobile-image-wrapper
  .mobile__image {
  object-fit: cover;
  height: 180px;
  width: 105px;
  border-radius: 1%;
}

@media (min-width: 80em) {
  #vertical-slider
    .slider-content
    .tablet-image-wrapper
    .mobile-image-wrapper
    .mobile__image {
    height: 298px;
    width: 168px;
  }
}

#vertical-slider .text-container-wrapper {
  display: flex;
  flex-direction: column;
}

#vertical-slider .text-container__slider-title {
  color: #fc4c02;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.43px;
  line-height: 14px;
  text-transform: uppercase;
  padding-bottom: 30px;
}

#vertical-slider .text-container__subtitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

#vertical-slider .navigation-arrows {
  padding-bottom: 15px;
}

#vertical-slider .navigation-arrows.left {
  align-self: flex-end;
}

#vertical-slider .navigation-arrows .arrow {
  font-size: 24px;
  cursor: pointer;
  transform: rotate(90deg);
  display: inline-block;
}

#vertical-slider .navigation-arrows .arrow__disabled {
  cursor: unset;
  opacity: 0;
}

.video {
  display: flex;
  width: 100%;
  max-height: 1000px;
}

.video__overlay,
.video__wrapper {
  display: flex;
  width: 100%;
  position: relative;
}

.video__overlay {
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  color: #fc4c02;
  font-size: 50px;
}

.article-lead .highlights__video,
.article-wrapper .highlights__video {
  max-width: 572px;
  height: auto;
  padding-top: 319px;
}

.article-lead .highlights__video video,
.article-wrapper .highlights__video video {
  max-width: 572px;
  height: auto;
  margin: 0 auto;
}

.carrouselWraper {
  position: relative;
  overflow: hidden;
  margin: auto;
  width: 100%;
}

.slick-list,
.slick-slide,
.slick-track {
  height: auto;
  min-height: 1px;
}

@media (max-width: 1024px) {
  .slick-list,
  .slick-slide,
  .slick-track {
    min-height: 300px;
  }
}

.slick-slide {
  width: 100%;
}

.slick-active,
.slick-current,
.slide-arrow,
.slide-arrows {
  display: block;
}

.slide-arrow {
  border: 0;
  position: absolute;
  top: 50%;
  bottom: auto;
  padding: 0.25em 0.5em;
  transform: scale(2.5);
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0.25s ease-out;
}

.slide-arrow:hover {
  opacity: 0.65;
}

@media (max-width: 37.5em) {
  .slide-arrow {
    top: auto;
    bottom: -16px;
    transform: scale(0.7);
  }
}

.slide-arrow__prev {
  left: 11px;
}

@media (max-width: 1024px) {
  .slide-arrow__prev {
    left: -7px;
  }
}

.slide-arrow__next {
  right: 11px;
}

@media (max-width: 1024px) {
  .slide-arrow__next {
    right: -11px;
  }
}

.progress-bar {
  position: absolute;
  width: 100%;
  bottom: 12px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: baseline;
  transition: bottom 0.5s ease-out;
}

.progress-bar__item {
  width: 110px;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
}

.progress-bar__item:not(:first-child) {
  margin-left: 2.0125rem;
}

.progress-bar__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50px;
  top: -37px;
  background: 0 0;
  display: block;
}

@media (max-width: 37.5em) {
  .progress-bar__item::before {
    display: none;
  }
}

.progress-bar__title {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 7px;
  display: block;
  color: #fff;
  opacity: 0.65;
  font-family: "Zona Pro", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
}

.progress-bar__title.active {
  opacity: 1;
  font-weight: 700;
}

.progress-bar__bar {
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  display: block;
  border-radius: 5px;
}

.progress-bar__navigation {
  margin-left: 5px;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
  color: #fff;
  display: block;
}

@media (max-width: 37.5em) {
  .progress-bar__navigation {
    display: none;
  }
}

.progress-bar__pause__icon,
.progress-bar__play__icon {
  margin-bottom: 5px;
  vertical-align: 0;
  height: 10px;
  position: relative;
  display: none;
}

.progress-bar__pause__icon.active,
.progress-bar__play__icon.active {
  display: block;
}

.progress-bar .inProgress {
  background-color: #fff;
  width: 0%;
  height: 4px;
  border-radius: 5px;
}

@media (max-width: 37.5em) {
  .progress-bar {
    padding: 0 20px;
  }

  .progress-bar .progress-bar__item {
    width: 24px;
  }

  .progress-bar .progress-bar__item:not(:first-child) {
    margin-left: 1.0125rem;
  }

  .progress-bar .inProgress,
  .progress-bar .progress-bar__bar {
    height: 2px;
  }

  .progress-bar .progress-bar__navigation {
    margin-left: 15px;
  }

  .progress-bar .progress-bar__title {
    display: none;
  }

  .progress-bar .progress-bar__pause__icon,
  .progress-bar .progress-bar__play__icon {
    margin-bottom: -5px;
  }
}

.c--orange,
.c-brand-,
.c-brand-divider,
.c-brand-orange,
.c-bright-orange,
.c-darker-orange,
.c-light-orange,
.c-lighter-orange,
.c-normal-orange {
  background: #fc4c02;
  border-color: #fc4c02;
}

.c-brand-.button--outline,
.c-brand-:hover.button,
.c-brand-divider.button--outline,
.c-brand-divider:hover.button {
  color: #fc4c02;
  background: #fff;
}

.c-brand-.button--outline:hover,
.c-brand-divider.button--outline:hover {
  color: #fff;
  background: #fc4c02;
}

.c-brand-.button--underlined,
.c-brand-divider.button--underlined {
  color: #fc4c02;
  background: 0 0;
  border-bottom: 1px solid #fc4c02;
}

.c-brand-.button--underlined:hover,
.c-brand-divider.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c--beje.button--underlined:hover::before,
.c--grey.button--underlined:hover::before,
.c--orange.button--underlined:hover::before,
.c--purple.button--underlined:hover::before,
.c--yellow.button--underlined:hover::before,
.c-brand-.button--underlined:hover::before,
.c-brand-beje.button--underlined:hover::before,
.c-brand-divider.button--underlined:hover::before,
.c-brand-grey.button--underlined:hover::before,
.c-brand-orange.button--underlined:hover::before,
.c-brand-purple.button--underlined:hover::before,
.c-brand-yellow.button--underlined:hover::before,
.c-bright-beje.button--underlined:hover::before,
.c-bright-grey.button--underlined:hover::before,
.c-bright-orange.button--underlined:hover::before,
.c-bright-purple.button--underlined:hover::before,
.c-bright-yellow.button--underlined:hover::before,
.c-darker-beje.button--underlined:hover::before,
.c-darker-grey.button--underlined:hover::before,
.c-darker-orange.button--underlined:hover::before,
.c-darker-purple.button--underlined:hover::before,
.c-darker-yellow.button--underlined:hover::before,
.c-light-beje.button--underlined:hover::before,
.c-light-grey.button--underlined:hover::before,
.c-light-orange.button--underlined:hover::before,
.c-light-purple.button--underlined:hover::before,
.c-light-yellow.button--underlined:hover::before,
.c-lighter-beje.button--underlined:hover::before,
.c-lighter-grey.button--underlined:hover::before,
.c-lighter-orange.button--underlined:hover::before,
.c-lighter-purple.button--underlined:hover::before,
.c-lighter-yellow.button--underlined:hover::before,
.c-normal-beje.button--underlined:hover::before,
.c-normal-grey.button--underlined:hover::before,
.c-normal-orange.button--underlined:hover::before,
.c-normal-purple.button--underlined:hover::before,
.c-normal-yellow.button--underlined:hover::before,
.colorizeBackground.button--underlined:hover::before,
.colorizeButton.button--underlined:hover::before {
  animation: underlineAnimation 0.5s linear both;
}

.c--orange.button--underlined::before,
.c-brand-.button--underlined::before,
.c-brand-divider.button--underlined::before,
.c-brand-orange.button--underlined::before,
.c-bright-orange.button--underlined::before,
.c-darker-orange.button--underlined::before,
.c-light-orange.button--underlined::before,
.c-lighter-orange.button--underlined::before,
.c-normal-orange.button--underlined::before {
  background: #fc4c02;
}

.c--orange.button--outline,
.c--orange:hover.button,
.c-brand-orange.button--outline,
.c-brand-orange:hover.button {
  color: #fc4c02;
  background: #fff;
}

.c--orange.button--outline:hover,
.c-brand-orange.button--outline:hover {
  color: #fff;
  background: #fc4c02;
}

.c--orange.button--underlined,
.c-brand-orange.button--underlined {
  color: #fc4c02;
  background: 0 0;
  border-bottom: 1px solid #fc4c02;
}

.c--orange.button--underlined:hover,
.c-brand-orange.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-darker-orange.button--outline,
.c-darker-orange:hover.button {
  color: #fc4c02;
  background: #fff;
}

.c-darker-orange.button--outline:hover {
  color: #fff;
  background: #fc4c02;
}

.c-darker-orange.button--underlined {
  color: #fc4c02;
  background: 0 0;
  border-bottom: 1px solid #fc4c02;
}

.c-darker-orange.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-normal-orange.button--outline,
.c-normal-orange:hover.button {
  color: #fc4c02;
  background: #fff;
}

.c-normal-orange.button--outline:hover {
  color: #fff;
  background: #fc4c02;
}

.c-normal-orange.button--underlined {
  color: #fc4c02;
  background: 0 0;
  border-bottom: 1px solid #fc4c02;
}

.c-normal-orange.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-light-orange.button--outline,
.c-light-orange:hover.button {
  color: #fc4c02;
  background: #fff;
}

.c-light-orange.button--outline:hover {
  color: #fff;
  background: #fc4c02;
}

.c-light-orange.button--underlined {
  color: #fc4c02;
  background: 0 0;
  border-bottom: 1px solid #fc4c02;
}

.c-light-orange.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-lighter-orange.button--outline,
.c-lighter-orange:hover.button {
  color: #fc4c02;
  background: #fff;
}

.c-lighter-orange.button--outline:hover {
  color: #fff;
  background: #fc4c02;
}

.c-lighter-orange.button--underlined {
  color: #fc4c02;
  background: 0 0;
  border-bottom: 1px solid #fc4c02;
}

.c-lighter-orange.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-bright-orange.button--outline,
.c-bright-orange:hover.button {
  color: #fc4c02;
  background: #fff;
}

.c-bright-orange.button--outline:hover {
  color: #fff;
  background: #fc4c02;
}

.c-bright-orange.button--underlined {
  color: #fc4c02;
  background: 0 0;
  border-bottom: 1px solid #fc4c02;
}

.c-bright-orange.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c--yellow,
.c-brand-yellow {
  background: #fba102;
  border-color: #fba102;
}

.c--yellow.button--outline,
.c--yellow:hover.button,
.c-brand-yellow.button--outline,
.c-brand-yellow:hover.button {
  color: #fba102;
  background: #fff;
}

.c--yellow.button--outline:hover,
.c-brand-yellow.button--outline:hover {
  color: #fff;
  background: #fba102;
}

.c--yellow.button--underlined,
.c-brand-yellow.button--underlined {
  color: #fba102;
  background: 0 0;
  border-bottom: 1px solid #fba102;
}

.c--yellow.button--underlined:hover,
.c-brand-yellow.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c--yellow.button--underlined::before,
.c-brand-yellow.button--underlined::before {
  background: #fba102;
}

.c-darker-yellow {
  border-color: #e19001;
}

.c-darker-yellow.button--outline,
.c-darker-yellow:hover.button {
  color: #e19001;
  background: #fff;
}

.c-darker-yellow.button--outline:hover {
  color: #fff;
  background: #e19001;
}

.c-darker-yellow.button--underlined {
  color: #e19001;
  background: 0 0;
  border-bottom: 1px solid #e19001;
}

.c-darker-yellow.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-darker-yellow,
.c-darker-yellow.button--underlined::before {
  background: #e19001;
}

.c-normal-yellow {
  border-color: #fcb435;
}

.c-normal-yellow.button--outline,
.c-normal-yellow:hover.button {
  color: #fcb435;
  background: #fff;
}

.c-normal-yellow.button--outline:hover {
  color: #fff;
  background: #fcb435;
}

.c-normal-yellow.button--underlined {
  color: #fcb435;
  background: 0 0;
  border-bottom: 1px solid #fcb435;
}

.c-normal-yellow.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-normal-yellow,
.c-normal-yellow.button--underlined::before {
  background: #fcb435;
}

.c-light-yellow {
  border-color: #fdc767;
}

.c-light-yellow.button--outline,
.c-light-yellow:hover.button {
  color: #fdc767;
  background: #fff;
}

.c-light-yellow.button--outline:hover {
  color: #fff;
  background: #fdc767;
}

.c-light-yellow.button--underlined {
  color: #fdc767;
  background: 0 0;
  border-bottom: 1px solid #fdc767;
}

.c-light-yellow.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-light-yellow,
.c-light-yellow.button--underlined::before {
  background: #fdc767;
}

.c-lighter-yellow {
  border-color: #fdd99a;
}

.c-lighter-yellow.button--outline,
.c-lighter-yellow:hover.button {
  color: #fdd99a;
  background: #fff;
}

.c-lighter-yellow.button--outline:hover {
  color: #fff;
  background: #fdd99a;
}

.c-lighter-yellow.button--underlined {
  color: #fdd99a;
  background: 0 0;
  border-bottom: 1px solid #fdd99a;
}

.c-lighter-yellow.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-lighter-yellow,
.c-lighter-yellow.button--underlined::before {
  background: #fdd99a;
}

.c-bright-yellow {
  border-color: #fedc03;
}

.c-bright-yellow.button--outline,
.c-bright-yellow:hover.button {
  color: #fedc03;
  background: #fff;
}

.c-bright-yellow.button--outline:hover {
  color: #fff;
  background: #fedc03;
}

.c-bright-yellow.button--underlined {
  color: #fedc03;
  background: 0 0;
  border-bottom: 1px solid #fedc03;
}

.c-bright-yellow.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-bright-yellow,
.c-bright-yellow.button--underlined::before {
  background: #fedc03;
}

.c--purple,
.c-brand-purple {
  background: #671e75;
  border-color: #671e75;
}

.c--purple.button--outline,
.c--purple:hover.button,
.c-brand-purple.button--outline,
.c-brand-purple:hover.button {
  color: #671e75;
  background: #fff;
}

.c--purple.button--outline:hover,
.c-brand-purple.button--outline:hover {
  color: #fff;
  background: #671e75;
}

.c--purple.button--underlined,
.c-brand-purple.button--underlined {
  color: #671e75;
  background: 0 0;
  border-bottom: 1px solid #671e75;
}

.c--purple.button--underlined:hover,
.c-brand-purple.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c--purple.button--underlined::before,
.c-brand-purple.button--underlined::before {
  background: #671e75;
}

.c-darker-purple {
  border-color: #52185d;
}

.c-darker-purple.button--outline,
.c-darker-purple:hover.button {
  color: #52185d;
  background: #fff;
}

.c-darker-purple.button--outline:hover {
  color: #fff;
  background: #52185d;
}

.c-darker-purple.button--underlined {
  color: #52185d;
  background: 0 0;
  border-bottom: 1px solid #52185d;
}

.c-darker-purple.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-darker-purple,
.c-darker-purple.button--underlined::before {
  background: #52185d;
}

.c-normal-purple {
  border-color: #854b91;
}

.c-normal-purple.button--outline,
.c-normal-purple:hover.button {
  color: #854b91;
  background: #fff;
}

.c-normal-purple.button--outline:hover {
  color: #fff;
  background: #854b91;
}

.c-normal-purple.button--underlined {
  color: #854b91;
  background: 0 0;
  border-bottom: 1px solid #854b91;
}

.c-normal-purple.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-normal-purple,
.c-normal-purple.button--underlined::before {
  background: #854b91;
}

.c-light-purple {
  border-color: #a478ac;
}

.c-light-purple.button--outline,
.c-light-purple:hover.button {
  color: #a478ac;
  background: #fff;
}

.c-light-purple.button--outline:hover {
  color: #fff;
  background: #a478ac;
}

.c-light-purple.button--underlined {
  color: #a478ac;
  background: 0 0;
  border-bottom: 1px solid #a478ac;
}

.c-light-purple.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-light-purple,
.c-light-purple.button--underlined::before {
  background: #a478ac;
}

.c-lighter-purple {
  border-color: #c2a5c8;
}

.c-lighter-purple.button--outline,
.c-lighter-purple:hover.button {
  color: #c2a5c8;
  background: #fff;
}

.c-lighter-purple.button--outline:hover {
  color: #fff;
  background: #c2a5c8;
}

.c-lighter-purple.button--underlined {
  color: #c2a5c8;
  background: 0 0;
  border-bottom: 1px solid #c2a5c8;
}

.c-lighter-purple.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-lighter-purple,
.c-lighter-purple.button--underlined::before {
  background: #c2a5c8;
}

.c-bright-purple {
  border-color: #a438b4;
}

.c-bright-purple.button--outline,
.c-bright-purple:hover.button {
  color: #a438b4;
  background: #fff;
}

.c-bright-purple.button--outline:hover {
  color: #fff;
  background: #a438b4;
}

.c-bright-purple.button--underlined {
  color: #a438b4;
  background: 0 0;
  border-bottom: 1px solid #a438b4;
}

.c-bright-purple.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-bright-purple,
.c-bright-purple.button--underlined::before {
  background: #a438b4;
}

.c--grey,
.c-brand-grey {
  background: #393431;
  border-color: #393431;
}

.c--grey.button--outline,
.c--grey:hover.button,
.c-brand-grey.button--outline,
.c-brand-grey:hover.button {
  color: #393431;
  background: #fff;
}

.c--grey.button--outline:hover,
.c-brand-grey.button--outline:hover {
  color: #fff;
  background: #393431;
}

.c--grey.button--underlined,
.c-brand-grey.button--underlined {
  color: #393431;
  background: 0 0;
  border-bottom: 1px solid #393431;
}

.c--grey.button--underlined:hover,
.c-brand-grey.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c--grey.button--underlined::before,
.c-brand-grey.button--underlined::before {
  background: #393431;
}

.c-darker-grey {
  border-color: #1c1918;
}

.c-darker-grey.button--outline,
.c-darker-grey:hover.button {
  color: #1c1918;
  background: #fff;
}

.c-darker-grey.button--outline:hover {
  color: #fff;
  background: #1c1918;
}

.c-darker-grey.button--underlined {
  color: #1c1918;
  background: 0 0;
  border-bottom: 1px solid #1c1918;
}

.c-darker-grey.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-darker-grey,
.c-darker-grey.button--underlined::before {
  background: #1c1918;
}

.c-normal-grey {
  border-color: #615d5a;
}

.c-normal-grey.button--outline,
.c-normal-grey:hover.button {
  color: #615d5a;
  background: #fff;
}

.c-normal-grey.button--outline:hover {
  color: #fff;
  background: #615d5a;
}

.c-normal-grey.button--underlined {
  color: #615d5a;
  background: 0 0;
  border-bottom: 1px solid #615d5a;
}

.c-normal-grey.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-normal-grey,
.c-normal-grey.button--underlined::before {
  background: #615d5a;
}

.c-light-grey {
  border-color: #888583;
}

.c-light-grey.button--outline,
.c-light-grey:hover.button {
  color: #888583;
  background: #fff;
}

.c-light-grey.button--outline:hover {
  color: #fff;
  background: #888583;
}

.c-light-grey.button--underlined {
  color: #888583;
  background: 0 0;
  border-bottom: 1px solid #888583;
}

.c-light-grey.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-light-grey,
.c-light-grey.button--underlined::before {
  background: #888583;
}

.c-lighter-grey {
  border-color: #b0aead;
}

.c-lighter-grey.button--outline,
.c-lighter-grey:hover.button {
  color: #b0aead;
  background: #fff;
}

.c-lighter-grey.button--outline:hover {
  color: #fff;
  background: #b0aead;
}

.c-lighter-grey.button--underlined {
  color: #b0aead;
  background: 0 0;
  border-bottom: 1px solid #b0aead;
}

.c-lighter-grey.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-lighter-grey,
.c-lighter-grey.button--underlined::before {
  background: #b0aead;
}

.c-bright-grey {
  border-color: #655d58;
}

.c-bright-grey.button--outline,
.c-bright-grey:hover.button {
  color: #655d58;
  background: #fff;
}

.c-bright-grey.button--outline:hover {
  color: #fff;
  background: #655d58;
}

.c-bright-grey.button--underlined {
  color: #655d58;
  background: 0 0;
  border-bottom: 1px solid #655d58;
}

.c-bright-grey.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-bright-grey,
.c-bright-grey.button--underlined::before {
  background: #655d58;
}

.c--beje,
.c-brand-beje {
  background: #d3bba8;
  border-color: #d3bba8;
}

.c--beje.button--outline,
.c--beje:hover.button,
.c-brand-beje.button--outline,
.c-brand-beje:hover.button {
  color: #d3bba8;
  background: #fff;
}

.c--beje.button--outline:hover,
.c-brand-beje.button--outline:hover {
  color: #fff;
  background: #d3bba8;
}

.c--beje.button--underlined,
.c-brand-beje.button--underlined {
  color: #d3bba8;
  background: 0 0;
  border-bottom: 1px solid #d3bba8;
}

.c--beje.button--underlined:hover,
.c-brand-beje.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c--beje.button--underlined::before,
.c-brand-beje.button--underlined::before {
  background: #d3bba8;
}

.c-darker-beje {
  border-color: #a89586;
}

.c-darker-beje.button--outline,
.c-darker-beje:hover.button {
  color: #a89586;
  background: #fff;
}

.c-darker-beje.button--outline:hover {
  color: #fff;
  background: #a89586;
}

.c-darker-beje.button--underlined {
  color: #a89586;
  background: 0 0;
  border-bottom: 1px solid #a89586;
}

.c-darker-beje.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-darker-beje,
.c-darker-beje.button--underlined::before {
  background: #a89586;
}

.c-normal-beje {
  border-color: #dcc9b9;
}

.c-normal-beje.button--outline,
.c-normal-beje:hover.button {
  color: #dcc9b9;
  background: #fff;
}

.c-normal-beje.button--outline:hover {
  color: #fff;
  background: #dcc9b9;
}

.c-normal-beje.button--underlined {
  color: #dcc9b9;
  background: 0 0;
  border-bottom: 1px solid #dcc9b9;
}

.c-normal-beje.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-normal-beje,
.c-normal-beje.button--underlined::before {
  background: #dcc9b9;
}

.c-light-beje {
  border-color: #e5d6cb;
}

.c-light-beje.button--outline,
.c-light-beje:hover.button {
  color: #e5d6cb;
  background: #fff;
}

.c-light-beje.button--outline:hover {
  color: #fff;
  background: #e5d6cb;
}

.c-light-beje.button--underlined {
  color: #e5d6cb;
  background: 0 0;
  border-bottom: 1px solid #e5d6cb;
}

.c-light-beje.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-light-beje,
.c-light-beje.button--underlined::before {
  background: #e5d6cb;
}

.c-lighter-beje {
  border-color: #ede4dc;
}

.c-lighter-beje.button--outline,
.c-lighter-beje:hover.button {
  color: #ede4dc;
  background: #fff;
}

.c-lighter-beje.button--outline:hover {
  color: #fff;
  background: #ede4dc;
}

.c-lighter-beje.button--underlined {
  color: #ede4dc;
  background: 0 0;
  border-bottom: 1px solid #ede4dc;
}

.c-lighter-beje.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-lighter-beje,
.c-lighter-beje.button--underlined::before {
  background: #ede4dc;
}

.c-bright-beje {
  border-color: #fbf6f1;
}

.c-bright-beje.button--outline,
.c-bright-beje:hover.button {
  color: #fbf6f1;
  background: #fff;
}

.c-bright-beje.button--outline:hover {
  color: #fff;
  background: #fbf6f1;
}

.c-bright-beje.button--underlined {
  color: #fbf6f1;
  background: 0 0;
  border-bottom: 1px solid #fbf6f1;
}

.c-bright-beje.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.c-bright-beje,
.c-bright-beje.button--underlined::before {
  background: #fbf6f1;
}

.BrandOrange,
.BrightOrange,
.DarkerOrange,
.LightOrange,
.LighterOrange,
.NormalOrange,
.NowoOrange {
  color: #fc4c02;
}

.BrandYellow {
  color: #fba102;
}

.DarkerYellow {
  color: #e19001;
}

.NormalYellow {
  color: #fcb435;
}

.LightYellow {
  color: #fdc767;
}

.LighterYellow {
  color: #fdd99a;
}

.BrightYellow {
  color: #fedc03;
}

.BrandPurple {
  color: #671e75;
}

.DarkerPurple {
  color: #52185d;
}

.NormalPurple {
  color: #854b91;
}

.LightPurple {
  color: #a478ac;
}

.LighterPurple {
  color: #c2a5c8;
}

.BrightPurple {
  color: #a438b4;
}

.BrandGrey {
  color: #393431;
}

.DarkerGrey {
  color: #1c1918;
}

.NormalGrey {
  color: #615d5a;
}

.LightGrey {
  color: #888583;
}

.LighterGrey {
  color: #b0aead;
}

.BrightGrey {
  color: #655d58;
}

.BrandBeje {
  color: #d3bba8;
}

.DarkerBeje {
  color: #a89586;
}

.NormalBeje {
  color: #dcc9b9;
}

.LightBeje {
  color: #e5d6cb;
}

.LighterBeje {
  color: #ede4dc;
}

.BrightBeje {
  color: #fbf6f1;
}

.colorizeBackground,
.colorizeButton {
  background: var(--color);
  border-color: var(--color);
}

.colorizeButton.button--outline,
.colorizeButton:hover.button {
  color: var(--color);
  background: #fff;
}

.colorizeButton.button--outline:hover {
  color: #fff;
  background: var(--color);
}

.colorizeButton.button--underlined {
  color: var(--color);
  background: 0 0;
  border-bottom: 1px solid var(--color);
}

.colorizeButton.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.colorizeBackground.button--underlined::before,
.colorizeButton.button--underlined::before {
  background: var(--color);
}

.colorizeBackground.button--outline,
.colorizeBackground:hover.button {
  color: var(--color);
  background: #fff;
}

.colorizeBackground.button--outline:hover {
  color: #fff;
  background: var(--color);
}

.colorizeBackground.button--underlined {
  color: var(--color);
  background: 0 0;
  border-bottom: 1px solid var(--color);
}

.colorizeBackground.button--underlined:hover {
  background: 0 0;
  border-style: none;
}

.tab__content {
  display: grid;
}

@media(max-width: 37.5em) {
  .tab__content {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
}
}

@media(min-width: 37.5em) {
  .tab__content {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 30px;
  }
  .tab__content .channel-grid__channel-premium .channel-grid__info-wrapper{
    padding-left: 0px;
  }
}

@media(min-width: 80em) {
  .tab__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}