@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
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:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/* Fonts */
@font-face {
  font-family: 'Knockout-HTF32-JuniorCruiserwt';
  src: url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF32-JuniorCruiserwt.eot");
  src: url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF32-JuniorCruiserwt.eot#iefix") format("embedded-opentype"), url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF32-JuniorCruiserwt.woff") format("woff"), url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF32-JuniorCruiserwt.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Knockout-HTF30-JuniorWelterwt';
  src: url("../fonts/Knockout-HTF30-JuniorWelterwt.otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Knockout-HTF49-Litewt';
  src: url("../fonts/Knockout-HTF30-JuniorWelterwt.otf");
  src: url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF30-JuniorWelterwt.eot#iefix") format("embedded-opentype"), url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF30-JuniorWelterwt.woff") format("woff"), url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF30-JuniorWelterwt.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Knockout-HTF72-FullCruiserwt';
  src: url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF72-FullCruiserwt.eot");
  src: url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF72-FullCruiserwt.eot#iefix") format("embedded-opentype"), url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF72-FullCruiserwt.woff") format("woff"), url("http://www.whatwatch.com/wp-content/themes/whatwatch_new_git_ftp/res/fonts/Knockout-HTF72-FullCruiserwt.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'KelsonSans';
  src: url("../fonts/KelsonSansRegular.otf");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'KelsonSans';
  src: url("../fonts/KelsonSansLight.otf");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'FuturaLT';
  src: url("../fonts/FuturaLT-Light.ttf");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'FuturaLT';
  src: url("../fonts/FuturaLT.ttf");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'FuturaLT';
  src: url("../fonts/FuturaLT-Bold.ttf");
  font-weight: 700;
  font-style: normal; }

/* Variables */
/* Responsive */
/* Fonts */
/* Helpers */
.clear {
  clear: both; }

.clearfix:after {
  content: '';
  display: block;
  width: 100%;
  clear: both; }

/* General */
html {
  height: 100%; }

body {
  color: #2f2f2f;
  height: 100%;
  background-color: #fbfbfb;
  padding-top: 80px;
  font-family: FuturaLT;
  font-weight: 300;
  letter-spacing: 0.7px;
  line-height: 1.3; }
  @media screen and (max-width: 1023px) {
    body.no-scroll {
      overflow: hidden; } }
  body.home {
    padding-top: 0; }
  body.cart-open {
    overflow: hidden; }
  body:after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1999;
    transition: opacity 1.2s ease, height 0s 1.2s; }
  body.pace-done:after {
    opacity: 0;
    height: 0; }
  body.app-registration:after {
    display: none; }

a {
  color: #2f2f2f;
  text-decoration: none;
  transition: color 0.4s ease; }

img {
  max-width: 100%;
  height: auto; }

input {
  -webkit-appearance: none; }

* {
  box-sizing: border-box; }
  * ::selection {
    background-color: #ff9800;
    color: #fff; }

h1, h2, h3, h4, h5, h6 {
  font-family: FuturaLT;
  font-weight: 400; }

h1 {
  font-size: 80px;
  line-height: 70px; }
  @media screen and (max-width: 767px) {
    h1 {
      font-size: 36px;
      line-height: 34px; } }

h2 {
  font-size: 50px;
  line-height: 60px; }
  @media screen and (max-width: 1023px) {
    h2 {
      font-size: 46px;
      line-height: 50px; } }
  @media screen and (max-width: 767px) {
    h2 {
      font-size: 30px;
      line-height: 34px; } }

h3 {
  font-size: 35px;
  line-height: 33px;
  letter-spacing: 2.1px; }
  @media screen and (max-width: 767px) {
    h3 {
      font-size: 24px;
      line-height: 28px; } }

h4 {
  font-size: 20.8px;
  line-height: 24px;
  letter-spacing: 1px; }
  @media screen and (max-width: 767px) {
    h4 {
      font-size: 19px;
      line-height: 22px; } }

h5 {
  font-size: 20px;
  line-height: 20px; }
  @media screen and (max-width: 767px) {
    h5 {
      font-size: 16px;
      line-height: 16px; } }

h6 {
  font-size: 14px;
  line-height: 17px; }

p {
  font-size: 20.8px;
  line-height: 23px;
  letter-spacing: 1px; }
  @media screen and (max-width: 767px) {
    p {
      font-size: 16px;
      line-height: 19px; } }

/* Container */
.container {
  width: 1266px;
  margin: 0 auto; }
  @media screen and (max-width: 1366px) {
    .container {
      width: 100%;
      padding-left: 60px;
      padding-right: 60px; } }
  @media screen and (max-width: 767px) {
    .container {
      padding-left: 30px;
      padding-right: 30px; } }

/* Container */
.container-bigger {
  max-width: 1440px;
  margin: 0 auto; }
  @media screen and (max-width: 1366px) {
    .container-bigger {
      width: 100%;
      padding-left: 60px;
      padding-right: 60px; } }
  @media screen and (max-width: 767px) {
    .container-bigger {
      padding-left: 30px;
      padding-right: 30px; } }

/* Text colors */
.orange {
  color: #ff9800; }
  .orange.border {
    border-color: #ff9800; }

.yellow {
  color: #f3c734; }
  .yellow.border {
    border-color: #f3c734; }

.red {
  color: #dd4b4b; }
  .red.border {
    border-color: #dd4b4b; }

.green-light {
  color: #30d2ae; }
  .green-light.border {
    border-color: #30d2ae; }

.blue {
  color: #81d4fa; }
  .blue.border {
    border-color: #81d4fa; }

.orange-light {
  color: #ffd54f; }
  .orange-light.border {
    border-color: #ffd54f; }

.turquoise {
  color: #00bfa5; }
  .turquoise.border {
    border-color: #00bfa5; }

/* Scroll up/down button */
.scroll-up,
.scroll-down {
  display: inline-block;
  text-align: center;
  color: #fff;
  text-transform: uppercase; }
  .scroll-up .text,
  .scroll-down .text {
    display: block;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
    transition: all 0.4s ease; }
  .scroll-up .icon,
  .scroll-down .icon {
    width: 36px;
    height: 22px;
    display: inline-block;
    transition: all 0.4s ease; }
    .scroll-up .icon svg,
    .scroll-down .icon svg {
      width: 100%;
      height: 100%; }
      .scroll-up .icon svg *,
      .scroll-down .icon svg * {
        stroke: #000; }
    .scroll-up .icon + .text,
    .scroll-down .icon + .text {
      margin-bottom: 0;
      margin-top: 6px; }
  .scroll-up:hover,
  .scroll-down:hover {
    color: #fff; }
    .scroll-up:hover .text,
    .scroll-down:hover .text {
      transform: translate3d(0, 3px, 0); }
    .scroll-up:hover .icon,
    .scroll-down:hover .icon {
      transform: translate3d(0, -3px, 0); }
  .scroll-up.dark,
  .scroll-down.dark {
    color: #38383a; }
    .scroll-up.dark .icon svg *,
    .scroll-down.dark .icon svg * {
      stroke: #38383a; }

/* Default buttons */
.btn {
  border: 1px solid #343434;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  min-width: 147px;
  letter-spacing: 0.7px;
  font-size: 17px;
  font-weight: 500;
  transition: all 0.4s ease;
  transform: translateZ(0);
  margin: 14px; }
  @media screen and (max-width: 1023px) {
    .btn {
      min-width: 130px; } }
  .btn span {
    position: relative;
    display: inline-block;
    padding: 16px 10px;
    z-index: 1;
    letter-spacing: 1px; }
    @media screen and (max-width: 1023px) {
      .btn span {
        padding: 14px 10px; } }
    .btn span.price {
      padding-left: 12px;
      padding-right: 12px;
      transition: background-color 0.8s ease; }
      .btn span.price.has-old-price {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 16px; }
      .btn span.price .old-price {
        text-decoration: line-through;
        padding: 0 5px 0 0;
        font-size: 80%;
        color: #343434; }
  .btn:hover {
    border-color: #f3c734 !important;
    background: url(../img/icons/Button_Hover.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    .btn:hover span.price {
      background-color: rgba(0, 0, 0, 0.25); }
    .btn:hover:after {
      opacity: 1; }
  .btn.small span {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 12px 5px; }
  @media screen and (max-width: 1023px) {
    .btn.default span {
      font-size: 14px;
      line-height: 18px;
      padding: 7px 16px 7px; } }
  .btn.large span {
    padding: 19px 96px; }
  @media screen and (max-width: 1299px) {
    .btn.price span {
      font-size: 14px;
      line-height: 18px;
      padding: 8px 16px 6px; }
      .btn.price span.price {
        padding-left: 10px;
        padding-right: 10px; } }
  .btn.out-of-stock {
    pointer-events: none;
    cursor: default;
    opacity: 0.25 !important; }
  .btn.white, .btn.light {
    border-color: #fff;
    color: #fff; }
    .btn.white .price, .btn.light .price {
      background-color: #fff;
      color: #000; }
    .btn.white:hover span, .btn.light:hover span {
      color: #fff; }
  .btn.black, .btn.dark {
    border-color: #000;
    color: #000; }
    .btn.black .price, .btn.dark .price {
      background-color: #000;
      color: #fff; }
  .btn.yellow {
    border-color: #f3c734;
    color: #000;
    background: #f3c734; }
    .btn.yellow .price {
      background-color: #f3c734;
      color: #fff; }
  .btn.grey {
    border-color: #696969;
    color: #696969; }
    .btn.grey .price {
      background-color: #696969;
      color: #fff; }
    .btn.grey:after {
      background-color: #696969; }
  .btn.grey-dark {
    border-color: #38383a;
    color: #38383a; }
    .btn.grey-dark .price {
      background-color: #38383a;
      color: #fff; }
    .btn.grey-dark:after {
      background-color: #38383a; }
  .btn.orange {
    border-color: #ff9800;
    color: #ff9800; }
    .btn.orange:after {
      background-color: #ff9800; }
  .btn.red {
    border-color: #dd4b4b;
    color: #dd4b4b; }
    .btn.red:after {
      background-color: #dd4b4b; }
  .btn.green {
    border-color: #30d2ae;
    color: #000;
    background: url(../img/icons/button_green.png) no-repeat center center;
    background-size: cover; }
    .btn.green:after {
      background-color: #30d2ae; }
  .btn.blue {
    border-color: #81d4fa;
    color: #81d4fa; }
    .btn.blue:after {
      background-color: #81d4fa; }
  .btn.orange-light {
    border-color: #ffd54f;
    color: #ffd54f; }
    .btn.orange-light:after {
      background-color: #ffd54f; }
  .btn.turquoise {
    border-color: #00bfa5;
    color: #00bfa5; }
    .btn.turquoise:after {
      background-color: #00bfa5; }
  .btn.solid.white, .btn.solid.light {
    background-color: #fff;
    color: #2f2f2f; }
  .btn.solid.black, .btn.solid.dark {
    background-color: #000;
    color: #fff; }
  .btn.solid.grey {
    background-color: #696969;
    color: #fff; }
  .btn.solid.grey-dark {
    background-color: #38383a;
    color: #fff; }
  .btn.solid.orange {
    background-color: #ff9800;
    color: #fff; }
  .btn.solid.red {
    background-color: #dd4b4b;
    color: #fff; }
  .btn.solid.green-light {
    background-color: #30d2ae;
    color: #2f2f2f; }
  .btn.solid.blue {
    background-color: #81d4fa;
    color: #2f2f2f; }
  .btn.solid.orange-light {
    background-color: #ffd54f;
    color: #2f2f2f; }
  .btn.solid.turquoise {
    background-color: #00bfa5;
    color: #fff; }
  .btn.to-white:hover, .btn.to-light:hover {
    color: #2f2f2f; }
    .btn.to-white:hover span.price, .btn.to-light:hover span.price {
      color: #2f2f2f; }
  .btn.to-black:after, .btn.to-dark:after {
    background-color: #000; }
  .btn.to-black:hover, .btn.to-dark:hover {
    color: #fff; }
    .btn.to-black:hover span.price, .btn.to-dark:hover span.price {
      color: #fff; }
  .btn.to-grey:after {
    background-color: #696969; }
  .btn.to-grey:hover {
    color: #fff; }
    .btn.to-grey:hover span.price {
      color: #fff; }
  .btn.to-grey-dark:after {
    background-color: #38383a; }
  .btn.to-grey-dark:hover {
    color: #fff; }
    .btn.to-grey-dark:hover span.price {
      color: #fff; }
  .btn.to-yellow:after {
    background-color: #ff9800; }
  .btn.to-yellow:hover {
    color: #fff; }
    .btn.to-yellow:hover span.price {
      color: #fff; }
  .btn.to-red:after {
    background-color: #dd4b4b; }
  .btn.to-red:hover {
    color: #fff; }
    .btn.to-red:hover span.price {
      color: #fff; }
  .btn.to-green-light:after {
    background-color: #30d2ae; }
  .btn.to-green-light:hover {
    color: #2f2f2f; }
    .btn.to-green-light:hover span.price {
      color: #fff; }
  .btn.to-blue:after {
    background-color: #81d4fa; }
  .btn.to-blue:hover {
    color: #2f2f2f; }
    .btn.to-blue:hover span.price {
      color: #fff; }
  .btn.to-orange-light:after {
    background-color: #ffd54f; }
  .btn.to-orange-light:hover {
    color: #2f2f2f; }
    .btn.to-orange-light:hover span.price {
      color: #fff; }
  .btn.to-turquoise:after {
    background-color: #00bfa5; }
  .btn.to-turquoise:hover {
    color: #fff; }
    .btn.to-turquoise:hover span.price {
      color: #fff; }

.btn-pre-text {
  color: #696969;
  display: block;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Knockout 30 A", "Knockout 30 B";
  font-style: normal;
  font-weight: 400; }
  .btn-pre-text.strong {
    font-size: 20px;
    letter-spacing: 2px;
    font-family: "Knockout 72 A", "Knockout 72 B";
    font-style: normal;
    font-weight: 400; }
  .btn-pre-text.white, .btn-pre-text.light {
    color: #fff; }
  .btn-pre-text.black, .btn-pre-text.dark {
    color: #000; }
  .btn-pre-text.grey {
    color: #696969; }
  .btn-pre-text.grey-dark {
    color: #38383a; }
  .btn-pre-text.orange {
    color: #ff9800; }
  .btn-pre-text.red {
    color: #dd4b4b; }
  .btn-pre-text.green-light {
    color: #30d2ae; }
  .btn-pre-text.blue {
    color: #81d4fa; }
  .btn-pre-text.orange-light {
    color: #ffd54f; }
  .btn-pre-text.turquoise {
    color: #00bfa5; }

/* Video buttons */
.btn-control {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin: -22px 0 0 -22px;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .btn-control {
      margin: -15px 0 0 -15px; } }
  .btn-control:before {
    content: '';
    position: absolute;
    left: -100%;
    top: -100%;
    width: 200%;
    height: 200%;
    background-color: #fff;
    opacity: 0;
    margin-left: 2px;
    transition: all 0.4s 0.2s ease; }
  .btn-control.pause {
    border: 1px solid #fff;
    opacity: 0.25; }
    .btn-control.pause svg {
      display: none; }
    .btn-control.pause:before {
      left: 50%;
      top: 20%;
      width: 2px;
      height: 60%;
      opacity: 1; }
    .btn-control.pause:after {
      content: '';
      position: absolute;
      left: 50% !important;
      top: 20%;
      width: 2px;
      height: 60%;
      margin-left: -4px;
      background-color: #fff;
      opacity: 1 !important;
      transform: rotate(0) !important; }
    .btn-control.pause:hover:before, .btn-control.pause:hover:after {
      height: 40%;
      top: 30%; }

/* Swiper */
.swiper-button-prev:hover {
  transform: translateX(-5px); }
  .swiper-button-prev:hover svg * {
    stroke: #f3c734 !important; }

.swiper-button-next:hover {
  transform: translateX(5px); }
  .swiper-button-next:hover svg * {
    stroke: #f3c734 !important; }

.swiper-button-prev,
.swiper-button-next,
.btn-control,
.btn-close,
.btn-plus {
  width: 20px;
  height: 36px;
  margin-top: -22px;
  background-image: none;
  overflow: hidden;
  position: absolute;
  transition: all 0.4s ease; }
  @media screen and (max-width: 767px) {
    .swiper-button-prev,
    .swiper-button-next,
    .btn-control,
    .btn-close,
    .btn-plus {
      width: 30px;
      height: 30px;
      margin-top: -15px; } }
  .swiper-button-prev svg,
  .swiper-button-next svg,
  .btn-control svg,
  .btn-close svg,
  .btn-plus svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1; }
    .swiper-button-prev svg .slider-left-1,
    .swiper-button-prev svg .slider-right-1,
    .swiper-button-prev svg .close-2,
    .swiper-button-prev svg .plus-2,
    .swiper-button-next svg .slider-left-1,
    .swiper-button-next svg .slider-right-1,
    .swiper-button-next svg .close-2,
    .swiper-button-next svg .plus-2,
    .btn-control svg .slider-left-1,
    .btn-control svg .slider-right-1,
    .btn-control svg .close-2,
    .btn-control svg .plus-2,
    .btn-close svg .slider-left-1,
    .btn-close svg .slider-right-1,
    .btn-close svg .close-2,
    .btn-close svg .plus-2,
    .btn-plus svg .slider-left-1,
    .btn-plus svg .slider-right-1,
    .btn-plus svg .close-2,
    .btn-plus svg .plus-2 {
      fill: #fff;
      transition: all 0.4s ease; }
    .swiper-button-prev svg .slider-left-2,
    .swiper-button-prev svg .slider-right-2,
    .swiper-button-prev svg .close-1,
    .swiper-button-prev svg .plus-1,
    .swiper-button-next svg .slider-left-2,
    .swiper-button-next svg .slider-right-2,
    .swiper-button-next svg .close-1,
    .swiper-button-next svg .plus-1,
    .btn-control svg .slider-left-2,
    .btn-control svg .slider-right-2,
    .btn-control svg .close-1,
    .btn-control svg .plus-1,
    .btn-close svg .slider-left-2,
    .btn-close svg .slider-right-2,
    .btn-close svg .close-1,
    .btn-close svg .plus-1,
    .btn-plus svg .slider-left-2,
    .btn-plus svg .slider-right-2,
    .btn-plus svg .close-1,
    .btn-plus svg .plus-1 {
      stroke: #fff; }
  .swiper-button-prev:hover svg .slider-left-1,
  .swiper-button-prev:hover svg .slider-right-1,
  .swiper-button-prev:hover svg .close-2,
  .swiper-button-prev:hover svg .plus-2,
  .swiper-button-next:hover svg .slider-left-1,
  .swiper-button-next:hover svg .slider-right-1,
  .swiper-button-next:hover svg .close-2,
  .swiper-button-next:hover svg .plus-2,
  .btn-control:hover svg .slider-left-1,
  .btn-control:hover svg .slider-right-1,
  .btn-control:hover svg .close-2,
  .btn-control:hover svg .plus-2,
  .btn-close:hover svg .slider-left-1,
  .btn-close:hover svg .slider-right-1,
  .btn-close:hover svg .close-2,
  .btn-close:hover svg .plus-2,
  .btn-plus:hover svg .slider-left-1,
  .btn-plus:hover svg .slider-right-1,
  .btn-plus:hover svg .close-2,
  .btn-plus:hover svg .plus-2 {
    fill: #000; }
  .swiper-button-prev:hover:after,
  .swiper-button-next:hover:after,
  .btn-control:hover:after,
  .btn-close:hover:after,
  .btn-plus:hover:after {
    left: 0%;
    top: -100%;
    opacity: 1;
    transform: rotate(0); }
  .swiper-button-prev.dark svg .slider-left-1,
  .swiper-button-prev.dark svg .slider-right-1,
  .swiper-button-prev.dark svg .close-2,
  .swiper-button-prev.dark svg .plus-2,
  .swiper-button-next.dark svg .slider-left-1,
  .swiper-button-next.dark svg .slider-right-1,
  .swiper-button-next.dark svg .close-2,
  .swiper-button-next.dark svg .plus-2,
  .btn-control.dark svg .slider-left-1,
  .btn-control.dark svg .slider-right-1,
  .btn-control.dark svg .close-2,
  .btn-control.dark svg .plus-2,
  .btn-close.dark svg .slider-left-1,
  .btn-close.dark svg .slider-right-1,
  .btn-close.dark svg .close-2,
  .btn-close.dark svg .plus-2,
  .btn-plus.dark svg .slider-left-1,
  .btn-plus.dark svg .slider-right-1,
  .btn-plus.dark svg .close-2,
  .btn-plus.dark svg .plus-2 {
    fill: #000; }
  .swiper-button-prev.dark svg .slider-left-2,
  .swiper-button-prev.dark svg .slider-right-2,
  .swiper-button-prev.dark svg .close-1,
  .swiper-button-prev.dark svg .plus-1,
  .swiper-button-next.dark svg .slider-left-2,
  .swiper-button-next.dark svg .slider-right-2,
  .swiper-button-next.dark svg .close-1,
  .swiper-button-next.dark svg .plus-1,
  .btn-control.dark svg .slider-left-2,
  .btn-control.dark svg .slider-right-2,
  .btn-control.dark svg .close-1,
  .btn-control.dark svg .plus-1,
  .btn-close.dark svg .slider-left-2,
  .btn-close.dark svg .slider-right-2,
  .btn-close.dark svg .close-1,
  .btn-close.dark svg .plus-1,
  .btn-plus.dark svg .slider-left-2,
  .btn-plus.dark svg .slider-right-2,
  .btn-plus.dark svg .close-1,
  .btn-plus.dark svg .plus-1 {
    stroke: #000; }
  .swiper-button-prev.dark:after,
  .swiper-button-next.dark:after,
  .btn-control.dark:after,
  .btn-close.dark:after,
  .btn-plus.dark:after {
    background-color: #000; }
  .swiper-button-prev.dark:hover svg .slider-left-1,
  .swiper-button-prev.dark:hover svg .slider-right-1,
  .swiper-button-prev.dark:hover svg .close-2,
  .swiper-button-prev.dark:hover svg .plus-2,
  .swiper-button-next.dark:hover svg .slider-left-1,
  .swiper-button-next.dark:hover svg .slider-right-1,
  .swiper-button-next.dark:hover svg .close-2,
  .swiper-button-next.dark:hover svg .plus-2,
  .btn-control.dark:hover svg .slider-left-1,
  .btn-control.dark:hover svg .slider-right-1,
  .btn-control.dark:hover svg .close-2,
  .btn-control.dark:hover svg .plus-2,
  .btn-close.dark:hover svg .slider-left-1,
  .btn-close.dark:hover svg .slider-right-1,
  .btn-close.dark:hover svg .close-2,
  .btn-close.dark:hover svg .plus-2,
  .btn-plus.dark:hover svg .slider-left-1,
  .btn-plus.dark:hover svg .slider-right-1,
  .btn-plus.dark:hover svg .close-2,
  .btn-plus.dark:hover svg .plus-2 {
    fill: #fff; }

.swiper-button-disabled {
  opacity: 0 !important; }

/* Lightbox */
#lightbox {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 30px;
  z-index: 99;
  display: none; }
  @media screen and (max-width: 767px) {
    #lightbox {
      padding: 10px; } }
  #lightbox .swiper-container {
    width: 100%;
    height: 100%; }
    #lightbox .swiper-container .swiper-wrapper-js {
      height: 100%; }
      #lightbox .swiper-container .swiper-wrapper-js .swiper-slide {
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 0 74px; }
        @media screen and (max-width: 767px) {
          #lightbox .swiper-container .swiper-wrapper-js .swiper-slide {
            padding: 0 40px; } }
        #lightbox .swiper-container .swiper-wrapper-js .swiper-slide img {
          max-height: 100%;
          vertical-align: middle; }
        #lightbox .swiper-container .swiper-wrapper-js .swiper-slide:before {
          content: '';
          display: inline-block;
          vertical-align: middle;
          height: 100%; }
    #lightbox .swiper-container .swiper-button-prev {
      left: 0;
      z-index: 3; }
    #lightbox .swiper-container .swiper-button-next {
      right: 0;
      z-index: 3; }
    #lightbox .swiper-container .btn-close {
      z-index: 1;
      right: 0;
      top: 0;
      margin-top: 0; }
    #lightbox .swiper-container.single .swiper-button-prev,
    #lightbox .swiper-container.single .swiper-button-next {
      display: none; }

/* Preloader */
.pace {
  pointer-events: none;
  user-select: none;
  width: 60%;
  height: 1px;
  top: 50%;
  left: 20%;
  position: fixed;
  z-index: 2000;
  overflow: hidden;
  background-color: #343434;
  transition: opacity 1.2s ease, height 0s 1.2s; }

.pace-inactive {
  opacity: 0;
  height: 0; }

.pace .pace-progress {
  background: #ff9800;
  position: absolute;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%; }

/* Popup */
#popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 11;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5); }
  #popup .inner {
    width: 560px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 0px 30px -10px #000;
    background-color: #343434;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px;
    position: relative;
    color: #eeeeee; }
    #popup .inner a {
      color: #eeeeee; }
    @media screen and (max-width: 767px) {
      #popup .inner {
        width: 100%; } }
    #popup .inner.popup-lg {
      width: 80%;
      height: 80%; }
    #popup .inner .content {
      height: 100%;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      text-align: center;
      display: flex;
      align-items: center; }
      #popup .inner .content .wrapper {
        max-width: 580px; }
      #popup .inner .content .image, #popup .inner .content .text {
        display: block;
        width: 100%; }
      #popup .inner .content .text {
        margin-top: 30px;
        color: #eeeeee; }
      #popup .inner .content .loading {
        width: 26px;
        height: 26px;
        background-image: url(../img/layout/ajax-loader.gif);
        margin: 0 auto; }
    #popup .inner .close {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 0;
      left: 0;
      transition: all 0.4s ease; }
      #popup .inner .close .close-1 {
        display: none; }
  #popup:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -5px; }
  @media screen and (max-width: 1299px) {
    #popup.large {
      overflow: auto; } }
  #popup.large .inner {
    width: 1266px;
    max-height: calc(100% - 80px);
    padding: 60px 120px;
    overflow: auto; }
    @media screen and (max-width: 1299px) {
      #popup.large .inner {
        width: 100%;
        max-height: none; } }
    @media screen and (max-width: 767px) {
      #popup.large .inner {
        padding: 30px; } }
    #popup.large .inner .content {
      text-align: left; }
      @media screen and (max-width: 767px) {
        #popup.large .inner .content {
          text-align: center; } }
      #popup.large .inner .content h3 {
        width: 100%;
        float: left;
        text-transform: uppercase;
        font-size: 20px;
        padding-bottom: 5px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eeeeee; }
        #popup.large .inner .content h3:not(:first-child) {
          margin-top: 30px; }
      #popup.large .inner .content .country {
        width: 25%;
        float: left;
        padding: 5px 0; }
        @media screen and (max-width: 1299px) {
          #popup.large .inner .content .country {
            width: 33.3333%; } }
        @media screen and (max-width: 1023px) {
          #popup.large .inner .content .country {
            width: 50%; } }
        @media screen and (max-width: 767px) {
          #popup.large .inner .content .country {
            width: 100%; } }

/* Cookie disclaimer */
#cookie-disclaimer {
  position: fixed;
  z-index: 9;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  background-color: rgba(0, 0, 0, 0.9); }
  @media screen and (max-width: 767px) {
    #cookie-disclaimer .container {
      text-align: center; } }
  #cookie-disclaimer .container p {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    max-width: calc(100% - 120px);
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 1023px) {
      #cookie-disclaimer .container p {
        max-width: calc(100% - 100px); } }
    @media screen and (max-width: 767px) {
      #cookie-disclaimer .container p {
        max-width: none;
        width: 100%;
        display: block; } }
    #cookie-disclaimer .container p a {
      color: #ff9800; }
      #cookie-disclaimer .container p a:hover {
        color: #fff; }
  #cookie-disclaimer .container .btn {
    margin-left: 20px;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      #cookie-disclaimer .container .btn {
        margin: 15px 0 0 0; } }
  #cookie-disclaimer .container:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -4px; }
    @media screen and (max-width: 767px) {
      #cookie-disclaimer .container:before {
        display: none; } }
  #cookie-disclaimer.hidden {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: all 0.6s ease; }

/* Social Media Icons */
.social-media-icons .icon:hover svg * {
  fill: #f3c734; }

/* Header */
#header {
  position: absolute;
  width: 100%;
  height: 80px;
  background: #f7f3ed;
  left: 0;
  top: 0;
  z-index: 10;
  font-size: 17px;
  line-height: 17px;
  transition: all 0.4s ease;
  border-bottom: 1px solid #eeeeee; }
  #header .container .logo {
    float: left;
    margin: 24px 0 0 0;
    position: relative;
    z-index: 2;
    width: 130px;
    height: 30px;
    transition: margin 0.4s ease; }
    @media screen and (max-width: 767px) {
      #header .container .logo {
        width: 99px;
        height: 20px;
        margin: 30px 0 0 0; } }
    #header .container .logo img {
      vertical-align: top; }
    #header .container .logo svg {
      width: 100%;
      height: 100%; }
      #header .container .logo svg * {
        fill: #000;
        transition: all 0.4s ease; }
  #header .container .btn-menu {
    width: 25px;
    height: 25px;
    position: relative;
    cursor: pointer;
    float: right;
    margin: 28px 0 0 20px;
    transition: all 0.4s ease;
    display: none;
    z-index: 10; }
    @media screen and (max-width: 1023px) {
      #header .container .btn-menu {
        display: block; } }
    @media screen and (max-width: 767px) {
      #header .container .btn-menu {
        margin: 28px 0 0 10px; } }
    #header .container .btn-menu .hamburger {
      width: 25px;
      height: 3px;
      position: absolute;
      left: 0;
      top: 11px;
      background-color: #38383a;
      transition: height 0.1s 0.4s ease; }
      #header .container .btn-menu .hamburger:before, #header .container .btn-menu .hamburger:after {
        content: '';
        width: 25px;
        height: 3px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #38383a;
        opacity: 0;
        transition: transform 0.4s ease, opacity 0.4s 0.5s ease, top 0.4s 0.4s ease; }
      #header .container .btn-menu .hamburger:before {
        opacity: 1;
        top: -7px; }
      #header .container .btn-menu .hamburger:after {
        opacity: 1;
        top: 7px; }
    #header .container .btn-menu.open .hamburger {
      height: 0; }
      #header .container .btn-menu.open .hamburger:before, #header .container .btn-menu.open .hamburger:after {
        top: 0;
        transition: transform 0.4s 0.5s ease, opacity 0.4s ease, top 0.4s ease; }
      #header .container .btn-menu.open .hamburger:before {
        transform: rotate(45deg); }
      #header .container .btn-menu.open .hamburger:after {
        transform: rotate(-45deg); }
  #header .container .menu {
    padding: 0 30px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 80px; }
    @media screen and (max-width: 1299px) {
      #header .container .menu {
        margin-right: 20px; } }
    @media screen and (max-width: 1023px) {
      #header .container .menu {
        display: block;
        padding-top: 80px;
        opacity: 0;
        position: fixed;
        margin-right: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        background-color: #eeeeee;
        z-index: 9;
        overflow: auto;
        transition: all 0.4s ease;
        pointer-events: none; } }
    #header .container .menu > li {
      text-align: center; }
      @media screen and (max-width: 1299px) {
        #header .container .menu > li {
          margin-right: 0; } }
      #header .container .menu > li:last-child {
        margin-left: auto; }
      @media screen and (max-width: 1023px) {
        #header .container .menu > li {
          width: 100%;
          height: auto;
          text-align: center;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          opacity: 0;
          transition: all 0.8s ease;
          transform: translate3d(0, 30px, 0); } }
      #header .container .menu > li > a {
        padding: 32px 30px 23px;
        color: #000;
        position: relative;
        z-index: 1;
        transition: padding 0.4s ease;
        text-transform: uppercase;
        font-weight: 500; }
        @media screen and (max-width: 1299px) {
          #header .container .menu > li > a {
            padding-left: 20px;
            padding-right: 20px; } }
        @media screen and (max-width: 1023px) {
          #header .container .menu > li > a {
            padding: 20px 60px;
            width: 100%;
            font-size: 24px;
            color: #f3c734; } }
      #header .container .menu > li h3 > .yellow {
        text-transform: uppercase; }
      #header .container .menu > li > ul {
        position: absolute;
        width: 100%;
        height: 0;
        opacity: 0;
        left: 0;
        top: 0;
        text-align: left;
        overflow: hidden;
        background-color: rgba(47, 47, 47, 0.9);
        transition: all 0.4s ease; }
        @media screen and (max-width: 1023px) {
          #header .container .menu > li > ul {
            text-align: center;
            position: relative;
            opacity: 1;
            height: auto;
            background-color: transparent; } }
        #header .container .menu > li > ul .container {
          margin-top: 85px;
          padding: 45px 0;
          height: 307px; }
          @media screen and (max-width: 1299px) {
            #header .container .menu > li > ul .container {
              padding: 45px 60px;
              height: 260px; } }
          @media screen and (max-width: 1023px) {
            #header .container .menu > li > ul .container {
              margin-top: 0;
              border-top: none;
              height: auto;
              padding: 0; } }
          #header .container .menu > li > ul .container li {
            float: left;
            height: 100%;
            padding-right: 50px; }
            @media screen and (max-width: 1023px) {
              #header .container .menu > li > ul .container li {
                width: 100% !important;
                padding-right: 0; } }
            #header .container .menu > li > ul .container li .mobile {
              display: none;
              float: left;
              padding: 10px 60px;
              width: 100%; }
              @media screen and (max-width: 1023px) {
                #header .container .menu > li > ul .container li .mobile {
                  display: block; } }
              #header .container .menu > li > ul .container li .mobile:hover {
                color: #f3c734; }
            @media screen and (max-width: 1023px) {
              #header .container .menu > li > ul .container li .desktop {
                display: none; } }
            #header .container .menu > li > ul .container li .text {
              height: 100%;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-wrap: wrap;
              align-content: space-between;
              float: left;
              opacity: 0;
              transform: translate3d(0, 30px, 0);
              transition: all 0.4s ease; }
              @media screen and (max-width: 1023px) {
                #header .container .menu > li > ul .container li .text {
                  display: none; } }
              #header .container .menu > li > ul .container li .text h3 {
                flex: 0 0 100%;
                font-size: 30px;
                line-height: 32px;
                color: #fff;
                margin-top: 10px;
                opacity: 0;
                transform: translate3d(0, 20px, 0);
                transition: all 0.4s ease; }
                @media screen and (max-width: 1299px) {
                  #header .container .menu > li > ul .container li .text h3 {
                    font-size: 18px;
                    line-height: 20px; } }
                #header .container .menu > li > ul .container li .text h3 span {
                  display: block; }
                #header .container .menu > li > ul .container li .text h3 + .btn {
                  margin-top: 40px; }
              #header .container .menu > li > ul .container li .text p {
                flex: 0 0 100%;
                font-size: 16px;
                line-height: 18px;
                color: #eeeeee;
                margin-top: 6px;
                min-height: 36px;
                opacity: 0;
                transform: translate3d(0, 20px, 0);
                transition: all 0.4s ease; }
                @media screen and (max-width: 1299px) {
                  #header .container .menu > li > ul .container li .text p {
                    font-size: 14px;
                    line-height: 16px; } }
              #header .container .menu > li > ul .container li .text .image {
                flex: 0 0 100%;
                height: auto;
                text-align: left; }
                #header .container .menu > li > ul .container li .text .image img {
                  max-height: 130px; }
              #header .container .menu > li > ul .container li .text .btn {
                margin-top: auto;
                margin-left: 0; }
            #header .container .menu > li > ul .container li .image {
              height: 100%;
              float: left;
              text-align: center;
              opacity: 0;
              transform: translate3d(0, -60px, 0);
              transition: all 0.4s ease; }
              @media screen and (max-width: 1023px) {
                #header .container .menu > li > ul .container li .image {
                  display: none; } }
              #header .container .menu > li > ul .container li .image img {
                max-height: 100%; }
                @media screen and (max-width: 1299px) {
                  #header .container .menu > li > ul .container li .image img {
                    max-width: 80%; } }
            #header .container .menu > li > ul .container li .single {
              text-align: center;
              height: 100%;
              opacity: 0;
              transform: translate3d(0, 30px, 0);
              transition: all 0.4s ease; }
              @media screen and (max-width: 1023px) {
                #header .container .menu > li > ul .container li .single {
                  display: none; } }
              #header .container .menu > li > ul .container li .single .image {
                float: none;
                height: calc(100% - 30px); }
            #header .container .menu > li > ul .container li:last-child {
              padding-right: 0; }
      @media screen and (max-width: 1023px) {
        #header .container .menu > li.has-submenu {
          padding: 20px 0; }
          #header .container .menu > li.has-submenu > a {
            padding: 10px 0;
            font-size: 24px;
            color: #f3c734; } }
      #header .container .menu > li:hover > a {
        color: #f3c734; }
      #header .container .menu > li:hover > ul {
        height: 392px;
        opacity: 1; }
        @media screen and (max-width: 1299px) {
          #header .container .menu > li:hover > ul {
            height: 345px; } }
        @media screen and (max-width: 1023px) {
          #header .container .menu > li:hover > ul {
            height: auto; } }
        #header .container .menu > li:hover > ul .container li .text,
        #header .container .menu > li:hover > ul .container li .single {
          opacity: 1;
          transform: translate3d(0, 0, 0);
          transition: all 0.8s 0.4s ease; }
          #header .container .menu > li:hover > ul .container li .text h3,
          #header .container .menu > li:hover > ul .container li .single h3 {
            opacity: 1;
            transform: translate3d(0, 0, 0);
            transition: all 0.8s 0.7s ease; }
          #header .container .menu > li:hover > ul .container li .text p,
          #header .container .menu > li:hover > ul .container li .single p {
            opacity: 1;
            transform: translate3d(0, 0, 0);
            transition: all 0.8s 0.4s ease; }
        #header .container .menu > li:hover > ul .container li .image {
          opacity: 1;
          transform: translate3d(0, 0, 0);
          transition: all 1.2s ease; }
      #header .container .menu > li:last-child {
        margin-right: 0; }
    #header .container .menu .bar-wrapper {
      position: absolute;
      z-index: 2;
      left: 0;
      bottom: 0;
      width: 0;
      height: 3px;
      text-align: center;
      pointer-events: none; }
      @media screen and (max-width: 1023px) {
        #header .container .menu .bar-wrapper {
          display: none; } }
      #header .container .menu .bar-wrapper .bar {
        display: inline-block;
        width: 0;
        height: 100%;
        background-color: #f3c734;
        opacity: 0;
        vertical-align: top;
        transition: all 0.4s ease; }
    @media screen and (max-width: 1023px) {
      #header .container .menu.open {
        height: 100%;
        opacity: 1;
        pointer-events: auto; } }
    @media screen and (max-width: 1023px) {
      #header .container .menu.open li {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
        #header .container .menu.open li:nth-child(2) {
          transition-delay: 0.4s; }
        #header .container .menu.open li:nth-child(3) {
          transition-delay: 0.6s; }
        #header .container .menu.open li:nth-child(4) {
          transition-delay: 0.8s; }
        #header .container .menu.open li:nth-child(5) {
          transition-delay: 1s; } }
    #header .container .menu:hover .bar-wrapper.active .bar {
      width: 100%;
      opacity: 0; }
  #header .container .cart {
    float: right;
    color: #000;
    padding-right: 85px;
    position: relative;
    padding: 42px 85px 23px 0;
    transition: padding 0.4s ease; }
    @media screen and (max-width: 1023px) {
      #header .container .cart {
        margin-right: 20px; } }
    #header .container .cart > .text {
      float: left;
      position: relative;
      z-index: 1;
      transition: color 0.4s ease;
      cursor: pointer;
      margin-top: -10px; }
      @media screen and (max-width: 1023px) {
        #header .container .cart > .text {
          display: none; } }
      #header .container .cart > .text:hover {
        color: #f3c734; }
    #header .container .cart .country-name {
      position: absolute;
      bottom: -2px;
      font-size: 15px;
      font-weight: 500;
      left: 5px;
      letter-spacing: 0.7px;
      z-index: 5;
      width: 120px; }
    #header .container .cart .icon {
      position: absolute;
      top: 21px;
      width: 29px;
      height: 22px;
      z-index: 1;
      cursor: pointer;
      transition: top 0.4s ease; }
      #header .container .cart .icon svg {
        width: 100%;
        height: 100%; }
        #header .container .cart .icon svg * {
          stroke: #38383a;
          transition: all 0.4s ease; }
    #header .container .cart.empty .number {
      background-color: #dd4b4b; }
    #header .container .cart .number {
      color: #fff;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background-color: #30d2ae;
      position: absolute;
      right: 28px;
      top: 15px;
      text-align: center;
      padding-top: 3px;
      padding-left: 1px;
      z-index: 1;
      cursor: pointer;
      transition: all 0.4s ease; }
    #header .container .cart .items {
      opacity: 0;
      width: 240px;
      position: absolute;
      padding-top: 37px;
      right: 0;
      transition: all 0.6s ease;
      pointer-events: none; }
      @media screen and (max-width: 1023px) {
        #header .container .cart .items {
          display: none; } }
      #header .container .cart .items .inner {
        padding: 15px;
        background-color: #fbfbfb;
        padding-top: 0;
        cursor: auto;
        border: 1px solid #eeeeee;
        border-top: 2px solid #343434; }
        #header .container .cart .items .inner .item {
          width: 100%;
          height: 110px;
          border-top: 1px solid #eeeeee; }
          #header .container .cart .items .inner .item .image {
            width: 20%;
            float: left;
            padding-top: 20px;
            height: 90px; }
          #header .container .cart .items .inner .item .text {
            width: 80%;
            float: right;
            margin: 25px 0;
            padding-left: 20px;
            height: 60px;
            font-size: 12px;
            font-family: "FuturaLT"; }
            #header .container .cart .items .inner .item .text .name {
              font-size: 12px;
              line-height: 15px;
              letter-spacing: 1.5px; }
            #header .container .cart .items .inner .item .text .type {
              font-size: 13px;
              line-height: 16px;
              margin-top: 3px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-family: "Knockout 32 A", "Knockout 32 B";
              font-style: normal;
              font-weight: 400; }
            #header .container .cart .items .inner .item .text .price {
              font-weight: 300;
              margin-top: 3px; }
        #header .container .cart .items .inner .btn {
          margin: 20px auto; }
    #header .container .cart:not(.empty):not(.is-touch):hover {
      color: #38383a; }
      @media screen and (max-width: 1023px) {
        #header .container .cart:not(.empty):not(.is-touch):hover {
          color: #fff; } }
      #header .container .cart:not(.empty):not(.is-touch):hover .advertisement-text {
        transform: translate3d(0, -5px, 0);
        opacity: 0; }
      #header .container .cart:not(.empty):not(.is-touch):hover .icon svg * {
        stroke: #38383a; }
        @media screen and (max-width: 1023px) {
          #header .container .cart:not(.empty):not(.is-touch):hover .icon svg * {
            stroke: #f3c734; } }
      #header .container .cart:not(.empty):not(.is-touch):hover .items {
        opacity: 1;
        pointer-events: auto; }
  @media screen and (min-width: 1024px) {
    #header.scrolled {
      position: fixed;
      transform: translate3d(0, -100%, 0);
      z-index: 11; }
      #header.scrolled .container .logo {
        margin-top: 29px; }
      #header.scrolled .container .menu > li > a {
        padding-top: 37px;
        padding-bottom: 32px; }
      #header.scrolled .container .cart .advertisement-text {
        top: 64px; }
      #header.scrolled.fixed {
        transform: translate3d(0, 0, 0); } }

/* Cart Popup */
#cart-popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 10;
  left: 0;
  top: 0; }
  #cart-popup .inner {
    width: 540px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 0px 30px -10px #000;
    background-color: #fff;
    padding: 15px;
    position: relative; }
    @media screen and (max-width: 767px) {
      #cart-popup .inner {
        width: 100%;
        overflow: auto; } }
    #cart-popup .inner .close {
      position: absolute;
      width: 32px;
      height: 32px;
      background-color: #38383a;
      top: 0;
      right: 0;
      transition: all 0.4s ease; }
      #cart-popup .inner .close .close-1 {
        display: none; }
      #cart-popup .inner .close:hover {
        background-color: #ff9800; }
    #cart-popup .inner .title {
      border-bottom: 2px solid #4d4d4d;
      padding: 10px 0 7px; }
      #cart-popup .inner .title h4 {
        text-transform: uppercase;
        font-size: 22px;
        line-height: 22px;
        font-family: "Knockout 30 A", "Knockout 30 B";
        font-style: normal;
        font-weight: 400; }
        @media screen and (max-width: 767px) {
          #cart-popup .inner .title h4 {
            font-size: 16px;
            line-height: 16px; } }
      #cart-popup .inner .title p {
        text-transform: uppercase;
        font-size: 22px;
        line-height: 22px;
        margin: 8px 0;
        font-family: "Knockout 72 A", "Knockout 72 B";
        font-style: normal;
        font-weight: 400; }
        @media screen and (max-width: 767px) {
          #cart-popup .inner .title p {
            font-size: 16px;
            line-height: 16px; } }
    #cart-popup .inner .product {
      padding: 10px 60px;
      border-bottom: 1px solid #eeeeee; }
      @media screen and (max-width: 767px) {
        #cart-popup .inner .product {
          padding: 10px 0;
          text-align: center; } }
      #cart-popup .inner .product .image {
        height: 100px;
        float: left; }
        @media screen and (max-width: 767px) {
          #cart-popup .inner .product .image {
            float: none; } }
        #cart-popup .inner .product .image img {
          max-height: 100%; }
      #cart-popup .inner .product .name {
        float: left;
        text-transform: uppercase;
        text-align: left;
        margin: 32px 0 0 20px;
        max-width: 250px; }
        @media screen and (max-width: 767px) {
          #cart-popup .inner .product .name {
            float: none;
            max-width: none;
            margin: 10px 0 0 0;
            text-align: center; } }
        #cart-popup .inner .product .name h5 {
          font-size: 20px;
          letter-spacing: 4px; }
        #cart-popup .inner .product .name p {
          font-size: 13px;
          margin-top: 5px; }
      #cart-popup .inner .product .price {
        float: right;
        font-size: 22px;
        line-height: 100px;
        font-family: "Knockout 30 A", "Knockout 30 B";
        font-style: normal;
        font-weight: 400; }
        @media screen and (max-width: 767px) {
          #cart-popup .inner .product .price {
            float: none;
            line-height: 22px; } }
    #cart-popup .inner .description,
    #cart-popup .inner .waiting-list {
      padding: 10px 60px;
      border-bottom: 1px solid #eeeeee; }
      @media screen and (max-width: 767px) {
        #cart-popup .inner .description,
        #cart-popup .inner .waiting-list {
          padding: 10px 0;
          text-align: center; } }
    #cart-popup .inner .waiting-list {
      padding-left: 0;
      padding-right: 0; }
      #cart-popup .inner .waiting-list:not(.visible) {
        display: none; }
    #cart-popup .inner .waiting-list-form {
      position: relative; }
      #cart-popup .inner .waiting-list-form .field {
        position: relative; }
        #cart-popup .inner .waiting-list-form .field input[type=text] {
          width: 100%;
          background-color: #f3f3f3;
          color: #38383a;
          border: none;
          padding: 15px 95px 15px 20px;
          font-size: 14px;
          line-height: 16px;
          outline: none;
          font-family: "Knockout 32 A", "Knockout 32 B";
          font-style: normal;
          font-weight: 400; }
        #cart-popup .inner .waiting-list-form .field .error {
          position: absolute;
          left: 50%;
          bottom: 100%;
          background: #ff9800;
          color: #fff;
          padding: 5px 8px;
          font-size: 11px;
          margin-bottom: 7px;
          display: none;
          white-space: nowrap;
          transform: translateX(-50%); }
          #cart-popup .inner .waiting-list-form .field .error:after {
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            left: 50%;
            bottom: -5px;
            border-style: solid;
            border-color: #ff9800 transparent transparent transparent;
            border-width: 5px 5px 0 5px;
            margin-left: -5px; }
      #cart-popup .inner .waiting-list-form .btn {
        position: absolute;
        right: 8px;
        top: 8px; }
    #cart-popup .inner .buttons {
      padding-top: 15px; }
      #cart-popup .inner .buttons .btn {
        padding-left: 25.65px;
        padding-right: 25.65px;
        margin-right: 20px; }
        @media screen and (max-width: 767px) {
          #cart-popup .inner .buttons .btn {
            margin-right: 0; } }
        #cart-popup .inner .buttons .btn:last-child {
          margin-right: 0; }
  #cart-popup:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -5px; }

/* Cart */
#cart {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 11;
  overflow: auto;
  padding: 0 60px;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none; }
  @media screen and (max-width: 767px) {
    #cart {
      padding: 0 30px; } }
  #cart .close {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    right: 0;
    background-color: #38383a;
    background-image: url(../img/svg/cart-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    transition: all 0.4s ease; }
    @media screen and (max-width: 767px) {
      #cart .close {
        width: 42px;
        height: 42px;
        background-size: 14px 14px; } }
    #cart .close:hover {
      background-color: #ff9800; }
  #cart .title {
    text-align: center;
    padding: 60px 0; }
    #cart .title h2 {
      text-transform: uppercase; }
      #cart .title h2 .icon {
        width: 53px;
        height: 40px;
        display: inline-block;
        margin-left: 15px; }
        @media screen and (max-width: 1023px) {
          #cart .title h2 .icon {
            width: 41px;
            height: 31px; } }
        @media screen and (max-width: 767px) {
          #cart .title h2 .icon {
            width: 27px;
            height: 20px; } }
        #cart .title h2 .icon svg {
          width: 100%;
          height: 100%; }
          #cart .title h2 .icon svg * {
            stroke: #38383a; }
    #cart .title p {
      font-size: 15px;
      line-height: 22px;
      max-width: 460px;
      color: #696969;
      margin: 10px auto 0; }
    #cart .title .country-name {
      margin-top: 16px;
      display: none; }
      @media screen and (max-width: 1023px) {
        #cart .title .country-name {
          display: inline-block; } }
  #cart .products {
    max-width: 1099px;
    margin: 0 auto;
    overflow-x: auto; }
    @media screen and (max-width: 1023px) {
      #cart .products {
        max-width: 100%; } }
    #cart .products > * {
      min-width: 880px; }
    #cart .products .heading {
      border-bottom: 1px solid #38383a; }
      @media screen and (max-width: 1023px) {
        #cart .products .heading {
          display: none; } }
      #cart .products .heading > * {
        float: left;
        padding-top: 15px;
        padding-bottom: 15px; }
      #cart .products .heading h5 {
        text-transform: uppercase; }
      #cart .products .heading + .product {
        border-top: none; }
    #cart .products .product {
      border-top: 1px dotted #38383a;
      height: 260px; }
      @media screen and (max-width: 1023px) {
        #cart .products .product {
          height: auto;
          min-width: 0;
          text-align: center; }
          #cart .products .product:nth-child(2) {
            border-top: 1px solid #38383a !important; } }
      #cart .products .product > * {
        float: left; }
      #cart .products .product .info {
        height: 200px;
        margin-top: 20px; }
        @media screen and (max-width: 1023px) {
          #cart .products .product .info {
            width: 100%;
            height: auto;
            padding-left: 0; } }
        #cart .products .product .info .image {
          width: 38%;
          margin-right: 4%;
          height: 100%;
          float: left; }
          @media screen and (max-width: 1023px) {
            #cart .products .product .info .image {
              width: 100%;
              margin-right: 0; } }
          #cart .products .product .info .image img {
            max-height: 100%;
            display: inline-block;
            vertical-align: middle; }
            @media screen and (max-width: 1023px) {
              #cart .products .product .info .image img {
                max-height: 160px; } }
          #cart .products .product .info .image:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            margin-left: -4px; }
        #cart .products .product .info .text {
          width: 58%;
          float: left;
          text-transform: uppercase;
          margin-top: 80px; }
          @media screen and (max-width: 1023px) {
            #cart .products .product .info .text {
              margin-top: 60px;
              width: 100%;
              margin-top: 10px; } }
          #cart .products .product .info .text .name {
            font-size: 20px;
            line-height: 20px;
            letter-spacing: 2px; }
          #cart .products .product .info .text .type {
            font-size: 13px;
            line-height: 16px;
            margin-top: 4px;
            font-family: "Knockout 32 A", "Knockout 32 B";
            font-style: normal;
            font-weight: 400; }
      #cart .products .product .price {
        font-size: 22px;
        line-height: 20px;
        margin-top: 120px;
        font-family: "Knockout 30 A", "Knockout 30 B";
        font-style: normal;
        font-weight: 400; }
        @media screen and (max-width: 1023px) {
          #cart .products .product .price {
            width: 30%;
            margin-top: 39px;
            text-align: right;
            float: none;
            display: inline-block; } }
      #cart .products .product .quantity {
        margin-top: 114px; }
        @media screen and (max-width: 1023px) {
          #cart .products .product .quantity {
            width: 70px;
            margin-top: 30px;
            float: none;
            display: inline-block;
            position: relative; }
            #cart .products .product .quantity:after {
              content: 'x';
              position: absolute;
              left: 18px;
              top: 7px; } }
        #cart .products .product .quantity input {
          width: 50px;
          border: 1px solid #38383a;
          padding: 3px 0 2px 15px;
          text-align: center;
          font-size: 22px;
          line-height: 20px;
          font-family: "Knockout 30 A", "Knockout 30 B";
          font-style: normal;
          font-weight: 400; }
      #cart .products .product .total {
        font-size: 20px;
        line-height: 20px;
        margin-top: 120px;
        font-family: "Knockout 72 A", "Knockout 72 B";
        font-style: normal;
        font-weight: 400; }
        @media screen and (max-width: 1023px) {
          #cart .products .product .total {
            width: 30%;
            margin-top: 36px;
            text-align: left;
            float: none;
            display: inline-block; } }
      #cart .products .product .remove {
        margin-top: 114px; }
        @media screen and (max-width: 1023px) {
          #cart .products .product .remove {
            width: 100%;
            margin-top: 30px;
            text-align: center;
            margin-bottom: 20px;
            padding-right: 0; } }
        #cart .products .product .remove a {
          display: inline-block;
          width: 28px;
          height: 32px;
          line-height: 32px; }
          #cart .products .product .remove a svg {
            width: 100%;
            height: 100%; }
            #cart .products .product .remove a svg * {
              stroke: #38383a;
              transition: all 0.4s ease; }
          #cart .products .product .remove a:hover svg * {
            stroke: #ff9800; }
    #cart .products .subtotal {
      text-align: right;
      padding: 30px 80px 30px 0;
      border-top: 2px solid #38383a; }
      @media screen and (max-width: 1023px) {
        #cart .products .subtotal {
          text-align: left;
          padding: 20px 0 30px 0;
          min-width: 0; } }
      #cart .products .subtotal > * {
        vertical-align: top; }
      #cart .products .subtotal p {
        display: inline-block;
        font-size: 13px;
        line-height: 43px;
        margin-right: 45px; }
        @media screen and (max-width: 1023px) {
          #cart .products .subtotal p {
            line-height: 34px;
            margin-right: 0;
            float: left; } }
        #cart .products .subtotal p span {
          font-size: 20px;
          font-family: "Knockout 72 A", "Knockout 72 B";
          font-style: normal;
          font-weight: 400; }
          #cart .products .subtotal p span.currency {
            margin-left: 10px; }
      @media screen and (max-width: 1023px) {
        #cart .products .subtotal .btn {
          float: right; } }
    #cart .products .empty {
      padding: 30px;
      width: 100%;
      text-align: center;
      font-size: 20px;
      border-bottom: 2px solid #38383a;
      font-family: "Knockout 30 A", "Knockout 30 B";
      font-style: normal;
      font-weight: 400; }
      @media screen and (max-width: 1023px) {
        #cart .products .empty {
          min-width: 0;
          width: 100%;
          border-top: 1px solid #38383a; } }
    #cart .products .col-1 {
      width: 40%;
      padding-left: 80px; }
      @media screen and (max-width: 1023px) {
        #cart .products .col-1 {
          padding-left: 0; } }
    #cart .products .col-2 {
      width: 14%;
      text-align: center; }
    #cart .products .col-3 {
      width: 14%;
      text-align: center; }
    #cart .products .col-4 {
      width: 14%;
      text-align: center; }
    #cart .products .col-5 {
      width: 18%;
      text-align: right;
      padding-right: 80px; }
      @media screen and (max-width: 1023px) {
        #cart .products .col-5 {
          padding-right: 0; } }
  #cart .section.teaser .container h2 {
    font-size: 35px;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      #cart .section.teaser .container h2 {
        margin-bottom: 30px; } }
  #cart.visible {
    opacity: 1;
    pointer-events: auto; }

/* Section */
.section {
  position: relative;
  overflow: hidden;
  background-color: #fbfbfb; }
  .section .scroll-down {
    position: absolute;
    left: 50%;
    bottom: 25px;
    z-index: 1;
    transform: translateX(-50%); }
  .section .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .section.parallax {
    background-color: transparent; }
  .section.separator {
    width: 100%;
    height: 1px;
    background-color: #eeeeee; }
  .section:not(.products-footer) a:not(.btn):hover {
    color: #f3c734; }

/* Section: Accessories */
.section.accessories .container {
  padding-top: 50px;
  padding-bottom: 50px; }
  .section.accessories .container h3 {
    text-transform: uppercase;
    color: #f3c734;
    text-align: center; }
  .section.accessories .container h4 {
    text-transform: uppercase;
    margin-bottom: 60px;
    text-align: center;
    color: #696969; }
  .section.accessories .container .accesory-container {
    overflow: visible;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    .section.accessories .container .accesory-container .accessory {
      width: 25%;
      text-align: center;
      opacity: 0;
      transition: opacity 1.2s ease; }
      @media screen and (max-width: 1023px) {
        .section.accessories .container .accesory-container .accessory {
          width: 100%;
          margin-bottom: 40px; }
          .section.accessories .container .accesory-container .accessory:last-child {
            margin-bottom: 0; } }
      @media screen and (max-width: 767px) {
        .section.accessories .container .accesory-container .accessory {
          padding: 0; } }
      .section.accessories .container .accesory-container .accessory .image {
        max-width: 200px;
        margin: 0 auto; }
        .section.accessories .container .accesory-container .accessory .image img {
          opacity: 0;
          transform: translate3d(0, -30px, 0);
          transition: all 1.2s ease; }
          @media screen and (max-width: 1023px) {
            .section.accessories .container .accesory-container .accessory .image img {
              transition-delay: 0s !important; } }
        .section.accessories .container .accesory-container .accessory .image.hidden {
          display: none; }
      .section.accessories .container .accesory-container .accessory h3 {
        font-size: 19px;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 40px;
        etter-spacing: 2px;
        opacity: 0;
        color: #343434;
        min-height: 40px;
        transform: translate3d(0, 20px, 0);
        transition: all 1s 0.4s ease; }
        @media screen and (max-width: 1023px) {
          .section.accessories .container .accesory-container .accessory h3 {
            transition-delay: 0.4s !important; } }
        @media screen and (max-width: 767px) {
          .section.accessories .container .accesory-container .accessory h3 {
            margin-bottom: 20px; } }
      .section.accessories .container .accesory-container .accessory > p {
        font-size: 13px;
        line-height: 18px;
        color: #696969;
        margin-bottom: 25px;
        opacity: 0;
        transform: translate3d(0, 10px, 0);
        transition: all 0.8s 0.6s ease; }
        @media screen and (max-width: 1023px) {
          .section.accessories .container .accesory-container .accessory > p {
            transition-delay: 0.6s !important; } }
      .section.accessories .container .accesory-container .accessory .price {
        position: absolute;
        right: 30px;
        margin-top: -20px;
        font-weight: 400;
        font-size: 21px; }
      .section.accessories .container .accesory-container .accessory .color-switcher {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
        transition: all 1s 0.6s ease; }
        @media screen and (max-width: 1023px) {
          .section.accessories .container .accesory-container .accessory .color-switcher {
            transition-delay: 0.6s !important; } }
        .section.accessories .container .accesory-container .accessory .color-switcher .color {
          display: inline-block;
          width: 36px;
          text-align: center;
          cursor: pointer;
          margin-bottom: 25px; }
          @media screen and (max-width: 1023px) {
            .section.accessories .container .accesory-container .accessory .color-switcher .color {
              margin-bottom: 20px; } }
          .section.accessories .container .accesory-container .accessory .color-switcher .color .circle {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            position: relative;
            margin: 0 auto;
            opacity: 0.5; }
          .section.accessories .container .accesory-container .accessory .color-switcher .color p {
            opacity: 0;
            font-size: 13px;
            color: #696969;
            margin-top: 15px;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-family: "Knockout-HTF30-JuniorWelterwt";
            transition: all 0.4s ease; }
            @media screen and (max-width: 767px) {
              .section.accessories .container .accesory-container .accessory .color-switcher .color p {
                font-size: 10px; } }
          .section.accessories .container .accesory-container .accessory .color-switcher .color:hover .circle, .section.accessories .container .accesory-container .accessory .color-switcher .color.active .circle {
            opacity: 1; }
          .section.accessories .container .accesory-container .accessory .color-switcher .color:hover .circle:after, .section.accessories .container .accesory-container .accessory .color-switcher .color.active .circle:after {
            border-color: #38383a; }
          .section.accessories .container .accesory-container .accessory .color-switcher .color:hover p, .section.accessories .container .accesory-container .accessory .color-switcher .color.active p {
            color: #38383a;
            opacity: 1; }
      .section.accessories .container .accesory-container .accessory .btn {
        opacity: 0;
        transition: all 0.4s ease, opacity 1s 0.8s ease; }
        @media screen and (max-width: 1023px) {
          .section.accessories .container .accesory-container .accessory .btn {
            transition: all 0.4s ease, opacity 1s 0.8s ease !important; } }
        .section.accessories .container .accesory-container .accessory .btn.default-transitions {
          transition: all 0.4s ease !important; }
      .section.accessories .container .accesory-container .accessory:nth-child(2) .image img {
        transition-delay: 0.2s; }
      .section.accessories .container .accesory-container .accessory:nth-child(2) h3 {
        transition-delay: 0.6s; }
      .section.accessories .container .accesory-container .accessory:nth-child(2) p, .section.accessories .container .accesory-container .accessory:nth-child(2) .color-switcher {
        transition-delay: 0.8s; }
      .section.accessories .container .accesory-container .accessory:nth-child(2) .btn {
        transition: all 0.4s ease, opacity 1s 1s ease; }
      .section.accessories .container .accesory-container .accessory:nth-child(3) .image img {
        transition-delay: 0.4s; }
      .section.accessories .container .accesory-container .accessory:nth-child(3) h3 {
        transition-delay: 0.8s; }
      .section.accessories .container .accesory-container .accessory:nth-child(3) p, .section.accessories .container .accesory-container .accessory:nth-child(3) .color-switcher {
        transition-delay: 1s; }
      .section.accessories .container .accesory-container .accessory:nth-child(3) .btn {
        transition: all 0.4s ease, opacity 1s 1.2s ease; }
      .section.accessories .container .accesory-container .accessory:nth-child(4) .image img {
        transition-delay: 0.6s; }
      .section.accessories .container .accesory-container .accessory:nth-child(4) h3 {
        transition-delay: 1s; }
      .section.accessories .container .accesory-container .accessory:nth-child(4) p, .section.accessories .container .accesory-container .accessory:nth-child(4) .color-switcher {
        transition-delay: 1.2s; }
      .section.accessories .container .accesory-container .accessory:nth-child(4) .btn {
        transition: all 0.4s ease, opacity 1s 1.4s ease; }
      .section.accessories .container .accesory-container .accessory.animated {
        opacity: 1; }
        .section.accessories .container .accesory-container .accessory.animated .image img,
        .section.accessories .container .accesory-container .accessory.animated h3,
        .section.accessories .container .accesory-container .accessory.animated p,
        .section.accessories .container .accesory-container .accessory.animated .color-switcher {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
        .section.accessories .container .accesory-container .accessory.animated .btn {
          opacity: 1; }
    .section.accessories .container .accesory-container .swiper-button-prev {
      display: none; }
      @media screen and (max-width: 1023px) {
        .section.accessories .container .accesory-container .swiper-button-prev {
          position: absolute;
          display: block;
          left: 60px; } }
      @media screen and (max-width: 767px) {
        .section.accessories .container .accesory-container .swiper-button-prev {
          left: 10px; } }
    .section.accessories .container .accesory-container .swiper-button-next {
      display: none; }
      @media screen and (max-width: 1023px) {
        .section.accessories .container .accesory-container .swiper-button-next {
          position: absolute;
          display: block;
          right: 60px; } }
      @media screen and (max-width: 767px) {
        .section.accessories .container .accesory-container .swiper-button-next {
          right: 10px; } }
    .section.accessories .container .accesory-container .kickstarter-button {
      cursor: pointer;
      margin-top: 40px;
      text-align: center;
      width: 100%; }
      .section.accessories .container .accesory-container .kickstarter-button img {
        margin-top: 20px; }

/* Section: Accordion */
.section.accordion .wrapper {
  width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 1299px) {
    .section.accordion .wrapper {
      width: 100%;
      padding: 0 60px; } }
  @media screen and (max-width: 767px) {
    .section.accordion .wrapper {
      padding: 0 30px; } }

.section.accordion h2, .section.accordion h3 {
  position: relative;
  text-transform: uppercase;
  padding: 70px 0 70px 100px;
  cursor: pointer;
  transition: all 0.4s ease; }
  @media screen and (max-width: 1299px) {
    .section.accordion h2, .section.accordion h3 {
      padding: 50px 0 50px 80px; } }
  @media screen and (max-width: 767px) {
    .section.accordion h2, .section.accordion h3 {
      padding: 25px 0 25px 50px; } }
  .section.accordion h2 .plus, .section.accordion h3 .plus {
    position: absolute;
    width: 76px;
    height: 4px;
    left: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0); }
    @media screen and (max-width: 1299px) {
      .section.accordion h2 .plus, .section.accordion h3 .plus {
        width: 50px; } }
    @media screen and (max-width: 767px) {
      .section.accordion h2 .plus, .section.accordion h3 .plus {
        width: 26px;
        height: 2px; } }
    .section.accordion h2 .plus .line, .section.accordion h3 .plus .line {
      position: absolute;
      width: 4px;
      height: 76px;
      left: 50%;
      top: 50%;
      background-color: #38383a;
      border-radius: 4px;
      transform: translate3d(-50%, -50%, 0);
      transition: all 0.4s ease; }
      @media screen and (max-width: 1299px) {
        .section.accordion h2 .plus .line, .section.accordion h3 .plus .line {
          height: 50px; } }
      @media screen and (max-width: 767px) {
        .section.accordion h2 .plus .line, .section.accordion h3 .plus .line {
          width: 2px;
          height: 26px;
          border-radius: 0; } }
    .section.accordion h2 .plus:before, .section.accordion h2 .plus:after, .section.accordion h3 .plus:before, .section.accordion h3 .plus:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: calc(50% - 5px);
      height: 100%;
      background-color: #38383a;
      border-radius: 4px;
      transition: all 0.4s ease; }
      @media screen and (max-width: 767px) {
        .section.accordion h2 .plus:before, .section.accordion h2 .plus:after, .section.accordion h3 .plus:before, .section.accordion h3 .plus:after {
          width: calc(50% - 3px);
          border-radius: 0; } }
    .section.accordion h2 .plus:after, .section.accordion h3 .plus:after {
      left: auto;
      right: 0; }
  .section.accordion h2:hover, .section.accordion h3:hover {
    color: #ff9800; }
  .section.accordion h2.expanded .plus .line, .section.accordion h3.expanded .plus .line {
    height: 0;
    opacity: 0; }
  .section.accordion h2.expanded .plus:before, .section.accordion h2.expanded .plus:after, .section.accordion h3.expanded .plus:before, .section.accordion h3.expanded .plus:after {
    width: 75%; }

.section.accordion .accordion-wrapper {
  display: none; }
  .section.accordion .accordion-wrapper .accordion-item p {
    padding: 0 0 70px 100px;
    font-size: 19px;
    line-height: 170%; }
    @media screen and (max-width: 1299px) {
      .section.accordion .accordion-wrapper .accordion-item p {
        padding: 0 0 50px 80px; } }
    @media screen and (max-width: 1023px) {
      .section.accordion .accordion-wrapper .accordion-item p {
        font-size: 17px; } }
    @media screen and (max-width: 767px) {
      .section.accordion .accordion-wrapper .accordion-item p {
        padding: 0 0 25px 0;
        font-size: 15px; } }
  .section.accordion .accordion-wrapper .accordion-item:nth-child(2n-1) {
    background-color: #eeeeee; }

/* Section: App Teaser */
.section.app-teaser {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center; }
  .section.app-teaser .container {
    align-self: center;
    max-width: 1080px; }
    .section.app-teaser .container h2 {
      text-align: center;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 16px;
      letter-spacing: 2px;
      margin-bottom: 30px;
      font-family: "Knockout 30 A", "Knockout 30 B";
      font-style: normal;
      font-weight: 400; }
    .section.app-teaser .container .teaser {
      width: 50%;
      float: left;
      text-align: center;
      padding: 0 80px; }
      @media screen and (max-width: 1023px) {
        .section.app-teaser .container .teaser {
          width: 100%;
          padding: 0 30px;
          margin-bottom: 40px;
          float: none; }
          .section.app-teaser .container .teaser:last-child {
            margin-bottom: 0; } }
      @media screen and (max-width: 767px) {
        .section.app-teaser .container .teaser {
          padding: 0; } }
      .section.app-teaser .container .teaser h3 {
        text-transform: uppercase;
        opacity: 0;
        transform: translate3d(0, 30px, 0);
        transition: all 1.2s ease;
        color: #f3c734; }
      .section.app-teaser .container .teaser h4 {
        margin-top: 5px;
        color: #f3c734; }
      .section.app-teaser .container .teaser img {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
        transition: all 1.2s ease; }
      .section.app-teaser .container .teaser p {
        font-size: 15px;
        line-height: 22px;
        opacity: 0;
        transform: translate3d(0, 30px, 0);
        transition: all 1.2s ease; }
        @media screen and (max-width: 767px) {
          .section.app-teaser .container .teaser p {
            font-size: 14px; } }
        .section.app-teaser .container .teaser p strong {
          font-family: "Knockout 72 A", "Knockout 72 B";
          font-style: normal;
          font-weight: 400; }
      .section.app-teaser .container .teaser .image {
        max-width: 480px;
        margin: 0 auto; }
      .section.app-teaser .container .teaser .coming-soon {
        cursor: pointer;
        padding-top: 20px; }
        .section.app-teaser .container .teaser .coming-soon p {
          font-size: 21px;
          letter-spacing: 1px; }
        .section.app-teaser .container .teaser .coming-soon img {
          margin-top: 20px;
          max-width: 290px;
          width: 100%; }
      .section.app-teaser .container .teaser .buttons {
        padding-top: 20px; }
        @media screen and (max-width: 1023px) {
          .section.app-teaser .container .teaser .buttons {
            padding-top: 0; } }
        .section.app-teaser .container .teaser .buttons .btn {
          opacity: 0;
          transition: all 0.4s ease, opacity 0.8s 0.4s ease;
          margin: 0 20px; }
          @media screen and (max-width: 1023px) {
            .section.app-teaser .container .teaser .buttons .btn:last-child {
              float: none; } }
          @media screen and (max-width: 1023px) {
            .section.app-teaser .container .teaser .buttons .btn {
              float: none;
              margin: 0 5px; } }
      .section.app-teaser .container .teaser .app-market-btns {
        margin-top: 20px; }
        .section.app-teaser .container .teaser .app-market-btns p {
          font-size: 20px;
          line-height: 24px;
          margin-bottom: 6px;
          opacity: 0;
          transform: translate3d(0, 30px, 0);
          transition: all 0.6s 0.6s ease;
          font-family: "Knockout 72 A", "Knockout 72 B";
          font-style: normal;
          font-weight: 400; }
        .section.app-teaser .container .teaser .app-market-btns a {
          margin-right: 70px;
          display: inline-block;
          height: 26px;
          opacity: 0;
          transform: translate3d(0, 30px, 0);
          transition: all 0.8s 0.4s ease; }
          @media screen and (max-width: 767px) {
            .section.app-teaser .container .teaser .app-market-btns a {
              margin: 5px 6px !important; } }
          .section.app-teaser .container .teaser .app-market-btns a img {
            max-height: 100%; }
          .section.app-teaser .container .teaser .app-market-btns a:last-child {
            margin-right: 0; }
        .section.app-teaser .container .teaser .app-market-btns > img {
          margin-right: 12px; }
          .section.app-teaser .container .teaser .app-market-btns > img:last-child {
            margin-right: 0; }
      .section.app-teaser .container .teaser.animated h3,
      .section.app-teaser .container .teaser.animated img,
      .section.app-teaser .container .teaser.animated p,
      .section.app-teaser .container .teaser.animated .app-market-btns p,
      .section.app-teaser .container .teaser.animated .app-market-btns a {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
      .section.app-teaser .container .teaser.animated .btn {
        opacity: 1; }
      .section.app-teaser .container .teaser:first-child {
        padding-left: 0; }
      .section.app-teaser .container .teaser:last-child {
        padding-right: 0; }
    .section.app-teaser .container .swiper-button-prev {
      display: none; }
      @media screen and (max-width: 1023px) {
        .section.app-teaser .container .swiper-button-prev {
          position: absolute;
          display: block;
          left: 60px; } }
      @media screen and (max-width: 767px) {
        .section.app-teaser .container .swiper-button-prev {
          left: 10px; } }
    .section.app-teaser .container .swiper-button-next {
      display: none; }
      @media screen and (max-width: 1023px) {
        .section.app-teaser .container .swiper-button-next {
          position: absolute;
          display: block;
          right: 60px; } }
      @media screen and (max-width: 767px) {
        .section.app-teaser .container .swiper-button-next {
          right: 10px; } }

/* Section: Blockquote */
.section.blockquote {
  padding: 80px 0;
  background-color: #38383a;
  color: #fff; }
  @media screen and (max-width: 1023px) {
    .section.blockquote {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    .section.blockquote {
      padding: 40px 0; } }
  .section.blockquote .container blockquote {
    position: relative;
    text-align: center;
    max-width: 50%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      .section.blockquote .container blockquote {
        max-width: 75%; } }
    .section.blockquote .container blockquote h3 {
      text-transform: uppercase;
      line-height: 160%;
      opacity: 0;
      transition: all 1.2s ease; }
    .section.blockquote .container blockquote .info-1 {
      margin: 50px 0 8px;
      text-transform: uppercase;
      color: #696969; }
    .section.blockquote .container blockquote:before, .section.blockquote .container blockquote:after {
      content: '”';
      position: absolute;
      bottom: 0;
      left: -120px;
      color: #ff9800;
      font-size: 220px;
      line-height: 0;
      transform: translate3d(0, -50%, 0);
      opacity: 0;
      transition: all 1.2s ease;
      font-family: "Knockout 72 A", "Knockout 72 B";
      font-style: normal;
      font-weight: 400; }
      @media screen and (max-width: 1023px) {
        .section.blockquote .container blockquote:before, .section.blockquote .container blockquote:after {
          font-size: 160px;
          left: -90px; } }
      @media screen and (max-width: 767px) {
        .section.blockquote .container blockquote:before, .section.blockquote .container blockquote:after {
          font-size: 70px;
          left: -40px;
          bottom: 40px; } }
    .section.blockquote .container blockquote:after {
      content: '“';
      left: auto !important;
      right: -120px;
      bottom: auto !important;
      top: 0; }
      @media screen and (max-width: 1023px) {
        .section.blockquote .container blockquote:after {
          right: -90px; } }
      @media screen and (max-width: 767px) {
        .section.blockquote .container blockquote:after {
          right: -40px;
          top: -20px; } }
    .section.blockquote .container blockquote.animated h3 {
      opacity: 1; }
    .section.blockquote .container blockquote.animated:before {
      opacity: 1;
      bottom: 30px; }
      @media screen and (max-width: 767px) {
        .section.blockquote .container blockquote.animated:before {
          bottom: 70px; } }
    .section.blockquote .container blockquote.animated:after {
      opacity: 1;
      top: 30px; }
      @media screen and (max-width: 767px) {
        .section.blockquote .container blockquote.animated:after {
          top: 10px; } }

section.cart {
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    section.cart {
      padding-top: 0px; } }
  section.cart .container {
    padding: 30px 0; }
    section.cart .container h1 {
      font-size: 29px;
      line-height: 1.43;
      letter-spacing: 1.5px;
      text-align: center;
      color: #f3c734;
      text-transform: uppercase; }
    section.cart .container .products {
      border-top: 1px solid #30d2ae;
      border-bottom: 1px solid #30d2ae;
      margin-top: 30px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
      section.cart .container .products .product {
        padding: 30px 40px; }
        section.cart .container .products .product .image {
          width: 30px;
          display: inline-block; }
        section.cart .container .products .product .info {
          margin-left: 40px;
          display: inline-block;
          font-size: 16.7px;
          font-weight: 300;
          letter-spacing: 2.5px;
          color: #3d3d3d;
          max-width: 200px; }
          section.cart .container .products .product .info .name {
            font-weight: 400; }
          @media screen and (max-width: 767px) {
            section.cart .container .products .product .info {
              font-size: 14px;
              max-width: 150px;
              margin-left: 10px; } }
        section.cart .container .products .product .buttons {
          display: inline-block; }
          section.cart .container .products .product .buttons .add, section.cart .container .products .product .buttons .remove {
            opacity: 0.5;
            height: 26px;
            width: 40px;
            display: block;
            cursor: pointer;
            transition: opacity 0.3s ease-in-out; }
            section.cart .container .products .product .buttons .add img, section.cart .container .products .product .buttons .remove img {
              height: 100%;
              width: 100; }
            section.cart .container .products .product .buttons .add:hover, section.cart .container .products .product .buttons .remove:hover {
              opacity: 1; }
        section.cart .container .products .product .remove {
          width: 30px;
          display: inline-block; }
    section.cart .container .empty {
      font-size: 20.8px;
      letter-spacing: 3.1px;
      text-align: center;
      color: #dd4b4b;
      margin: 20px 0;
      font-weight: 400; }
    section.cart .container .subtotal {
      margin-top: 40px;
      text-align: center; }
      section.cart .container .subtotal p {
        font-size: 16.7px;
        font-weight: normal;
        line-height: 2.5;
        letter-spacing: 0.8px;
        color: #343434;
        margin-bottom: 40px; }
      section.cart .container .subtotal .payment-methods {
        margin-top: 30px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
        section.cart .container .subtotal .payment-methods .method {
          margin: 0 20px; }
    section.cart .container .icon-row {
      padding-top: 40px; }
      section.cart .container .icon-row .icons {
        height: 100%;
        margin: 0 30px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        section.cart .container .icon-row .icons .icon-container .icon {
          text-align: center;
          height: 46px; }
          section.cart .container .icon-row .icons .icon-container .icon svg {
            height: 100%; }
        section.cart .container .icon-row .icons .icon-container span {
          font-size: 14px;
          font-family: "Knockout-HTF30-JuniorWelterwt";
          text-transform: uppercase;
          max-width: 70px;
          margin: 0 auto;
          display: block;
          margin-top: 10px;
          text-align: center; }
  section.cart .discover {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 28px;
    background: #f7f3ed; }
    section.cart .discover h2 {
      font-size: 29.2px;
      line-height: 1.43;
      letter-spacing: 1.5px;
      color: #2f2f2f; }

.section.configure-watch {
  padding: 100px 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .section.configure-watch {
      padding: 60px 0; }
      .section.configure-watch h2 {
        margin-bottom: 40px; } }
  .section.configure-watch h2 {
    margin-bottom: 20px;
    color: #f3c734; }
  .section.configure-watch .watch {
    width: 100%; }
    .section.configure-watch .watch img {
      width: 100%; }
  .section.configure-watch .container {
    text-align: center; }
    .section.configure-watch .container p {
      color: #4d4d4d;
      max-width: 820px;
      margin: 0 auto;
      margin-top: 50px; }
      @media screen and (max-width: 767px) {
        .section.configure-watch .container p {
          margin-top: 20px; } }
    .section.configure-watch .container .subtitle {
      margin-bottom: 30px;
      margin-top: 0; }

/* Section: Features */
.section.features {
  overflow: visible; }
  .section.features .scroll-down {
    bottom: -40px;
    z-index: 10px; }
  .section.features .container {
    text-align: center; }
    .section.features .container h2 {
      text-transform: uppercase;
      text-align: center;
      font-size: 33px;
      margin: 0 auto;
      margin-bottom: 30px; }
      @media screen and (max-width: 1023px) {
        .section.features .container h2 {
          font-size: 35px;
          line-height: 37px; } }
      @media screen and (max-width: 767px) {
        .section.features .container h2 {
          margin-bottom: 40px; } }
      .section.features .container h2.yellow {
        color: #f3c734; }
    .section.features .container h4 {
      text-transform: uppercase;
      text-left: center;
      color: #f3c734;
      width: 100%; }
    .section.features .container .quotes-container {
      position: absolute;
      max-width: 1200px;
      padding: 0 40px;
      width: 100%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      top: 40px; }
      .section.features .container .quotes-container .quote {
        display: inline-block; }
        .section.features .container .quotes-container .quote:first-child {
          float: left; }
        .section.features .container .quotes-container .quote:last-child {
          float: right; }
    .section.features .container.features-container {
      padding: 10px 0;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .section.features .container.features-container .feature {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding: 0 20px;
        margin: 30px 0; }
        @media screen and (max-width: 767px) {
          .section.features .container.features-container .feature {
            width: 50%; } }
        .section.features .container.features-container .feature .icon {
          max-width: 100%;
          height: 50px;
          margin: 0 auto 18px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          opacity: 0;
          transition: all 1.2s ease;
          transform: translate3d(0, 30px, 0); }
          @media screen and (max-width: 767px) {
            .section.features .container.features-container .feature .icon {
              transition-delay: 0s !important; } }
        .section.features .container.features-container .feature .title {
          font-weight: 500;
          font-size: 15px;
          letter-spacing: 0.7px;
          color: #2f2f2f;
          text-transform: uppercase;
          display: inline-block;
          max-width: 90px; }
        .section.features .container.features-container .feature .text {
          margin: 0 auto;
          max-width: 182px;
          letter-spacing: 0.8px;
          margin-top: 33px;
          font-size: 17px;
          line-height: 21px;
          color: #696969;
          opacity: 0;
          transition: all 1.2s ease;
          transform: translate3d(0, -30px, 0); }
          @media screen and (max-width: 1023px) {
            .section.features .container.features-container .feature .text {
              font-size: 14px;
              line-height: 18px; } }
          @media screen and (max-width: 767px) {
            .section.features .container.features-container .feature .text {
              transition-delay: 0s !important; } }
        .section.features .container.features-container .feature:nth-child(5n-3) .icon, .section.features .container.features-container .feature:nth-child(5n-3) .text {
          transition-delay: 0.2s; }
        .section.features .container.features-container .feature:nth-child(5n-2) .icon, .section.features .container.features-container .feature:nth-child(5n-2) .text {
          transition-delay: 0.4s; }
        .section.features .container.features-container .feature:nth-child(5n-1) .icon, .section.features .container.features-container .feature:nth-child(5n-1) .text {
          transition-delay: 0.6s; }
        .section.features .container.features-container .feature:nth-child(5n) .icon, .section.features .container.features-container .feature:nth-child(5n) .text {
          transition-delay: 0.8s; }
        .section.features .container.features-container .feature.animated .icon,
        .section.features .container.features-container .feature.animated .text {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
    .section.features .container .product-details,
    .section.features .container .details-image {
      width: 50%;
      float: left; }
      @media screen and (max-width: 767px) {
        .section.features .container .product-details,
        .section.features .container .details-image {
          float: none;
          width: 100%; } }
    .section.features .container .details-image {
      padding-right: 100px; }
      @media screen and (max-width: 1023px) {
        .section.features .container .details-image {
          padding-left: 50px; } }
      @media screen and (max-width: 767px) {
        .section.features .container .details-image {
          padding: 0 30px; } }
    .section.features .container .product-details {
      text-align: left;
      padding-left: 100px;
      margin-top: 30px;
      font-weight: 400; }
      @media screen and (max-width: 1023px) {
        .section.features .container .product-details {
          padding-left: 50px; } }
      @media screen and (max-width: 767px) {
        .section.features .container .product-details {
          padding: 0 30px;
          margin-top: 50px; } }
      .section.features .container .product-details .product-detail {
        margin-bottom: 16px; }
      .section.features .container .product-details p, .section.features .container .product-details h4 {
        font-size: 12.5px; }
      .section.features .container .product-details h4 {
        color: #f3c734;
        margin-bottom: 16px; }
      .section.features .container .product-details p {
        line-height: 16px; }

.section.featured-product {
  padding-top: 80px;
  height: 90%;
  min-height: 660px;
  overflow: visible; }
  @media screen and (max-width: 767px) {
    .section.featured-product {
      height: 60%; } }
  .section.featured-product .featured-product-container {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 80%; }
    .section.featured-product .featured-product-container .align-right {
      width: 50%;
      height: 100%;
      float: right;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .section.featured-product .featured-product-container .align-right {
          width: 90%; } }
      .section.featured-product .featured-product-container .align-right .content h2 {
        font-size: 41.7px;
        letter-spacing: 2.1px;
        color: #f5d36c;
        text-transform: uppercase; }
      .section.featured-product .featured-product-container .align-right .content h3 {
        font-size: 29.2px;
        line-height: 1.43;
        letter-spacing: 1.5px;
        color: #fff;
        text-transform: uppercase; }
      .section.featured-product .featured-product-container .align-right .content p {
        margin-top: 40px;
        margin-bottom: 40px;
        max-width: 405px;
        font-size: 20.8px;
        font-weight: 300;
        letter-spacing: 1px;
        color: #f7f3ed; }
      .section.featured-product .featured-product-container .align-right .content .info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .section.featured-product .featured-product-container .align-right .content .info .btn, .section.featured-product .featured-product-container .align-right .content .info .price {
          display: inline-block; }
        .section.featured-product .featured-product-container .align-right .content .info .btn {
          margin: 0; }
        .section.featured-product .featured-product-container .align-right .content .info .price {
          color: #fff;
          font-size: 21px;
          margin-left: 40px; }
  .section.featured-product .icon-row {
    height: 20%; }
    .section.featured-product .icon-row .container {
      height: 100%;
      position: relative;
      border-bottom: 1px solid #eeeeee; }
      .section.featured-product .icon-row .container .icons {
        height: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: center; }
        .section.featured-product .icon-row .container .icons .icon-container {
          width: 90px; }
          .section.featured-product .icon-row .container .icons .icon-container .icon {
            height: 46px; }
            .section.featured-product .icon-row .container .icons .icon-container .icon img {
              height: 100%;
              width: auto; }
          .section.featured-product .icon-row .container .icons .icon-container span {
            font-size: 14px;
            font-family: "Knockout-HTF30-JuniorWelterwt";
            text-transform: uppercase;
            max-width: 70px;
            margin: 0 auto;
            display: block;
            margin-top: 10px; }
            @media screen and (max-width: 767px) {
              .section.featured-product .icon-row .container .icons .icon-container span {
                font-size: 12px; } }
    .section.featured-product .icon-row .scroll-down {
      position: absolute;
      bottom: -50px;
      left: 50%;
      height: 50px;
      width: 90px;
      transform: translateX(-50%);
      color: #696969; }
      .section.featured-product .icon-row .scroll-down svg * {
        stroke: #fbfbfb; }
      .section.featured-product .icon-row .scroll-down .background {
        z-index: -1;
        position: absolute;
        left: 0;
        bottom: 0;
        border-left: 45px solid transparent;
        border-right: 45px solid transparent;
        border-top: 50px solid #f7f3ed;
        transition: all 0.5s; }
      .section.featured-product .icon-row .scroll-down:hover .background {
        bottom: 4px; }
      .section.featured-product .icon-row .scroll-down .text {
        position: absolute;
        top: 0;
        width: 100%; }

/* Section: Full-width Product Slider */
.section.fw-product-slider {
  padding: 80px 0; }
  @media screen and (max-width: 1023px) {
    .section.fw-product-slider {
      padding: 60px 0; } }
  .section.fw-product-slider h2 {
    color: #ff9800;
    text-transform: uppercase;
    text-align: center; }
  .section.fw-product-slider .swiper-container {
    width: auto;
    margin: 60px 0;
    padding-left: 25px;
    padding-right: 25px;
    overflow: visible; }
    @media screen and (max-width: 1299px) {
      .section.fw-product-slider .swiper-container {
        padding-bottom: 60px; } }
    @media screen and (max-width: 1023px) {
      .section.fw-product-slider .swiper-container {
        margin: 40px 0; } }
    @media screen and (max-width: 767px) {
      .section.fw-product-slider .swiper-container {
        padding: 0 50px; } }
    .section.fw-product-slider .swiper-container .swiper-wrapper-js {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide {
        width: 14.2857%;
        padding: 0 30px;
        position: relative; }
        @media screen and (max-width: 1299px) {
          .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide {
            width: 25%; } }
        @media screen and (max-width: 1023px) {
          .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide {
            width: 33.3333%; } }
        @media screen and (max-width: 767px) {
          .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide {
            width: 100%;
            opacity: 0;
            transition: opacity 1.2s ease; } }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide .image {
          transition: opacity 0.6s ease; }
          .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide .image img {
            transform: translate3d(0, -30px, 0);
            opacity: 0;
            transition: all 1.2s ease; }
            @media screen and (max-width: 1299px) {
              .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide .image img {
                opacity: 1;
                transform: translate3d(0, 0, 0); } }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide .btn-wrapper {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          text-align: center;
          opacity: 0;
          transition: opacity 0.6s ease; }
          .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide .btn-wrapper .btn {
            vertical-align: middle; }
          .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide .btn-wrapper:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            margin-left: -4px; }
        @media screen and (max-width: 767px) {
          .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide.swiper-slide-active {
            opacity: 1; } }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide.animated .image img {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide:nth-child(2) .image img {
          transition-delay: 0.2s; }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide:nth-child(3) .image img {
          transition-delay: 0.4s; }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide:nth-child(4) .image img {
          transition-delay: 0.6s; }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide:nth-child(5) .image img {
          transition-delay: 0.8s; }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide:nth-child(6) .image img {
          transition-delay: 1s; }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide:nth-child(7) .image img {
          transition-delay: 1.2s; }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide:hover .image {
          opacity: 0.25; }
        .section.fw-product-slider .swiper-container .swiper-wrapper-js .swiper-slide:hover .btn-wrapper {
          opacity: 1; }
    .section.fw-product-slider .swiper-container .swiper-button-prev,
    .section.fw-product-slider .swiper-container .swiper-button-next {
      display: none; }
      @media screen and (max-width: 1299px) {
        .section.fw-product-slider .swiper-container .swiper-button-prev,
        .section.fw-product-slider .swiper-container .swiper-button-next {
          position: absolute;
          display: block;
          left: calc(50% - 49px);
          top: auto;
          bottom: 0;
          opacity: 0.25; }
          .section.fw-product-slider .swiper-container .swiper-button-prev.swiper-button-disabled,
          .section.fw-product-slider .swiper-container .swiper-button-next.swiper-button-disabled {
            opacity: 0.1 !important; } }
      @media screen and (max-width: 767px) {
        .section.fw-product-slider .swiper-container .swiper-button-prev,
        .section.fw-product-slider .swiper-container .swiper-button-next {
          left: 10px;
          bottom: auto;
          top: 50%;
          opacity: 1; }
          .section.fw-product-slider .swiper-container .swiper-button-prev.swiper-button-disabled,
          .section.fw-product-slider .swiper-container .swiper-button-next.swiper-button-disabled {
            opacity: 0 !important; } }
    @media screen and (max-width: 1299px) {
      .section.fw-product-slider .swiper-container .swiper-button-next {
        left: auto;
        right: calc(50% - 49px); } }
    @media screen and (max-width: 767px) {
      .section.fw-product-slider .swiper-container .swiper-button-next {
        left: auto;
        right: 10px; } }
  .section.fw-product-slider p {
    color: #4d4d4d;
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    line-height: 22px; }

/* Section: Product Slider */
.section.product-slider .container {
  padding: 80px 0 40px; }
  @media screen and (max-width: 767px) {
    .section.product-slider .container .swiper-container {
      padding: 0 50px; } }
  .section.product-slider .container .swiper-container .swiper-wrapper-js {
    align-items: center; }
    .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide {
      padding: 0 100px;
      opacity: 0;
      transition: opacity 0.8s ease; }
      @media screen and (max-width: 1299px) {
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide {
          padding: 0 130px;
          text-align: center; } }
      @media screen and (max-width: 767px) {
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide {
          padding: 0; } }
      .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .image {
        width: 47%;
        margin-right: 5%;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 1299px) {
          .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .image {
            width: 100%;
            margin-right: 0; } }
        @media screen and (max-width: 767px) {
          .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .image {
            margin-bottom: 30px; } }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .image img {
          opacity: 0;
          transform: translate3d(0, -30px, 0);
          transition: all 1.2s 0.2s ease; }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .image.animated img {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
      .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text {
        width: 47%;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 1299px) {
          .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text {
            width: 100%; } }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text h2 {
          text-transform: uppercase;
          opacity: 0;
          transform: translate3d(0, 30px, 0);
          transition: all 1.2s ease; }
          @media screen and (max-width: 767px) {
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text h2 {
              font-size: 36px;
              line-height: 34px; } }
          .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text h2 small {
            font-size: 14px;
            line-height: 16px;
            letter-spacing: 2px;
            display: block;
            margin-bottom: 10px;
            opacity: 0;
            transform: translate3d(0, 20px, 0);
            transition: all 0.8s 0.4s ease;
            font-family: "Knockout 30 A", "Knockout 30 B";
            font-style: normal;
            font-weight: 400; }
            @media screen and (max-width: 767px) {
              .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text h2 small {
                font-size: 12px; } }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text p {
          font-size: 15px;
          line-height: 22px;
          margin-top: 30px;
          opacity: 0;
          transform: translate3d(0, 30px, 0);
          transition: transform 1.0s 0.2s ease, opacity 1.0s 0.2s ease; }
          @media screen and (max-width: 767px) {
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text p {
              font-size: 14px; } }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons {
          margin-top: 50px; }
          @media screen and (max-width: 767px) {
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons {
              text-align: center; } }
          .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper {
            float: left;
            width: 20%;
            text-align: center; }
            @media screen and (max-width: 767px) {
              .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper {
                width: 40%;
                margin-bottom: 20px;
                float: none;
                display: inline-block; } }
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper .icon {
              width: 34px;
              height: 34px;
              display: inline-block;
              opacity: 0;
              transform: translate3d(0, 20px, 0);
              transition: all 0.8s 0.4s ease; }
              .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper .icon img {
                max-height: 100%; }
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper .text {
              font-size: 14px;
              line-height: 16px;
              text-transform: uppercase;
              text-align: center;
              margin-top: 10px;
              opacity: 0;
              color: #696969;
              font-family: "Knockout 30 A", "Knockout 30 B";
              font-style: normal;
              font-weight: 400;
              transform: translate3d(0, 20px, 0);
              transition: all 0.8s 0.6s ease; }
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper:nth-child(2n) .icon,
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper:nth-child(2n) .text {
              transition: all 0.8s 0.8s ease; }
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper:nth-child(3n) .icon,
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper:nth-child(3n) .text {
              transition: all 0.8s 1s ease; }
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper:nth-child(4n) .icon,
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper:nth-child(4n) .text {
              transition: all 0.8s 1.2s ease; }
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper:nth-child(5n) .icon,
            .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .icons .icon-wrapper:nth-child(5n) .text {
              transition: all 0.8s 1.4s ease; }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text .btn {
          margin-top: 30px;
          opacity: 0;
          transition: all 0.4s ease, opacity 0.8s 0.8s ease; }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text.animated h2,
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text.animated h2 small,
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text.animated p,
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text.animated .icons .icon-wrapper > * {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text.animated .icons .icon-wrapper .icon {
          opacity: 0.35; }
        .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide > .text.animated .btn {
          opacity: 1; }
      .section.product-slider .container .swiper-container .swiper-wrapper-js .swiper-slide.animated {
        opacity: 1; }
  @media screen and (max-width: 1299px) {
    .section.product-slider .container .swiper-container .swiper-button-prev {
      left: 30px; } }
  @media screen and (max-width: 767px) {
    .section.product-slider .container .swiper-container .swiper-button-prev {
      left: 10px; } }
  @media screen and (max-width: 1299px) {
    .section.product-slider .container .swiper-container .swiper-button-next {
      right: 30px; } }
  @media screen and (max-width: 767px) {
    .section.product-slider .container .swiper-container .swiper-button-next {
      right: 10px; } }
  .section.product-slider .container .bottom {
    text-align: center;
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .section.product-slider .container .bottom {
        margin-top: 30px; } }
    .section.product-slider .container .bottom .swiper-pagination {
      position: relative; }
      .section.product-slider .container .bottom .swiper-pagination .swiper-pagination-bullet {
        margin-right: 36px;
        width: 6px;
        height: 6px;
        opacity: 1;
        background-color: #4d4d4d; }
        .section.product-slider .container .bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background-color: #ff9800; }
        .section.product-slider .container .bottom .swiper-pagination .swiper-pagination-bullet:last-child {
          margin-right: 0; }

/* Section: Products */
.section.products {
  padding-top: 30px; }
  .section.products .container {
    position: relative; }
    @media screen and (max-width: 767px) {
      .section.products .container {
        padding: 0; } }
    .section.products .container > .text {
      width: 33.3333%;
      padding: 0 25px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (max-width: 767px) {
        .section.products .container > .text {
          padding: 0; } }
      .section.products .container > .text h2 {
        text-transform: uppercase; }
      .section.products .container > .text p {
        margin-top: 40px;
        font-size: 15px;
        line-height: 28px; }
        @media screen and (max-width: 1023px) {
          .section.products .container > .text p {
            margin-top: 20px; } }
      .section.products .container > .text + .swiper-container {
        width: 66.6667%;
        margin-left: 33.3333%; }
      .section.products .container > .text.col-2 {
        width: 50%; }
        @media screen and (max-width: 1299px) {
          .section.products .container > .text.col-2 {
            width: calc(50% - 60px); } }
        @media screen and (max-width: 1023px) {
          .section.products .container > .text.col-2 {
            width: 100%; } }
        .section.products .container > .text.col-2 + .product {
          width: 50%;
          margin-left: 50%; }
          @media screen and (max-width: 1023px) {
            .section.products .container > .text.col-2 + .product {
              width: 100%;
              margin-left: 0; } }
    .section.products .container > .swiper-container {
      width: 100%;
      overflow: visible; }
      .section.products .container > .swiper-container.products-2 .product {
        width: 50%; }
        @media screen and (max-width: 1023px) {
          .section.products .container > .swiper-container.products-2 .product {
            width: 100%; } }
    .section.products .container .product {
      width: 33.333%;
      opacity: 0;
      transition: opacity 1.2s ease;
      text-align: center;
      float: left;
      cursor: pointer; }
      @media screen and (max-width: 1023px) {
        .section.products .container .product {
          padding: 0;
          opacity: 0.2;
          transition: all 1.2s ease; }
          .section.products .container .product.active {
            opacity: 1; }
            .section.products .container .product.active .product-name {
              color: #f3c734; }
          .section.products .container .product .product-wrapper .image img,
          .section.products .container .product .product-wrapper .product-name,
          .section.products .container .product .product-wrapper .info .price {
            opacity: 1;
            transform: translate3d(0, 0, 0); }
          .section.products .container .product .product-wrapper .info .btn {
            opacity: 1; } }
      .section.products .container .product:first-child .product-wrapper {
        margin-left: 0; }
      .section.products .container .product:last-child .product-wrapper {
        margin-right: 0; }
      .section.products .container .product .product-wrapper {
        max-width: 190px;
        margin-left: auto;
        margin-right: auto;
        position: relative; }
        .section.products .container .product .product-wrapper .image {
          display: inline-block;
          padding: 20px; }
          .section.products .container .product .product-wrapper .image img {
            max-height: 170px;
            transition: all 1.2s ease; }
        .section.products .container .product .product-wrapper .product-name {
          font-size: 21px;
          line-height: 24px;
          letter-spacing: 2px;
          margin-bottom: 0;
          text-transform: uppercase;
          transition: all .8s ease; }
          @media screen and (max-width: 1023px) {
            .section.products .container .product .product-wrapper .product-name {
              font-size: 18px; } }
          @media screen and (max-width: 767px) {
            .section.products .container .product .product-wrapper .product-name {
              font-size: 16px;
              max-width: 80px;
              margin: 0 auto;
              margin-bottom: 20px; } }
        .section.products .container .product .product-wrapper .info {
          display: inline-block;
          position: absolute;
          right: -25px;
          bottom: 25px; }
          @media screen and (max-width: 767px) {
            .section.products .container .product .product-wrapper .info {
              text-align: center; } }
          @media screen and (max-width: 1023px) {
            .section.products .container .product .product-wrapper .info {
              position: relative;
              left: 0;
              display: block; } }
          .section.products .container .product .product-wrapper .info .price {
            bottom: 20px;
            font-size: 21px;
            line-height: 23px;
            padding-top: 2px;
            transform: translate3d(0, 20px, 0);
            transition: all 0.8s 0.4s ease;
            font-family: "Knockout 30 A", "Knockout 30 B";
            font-style: normal;
            font-weight: 400;
            font-family: 'FuturaLT'; }
            @media screen and (max-width: 1299px) {
              .section.products .container .product .product-wrapper .info .price {
                font-size: 18px; } }
            @media screen and (max-width: 1023px) {
              .section.products .container .product .product-wrapper .info .price {
                font-size: 16px;
                line-height: 18px;
                transform: none;
                left: 0;
                margin-top: 20px; } }
            @media screen and (max-width: 767px) {
              .section.products .container .product .product-wrapper .info .price {
                float: none;
                display: block;
                margin-bottom: 10px; } }
            .section.products .container .product .product-wrapper .info .price .old-price {
              font-size: 21px;
              color: #4d4d4d;
              vertical-align: top;
              text-decoration: line-through; }
          .section.products .container .product .product-wrapper .info .btn {
            float: right;
            opacity: 0;
            transition: all 0.4s ease, opacity 1s 0.6s ease; }
            @media screen and (max-width: 767px) {
              .section.products .container .product .product-wrapper .info .btn {
                float: none;
                margin-bottom: 6px; } }
      .section.products .container .product.animated {
        opacity: 0.2; }
        .section.products .container .product.animated.active {
          opacity: 1; }
          .section.products .container .product.animated.active .product-name {
            color: #f3c734; }
        .section.products .container .product.animated .product-wrapper .image img,
        .section.products .container .product.animated .product-wrapper .product-name,
        .section.products .container .product.animated .product-wrapper .info .price {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
        .section.products .container .product.animated .product-wrapper .info .btn {
          opacity: 1; }
    .section.products .container .swiper-container .swiper-button-prev {
      display: none; }
      @media screen and (max-width: 1023px) {
        .section.products .container .swiper-container .swiper-button-prev {
          position: absolute;
          display: block;
          left: 60px; } }
      @media screen and (max-width: 767px) {
        .section.products .container .swiper-container .swiper-button-prev {
          left: 10px; } }
    .section.products .container .swiper-container .swiper-button-next {
      display: none; }
      @media screen and (max-width: 1023px) {
        .section.products .container .swiper-container .swiper-button-next {
          position: absolute;
          display: block;
          right: 60px; } }
      @media screen and (max-width: 767px) {
        .section.products .container .swiper-container .swiper-button-next {
          right: 10px; } }
  .section.products .product-header {
    height: 0px;
    background: rgba(255, 255, 255, 0.9);
    transition: all 0.4s ease;
    padding-top: 0;
    position: fixed;
    top: 0;
    overflow: hidden;
    z-index: 10;
    width: 100%; }
    .section.products .product-header.push-down {
      transform: translateY(80px); }
      @media screen and (max-width: 1023px) {
        .section.products .product-header.push-down {
          transform: none; } }
    .section.products .product-header.visible {
      height: 90px; }
    .section.products .product-header .swiper-container {
      max-width: 520px;
      margin: 0 auto;
      position: initial; }
      .section.products .product-header .swiper-container .button-container {
        display: none;
        position: absolute;
        right: 0; }
        .section.products .product-header .swiper-container .button-container .price {
          float: left;
          margin-top: 35px;
          margin-right: 5px; }
      .section.products .product-header .swiper-container .product .product-name {
        display: none; }
      .section.products .product-header .swiper-container .product .image {
        padding: 10px; }
        .section.products .product-header .swiper-container .product .image img {
          height: 60px; }
      .section.products .product-header .swiper-container .product .info {
        display: none; }
      .section.products .product-header .swiper-container .product .btn {
        display: none;
        transition: none; }
      .section.products .product-header .swiper-container .product .price {
        display: none;
        transition: none; }
      @media screen and (max-width: 1023px) {
        .section.products .product-header .swiper-container .product {
          display: none; } }
      @media screen and (max-width: 1023px) {
        .section.products .product-header .swiper-container .product.active {
          display: block; } }
      .section.products .product-header .swiper-container .product.active + .button-container {
        display: block; }
        @media screen and (max-width: 767px) {
          .section.products .product-header .swiper-container .product.active + .button-container .btn {
            margin-top: 22px; } }
      .section.products .product-header .swiper-container .product.active .product-name {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        max-width: 130px;
        padding: 15px;
        text-align: left;
        text-transform: uppercase;
        font-size: 21px;
        color: #4d4d4d; }
        @media screen and (max-width: 767px) {
          .section.products .product-header .swiper-container .product.active .product-name {
            display: none; } }
      .section.products .product-header .swiper-container .product.active .btn {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0; }
        @media screen and (max-width: 767px) {
          .section.products .product-header .swiper-container .product.active .btn {
            margin-top: 22px; } }
      .section.products .product-header .swiper-container .product.active .price {
        display: block;
        position: absolute;
        top: 33px;
        right: 180px;
        z-index: 1000000;
        color: #000;
        opacity: 1; }
  .section.products .preview-container {
    background: #f7f3ed;
    position: relative;
    width: 100%;
    padding: 60px 0; }
    .section.products .preview-container .container {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      min-height: 80vh; }
    .section.products .preview-container .icons {
      width: 30%; }
      @media screen and (max-width: 767px) {
        .section.products .preview-container .icons {
          width: 50%; } }
      .section.products .preview-container .icons:first-child {
        padding-left: 40px; }
        @media screen and (max-width: 767px) {
          .section.products .preview-container .icons:first-child {
            padding: 0; } }
      .section.products .preview-container .icons:last-child {
        padding-right: 40px;
        margin-left: auto; }
        @media screen and (max-width: 767px) {
          .section.products .preview-container .icons:last-child {
            padding: 0; } }
        .section.products .preview-container .icons:last-child .icon {
          margin-left: auto; }
      .section.products .preview-container .icons .icon {
        width: 100px;
        text-align: center;
        margin-bottom: 10vh; }
        @media screen and (max-width: 767px) {
          .section.products .preview-container .icons .icon {
            margin: 10px auto; } }
        .section.products .preview-container .icons .icon .image {
          height: 56px;
          margin: 0 auto;
          margin-bottom: 15px; }
          @media screen and (max-width: 767px) {
            .section.products .preview-container .icons .icon .image {
              height: 40px; } }
          .section.products .preview-container .icons .icon .image svg {
            height: 100%;
            width: auto; }
        .section.products .preview-container .icons .icon .text {
          font-family: "Knockout-HTF30-JuniorWelterwt";
          font-size: 15px;
          max-width: 100px;
          display: block;
          margin: 0 auto; }
          @media screen and (max-width: 767px) {
            .section.products .preview-container .icons .icon .text {
              font-size: 12px;
              max-width: 80px;
              margin-bottom: 20px; } }
        .section.products .preview-container .icons .icon:last-child {
          margin-bottom: 0; }
    .section.products .preview-container .three-dimension-image {
      align-self: center;
      width: 40%; }
      @media screen and (max-width: 767px) {
        .section.products .preview-container .three-dimension-image {
          width: 100%;
          order: -1; } }
      .section.products .preview-container .three-dimension-image .image {
        max-width: 100%;
        height: auto;
        display: none;
        margin: 0 auto; }
        .section.products .preview-container .three-dimension-image .image.active {
          display: block; }
  .section.products + section.products {
    padding-top: 0; }

section.buy-now {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 1023px) {
    section.buy-now {
      height: auto; } }
  section.buy-now .slider {
    width: 60%;
    position: relative; }
    @media screen and (max-width: 1023px) {
      section.buy-now .slider {
        width: 100%;
        order: 2; } }
    section.buy-now .slider .product-description {
      margin-top: 30px;
      margin-left: 30px;
      margin-right: 30px; }
      @media screen and (max-width: 1023px) {
        section.buy-now .slider .product-description {
          margin: 0;
          margin-top: 30px; } }
      section.buy-now .slider .product-description h1 {
        font-size: 33px;
        line-height: 35px;
        color: #f3c734;
        margin-bottom: 10px; }
      section.buy-now .slider .product-description h2 {
        font-size: 21px;
        line-height: 23px;
        margin-bottom: 16px; }
      section.buy-now .slider .product-description p {
        font-size: 16.7px;
        letter-spacing: 1px;
        line-height: 23px; }
        @media screen and (max-width: 767px) {
          section.buy-now .slider .product-description p {
            font-size: 16px;
            line-height: 19px; } }
    section.buy-now .slider .slider-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap; }
      section.buy-now .slider .slider-container .swiper-container.buy-now-swiper {
        width: 85%;
        position: relative;
        display: none;
        order: 2; }
        @media screen and (max-width: 767px) {
          section.buy-now .slider .slider-container .swiper-container.buy-now-swiper {
            width: 100%; } }
        section.buy-now .slider .slider-container .swiper-container.buy-now-swiper.active {
          display: block; }
        section.buy-now .slider .slider-container .swiper-container.buy-now-swiper .swiper-slide {
          background-size: cover;
          background-position: center center; }
        section.buy-now .slider .slider-container .swiper-container.buy-now-swiper video {
          width: 100%; }
        section.buy-now .slider .slider-container .swiper-container.buy-now-swiper .btn-control svg * {
          stroke: #f3c734; }
        section.buy-now .slider .slider-container .swiper-container.buy-now-swiper .btn-control.hide {
          display: none; }
        section.buy-now .slider .slider-container .swiper-container.buy-now-swiper .swiper-button-next,
        section.buy-now .slider .slider-container .swiper-container.buy-now-swiper .swiper-button-prev {
          display: none; }
          @media screen and (max-width: 767px) {
            section.buy-now .slider .slider-container .swiper-container.buy-now-swiper .swiper-button-next,
            section.buy-now .slider .slider-container .swiper-container.buy-now-swiper .swiper-button-prev {
              display: initial; } }
      section.buy-now .slider .slider-container .buy-now-thumbs {
        width: 15%;
        order: 1;
        padding: 30px;
        position: relative;
        display: none; }
        @media screen and (max-width: 1299px) {
          section.buy-now .slider .slider-container .buy-now-thumbs {
            padding: 20px; } }
        @media screen and (max-width: 767px) {
          section.buy-now .slider .slider-container .buy-now-thumbs {
            width: 100%; } }
        section.buy-now .slider .slider-container .buy-now-thumbs .thumb-play-btn {
          position: absolute;
          bottom: 40%;
          left: 60%;
          transform: translateX(-50%);
          right: 0;
          top: 20%; }
          section.buy-now .slider .slider-container .buy-now-thumbs .thumb-play-btn svg {
            height: 100%; }
        section.buy-now .slider .slider-container .buy-now-thumbs.active {
          display: block; }
          @media screen and (max-width: 767px) {
            section.buy-now .slider .slider-container .buy-now-thumbs.active {
              display: none; } }
        section.buy-now .slider .slider-container .buy-now-thumbs .swiper-wrapper {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          transform: none !important; }
          section.buy-now .slider .slider-container .buy-now-thumbs .swiper-wrapper .swiper-slide {
            background-size: cover;
            background-position: center center;
            position: relative;
            cursor: pointer; }
            section.buy-now .slider .slider-container .buy-now-thumbs .swiper-wrapper .swiper-slide img {
              opacity: 0.3; }
            section.buy-now .slider .slider-container .buy-now-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active img {
              opacity: 1; }
  section.buy-now .content {
    margin-top: 20px;
    width: 40%; }
    @media screen and (max-width: 1023px) {
      section.buy-now .content {
        width: 100%;
        margin-bottom: 30px; } }
    section.buy-now .content .content-container {
      max-width: 400px;
      position: relative;
      margin-left: 40px;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        section.buy-now .content .content-container {
          max-width: 100%;
          margin: 0; } }
      section.buy-now .content .content-container h2 {
        font-size: 21px;
        letter-spacing: 2.1px;
        color: #343434;
        line-height: 35px;
        margin-bottom: 40px; }
      section.buy-now .content .content-container p {
        font-size: 16.7px; }
      section.buy-now .content .content-container .products-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        section.buy-now .content .content-container .products-container .description {
          display: none;
          margin-bottom: 30px; }
          section.buy-now .content .content-container .products-container .description.active {
            display: block; }
          section.buy-now .content .content-container .products-container .description .product-name {
            margin-bottom: 16px; }
        section.buy-now .content .content-container .products-container .product-container {
          width: 30%;
          max-width: 100px; }
          section.buy-now .content .content-container .products-container .product-container .product {
            opacity: 0.2;
            cursor: pointer; }
          section.buy-now .content .content-container .products-container .product-container.active .product {
            opacity: 1; }
      section.buy-now .content .content-container .button-container {
        display: none;
        left: 0;
        margin-top: 30px; }
        section.buy-now .content .content-container .button-container.active {
          display: block; }
        section.buy-now .content .content-container .button-container .btn {
          margin: 0;
          margin-top: 30px; }
        section.buy-now .content .content-container .button-container .quantity span {
          color: #30d2ae;
          font-weight: normal; }
        section.buy-now .content .content-container .button-container .quantity + p + p {
          margin-top: 20px; }
        section.buy-now .content .content-container .button-container .quantity p {
          font-size: 17px; }
          @media screen and (max-width: 767px) {
            section.buy-now .content .content-container .button-container .quantity p {
              font-size: 14px; } }
        section.buy-now .content .content-container .button-container .price {
          font-size: 29.2px;
          font-weight: normal;
          letter-spacing: 1.5px;
          margin-bottom: 30px; }
    section.buy-now .content .icons {
      margin: 0 auto;
      margin-top: 30px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        section.buy-now .content .icons {
          margin-top: 30px; } }
      section.buy-now .content .icons .icon-container {
        display: inline-block; }
        section.buy-now .content .icons .icon-container .icon {
          height: 44px; }
          section.buy-now .content .icons .icon-container .icon img {
            height: 100%;
            width: auto; }
        section.buy-now .content .icons .icon-container span {
          font-size: 14px;
          font-weight: 500;
          text-transform: uppercase;
          max-width: 70px;
          margin: 0 auto;
          display: block;
          margin-top: 10px; }
          @media screen and (max-width: 767px) {
            section.buy-now .content .icons .icon-container span {
              font-size: 12px; } }

/* Section: Products */
.section.products-store .container {
  border-bottom: 1px solid #eeeeee;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px; }
  .section.products-store .container .text {
    text-align: center; }
    .section.products-store .container .text h3 {
      text-transform: uppercase;
      letter-spacing: 2.1px;
      color: #f3c734; }
  .section.products-store .container > .products-container {
    margin-top: 34px;
    width: 100%;
    overflow: visible;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
  .section.products-store .container .product {
    width: 33.333%;
    opacity: 0;
    transition: opacity 1.2s ease;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-bottom: 40px; }
    .section.products-store .container .product:nth-child(3n) .product-wrapper {
      margin-right: 0; }
    .section.products-store .container .product:nth-child(4n) .product-wrapper {
      margin-left: 0; }
    .section.products-store .container .product:first-child .product-wrapper {
      margin-left: 0; }
    @media screen and (max-width: 1023px) {
      .section.products-store .container .product {
        width: 100%;
        padding: 0;
        transition: all 1.2s ease; }
        .section.products-store .container .product .product-wrapper {
          margin: 0 auto !important; }
          .section.products-store .container .product .product-wrapper .image img,
          .section.products-store .container .product .product-wrapper .product-name,
          .section.products-store .container .product .product-wrapper .info .price {
            opacity: 1;
            transform: translate3d(0, 0, 0); }
          .section.products-store .container .product .product-wrapper .info .btn {
            opacity: 1; } }
    .section.products-store .container .product .product-wrapper {
      max-width: 168px;
      margin: 0 auto;
      position: relative; }
      .section.products-store .container .product .product-wrapper a {
        display: block; }
      .section.products-store .container .product .product-wrapper .product-name {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 0;
        margin-bottom: 40px; }
        @media screen and (max-width: 1023px) {
          .section.products-store .container .product .product-wrapper .product-name {
            font-size: 18px; } }
        @media screen and (max-width: 767px) {
          .section.products-store .container .product .product-wrapper .product-name {
            font-size: 16px;
            max-width: 80px;
            margin: 0 auto;
            margin-bottom: 20px; } }
      .section.products-store .container .product .product-wrapper .price {
        position: absolute;
        right: -50px;
        bottom: 0;
        font-weight: 400;
        font-size: 21px; }
        .section.products-store .container .product .product-wrapper .price span {
          display: block;
          text-align: left;
          font-family: 'FuturaLT'; }
        .section.products-store .container .product .product-wrapper .price span.buy-now {
          font-weight: 300;
          font-size: 15px; }
      .section.products-store .container .product .product-wrapper .btn {
        margin-top: 40px; }
    .section.products-store .container .product.animated {
      opacity: 1; }
      .section.products-store .container .product.animated .product-wrapper .image img,
      .section.products-store .container .product.animated .product-wrapper .product-name,
      .section.products-store .container .product.animated .product-wrapper .info .price {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
      .section.products-store .container .product.animated .product-wrapper .info .btn {
        opacity: 1; }
  .section.products-store .container .kickstarter-button {
    text-align: center;
    width: 100%; }
    .section.products-store .container .kickstarter-button img {
      margin-top: 20px; }

/* Section: Products in footer */
.section.products-footer {
  background-color: #38383a;
  padding: 80px 0;
  color: #fff;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .section.products-footer {
      padding: 60px 0; } }
  .section.products-footer .container h2 {
    text-transform: uppercase; }
    .section.products-footer .container h2 small {
      display: block;
      font-size: 10px;
      line-height: 12px;
      margin-bottom: 15px;
      letter-spacing: 4px; }
  .section.products-footer .container > p {
    font-size: 15px;
    line-height: 22px;
    color: #696969;
    margin: 30px auto 0;
    max-width: 430px; }
  .section.products-footer .container .featured {
    float: left;
    width: calc(30% - 20px);
    margin-right: 20px;
    margin-top: 69px;
    border: 1px solid;
    padding: 30px;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 1440px) {
      .section.products-footer .container .featured {
        margin-top: 80px; } }
    @media screen and (max-width: 1299px) {
      .section.products-footer .container .featured {
        width: 100%;
        margin-right: 0;
        margin-top: 60px; } }
    @media screen and (max-width: 767px) {
      .section.products-footer .container .featured {
        margin-top: 40px; } }
    .section.products-footer .container .featured .ribbon {
      position: absolute;
      left: 40px;
      top: 40px;
      opacity: 0;
      transition: all 1.2s 1.6s ease;
      transform: translate3d(-50%, -50%, 0);
      font-family: "Knockout 30 A", "Knockout 30 B";
      font-style: normal;
      font-weight: 400; }
      .section.products-footer .container .featured .ribbon span {
        background-color: #fff;
        padding: 10px 50px 8px;
        display: block;
        text-transform: uppercase;
        font-size: 22px;
        transform: rotate(-45deg); }
        @media screen and (max-width: 767px) {
          .section.products-footer .container .featured .ribbon span {
            font-size: 16px;
            padding: 8px 50px 6px; } }
    .section.products-footer .container .featured h3 {
      margin: 0 auto 20px;
      text-transform: uppercase;
      color: #fff;
      max-width: 75%; }
    .section.products-footer .container .featured p {
      font-size: 13px;
      line-height: 18px;
      color: #696969;
      margin: 0 auto 40px; }
      @media screen and (max-width: 1440px) {
        .section.products-footer .container .featured p {
          margin-bottom: 20px; } }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .featured p {
          margin-bottom: 10px; } }
    .section.products-footer .container .featured .image {
      margin-bottom: 40px; }
      @media screen and (max-width: 1440px) {
        .section.products-footer .container .featured .image {
          margin-bottom: 20px; } }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .featured .image {
          margin-bottom: 10px; } }
      .section.products-footer .container .featured .image img {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
        transition: all 1.2s ease; }
    .section.products-footer .container .featured .btn {
      opacity: 0;
      transition: all 0.4s ease, opacity 1s 0.6s ease; }
    .section.products-footer .container .featured .btn-below {
      text-transform: uppercase;
      color: #fff;
      margin-top: 6px;
      font-size: 14px;
      line-height: 14px;
      opacity: 0;
      transform: translate3d(0, -10px, 0);
      transition: all 0.8s 1s ease;
      font-family: "Knockout 30 A", "Knockout 30 B";
      font-style: normal;
      font-weight: 400; }
    .section.products-footer .container .featured + .products {
      width: 70%;
      margin-top: 100px; }
      @media screen and (max-width: 1299px) {
        .section.products-footer .container .featured + .products {
          width: 100%;
          margin-top: 60px; } }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .featured + .products {
          margin-top: 40px; } }
      .section.products-footer .container .featured + .products .product {
        padding: 0 10px; }
        @media screen and (max-width: 767px) {
          .section.products-footer .container .featured + .products .product {
            padding: 0; }
            .section.products-footer .container .featured + .products .product .image {
              padding: 0 40px; } }
    .section.products-footer .container .featured.animated .image img,
    .section.products-footer .container .featured.animated .btn-below {
      transform: translate3d(0, 0, 0);
      opacity: 1; }
    .section.products-footer .container .featured.animated .ribbon,
    .section.products-footer .container .featured.animated .btn {
      opacity: 1; }
  .section.products-footer .container .products {
    float: right;
    width: 100%;
    margin-top: 80px; }
    @media screen and (max-width: 1299px) {
      .section.products-footer .container .products {
        margin-top: 40px; } }
    .section.products-footer .container .products .swiper-container {
      overflow: visible; }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .products .swiper-container {
          margin-left: -30px;
          width: calc(100% + 60px);
          padding: 0 50px; } }
    .section.products-footer .container .products h3 {
      margin-bottom: 20px;
      text-transform: uppercase; }
    .section.products-footer .container .products p {
      font-size: 13px;
      line-height: 18px;
      color: #696969;
      margin: 0 auto 20px;
      max-width: 60%; }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .products p {
          max-width: none; } }
    .section.products-footer .container .products .swiper-wrapper-js {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .products .swiper-wrapper-js {
          flex-wrap: nowrap; } }
    .section.products-footer .container .products .product {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      padding: 0 40px;
      opacity: 0;
      transition: all 0.8s ease;
      height: auto; }
      @media screen and (max-width: 1023px) {
        .section.products-footer .container .products .product {
          margin-top: 40px; } }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .products .product {
          display: block;
          margin-top: 0;
          margin-left: 0 !important;
          padding: 0 20px;
          width: 100% !important; } }
      .section.products-footer .container .products .product .top {
        flex: 0 0 100%; }
        @media screen and (max-width: 767px) {
          .section.products-footer .container .products .product .top {
            flex: none;
            width: 100%; } }
        .section.products-footer .container .products .product .top .image {
          margin-bottom: 20px;
          height: 280px; }
          @media screen and (max-width: 1299px) {
            .section.products-footer .container .products .product .top .image {
              height: auto; } }
          @media screen and (max-width: 1023px) {
            .section.products-footer .container .products .product .top .image {
              height: 280px; } }
          @media screen and (max-width: 767px) {
            .section.products-footer .container .products .product .top .image {
              height: auto; } }
          .section.products-footer .container .products .product .top .image img {
            max-height: 100%;
            transform: translate3d(0, -30px, 0);
            opacity: 0;
            transition: all 1.2s ease; }
            @media screen and (max-width: 767px) {
              .section.products-footer .container .products .product .top .image img {
                transition-delay: 0s !important; } }
        .section.products-footer .container .products .product .top h4 {
          font-size: 20px;
          line-height: 20px;
          letter-spacing: 4px;
          margin-bottom: 20px;
          text-transform: uppercase;
          opacity: 0;
          transform: translate3d(0, 30px, 0);
          transition: all 0.8s ease; }
          @media screen and (max-width: 767px) {
            .section.products-footer .container .products .product .top h4 {
              transition-delay: 0s !important; } }
        .section.products-footer .container .products .product .top p {
          color: #343434;
          max-width: none;
          margin-bottom: 30px;
          opacity: 0;
          transform: translate3d(0, 10px, 0);
          transition: all 0.8s 0.4s ease; }
          @media screen and (max-width: 767px) {
            .section.products-footer .container .products .product .top p {
              transition-delay: 0.4s !important; } }
      .section.products-footer .container .products .product .btn {
        margin-top: auto;
        opacity: 0;
        transition: all 0.4s ease, opacity 1s 0.6s ease; }
        @media screen and (max-width: 767px) {
          .section.products-footer .container .products .product .btn {
            transition: all 0.4s ease, opacity 1s 0.6s ease !important; } }
      .section.products-footer .container .products .product.animated {
        opacity: 1; }
        .section.products-footer .container .products .product.animated .image img,
        .section.products-footer .container .products .product.animated h4,
        .section.products-footer .container .products .product.animated p {
          transform: translate3d(0, 0, 0);
          opacity: 1; }
        .section.products-footer .container .products .product.animated .btn {
          opacity: 1; }
      .section.products-footer .container .products .product:nth-of-type(2) .image img, .section.products-footer .container .products .product:nth-of-type(2) h4 {
        transition-delay: 0.2s; }
      .section.products-footer .container .products .product:nth-of-type(2) p {
        transition-delay: 0.6s; }
      .section.products-footer .container .products .product:nth-of-type(2) .btn {
        transition: all 0.4s ease, opacity 1s 0.8s ease; }
      .section.products-footer .container .products .product:nth-of-type(3) .image img, .section.products-footer .container .products .product:nth-of-type(3) h4 {
        transition-delay: 0.4s; }
      .section.products-footer .container .products .product:nth-of-type(3) p {
        transition-delay: 0.8s; }
      .section.products-footer .container .products .product:nth-of-type(3) .btn {
        transition: all 0.4s ease, opacity 1s 1s ease; }
      .section.products-footer .container .products .product:nth-of-type(4) .image img, .section.products-footer .container .products .product:nth-of-type(4) h4 {
        transition-delay: 0.6s; }
      .section.products-footer .container .products .product:nth-of-type(4) p {
        transition-delay: 1s; }
      .section.products-footer .container .products .product:nth-of-type(4) .btn {
        transition: all 0.4s ease, opacity 1s 1.2s ease; }
    .section.products-footer .container .products.products-1 .product {
      width: 100%; }
    .section.products-footer .container .products.products-2 .product {
      width: 50%; }
    .section.products-footer .container .products.products-3 .product {
      width: 33.3333%; }
      @media screen and (max-width: 1023px) {
        .section.products-footer .container .products.products-3 .product {
          width: 50%; }
          .section.products-footer .container .products.products-3 .product:nth-of-type(3) {
            margin-left: 25%; } }
    .section.products-footer .container .products.products-4 .product {
      width: 25%; }
      @media screen and (max-width: 1023px) {
        .section.products-footer .container .products.products-4 .product {
          width: 50%; } }
    .section.products-footer .container .products .swiper-button-prev {
      display: none; }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .products .swiper-button-prev {
          position: absolute;
          display: block;
          left: 10px; } }
    .section.products-footer .container .products .swiper-button-next {
      display: none; }
      @media screen and (max-width: 767px) {
        .section.products-footer .container .products .swiper-button-next {
          position: absolute;
          display: block;
          right: 10px; } }
  .section.products-footer + #footer .boxes {
    margin-top: -80px; }
    @media screen and (max-width: 767px) {
      .section.products-footer + #footer .boxes {
        margin-top: -60px; } }

.section.quotes {
  padding-top: 160px;
  padding-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .section.quotes {
      padding-top: 80px;
      padding-bottom: 40px; } }
  .section.quotes .quotes .quote:nth-last-child(-n+5) {
    display: none; }
  .section.quotes .quotes .quote {
    min-height: 160px;
    width: 33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 40px; }
    @media screen and (max-width: 1023px) {
      .section.quotes .quotes .quote {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      .section.quotes .quotes .quote {
        width: 100%;
        display: none;
        min-height: 90px; }
        .section.quotes .quotes .quote:nth-child(-n + 5) {
          display: block; } }
    .section.quotes .quotes .quote .inner {
      text-align: center; }
      .section.quotes .quotes .quote .inner .text {
        font-size: 14.6px;
        letter-spacing: 0.6px;
        line-height: 18px;
        color: #4d4d4d;
        font-family: 'FuturaLT';
        min-height: 45px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center; }
        .section.quotes .quotes .quote .inner .text span {
          max-width: 280px; }
      .section.quotes .quotes .quote .inner .logo {
        max-width: 170px;
        margin: 0 auto;
        min-height: 50px; }

.section.shop-in-retail:first-of-type {
  margin-top: 100px;
  margin-bottom: 40px; }

.section.shop-in-retail {
  min-height: 50%;
  z-index: 9;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0; }
  @media screen and (max-width: 767px) {
    .section.shop-in-retail {
      background-size: cover; } }
  .section.shop-in-retail h3 {
    margin-bottom: 70px;
    color: #f3c734; }
  .section.shop-in-retail .container {
    text-align: center; }
    .section.shop-in-retail .container .retail-shops .retail-shop {
      display: inline-block;
      margin: 0 60px; }
      @media screen and (max-width: 767px) {
        .section.shop-in-retail .container .retail-shops .retail-shop {
          margin-bottom: 30px; } }
      .section.shop-in-retail .container .retail-shops .retail-shop img {
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        transition: all 0.3s ease-in-out; }
      .section.shop-in-retail .container .retail-shops .retail-shop:hover img {
        -webkit-filter: none;
        /* Safari 6.0 - 9.0 */
        filter: none; }
    .section.shop-in-retail .container .icons {
      margin: 0 auto;
      margin-top: 70px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .section.shop-in-retail .container .icons {
          margin-top: 30px; } }
      .section.shop-in-retail .container .icons .icon-container {
        display: inline-block; }
        .section.shop-in-retail .container .icons .icon-container .icon {
          height: 44px; }
          .section.shop-in-retail .container .icons .icon-container .icon img {
            height: 100%;
            width: auto; }
        .section.shop-in-retail .container .icons .icon-container span {
          font-size: 14px;
          font-weight: 500;
          text-transform: uppercase;
          max-width: 70px;
          margin: 0 auto;
          display: block;
          margin-top: 10px; }
          @media screen and (max-width: 767px) {
            .section.shop-in-retail .container .icons .icon-container span {
              font-size: 12px; } }

.section.shop-in-retail-cta {
  padding: 60px 0;
  min-height: 50%;
  z-index: 9;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f3ed; }
  .section.shop-in-retail-cta h3 {
    margin-bottom: 70px;
    color: #f3c734;
    transition: all 0.3s ease-in-out; }
  .section.shop-in-retail-cta .container {
    padding-top: 20px;
    text-align: center; }
    .section.shop-in-retail-cta .container .wrapper p {
      font-size: 21px;
      letter-spacing: 1px;
      color: #4d4d4d;
      font-weight: 300;
      font-family: 'FuturaLT'; }
    .section.shop-in-retail-cta .container .wrapper:hover h3 {
      color: #343434; }
    .section.shop-in-retail-cta .container .wrapper .icons {
      margin: 0 auto;
      margin-top: 70px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .section.shop-in-retail-cta .container .wrapper .icons .icon-container .icon {
        height: 44px; }
        .section.shop-in-retail-cta .container .wrapper .icons .icon-container .icon svg {
          height: 100%; }
      .section.shop-in-retail-cta .container .wrapper .icons .icon-container span {
        font-size: 14px;
        font-family: "Knockout-HTF30-JuniorWelterwt";
        text-transform: uppercase;
        max-width: 70px;
        margin: 0 auto;
        display: block;
        margin-top: 10px; }

/* Section: Slider */
.section.slider {
  background-color: #f7f3ed; }
  .section.slider h2 {
    font-size: 35px;
    line-height: 37px;
    text-transform: uppercase;
    color: #fff;
    padding: 50px 30px;
    text-align: center; }
  .section.slider .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative; }
    @media screen and (max-width: 1023px) {
      .section.slider .swiper-container .swiper-wrapper .swiper-slide {
        height: 80vh; } }
    @media screen and (max-width: 767px) {
      .section.slider .swiper-container .swiper-wrapper .swiper-slide {
        height: 50vh; } }
    .section.slider .swiper-container .swiper-wrapper .swiper-slide .btn-plus {
      opacity: 0;
      left: 50%;
      top: 50%;
      margin-left: -22px;
      transition: all 1s 0.4s ease; }
      @media screen and (max-width: 767px) {
        .section.slider .swiper-container .swiper-wrapper .swiper-slide .btn-plus {
          margin-left: -15px; } }
    .section.slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
      cursor: pointer; }
      .section.slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .btn-plus {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
      .section.slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:hover .btn-plus svg .plus-2 {
        fill: #000; }
      .section.slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:hover .btn-plus:after {
        left: 0%;
        top: -100%;
        opacity: 1;
        transform: rotate(0); }
      .section.slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:after {
        opacity: 0; }
  .section.slider .swiper-container .swiper-button-prev {
    left: 12.5%;
    margin-left: -22px; }
  .section.slider .swiper-container .swiper-button-next {
    right: 12.5%;
    margin-right: -22px; }
  .section.slider .swiper-container .swiper-button-next svg *,
  .section.slider .swiper-container .swiper-button-prev svg * {
    stroke: #fff; }
  @media screen and (max-width: 767px) {
    .section.slider .swiper-container .swiper-button-next,
    .section.slider .swiper-container .swiper-button-prev {
      display: none; } }
  .section.slider .bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    padding: 50px 70px; }
    @media screen and (max-width: 1023px) {
      .section.slider .bottom {
        width: 100%;
        padding: 30px 60px;
        text-align: center; } }
    .section.slider .bottom .swiper-dots {
      position: absolute;
      height: 8px;
      width: 100%;
      left: 0;
      bottom: 10px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center; }
      .section.slider .bottom .swiper-dots .dot {
        border-radius: 100%;
        height: 4px;
        width: 4px;
        background-color: #fff;
        display: inline-block;
        margin: 0 10px;
        align-self: center; }
      .section.slider .bottom .swiper-dots .dot.active {
        height: 8px;
        width: 8px; }
    .section.slider .bottom .swiper-pagination {
      margin-top: 13px;
      position: relative;
      float: left; }
      @media screen and (max-width: 1023px) {
        .section.slider .bottom .swiper-pagination {
          float: none;
          margin-top: 0; } }
      .section.slider .bottom .swiper-pagination .swiper-pagination-bullet {
        margin: 0 16px;
        opacity: 1;
        width: 7px;
        height: 7px;
        background-color: #696969;
        transition: all 0.4s ease; }
        @media screen and (max-width: 767px) {
          .section.slider .bottom .swiper-pagination .swiper-pagination-bullet {
            margin: 0 6px; } }
        .section.slider .bottom .swiper-pagination .swiper-pagination-bullet:hover {
          background-color: #fff; }
      .section.slider .bottom .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #fff; }
    .section.slider .bottom .btn {
      float: right; }
      @media screen and (max-width: 1023px) {
        .section.slider .bottom .btn {
          float: none;
          margin-top: 30px; } }
    .section.slider .bottom.no-btn {
      padding-top: 20px;
      padding-bottom: 20px; }
      .section.slider .bottom.no-btn .swiper-pagination {
        margin-top: 0;
        float: none; }

/* Section: Specification */
.section.specification {
  padding-bottom: 80px; }
  @media screen and (max-width: 1299px) {
    .section.specification {
      padding-bottom: 40px; } }
  .section.specification .container .table {
    background-color: #f3f3f3;
    text-transform: uppercase;
    padding: 15px 140px;
    font-family: "Knockout 30 A", "Knockout 30 B";
    font-style: normal;
    font-weight: 400; }
    @media screen and (max-width: 1299px) {
      .section.specification .container .table {
        padding: 15px 80px; } }
    @media screen and (max-width: 1023px) {
      .section.specification .container .table {
        padding: 15px 30px; } }
    .section.specification .container .table .entry {
      width: 100%;
      float: left;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .section.specification .container .table .entry {
          width: 100% !important; } }
      .section.specification .container .table .entry .data {
        font-size: 14px;
        color: #4d4d4d;
        border-bottom: 1px solid #343434;
        padding: 8px 0; }
      .section.specification .container .table .entry .value {
        font-size: 22px;
        padding: 8px 0; }
        @media screen and (max-width: 1023px) {
          .section.specification .container .table .entry .value {
            font-size: 18px; } }
    .section.specification .container .table.col-2 .entry {
      width: 50%; }
    .section.specification .container .table.col-3 .entry {
      width: 33.3333%; }
    .section.specification .container .table.col-4 .entry {
      width: 25%; }

/* Section: Splash */
.section.splash {
  height: 100%;
  background-size: cover;
  background-position: center;
  min-height: 50vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; }
  .section.splash.has-media {
    height: 87%; }
    @media screen and (max-width: 767px) {
      .section.splash.has-media {
        height: 50%;
        margin-top: 80px; } }
  .section.splash video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .section.splash .placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 1.2s ease; }
    .section.splash .placeholder.hidden {
      opacity: 0; }
  .section.splash .btn-control {
    z-index: 2;
    transition: all 1.2s 0.8s ease; }
    @media screen and (max-width: 767px) and (orientation: portrait) {
      .section.splash .btn-control {
        margin-top: 35px; } }
    .section.splash .btn-control.hidden {
      opacity: 0;
      pointer-events: none;
      transition: all 0.4s ease; }
  .section.splash .rotate-phone {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    background-image: url(../img/svg/phone-rotate.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 1.2s 0.8s ease;
    opacity: 0;
    pointer-events: none; }
    @media screen and (max-width: 767px) and (orientation: portrait) {
      .section.splash .rotate-phone {
        opacity: 1; } }
    .section.splash .rotate-phone.hidden {
      opacity: 0;
      transition: opacity 0.4s ease; }
  .section.splash .banner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    border: 2px solid #fff; }
    @media screen and (max-width: 1023px) {
      .section.splash .banner .banner-desktop {
        display: none; } }
    .section.splash .banner .banner-mobile {
      display: none; }
      @media screen and (max-width: 1023px) {
        .section.splash .banner .banner-mobile {
          display: inline; } }
    .section.splash .banner img {
      vertical-align: top;
      max-height: calc(100vh - 180px); }
    .section.splash .banner .close {
      position: absolute;
      width: 60px;
      height: 60px;
      top: 0;
      right: 0;
      background-color: #fff; }
      @media screen and (max-width: 1023px) {
        .section.splash .banner .close {
          width: 30px;
          height: 30px; } }
      .section.splash .banner .close .close-2 {
        fill: #38383a;
        transition: all 0.4s ease; }
      .section.splash .banner .close:hover .close-2 {
        fill: #ff9800; }
    .section.splash .banner.animation {
      opacity: 0;
      transform: translate3d(-50%, -55%, 0);
      transition: all 1.2s 0.6s ease; }
  .section.splash .content {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    overflow-y: auto; }
    @media screen and (max-width: 767px) {
      .section.splash .content {
        top: 0;
        bottom: 0; } }
    .section.splash .content .inner {
      overflow: hidden;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 1299px) {
        .section.splash .content .inner {
          padding-left: 30px;
          padding-right: 30px; } }
      .section.splash .content .inner h1 {
        text-transform: uppercase;
        color: #fff;
        font-size: 56px;
        line-height: 65px;
        position: relative;
        opacity: 0;
        transform: translate3d(0, 30px, 0);
        transition: all 1.2s ease; }
        @media screen and (max-width: 1299px) {
          .section.splash .content .inner h1 {
            font-size: 46px;
            line-height: 60px; } }
        @media screen and (max-width: 1023px) {
          .section.splash .content .inner h1 {
            font-size: 36px;
            line-height: 50px; } }
        @media screen and (max-width: 767px) {
          .section.splash .content .inner h1 {
            font-size: 30px;
            line-height: 40px; } }
        .section.splash .content .inner h1 small {
          display: block;
          font-size: 18px;
          line-height: 16px;
          letter-spacing: 2px;
          margin-bottom: 15px;
          opacity: 0;
          transform: translate3d(0, 10px, 0);
          transition: all 0.8s 0.4s ease; }
          @media screen and (max-width: 1299px) {
            .section.splash .content .inner h1 small {
              position: relative;
              display: block;
              top: auto;
              font-size: 12px;
              line-height: 14px; } }
          .section.splash .content .inner h1 small.strong {
            font-size: 35px;
            line-height: 54px;
            font-family: "Knockout 72 A", "Knockout 72 B";
            font-style: normal;
            font-weight: 400; }
            @media screen and (max-width: 1299px) {
              .section.splash .content .inner h1 small.strong {
                font-size: 22px;
                line-height: 22px; } }
            @media screen and (max-width: 767px) {
              .section.splash .content .inner h1 small.strong {
                font-size: 14px; } }
        .section.splash .content .inner h1 span.move {
          opacity: 0;
          display: block;
          transform: translate3d(0, 30px, 0);
          transition: all 1s 0.2s ease; }
        .section.splash .content .inner h1.smaller {
          font-size: 20.8px;
          line-height: 25px;
          color: #fff;
          letter-spacing: 3.1px;
          max-width: 660px;
          margin: 0 auto; }
          @media screen and (max-width: 1023px) {
            .section.splash .content .inner h1.smaller {
              font-size: 17px;
              line-height: 20px; } }
          @media screen and (max-width: 767px) {
            .section.splash .content .inner h1.smaller {
              font-size: 15px;
              line-height: 17px; } }
      .section.splash .content .inner h2 {
        text-transform: uppercase;
        color: #fff;
        font-size: 20px;
        line-height: 22px;
        opacity: 0;
        transform: translate3d(0, -5px, 0);
        transition: all 0.8s 0.4s ease; }
        @media screen and (max-width: 767px) {
          .section.splash .content .inner h2 {
            font-size: 13px;
            font-family: "Knockout 32 A", "Knockout 32 B";
            font-style: normal;
            font-weight: 400; } }
      .section.splash .content .inner p {
        color: #fff;
        opacity: 0;
        transform: translate3d(0, 30px, 0);
        transition: all 1s 0.2s ease; }
        .section.splash .content .inner p.title {
          text-transform: uppercase;
          font-size: 22px;
          line-height: 26px;
          transform: translate3d(0, 0, 0);
          transition: all 0.8s 0.4s ease; }
      .section.splash .content .inner .btn-pre-text {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
        transition: all 1s 0.2s ease; }
        .section.splash .content .inner .btn-pre-text:first-of-type {
          margin-top: 60px;
          transition: all 0.8s 0.4s ease; }
          @media screen and (max-width: 1299px) {
            .section.splash .content .inner .btn-pre-text:first-of-type {
              margin-top: 30px; } }
        .section.splash .content .inner .btn-pre-text + .btn {
          margin-top: 8px !important; }
      .section.splash .content .inner .btn {
        margin-top: 25px;
        opacity: 0;
        transition: all 0.4s ease, opacity 1s 0.6s ease; }
        .section.splash .content .inner .btn + .btn {
          margin-left: 22px; }
          @media screen and (max-width: 1299px) {
            .section.splash .content .inner .btn + .btn {
              margin-left: 10px; } }
      .section.splash .content .inner .app-market-btns {
        position: absolute;
        bottom: 0;
        right: 0; }
        @media screen and (max-width: 767px) {
          .section.splash .content .inner .app-market-btns {
            position: relative; } }
        .section.splash .content .inner .app-market-btns p {
          font-size: 20px;
          color: #fff;
          margin-bottom: 5px;
          font-family: "Knockout 72 A", "Knockout 72 B";
          font-style: normal;
          font-weight: 400; }
        .section.splash .content .inner .app-market-btns a {
          margin-right: 12px;
          margin-top: 20px;
          display: inline-block;
          height: 34px;
          display: block; }
          @media screen and (max-width: 767px) {
            .section.splash .content .inner .app-market-btns a {
              margin: 5px 6px !important;
              display: inline-block; } }
          .section.splash .content .inner .app-market-btns a img {
            max-height: 100%;
            opacity: 0;
            transform: translate3d(0, 20px, 0);
            transition: all 1s 0.2s ease; }
          .section.splash .content .inner .app-market-btns a:last-child {
            margin-right: 0; }
      .section.splash .content .inner .image {
        margin-top: 40px;
        opacity: 0;
        transform: translate3d(0, 20px, 0);
        transition: all 1s 0.2s ease; }
        .section.splash .content .inner .image img {
          max-height: 100%; }
        .section.splash .content .inner .image:first-child {
          margin-top: 0; }
      .section.splash .content .inner .icons {
        margin-top: 50px; }
        .section.splash .content .inner .icons .icon-wrapper {
          float: left;
          width: 20%;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .section.splash .content .inner .icons .icon-wrapper {
              width: 40%;
              margin-bottom: 20px;
              float: none;
              display: inline-block; } }
          .section.splash .content .inner .icons .icon-wrapper .icon {
            width: 34px;
            height: 34px;
            display: inline-block;
            opacity: 0;
            transform: translate3d(0, 20px, 0);
            transition: all 0.8s 0.4s ease; }
            .section.splash .content .inner .icons .icon-wrapper .icon img {
              max-height: 100%; }
          .section.splash .content .inner .icons .icon-wrapper .text {
            font-size: 14px;
            line-height: 16px;
            text-transform: uppercase;
            text-align: center;
            margin-top: 10px;
            opacity: 0;
            font-family: "Knockout 30 A", "Knockout 30 B";
            font-style: normal;
            font-weight: 400;
            transform: translate3d(0, 20px, 0);
            transition: all 0.8s 0.6s ease; }
          .section.splash .content .inner .icons .icon-wrapper:nth-child(2n) .icon,
          .section.splash .content .inner .icons .icon-wrapper:nth-child(2n) .text {
            transition: all 0.8s 0.8s ease; }
          .section.splash .content .inner .icons .icon-wrapper:nth-child(3n) .icon,
          .section.splash .content .inner .icons .icon-wrapper:nth-child(3n) .text {
            transition: all 0.8s 1s ease; }
          .section.splash .content .inner .icons .icon-wrapper:nth-child(4n) .icon,
          .section.splash .content .inner .icons .icon-wrapper:nth-child(4n) .text {
            transition: all 0.8s 1.2s ease; }
          .section.splash .content .inner .icons .icon-wrapper:nth-child(5n) .icon,
          .section.splash .content .inner .icons .icon-wrapper:nth-child(5n) .text {
            transition: all 0.8s 1.4s ease; }
    .section.splash .content.left .inner, .section.splash .content.right .inner {
      width: 100%;
      padding-left: 60px;
      padding-right: 60px; }
      @media screen and (max-width: 767px) {
        .section.splash .content.left .inner, .section.splash .content.right .inner {
          padding-left: 30px;
          padding-right: 30px; } }
      .section.splash .content.left .inner .container, .section.splash .content.right .inner .container {
        position: relative;
        padding: 0; }
        .section.splash .content.left .inner .container > .text, .section.splash .content.right .inner .container > .text {
          display: inline-block;
          vertical-align: middle;
          width: 46%; }
          @media screen and (max-width: 1023px) {
            .section.splash .content.left .inner .container > .text, .section.splash .content.right .inner .container > .text {
              width: 100%;
              float: none;
              text-align: center; } }
          .section.splash .content.left .inner .container > .text h1 small, .section.splash .content.right .inner .container > .text h1 small {
            margin-bottom: 20px; }
            @media screen and (max-width: 1299px) {
              .section.splash .content.left .inner .container > .text h1 small, .section.splash .content.right .inner .container > .text h1 small {
                top: auto;
                margin-bottom: 10px; } }
            .section.splash .content.left .inner .container > .text h1 small.strong, .section.splash .content.right .inner .container > .text h1 small.strong {
              top: -50px; }
              @media screen and (max-width: 1299px) {
                .section.splash .content.left .inner .container > .text h1 small.strong, .section.splash .content.right .inner .container > .text h1 small.strong {
                  top: auto;
                  margin-bottom: 10px; } }
          .section.splash .content.left .inner .container > .text p, .section.splash .content.right .inner .container > .text p {
            margin-top: 56px; }
            .section.splash .content.left .inner .container > .text p.title, .section.splash .content.right .inner .container > .text p.title {
              font-size: 22px;
              line-height: 26px; }
              .section.splash .content.left .inner .container > .text p.title + p, .section.splash .content.right .inner .container > .text p.title + p {
                margin-top: 4px; }
          .section.splash .content.left .inner .container > .text .btn, .section.splash .content.right .inner .container > .text .btn {
            margin-top: 69px;
            margin-left: 0;
            margin-bottom: 0; }
          .section.splash .content.left .inner .container > .text:first-child:last-child, .section.splash .content.right .inner .container > .text:first-child:last-child {
            width: 50%; }
            @media screen and (max-width: 1023px) {
              .section.splash .content.left .inner .container > .text:first-child:last-child, .section.splash .content.right .inner .container > .text:first-child:last-child {
                width: 100%; } }
          @media screen and (max-width: 1023px) {
            .section.splash .content.left .inner .container > .text:nth-child(2), .section.splash .content.right .inner .container > .text:nth-child(2) {
              margin-top: 60px; } }
        .section.splash .content.left .inner .container .product, .section.splash .content.right .inner .container .product {
          display: inline-block;
          vertical-align: middle;
          width: 46%;
          margin-left: calc(8% - 5px);
          text-align: right; }
          @media screen and (max-width: 1023px) {
            .section.splash .content.left .inner .container .product, .section.splash .content.right .inner .container .product {
              width: 100%;
              float: right;
              margin-left: 0 !important;
              margin-right: 0 !important;
              text-align: center !important;
              position: relative; } }
          .section.splash .content.left .inner .container .product .lightbox .btn-plus, .section.splash .content.right .inner .container .product .lightbox .btn-plus {
            opacity: 0;
            left: calc(77% - 5px);
            top: 50%;
            margin-left: -22px;
            transform: translate3d(0, 30px, 0);
            transition: all 1s 0.4s ease; }
            @media screen and (max-width: 1023px) {
              .section.splash .content.left .inner .container .product .lightbox .btn-plus, .section.splash .content.right .inner .container .product .lightbox .btn-plus {
                left: 50%; } }
            @media screen and (max-width: 767px) {
              .section.splash .content.left .inner .container .product .lightbox .btn-plus, .section.splash .content.right .inner .container .product .lightbox .btn-plus {
                margin-left: -15px; } }
            .section.splash .content.left .inner .container .product .lightbox .btn-plus .plus-1, .section.splash .content.right .inner .container .product .lightbox .btn-plus .plus-1 {
              stroke: #000;
              transition: opacity 0.4s ease; }
            .section.splash .content.left .inner .container .product .lightbox .btn-plus .plus-2, .section.splash .content.right .inner .container .product .lightbox .btn-plus .plus-2 {
              fill: #000;
              transition: all 0.4s ease; }
            .section.splash .content.left .inner .container .product .lightbox .btn-plus:after, .section.splash .content.right .inner .container .product .lightbox .btn-plus:after {
              background-color: #000; }
          .section.splash .content.left .inner .container .product .lightbox:hover .btn-plus .plus-2, .section.splash .content.right .inner .container .product .lightbox:hover .btn-plus .plus-2 {
            fill: #fff; }
          .section.splash .content.left .inner .container .product .lightbox:hover .btn-plus:after, .section.splash .content.right .inner .container .product .lightbox:hover .btn-plus:after {
            left: 0%;
            top: -100%;
            opacity: 1;
            transform: rotate(0); }
          .section.splash .content.left .inner .container .product img, .section.splash .content.right .inner .container .product img {
            position: absolute;
            left: calc(77% - 5px);
            top: 50%;
            max-width: 46%;
            max-height: 100%;
            opacity: 0;
            transform: translate(-50%, -60%);
            transition: all 1.2s ease; }
            @media screen and (max-width: 1023px) {
              .section.splash .content.left .inner .container .product img, .section.splash .content.right .inner .container .product img {
                position: relative;
                left: auto !important;
                right: auto !important;
                top: auto;
                margin-left: 0 !important;
                margin-right: 0 !important;
                max-width: 50% !important;
                max-height: 50vh;
                transform: translate(0, -10%); } }
            @media screen and (max-width: 767px) {
              .section.splash .content.left .inner .container .product img, .section.splash .content.right .inner .container .product img {
                max-width: 100% !important; } }
            .section.splash .content.left .inner .container .product img.indent, .section.splash .content.right .inner .container .product img.indent {
              max-width: calc(46% - 130px);
              margin-left: -70px;
              min-height: 300px; }
              @media screen and (max-width: 1299px) {
                .section.splash .content.left .inner .container .product img.indent, .section.splash .content.right .inner .container .product img.indent {
                  min-height: 0; } }
          .section.splash .content.left .inner .container .product .btn-wrapper, .section.splash .content.right .inner .container .product .btn-wrapper {
            max-width: 35%;
            display: inline-block;
            text-align: left; }
            @media screen and (max-width: 1023px) {
              .section.splash .content.left .inner .container .product .btn-wrapper, .section.splash .content.right .inner .container .product .btn-wrapper {
                max-width: none;
                display: block;
                text-align: center; } }
          .section.splash .content.left .inner .container .product:first-child:last-child, .section.splash .content.right .inner .container .product:first-child:last-child {
            width: 50%; }
            @media screen and (max-width: 1299px) {
              .section.splash .content.left .inner .container .product:first-child:last-child, .section.splash .content.right .inner .container .product:first-child:last-child {
                margin-right: 0; } }
          @media screen and (max-width: 1023px) {
            .section.splash .content.left .inner .container .product:nth-child(2), .section.splash .content.right .inner .container .product:nth-child(2) {
              margin-top: 60px; } }
    .section.splash .content.right .inner .container .product {
      margin-left: 0;
      margin-right: calc(8% - 5px);
      text-align: left; }
      .section.splash .content.right .inner .container .product .lightbox .btn-plus {
        left: 23%; }
      .section.splash .content.right .inner .container .product img {
        left: 23%; }
        .section.splash .content.right .inner .container .product img.indent {
          margin-left: 70px; }
        @media screen and (max-width: 1299px) {
          .section.splash .content.right .inner .container .product img:first-child:last-child {
            margin-left: 0; } }
    .section.splash .content.from-center .inner {
      width: 40%;
      max-width: 650px;
      margin-left: 50%; }
      @media screen and (max-width: 1023px) {
        .section.splash .content.from-center .inner {
          width: 100%;
          max-width: 100%;
          margin-left: 0;
          text-align: center; } }
      .section.splash .content.from-center .inner p {
        margin-top: 56px; }
      .section.splash .content.from-center .inner .btn {
        margin-left: 0; }
    .section.splash .content.center {
      text-align: center; }
      .section.splash .content.center .inner {
        width: 60%; }
        @media screen and (max-width: 1299px) {
          .section.splash .content.center .inner {
            width: 100%; } }
        .section.splash .content.center .inner h1 small {
          font-size: 22px;
          line-height: 24px;
          width: 100%;
          margin-bottom: 10px; }
          @media screen and (max-width: 1299px) {
            .section.splash .content.center .inner h1 small {
              font-size: 12px;
              line-height: 14px;
              top: auto;
              margin-bottom: 10px; } }
        .section.splash .content.center .inner h2 {
          margin-top: 10px; }
          .section.splash .content.center .inner h2 + p {
            margin-top: 52px;
            text-transform: none;
            font-family: 'FuturaLT';
            font-weight: 300; }
            @media screen and (max-width: 1299px) {
              .section.splash .content.center .inner h2 + p {
                margin-top: 40px; } }
          .section.splash .content.center .inner h2 + p + .btn {
            margin-top: 50px; }
            @media screen and (max-width: 1299px) {
              .section.splash .content.center .inner h2 + p + .btn {
                margin-top: 40px; } }
        .section.splash .content.center .inner p {
          margin: 10px auto 0;
          margin-top: 30px;
          font-family: "FuturaLT"; }
          @media screen and (max-width: 767px) {
            .section.splash .content.center .inner p {
              max-width: none; } }
          .section.splash .content.center .inner p strong {
            font-family: "Knockout 72 A", "Knockout 72 B";
            font-style: normal;
            font-weight: 400; }
          .section.splash .content.center .inner p.text-only {
            margin-top: 0;
            max-width: 70%;
            font-size: 15px;
            line-height: 22px;
            text-transform: none;
            font-family: "Knockout 32 A", "Knockout 32 B";
            font-style: normal;
            font-weight: 400; }
        .section.splash .content.center .inner .btn {
          margin-top: 30px; }
    .section.splash .content.dark .inner h1,
    .section.splash .content.dark .inner h2 {
      color: #2f2f2f; }
    .section.splash .content.dark .inner p {
      color: #696969; }
      .section.splash .content.dark .inner p.title {
        color: #38383a; }
    .section.splash .content.dark .inner .app-market-btns p {
      color: #000; }
    .section.splash .content.dark.has-bg-image p {
      color: #38383a; }
    .section.splash .content.product-big {
      overflow: hidden; }
      .section.splash .content.product-big .inner {
        overflow: visible; }
        @media screen and (max-width: 1023px) {
          .section.splash .content.product-big .inner .container .product {
            margin-top: 10px !important; } }
        .section.splash .content.product-big .inner .container .product img {
          width: 100%;
          max-height: none; }
    .section.splash .content:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      margin-left: -6px; }
  .section.splash.auto {
    height: auto; }
    .section.splash.auto .content {
      position: relative;
      top: auto;
      bottom: auto;
      padding: 80px 0;
      overflow: hidden; }
      @media screen and (max-width: 1299px) {
        .section.splash.auto .content {
          padding: 80px 0; } }
      @media screen and (max-width: 767px) {
        .section.splash.auto .content {
          padding: 60px 0; } }
      .section.splash.auto .content .inner {
        overflow: visible; }
  .section.splash.stretched {
    height: auto; }
    .section.splash.stretched .content {
      position: relative;
      top: auto;
      bottom: auto;
      padding: 30px 0; }
      @media screen and (max-width: 1023px) {
        .section.splash.stretched .content {
          padding: 80px 0; } }
      @media screen and (max-width: 767px) {
        .section.splash.stretched .content {
          padding: 60px 0; } }
      .section.splash.stretched .content .inner .container .product {
        min-height: 500px; }
        @media screen and (max-width: 1023px) {
          .section.splash.stretched .content .inner .container .product {
            min-height: 0; } }
      .section.splash.stretched .content.center {
        padding: 60px 0; }
        .section.splash.stretched .content.center .inner .image {
          height: auto;
          margin-bottom: 40px; }
          .section.splash.stretched .content.center .inner .image img {
            max-width: 50%; }
            @media screen and (max-width: 767px) {
              .section.splash.stretched .content.center .inner .image img {
                max-width: 100%; } }
        .section.splash.stretched .content.center .inner p {
          font-size: 15px;
          line-height: 22px;
          margin: 10px auto 0;
          text-transform: none; }

body.pace-done .section.splash .banner.animated {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0); }

body.pace-done .section.splash .content.animated .inner h1 {
  opacity: 1;
  transform: translate3d(0, 0, 0); }
  body.pace-done .section.splash .content.animated .inner h1 small,
  body.pace-done .section.splash .content.animated .inner h1 span.move {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner h2 {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner p {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner .btn-pre-text {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner .btn {
  opacity: 1; }

body.pace-done .section.splash .content.animated .inner .app-market-btns a img {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner .image {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner .icons .icon-wrapper .icon {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner .icons .icon-wrapper .text {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner .container .product .lightbox .btn-plus {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

body.pace-done .section.splash .content.animated .inner .container .product img {
  opacity: 1;
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 1023px) {
    body.pace-done .section.splash .content.animated .inner .container .product img {
      transform: translate(0, 0); } }

@media screen and (max-width: 767px) {
  body > .section.splash:not(.has-video):not(.fullscreen) {
    height: auto; } }

@media screen and (max-width: 767px) {
  body > .section.splash:not(.has-video):not(.fullscreen) .content {
    position: relative;
    top: 0;
    bottom: 0; } }

.single-stories .section.splash .content .inner h2 {
  font-size: 20px;
  margin-top: 30px;
  font-family: "Knockout 30 A", "Knockout 30 B";
  font-style: normal;
  font-weight: 400; }

.media-quotes {
  height: 13%;
  background-color: #f7f3ed; }
  @media screen and (max-width: 1023px) {
    .media-quotes {
      display: none; } }
  .media-quotes .quotes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%; }
    .media-quotes .quotes .quote {
      align-self: center;
      max-width: 280px;
      text-align: center;
      position: relative; }
      .media-quotes .quotes .quote .text {
        visibility: hidden;
        font-size: 15px;
        font-weight: 300;
        font-family: 'FuturaLT';
        color: #4d4d4d;
        width: 160px;
        margin: 0 auto;
        position: absolute;
        top: -10px;
        transition: all 0.3s ease-in-out;
        opacity: 0; }
      .media-quotes .quotes .quote .logo {
        margin: 0 auto;
        opacity: 1;
        width: 160px;
        transition: all 0.5s ease-in-out; }
      .media-quotes .quotes .quote:hover .text {
        visibility: visible;
        opacity: 1; }
      .media-quotes .quotes .quote:hover .logo {
        visibility: hidden;
        opacity: 0; }
    .media-quotes .quotes .quote:nth-child(-n+2) {
      margin-right: auto; }
    .media-quotes .quotes .quote:nth-last-of-type(-n+2) {
      margin-left: auto; }
  .media-quotes .scroll-down {
    bottom: 45%;
    width: 100px; }
    .media-quotes .scroll-down .text {
      font-size: 12px;
      font-weight: bold;
      z-index: 1;
      margin-bottom: 10px; }
    .media-quotes .scroll-down .icon {
      z-index: 1;
      -webkit-transition: all 0.5s;
      /* Safari */ }
      .media-quotes .scroll-down .icon svg * {
        transition: all 0.5s; }
    .media-quotes .scroll-down .arrow-shadow {
      display: inline-block;
      position: absolute;
      -ms-transform: rotate(51.2deg) skew(15deg, 0deg);
      -webkit-transform: rotate(51.2deg) skew(15deg, 0deg);
      transform: rotate(51.2deg) skew(15deg, 0deg);
      transform-origin: center center;
      height: 100px;
      width: 100px;
      left: 0;
      z-index: 0;
      top: -75px;
      -webkit-animation: mymove 3s infinite;
      box-shadow: 45px 45px 30px -45px rgba(0, 0, 0, 0.3), 35px 35px 25px -35px rgba(0, 0, 0, 0.25), 25px 25px 22px -25px rgba(0, 0, 0, 0.07), 20px 20px 7px -20px rgba(0, 0, 0, 0.05);
      -webkit-transition: all 0.5s;
      /* Safari */
      transition: all 0.5s; }
    .media-quotes .scroll-down:hover .text {
      color: #000; }
    .media-quotes .scroll-down:hover .arrow-shadow {
      transform: rotate(51.2deg) skew(15deg, 0deg) translate(-3px, -3px);
      box-shadow: 45px 45px 30px -45px rgba(0, 0, 0, 0.35), 35px 35px 25px -35px rgba(0, 0, 0, 0.28), 25px 25px 22px -25px rgba(0, 0, 0, 0.09), 20px 20px 7px -20px rgba(0, 0, 0, 0.07); }

@-webkit-keyframes mymove {
  0% {
    opacity: 0; }
  50% {
    opacity: 1;
    transform: rotate(51.2deg) skew(15deg, 0deg) translate(5px, 5px); }
  100% {
    opacity: 0; } }

@keyframes mymove {
  0% {
    opacity: 0; }
  50% {
    opacity: 1;
    transform: rotate(51.2deg) skew(15deg, 0deg) translate(5px, 5px); }
  100% {
    opacity: 0; } }

/* Section: Splash Slider */
.section.splash-slider {
  height: 70%;
  min-height: 580px; }
  @media screen and (max-width: 1023px) {
    .section.splash-slider {
      height: 60%;
      min-height: auto; } }
  .section.splash-slider .swiper-overlay {
    z-index: 2;
    height: 100%;
    width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    justify-content: center; }
    @media screen and (max-width: 1023px) {
      .section.splash-slider .swiper-overlay {
        height: 100%; } }
    .section.splash-slider .swiper-overlay .wrapper-centered {
      max-width: 960px;
      padding-bottom: 60px;
      width: 100%;
      margin-left: 30px;
      margin-right: 30px;
      position: relative;
      text-align: right; }
      @media screen and (max-width: 1023px) {
        .section.splash-slider .swiper-overlay .wrapper-centered {
          margin-top: 0; } }
      @media screen and (max-width: 767px) {
        .section.splash-slider .swiper-overlay .wrapper-centered {
          max-height: 340px; } }
      .section.splash-slider .swiper-overlay .wrapper-centered .logo {
        text-align: center;
        position: absolute;
        top: 20%;
        margin: 0 auto;
        left: 50%; }
        @media screen and (max-width: 767px) {
          .section.splash-slider .swiper-overlay .wrapper-centered .logo {
            top: 15%; } }
        .section.splash-slider .swiper-overlay .wrapper-centered .logo svg {
          position: relative;
          left: -50%; }
      .section.splash-slider .swiper-overlay .wrapper-centered .overlay-header {
        font-size: 42px;
        font-weight: 500;
        letter-spacing: 3.1px;
        color: #fff;
        line-height: 1.4; }
        @media screen and (max-width: 767px) {
          .section.splash-slider .swiper-overlay .wrapper-centered .overlay-header {
            font-size: 24px; } }
    .section.splash-slider .swiper-overlay .buttons {
      display: block;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .section.splash-slider .swiper-overlay .buttons {
          bottom: 15px;
          padding-right: 0; } }
      .section.splash-slider .swiper-overlay .buttons .btns .btn {
        margin-left: 10px;
        margin-right: 10px; }
        @media screen and (max-width: 767px) {
          .section.splash-slider .swiper-overlay .buttons .btns .btn {
            margin-right: 0; } }
        .section.splash-slider .swiper-overlay .buttons .btns .btn span {
          display: inline-block; }
        .section.splash-slider .swiper-overlay .buttons .btns .btn:hover {
          color: #000; }
      .section.splash-slider .swiper-overlay .buttons .social-media-icons {
        position: relative;
        left: -50%;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-top: 5vh;
        max-width: 180px;
        text-align: center; }
        .section.splash-slider .swiper-overlay .buttons .social-media-icons a svg {
          height: 17px; }
        .section.splash-slider .swiper-overlay .buttons .social-media-icons a:first-child {
          float: left; }
        .section.splash-slider .swiper-overlay .buttons .social-media-icons a:last-child {
          float: right; }
    .section.splash-slider .swiper-overlay .swiper-dots {
      position: absolute;
      height: 8px;
      width: 100%;
      left: 0;
      bottom: 5%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center; }
      .section.splash-slider .swiper-overlay .swiper-dots .dot {
        border-radius: 100%;
        height: 4px;
        width: 4px;
        background-color: #fff;
        display: inline-block;
        margin: 0 10px;
        align-self: center; }
      .section.splash-slider .swiper-overlay .swiper-dots .dot.active {
        height: 8px;
        width: 8px; }
  .section.splash-slider .swiper-wrapper {
    height: 100%;
    padding-top: 80px;
    box-sizing: border-box; }
    @media screen and (max-width: 1023px) {
      .section.splash-slider .swiper-wrapper {
        height: 100%; } }
    .section.splash-slider .swiper-wrapper .section.splash {
      background-position: 20%; }
  .section.splash-slider .content {
    padding: 0 104px; }
    @media screen and (max-width: 1299px) {
      .section.splash-slider .content {
        padding: 0 74px; } }
    @media screen and (max-width: 767px) {
      .section.splash-slider .content {
        padding: 0 10px; } }
    @media screen and (max-width: 767px) {
      .section.splash-slider .content .inner .btn + .btn {
        margin: 10px 0 0 0; } }
  .section.splash-slider .swiper-buttons {
    margin: 0 auto;
    z-index: 2;
    padding-top: 20px;
    width: 100%;
    max-width: 1140px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%); }
    @media screen and (max-width: 1440px) {
      .section.splash-slider .swiper-buttons {
        width: 80%; } }
    @media screen and (max-width: 1023px) {
      .section.splash-slider .swiper-buttons {
        width: 90%;
        padding-top: 40px; } }
    @media screen and (max-width: 767px) {
      .section.splash-slider .swiper-buttons {
        display: none; } }
    .section.splash-slider .swiper-buttons .swiper-button-prev {
      float: left; }
      @media screen and (max-width: 1480px) {
        .section.splash-slider .swiper-buttons .swiper-button-prev {
          left: 10px; } }
    .section.splash-slider .swiper-buttons .swiper-button-next {
      float: right; }
      @media screen and (max-width: 1480px) {
        .section.splash-slider .swiper-buttons .swiper-button-next {
          right: 10px; } }
    .section.splash-slider .swiper-buttons .swiper-button-prev,
    .section.splash-slider .swiper-buttons .swiper-button-next {
      position: relative;
      margin-top: 0; }
      @media screen and (max-width: 1023px) {
        .section.splash-slider .swiper-buttons .swiper-button-prev,
        .section.splash-slider .swiper-buttons .swiper-button-next {
          margin-top: -20px; } }
      .section.splash-slider .swiper-buttons .swiper-button-prev svg *,
      .section.splash-slider .swiper-buttons .swiper-button-next svg * {
        stroke: #fff; }
  .section.splash-slider.auto-height {
    height: auto; }

.scroll-down-container {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .scroll-down-container .scroll-down {
    width: 100px;
    margin-top: -10px;
    position: relative; }
    .scroll-down-container .scroll-down .text {
      font-size: 12px;
      font-weight: bold;
      z-index: 1;
      margin-bottom: 10px; }
    .scroll-down-container .scroll-down .icon {
      z-index: 1;
      -webkit-transition: all 0.5s;
      /* Safari */ }
      .scroll-down-container .scroll-down .icon svg * {
        transition: all 0.5s; }
    .scroll-down-container .scroll-down .arrow-shadow {
      display: inline-block;
      position: absolute;
      -ms-transform: rotate(51.2deg) skew(15deg, 0deg);
      -webkit-transform: rotate(51.2deg) skew(15deg, 0deg);
      transform: rotate(51.2deg) skew(15deg, 0deg);
      transform-origin: center center;
      height: 100px;
      width: 100px;
      left: 0;
      z-index: 0;
      top: -62px;
      -webkit-animation: mymove 3s infinite;
      box-shadow: 45px 45px 30px -45px rgba(0, 0, 0, 0.3), 35px 35px 25px -35px rgba(0, 0, 0, 0.25), 25px 25px 22px -25px rgba(0, 0, 0, 0.07), 20px 20px 7px -20px rgba(0, 0, 0, 0.05);
      -webkit-transition: all 0.5s;
      /* Safari */
      transition: all 0.5s; }
    .scroll-down-container .scroll-down:hover .text {
      color: #000; }
    .scroll-down-container .scroll-down:hover .arrow-shadow {
      transform: rotate(51.2deg) skew(15deg, 0deg) translate(-3px, -3px);
      box-shadow: 45px 45px 30px -45px rgba(0, 0, 0, 0.35), 35px 35px 25px -35px rgba(0, 0, 0, 0.28), 25px 25px 22px -25px rgba(0, 0, 0, 0.09), 20px 20px 7px -20px rgba(0, 0, 0, 0.07); }

@-webkit-keyframes mymove {
  0% {
    opacity: 0; }
  50% {
    opacity: 1;
    transform: rotate(51.2deg) skew(15deg, 0deg) translate(5px, 5px); }
  100% {
    opacity: 0; } }

@keyframes mymove {
  0% {
    opacity: 0; }
  50% {
    opacity: 1;
    transform: rotate(51.2deg) skew(15deg, 0deg) translate(5px, 5px); }
  100% {
    opacity: 0; } }

/* Section: Steps */
.section.steps {
  padding: 60px 0; }
  @media screen and (max-width: 767px) {
    .section.steps {
      padding: 40px 0; } }
  .section.steps .concept-container {
    overflow: hidden;
    margin-bottom: 69px; }
    .section.steps .concept-container .text {
      width: 35%;
      float: left;
      max-width: 280px; }
      @media screen and (max-width: 767px) {
        .section.steps .concept-container .text {
          float: none;
          width: 100%;
          max-width: 100%; } }
      .section.steps .concept-container .text h2 {
        font-size: 33px;
        line-height: 35px;
        text-transform: uppercase;
        color: #f3c734; }
      .section.steps .concept-container .text p {
        margin-top: 50px;
        font-size: 16.7px;
        letter-spacing: 0.8px; }
        @media screen and (max-width: 767px) {
          .section.steps .concept-container .text p {
            float: none;
            width: 100%;
            padding: 0;
            margin-top: 20px; } }
    .section.steps .concept-container .image {
      display: flex;
      align-items: center;
      width: 65%;
      float: right;
      padding: 0 25px; }
      .section.steps .concept-container .image img {
        width: 100%; }
      @media screen and (max-width: 767px) {
        .section.steps .concept-container .image {
          float: none;
          width: 100%;
          padding: 0;
          margin-top: 20px; } }
  .section.steps .steps-container {
    overflow: visible; }
    .section.steps .steps-container .step {
      width: 20%;
      float: left;
      position: relative;
      opacity: 0;
      transition: all 0.8s ease; }
      @media screen and (max-width: 767px) {
        .section.steps .steps-container .step {
          float: none;
          width: 100%;
          margin-top: 32px;
          margin-bottom: 32px; } }
      .section.steps .steps-container .step .symbol {
        float: left;
        width: 50%;
        height: 1px; }
        @media screen and (max-width: 767px) {
          .section.steps .steps-container .step .symbol {
            display: none; } }
        .section.steps .steps-container .step .symbol:after {
          content: '';
          position: absolute;
          left: 25%;
          top: 50%;
          width: 50%;
          height: 80px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          opacity: 0;
          transform: translate3d(-60%, -50%, 0);
          transition: all 0.8s 1s ease; }
          @media screen and (max-width: 1023px) {
            .section.steps .steps-container .step .symbol:after {
              width: 30%; } }
        .section.steps .steps-container .step .symbol.arrow:after {
          height: 50px;
          background-image: url(../img/layout/steps-arrow.png); }
        .section.steps .steps-container .step .symbol.waves:after {
          height: 75px;
          background-image: url(../img/layout/steps-waves.png); }
        .section.steps .steps-container .step .symbol.animated:after {
          opacity: 1;
          transform: translate3d(-50%, -50%, 0); }
      .section.steps .steps-container .step .content {
        float: left; }
        @media screen and (max-width: 767px) {
          .section.steps .steps-container .step .content {
            float: none; } }
        .section.steps .steps-container .step .content h3 {
          font-size: 21px;
          line-height: 21px;
          margin-bottom: 20px;
          text-transform: uppercase;
          letter-spacing: 1px;
          opacity: 0;
          transform: translate3d(0, -30px, 0);
          transition: all 1.2s ease;
          text-align: center;
          color: #f3c734; }
          @media screen and (max-width: 767px) {
            .section.steps .steps-container .step .content h3 {
              transition-delay: 0s !important; } }
        .section.steps .steps-container .step .content .image {
          margin-top: 32px;
          margin-bottom: 32px;
          height: 300px;
          text-align: center; }
          .section.steps .steps-container .step .content .image img {
            height: 100%;
            width: auto;
            opacity: 0;
            transform: translate3d(0, 30px, 0);
            transition: all 1.2s ease; }
            @media screen and (max-width: 767px) {
              .section.steps .steps-container .step .content .image img {
                transition-delay: 0s !important; } }
        .section.steps .steps-container .step .content .text {
          font-size: 17px;
          line-height: 19px;
          letter-spacing: 0.8px;
          margin-top: 15px;
          opacity: 0;
          transform: translate3d(0, 20px, 0);
          transition: all 1s 0.6s ease; }
          @media screen and (max-width: 767px) {
            .section.steps .steps-container .step .content .text {
              transition-delay: 0.6s !important;
              text-align: center; } }
      .section.steps .steps-container .step:not(.symbol-none) {
        width: 40%; }
        @media screen and (max-width: 767px) {
          .section.steps .steps-container .step:not(.symbol-none) {
            width: 100%; } }
        .section.steps .steps-container .step:not(.symbol-none) .content {
          width: 50%; }
          @media screen and (max-width: 767px) {
            .section.steps .steps-container .step:not(.symbol-none) .content {
              width: 100%; } }
      .section.steps .steps-container .step:nth-child(2) .symbol:after {
        transition-delay: 1.2s; }
      .section.steps .steps-container .step:nth-child(2) .content h3, .section.steps .steps-container .step:nth-child(2) .content .image img {
        transition-delay: 0.2s; }
      .section.steps .steps-container .step:nth-child(2) .content .text {
        transition-delay: 0.8s; }
      .section.steps .steps-container .step:nth-child(3) .symbol:after {
        transition-delay: 1.4s; }
      .section.steps .steps-container .step:nth-child(3) .content h3, .section.steps .steps-container .step:nth-child(3) .content .image img {
        transition-delay: 0.4s; }
      .section.steps .steps-container .step:nth-child(3) .content .text {
        transition-delay: 1s; }
      .section.steps .steps-container .step.animated {
        opacity: 1; }
        .section.steps .steps-container .step.animated h3,
        .section.steps .steps-container .step.animated .image img,
        .section.steps .steps-container .step.animated .text {
          opacity: 1;
          transform: translate3d(0, 0, 0); }
    .section.steps .steps-container .swiper-button-prev {
      display: none; }
      @media screen and (max-width: 767px) {
        .section.steps .steps-container .swiper-button-prev {
          position: absolute;
          display: block;
          left: 10px; } }
    .section.steps .steps-container .swiper-button-next {
      display: none; }
      @media screen and (max-width: 767px) {
        .section.steps .steps-container .swiper-button-next {
          position: absolute;
          display: block;
          right: 10px; } }

/* Section: Story Teaser */
.section.story-teaser .content {
  position: absolute;
  color: #fff;
  right: 70px;
  bottom: 70px;
  max-width: 400px;
  z-index: 1; }
  @media screen and (max-width: 1299px) {
    .section.story-teaser .content {
      left: 40px;
      bottom: 40px; } }
  .section.story-teaser .content .date {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    transition: all 1.4s 0.4s ease;
    font-family: "Knockout 30 A", "Knockout 30 B";
    font-style: normal;
    font-weight: 400; }
  .section.story-teaser .content h2 {
    text-transform: uppercase;
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    transition: all 1.6s ease; }
  .section.story-teaser .content p {
    margin-top: 25px;
    line-height: 160%;
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    transition: all 1.2s 0.4s ease; }
  .section.story-teaser .content .btn {
    margin-top: 40px;
    opacity: 0;
    transition: all 0.4s ease, opacity 1.2s 0.4s ease; }
  .section.story-teaser .content.animated .date,
  .section.story-teaser .content.animated h2,
  .section.story-teaser .content.animated p {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  .section.story-teaser .content.animated .btn {
    opacity: 1; }

.section.story-teaser .story {
  background-size: cover;
  background-position: center;
  height: 830px;
  position: relative; }
  @media screen and (max-width: 1440px) {
    .section.story-teaser .story {
      height: 600px; } }
  @media screen and (max-width: 767px) {
    .section.story-teaser .story {
      height: 400px; } }
  .section.story-teaser .story.story-1 {
    margin: 17px 17px 0 0;
    width: calc(65% - 17px);
    float: left; }
    @media screen and (max-width: 1299px) {
      .section.story-teaser .story.story-1 {
        width: calc(60% - 17px); } }
    @media screen and (max-width: 1023px) {
      .section.story-teaser .story.story-1 {
        width: 100%;
        margin: 0; } }
    .section.story-teaser .story.story-1 .content {
      left: 70px; }
      @media screen and (max-width: 1299px) {
        .section.story-teaser .story.story-1 .content {
          left: 40px; } }
    .section.story-teaser .story.story-1:after {
      max-width: 540px; }
      @media screen and (max-width: 1299px) {
        .section.story-teaser .story.story-1:after {
          max-width: none; } }
  .section.story-teaser .story.story-2 {
    margin-top: 17px;
    width: 35%;
    float: left; }
    @media screen and (max-width: 1299px) {
      .section.story-teaser .story.story-2 {
        width: 40%; } }
    @media screen and (max-width: 1023px) {
      .section.story-teaser .story.story-2 {
        width: 100%; } }
    .section.story-teaser .story.story-2 .content {
      left: 70px; }
      @media screen and (max-width: 1299px) {
        .section.story-teaser .story.story-2 .content {
          left: 40px; } }
  .section.story-teaser .story:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 75%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75)); }

.section.story-teaser.single {
  border-top: 8px solid #38383a;
  border-bottom: 8px solid #38383a;
  padding: 17px 0; }
  @media screen and (max-width: 1023px) {
    .section.story-teaser.single {
      border-top-width: 5px;
      border-bottom-width: 5px;
      padding: 7px 0; } }

.section.time-zone {
  padding: 60px 0;
  min-height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 90%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: row;
  align-items: center;
  justify-content: center;
  background-color: #f7f3ed; }
  .section.time-zone .container {
    padding-top: 20px;
    max-width: 960px;
    text-align: center; }
    .section.time-zone .container .wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .section.time-zone .container .wrapper .text {
        width: 60%;
        text-align: left; }
        .section.time-zone .container .wrapper .text h2 {
          margin-bottom: 50px;
          color: #343434; }
      .section.time-zone .container .wrapper .icon {
        width: 40%; }
        @media screen and (max-width: 767px) {
          .section.time-zone .container .wrapper .icon {
            margin-top: 40px; } }
        .section.time-zone .container .wrapper .icon img {
          max-width: 180px; }
      @media screen and (max-width: 767px) {
        .section.time-zone .container .wrapper .icon, .section.time-zone .container .wrapper .text {
          width: 100%; } }

/* Section: Teaser */
.section.teaser {
  padding: 80px 0; }
  @media screen and (max-width: 1023px) {
    .section.teaser {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    .section.teaser {
      padding: 40px 0; } }
  .section.teaser .container h2 {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 80px; }
    @media screen and (max-width: 1023px) {
      .section.teaser .container h2 {
        margin-bottom: 40px; } }
    @media screen and (max-width: 767px) {
      .section.teaser .container h2 {
        margin-bottom: 20px; } }
  .section.teaser .container .teaser-container {
    overflow: visible; }
    @media screen and (max-width: 767px) {
      .section.teaser .container .teaser-container {
        overflow: hidden;
        margin-left: -30px;
        width: calc(100% + 60px);
        padding: 0 50px; } }
    .section.teaser .container .teaser-container .teaser {
      width: 50%;
      float: left; }
      @media screen and (max-width: 767px) {
        .section.teaser .container .teaser-container .teaser {
          width: 100%; } }
      .section.teaser .container .teaser-container .teaser .image {
        width: 55%;
        display: inline-block;
        vertical-align: top;
        margin-top: -10px; }
        @media screen and (max-width: 1023px) {
          .section.teaser .container .teaser-container .teaser .image {
            width: 100%;
            margin: 0 0 30px;
            text-align: center; } }
        .section.teaser .container .teaser-container .teaser .image img {
          opacity: 0;
          transform: translate3d(0, -30px, 0);
          transition: all 1.2s ease; }
      .section.teaser .container .teaser-container .teaser .text {
        width: 40%;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 1023px) {
          .section.teaser .container .teaser-container .teaser .text {
            width: 100%;
            margin-right: 0;
            text-align: center; } }
        .section.teaser .container .teaser-container .teaser .text h4 {
          text-transform: uppercase;
          color: #f3c734;
          opacity: 0;
          transform: translate3d(0, 30px, 0);
          transition: all 1.2s ease; }
          .section.teaser .container .teaser-container .teaser .text h4 small {
            display: block;
            font-size: 14px;
            line-height: 16px;
            letter-spacing: 2px;
            margin-bottom: 5px;
            opacity: 0;
            font-family: "Knockout 30 A", "Knockout 30 B";
            font-style: normal;
            font-weight: 400;
            transform: translate3d(0, 10px, 0);
            transition: all 0.8s 0.4s ease; }
            @media screen and (max-width: 1299px) {
              .section.teaser .container .teaser-container .teaser .text h4 small {
                position: relative;
                display: block;
                top: auto;
                font-size: 12px;
                line-height: 14px; } }
        .section.teaser .container .teaser-container .teaser .text p {
          width: 100%;
          margin-top: 36px;
          font-size: 17px;
          line-height: 22px;
          letter-spacing: 0.8px;
          opacity: 0;
          transform: translate3d(0, 30px, 0);
          transition: all 1s 0.2s ease; }
        .section.teaser .container .teaser-container .teaser .text .btn {
          margin-top: 20px;
          opacity: 0;
          transition: all 0.4s ease, opacity 1s 0.6s ease; }
      .section.teaser .container .teaser-container .teaser:last-child {
        float: right; }
      .section.teaser .container .teaser-container .teaser.animated .image img {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
      .section.teaser .container .teaser-container .teaser.animated .text h4,
      .section.teaser .container .teaser-container .teaser.animated .text h4 small,
      .section.teaser .container .teaser-container .teaser.animated .text p {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
      .section.teaser .container .teaser-container .teaser.animated .text .btn {
        opacity: 1; }
      .section.teaser .container .teaser-container .teaser:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        margin-left: -4px; }

/* Section: Text */
.section.text {
  padding: 60px 0;
  text-align: center; }
  .section.text .container {
    position: relative; }
    .section.text .container .content h2 {
      text-transform: uppercase;
      margin-bottom: 40px; }
    .section.text .container .content p {
      font-size: 16px;
      line-height: 18px; }
    .section.text .container .content.grey p {
      color: #696969; }
    .section.text .container .content.white > * {
      color: #fff; }
    .section.text .container .content.one-column {
      padding: 80px 0; }
      @media screen and (max-width: 1299px) {
        .section.text .container .content.one-column {
          padding: 40px 0; } }
      @media screen and (max-width: 1023px) {
        .section.text .container .content.one-column {
          padding: 0; } }
      .section.text .container .content.one-column > * {
        max-width: 780px;
        text-align: left;
        margin-left: auto;
        margin-right: auto; }
    .section.text .container .content.two-columns {
      text-align: left;
      padding: 80px 0; }
      @media screen and (max-width: 1299px) {
        .section.text .container .content.two-columns {
          padding: 40px 0; } }
      @media screen and (max-width: 1023px) {
        .section.text .container .content.two-columns {
          padding: 0; } }
      .section.text .container .content.two-columns .column {
        width: 46%;
        float: left; }
        @media screen and (max-width: 767px) {
          .section.text .container .content.two-columns .column {
            width: 100%; } }
        .section.text .container .content.two-columns .column:last-child {
          margin-left: 8%; }
          @media screen and (max-width: 767px) {
            .section.text .container .content.two-columns .column:last-child {
              margin: 20px 0 0 0; } }

/* Section: Video */
.section.video {
  position: relative; }
  .section.video video {
    vertical-align: top;
    width: 100%; }
  .section.video .btn-control.play.pause {
    visibility: hidden;
    transition: none; }
  .section.video .btn-control.play {
    height: 40px;
    width: 40px; }
  .section.video .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
    .section.video .overlay.placeholder {
      transition: all 1.2s ease; }
      .section.video .overlay.placeholder.hidden {
        opacity: 0; }

/* 404 */
.app-registration {
  background-color: #252633;
  font-family: "HelveticaNeueLTStd-Th";
  font-weight: normal;
  font-style: normal; }
  .app-registration h1 {
    text-transform: uppercase;
    color: #7d7fa0;
    text-align: center;
    font-size: 18px;
    line-height: 120%;
    padding: 40px 7% 20px;
    font-family: "FuturaBT-Medium";
    font-weight: normal;
    font-style: normal; }
  .app-registration .row {
    padding: 0 7%;
    margin-top: 10px; }
    .app-registration .row .field {
      float: left;
      width: 50%; }
      .app-registration .row .field:first-child:last-child {
        width: 100%; }
      .app-registration .row .field + .field input {
        border-left: 3px solid #252633; }
      .app-registration .row .field + .field .error {
        padding-left: 3px; }
  .app-registration form {
    padding-bottom: 104px; }
    .app-registration form label {
      color: #7c7f89;
      font-size: 16px;
      margin-bottom: 3px;
      display: block; }
    .app-registration form input,
    .app-registration form select {
      width: 100%;
      background-color: #2a2e3b;
      border: none;
      padding: 20px 15px;
      color: #7d7fa0;
      font-size: 16px;
      border-radius: 0;
      -webkit-appearance: none; }
    .app-registration form .error {
      width: 100%;
      float: left;
      color: #b97474;
      margin-top: 5px; }
    .app-registration form .date input {
      float: left;
      width: calc(100% / 3);
      text-align: center;
      border-right: 3px solid #252633; }
      .app-registration form .date input:last-child {
        border-right: none; }
  .app-registration .submit {
    position: fixed;
    bottom: 0;
    left: 0;
    float: left;
    width: 100%;
    padding: 24px 6.8%;
    text-align: center;
    background-color: #2a2e3b;
    color: #7c7f89;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.4s ease;
    font-family: "FuturaBT-Medium";
    font-weight: normal;
    font-style: normal; }
    .app-registration .submit:hover {
      background-color: #1b1d27; }
    .app-registration .submit.hidden {
      transform: translate3d(0, 100%, 0); }

/* Footer */
#footer {
  background-color: #f7f3ed;
  position: relative;
  z-index: 9; }
  #footer .boxes {
    padding: 0 0;
    max-width: 1660px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-flow: row wrap; }
    @media screen and (max-width: 1299px) {
      #footer .boxes {
        padding: 20px 60px; } }
    @media screen and (max-width: 1023px) {
      #footer .boxes {
        padding: 20px 80px;
        text-align: center; } }
    @media screen and (max-width: 767px) {
      #footer .boxes {
        padding: 40px 30px; } }
    #footer .boxes .box {
      width: 27%;
      min-height: 306px;
      padding: 30px 20px 40px;
      text-align: center; }
      @media screen and (max-width: 1299px) {
        #footer .boxes .box {
          width: 50%;
          min-height: 0;
          order: 1; }
          #footer .boxes .box.middle {
            width: 100%;
            order: 2; } }
      @media screen and (max-width: 767px) {
        #footer .boxes .box {
          width: 100%;
          margin-top: 30px;
          padding: 0; } }
      #footer .boxes .box h4 {
        font-size: 17px;
        letter-spacing: 2.5px;
        color: #696969;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom: 30px; }
      #footer .boxes .box h3 {
        font-size: 42px;
        letter-spacing: 2.1px;
        font-weight: 500;
        color: #4d4d4d;
        text-transform: uppercase;
        margin: 10px 0 0; }
        @media screen and (max-width: 1299px) {
          #footer .boxes .box h3 {
            font-size: 50px;
            line-height: 48px; } }
        @media screen and (max-width: 767px) {
          #footer .boxes .box h3 {
            font-size: 40px;
            line-height: 38px; } }
      #footer .boxes .box form {
        position: relative;
        max-width: 344px;
        margin-left: auto;
        margin-right: auto; }
        #footer .boxes .box form .field {
          position: relative; }
          #footer .boxes .box form .field input[type=text] {
            width: 100%;
            color: #4d4d4d;
            border: 1px solid #4d4d4d;
            background: none;
            padding: 15px 95px 15px 20px;
            margin: 0;
            font-size: 14px;
            line-height: 16px;
            outline: none;
            letter-spacing: 0.7px;
            font-family: FuturaLT; }
            #footer .boxes .box form .field input[type=text]::-webkit-input-placeholder {
              /* WebKit, Blink, Edge */
              color: #4d4d4d; }
            #footer .boxes .box form .field input[type=text]:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 */
              color: #4d4d4d;
              opacity: 1; }
            #footer .boxes .box form .field input[type=text]::-moz-placeholder {
              /* Mozilla Firefox 19+ */
              color: #4d4d4d;
              opacity: 1; }
            #footer .boxes .box form .field input[type=text]:-ms-input-placeholder {
              /* Internet Explorer 10-11 */
              color: #4d4d4d; }
          #footer .boxes .box form .field .error {
            position: absolute;
            left: 50%;
            top: 100%;
            background: #ff9800;
            color: #fff;
            padding: 5px 8px;
            font-size: 11px;
            margin-top: 7px;
            display: none;
            white-space: nowrap;
            transform: translateX(-50%); }
            #footer .boxes .box form .field .error:after {
              content: '';
              width: 0;
              height: 0;
              position: absolute;
              left: 50%;
              top: -5px;
              border-style: solid;
              border-color: transparent transparent #ff9800 transparent;
              border-width: 0 5px 5px 5px;
              margin-left: -5px; }
        #footer .boxes .box form .btn {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          border: 1px solid #4d4d4d;
          margin: 0; }
          #footer .boxes .box form .btn span {
            padding: 0 20px;
            line-height: 48px;
            color: #4d4d4d; }
      #footer .boxes .box .logo {
        max-width: 20px;
        margin: 0 auto;
        padding-bottom: 10px; }
        #footer .boxes .box .logo svg {
          width: 100%; }
          #footer .boxes .box .logo svg * {
            fill: #696969; }
      #footer .boxes .box .social-media-icons {
        min-height: 48px; }
        #footer .boxes .box .social-media-icons a {
          display: inline-block;
          width: 23px;
          height: 23px;
          margin: 7px 90px 7px 0;
          background-repeat: no-repeat;
          background-position: center;
          transition: opacity 0.4s ease; }
          @media screen and (max-width: 767px) {
            #footer .boxes .box .social-media-icons a {
              width: 23px;
              height: 23px;
              margin-right: 20px; } }
          #footer .boxes .box .social-media-icons a svg {
            width: 100%;
            height: 100%; }
            #footer .boxes .box .social-media-icons a svg * {
              transition: all 0.4s ease; }
          #footer .boxes .box .social-media-icons a:last-child {
            margin-right: 0; }
      #footer .boxes .box p {
        font-size: 17px;
        line-height: 22px;
        color: #696969;
        margin-top: 59px;
        letter-spacing: 0.6px; }
      #footer .boxes .box.middle {
        width: 46%;
        padding-left: 50px;
        padding-right: 50px; }
        @media screen and (max-width: 1299px) {
          #footer .boxes .box.middle {
            width: 100%;
            padding: 0; } }
      #footer .boxes .box .footer-support {
        text-align: center;
        margin-top: 50px; }
        @media screen and (max-width: 1023px) {
          #footer .boxes .box .footer-support {
            margin: 40px 0 20px; } }
        #footer .boxes .box .footer-support h4 {
          color: #fff;
          text-transform: uppercase;
          font-size: 16px; }
        #footer .boxes .box .footer-support p {
          color: #4d4d4d;
          margin-top: 8px;
          font-size: 17px;
          font-weight: 400;
          letter-spacing: 1px; }
          #footer .boxes .box .footer-support p.copyrights {
            font-size: 12px;
            margin-top: 20px;
            font-weight: 300;
            text-transform: none;
            color: #696969; }
          #footer .boxes .box .footer-support p a {
            color: #696969;
            font-family: FuturaLT; }
            #footer .boxes .box .footer-support p a:hover {
              color: #f3c734; }
    #footer .boxes .scroll-up {
      position: absolute;
      top: -20px;
      width: 100px;
      right: 50%;
      transform: translateX(50%);
      color: #696969; }
      #footer .boxes .scroll-up .background {
        z-index: -1;
        position: absolute;
        left: 0;
        bottom: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 50px solid #f7f3ed;
        transition: all 0.5s; }
      #footer .boxes .scroll-up:hover .background {
        bottom: 4px; }
      #footer .boxes .scroll-up .text {
        position: absolute;
        width: 100%; }
  #footer .footer-menu {
    text-align: center;
    color: #696969;
    font-size: 15px;
    line-height: 17px;
    padding-bottom: 68px;
    margin-top: 60px; }
    @media screen and (max-width: 1023px) {
      #footer .footer-menu {
        margin-top: 60px; } }
    @media screen and (max-width: 767px) {
      #footer .footer-menu {
        display: none; } }
    #footer .footer-menu ul {
      text-align: center; }
      @media screen and (max-width: 1299px) {
        #footer .footer-menu ul {
          text-align: center; } }
    #footer .footer-menu li {
      display: inline-block;
      margin-right: 80px; }
      #footer .footer-menu li a {
        color: #696969; }
        #footer .footer-menu li a:hover {
          color: #f3c734; }
      #footer .footer-menu li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 767px) {
        #footer .footer-menu li {
          margin-right: 20px; } }
  #footer .certificate {
    position: absolute;
    left: 0;
    bottom: 0; }
    @media screen and (max-width: 767px) {
      #footer .certificate {
        position: relative;
        text-align: center;
        width: 100%;
        padding-bottom: 30px; }
        #footer .certificate a div {
          margin: 0 auto; } }

.progress-bar {
  position: fixed;
  top: 50%;
  left: 80px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5; }
  .progress-bar span {
    opacity: 0; }
  @media screen and (max-width: 1023px) {
    .progress-bar {
      display: none; } }
  @media screen and (max-width: 1299px) {
    .progress-bar {
      left: 20px; } }
  .progress-bar.dark ul li {
    color: #000; }
    .progress-bar.dark ul li:before {
      background-color: #000; }
  .progress-bar ul li {
    margin-left: 15px;
    font-family: "Knockout-HTF30-JuniorWelterwt";
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    line-height: 20px;
    color: #fff; }
    .progress-bar ul li span  {
      opacity: 0;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .progress-bar ul li:hover span {
      opacity: 1; }
    .progress-bar ul li:hover:before {
      width: 10px;
      height: 10px;
      opacity: 1;
      margin-left: 0; }
    .progress-bar ul li:before {
      content: '';
      display: inline-block;
      background-color: #fff;
      height: 6px;
      width: 6px;
      border-radius: 100%;
      margin-right: 15px;
      line-height: 15px;
      vertical-align: center;
      opacity: 0.5;
      -moz-transition: all 0.1s ease-in-out;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      margin-left: 2px; }
    .progress-bar ul li.active span {
      opacity: 1; }
    .progress-bar ul li.active:before {
      width: 10px;
      height: 10px;
      opacity: 1;
      margin-left: 0; }

/*# sourceMappingURL=style.css.map */