@font-face {
  font-family: "Myriad W01 Lt";
  src: url("../fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix");
  src: url("../fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix") format("eot"), url("../fonts/b984f4e8-e37d-4502-bead-ffd991e64d1f.woff") format("woff"), url("../fonts/82d18baa-8811-4aa8-9338-9bafa08350d0.ttf") format("truetype"), url("../fonts/20e14bb9-6aec-47a9-8ef8-5613bf1d6eae.svg#20e14bb9-6aec-47a9-8ef8-5613bf1d6eae") format("svg"); }

@font-face {
  font-family: "Myriad W01 Regular";
  src: url("../fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix");
  src: url("../fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"), url("../fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"), url("../fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"), url("../fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg"); }

@font-face {
  font-family: "Myriad W01 SmBd";
  src: url("../fonts/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix");
  src: url("../fonts/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix") format("eot"), url("../fonts/c22866d7-ca67-4170-a113-cae280eea669.woff") format("woff"), url("../fonts/19ce9ea9-076e-4dcd-91a1-454f4830f120.ttf") format("truetype"), url("../fonts/18915124-98e4-4245-9e10-b921e09a6704.svg#18915124-98e4-4245-9e10-b921e09a6704") format("svg"); }

@font-face {
  font-family: "Myriad W01 Bd";
  src: url("../fonts/4f2af761-c017-4801-9aa5-5d30643373ce.eot?#iefix");
  src: url("../fonts/4f2af761-c017-4801-9aa5-5d30643373ce.eot?#iefix") format("eot"), url("../fonts/acfb7490-30f6-4bf4-a1b8-70ff9172d209.woff") format("woff"), url("../fonts/5bf402e3-ba96-414e-bc7e-cb6689fe32c1.ttf") format("truetype"), url("../fonts/c5dceae7-427a-4765-b06b-ea2eecca3434.svg#c5dceae7-427a-4765-b06b-ea2eecca3434") format("svg"); }

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

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

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

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

@font-face {
  font-family: 'icomoon';
  src: url('../font-icon/icomoon.eot?ve2f');
  src: url('../font-icon/icomoon.eot?ve2f#iefix') format('embedded-opentype'), url('../font-icon/icomoon.ttf?ve2f') format('truetype'), url('../font-icon/icomoon.woff?ve2f') format('woff'), url('../font-icon/icomoon.svg?ve2f#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

/* ========================================================================== */
/* HK FONTS */
/* ========================================================================== */
#wrapper_har {
  max-width: 1400px;
  min-height: 320px;
  margin: 0 auto; }

@media (max-width: 1100px) {
  #wrapper_har {
    padding: 0 20px; } }

@media (max-width: 600px) {
  #wrapper_har {
    padding: 0 10px; } }

/* ==========================================================================
Colors
========================================================================== */
/* ==========================================================================
Product Tile
========================================================================== */
.background-container_gray {
  background-color: #F8F8F8; }

.product_tile {
  margin: 0 10px; }
  .product_tile .font--hero__heading {
    margin: 95px 0 5px 0;
    text-align: center; }
  .product_tile--carousel {
    /* Arrows Slick*/ }
    .product_tile--carousel .slick-slide {
      outline: none; }
    .product_tile--carousel .slick-prev {
      height: 40px;
      position: absolute;
      padding: 0;
      cursor: pointer;
      border: none;
      outline: none;
      top: 40%;
      margin-top: -10px;
      left: 0;
      width: 40px;
      background-image: url("../../images/arrow-left.png");
      background-size: 14px 27px;
      background-repeat: no-repeat;
      background-position: left;
      background-color: transparent;
      border-color: transparent;
      font-size: 0;
      z-index: 200; }
      .product_tile--carousel .slick-prev i {
        display: none; }
    .product_tile--carousel .slick-next {
      height: 40px;
      position: absolute;
      padding: 0;
      cursor: pointer;
      border: none;
      outline: none;
      top: 40%;
      margin-top: -10px;
      right: 0;
      width: 40px;
      background-image: url("../../images/arrow-right.png");
      background-size: 14px 27px;
      background-repeat: no-repeat;
      background-position: right;
      background-color: transparent;
      border-color: transparent;
      font-size: 0;
      z-index: 200; }
      .product_tile--carousel .slick-next i {
        display: none; }
    .product_tile--carousel .slick-dots {
      display: block;
      width: 100%;
      list-style: none;
      text-align: center;
      bottom: -25px; }
      .product_tile--carousel .slick-dots li:not(.slick-active) button::before {
        background-color: rgba(67, 125, 152, 0.4);
        opacity: 1; }
      .product_tile--carousel .slick-dots li.slick-active button::before {
        background-color: #437D98; }
    .product_tile--carousel .slick-dots li {
      position: relative;
      display: inline-block;
      height: 40px;
      width: 80px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      @media only screen and (max-width: 1100px) {
        .product_tile--carousel .slick-dots li {
          width: 60px;
          margin: 0 7px; } }
      @media only screen and (max-width: 768px) {
        .product_tile--carousel .slick-dots li {
          width: 50px;
          margin: 0 7px; } }
    .product_tile--carousel .slick-dots li button {
      width: 100%;
      height: 100%;
      background: transparent;
      border: none;
      font-size: 0;
      outline: none; }
      .product_tile--carousel .slick-dots li button::before {
        content: '';
        height: 2px;
        width: 100%;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 0;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
        opacity: 1; }
    .product_tile--carousel .slick-slide img {
      display: block;
      transform: none; }
    .product_tile--carousel-container {
      text-align: center;
      background-color: #fff;
      position: relative;
      margin: 20px 20px 40px;
      padding: 0 10px; }
      .product_tile--carousel-container:hover .product-title__btn {
        opacity: 1;
        color: #fff;
        outline: none; }
      .product_tile--carousel-container .product-title__btn-features {
        max-width: 190px;
        padding: 0.75em 0;
        pointer-events: none; }
      .product_tile--carousel-container:hover .product-title__btn-features {
        opacity: 1;
        color: #fff;
        outline: none; }
      .product_tile--carousel-container:hover .product-title__hpm {
        opacity: 1; }
        @media only screen and (max-width: 768px) {
          .product_tile--carousel-container:hover .product-title__hpm {
            opacity: 0; } }
      .product_tile--carousel-container:hover {
        -webkit-box-shadow: -2px 8px 27px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: -2px 8px 27px 2px rgba(0, 0, 0, 0.2);
        box-shadow: -2px 8px 27px 2px rgba(0, 0, 0, 0.2); }
    .product_tile--carousel__info {
      min-height: 165px; }
      .product_tile--carousel__info .font-price {
        min-height: 24px; }
    .product_tile--carousel__img-container {
      position: relative; }
      .product_tile--carousel__img-container:before {
        display: block;
        height: 0;
        padding-bottom: 100%;
        content: ''; }
    .product_tile--carousel__img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      max-width: 100%;
      max-height: 100%; }
    .product_tile--carousel__info .font-item__title {
      padding: 0 15px; }
    .product_tile--carousel__info .font-reviews__text {
      height: 40px;
      overflow: hidden;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical; }
    .product_tile--carousel__info a {
      color: #fff;
      font-family: "Myriad W01 Regular", arial, sans-serif !important; }
    .product_tile--carousel__info .text-typo__price--gray {
      vertical-align: middle; }
    .product_tile--carousel__info-rating {
      margin: 15px 0 35px 0; }
      .product_tile--carousel__info-rating [data-bv-rating] {
        text-align: center !important; }
      .product_tile--carousel__info-rating .icon-star {
        color: #437D98;
        font-size: 15px;
        vertical-align: middle; }
      .product_tile--carousel__info-rating .icon-star--disable {
        color: #AEAEAE; }
      .product_tile--carousel__info-rating span {
        font-size: 13px;
        font-family: "Myriad W01 Lt", arial, sans-serif;
        letter-spacing: 0.2px;
        color: #111; }
    .product_tile--carousel__features-line {
      text-align: center;
      border-top: solid 1px #EEEEEE;
      margin: 15px 25px;
      display: block; }
    .product_tile--carousel__features .product_tile--carousel__info-rating {
      margin: 15px 0; }
    .product_tile--carousel__features .font-reviews__text-description {
      margin-bottom: 15px; }
      .product_tile--carousel__features .font-reviews__text-description:last-child {
        margin-bottom: 45px; }
    .product_tile--carousel__features .slick-dots {
      display: block;
      width: 100%;
      list-style: none;
      text-align: center; }
      .product_tile--carousel__features .slick-dots li:not(.slick-active) button::before {
        background-color: rgba(67, 125, 152, 0.4);
        opacity: 1; }
      .product_tile--carousel__features .slick-dots li.slick-active button::before {
        background-color: #437D98; }
    .product_tile--carousel__features .slick-dots li {
      position: relative;
      display: inline-block;
      height: 40px;
      width: 80px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .product_tile--carousel__features .slick-dots li {
          width: 50px;
          margin: 0 7px; } }
    .product_tile--carousel__features .slick-dots li button {
      width: 100%;
      height: 100%;
      background: transparent;
      border: none;
      font-size: 0;
      outline: none; }
      .product_tile--carousel__features .slick-dots li button::before {
        content: '';
        height: 2px;
        width: 100%;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 0;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); }
    .product_tile--carousel__features .slick-slide img {
      display: block;
      transform: none; }
  .product_tile--static {
    margin-top: 65px;
    text-align: center; }
    .product_tile--static .product_tile--carousel-container {
      box-shadow: none; }
    .product_tile--static .font--hero__heading {
      margin: 65px 0 25px 0; }
    .product_tile--static .font-body_subtitle {
      margin: 0 0 50px 0; }
    @media only screen and (min-width: 768px) { }
    .product_tile--static .font-price {
      margin: 15px auto 20px auto;
      height: 75px; }
    .product_tile--static .font-item__title-hpm {
      padding: 0 15px; }
    .product_tile--static .font-price--from {
      line-height: 20px; }
    .product_tile--static__center ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 1186px;
      margin: 0 auto;
      max-width: 100%;
      padding-bottom: 50px; }
      .product_tile--static__center ul li {
        width: 30%;
        display: flex; }
        @media only screen and (min-width: 768px) {
          .product_tile--static__center ul li:nth-of-type(3n-1) {
            margin: 0 5% 0 5%; } }
    .product_tile--static__center .product_tile--carousel-container {
      position: relative;
      width: 100%;
      margin-bottom: 5%; }
      .product_tile--static__center .product_tile--carousel-container:hover .product-title__btn-static {
        opacity: 1;
        color: #fff; }
    .product_tile--static .second-version {
      width: 1186px;
      margin: 0 auto;
      max-width: 100%;
      /* Arrows Slick*/ }
      .product_tile--static .second-version .slick-slide {
        outline: none; }
      .product_tile--static .second-version .product_tile--carousel__info {
        opacity: 1; }
      .product_tile--static .second-version .product_tile--carousel-container {
        position: relative;
        width: 100%;
        margin: 10px 20px; }
        .product_tile--static .second-version .product_tile--carousel-container:hover .product-title__btn-static {
          opacity: 1;
          color: #fff; }
      .product_tile--static .second-version .slick-prev {
        height: 40px;
        position: absolute;
        padding: 0;
        cursor: pointer;
        border: none;
        outline: none;
        top: 45%;
        margin-top: -10px;
        left: 0;
        width: 40px;
        background-image: url("../../images/arrow-left.png");
        background-size: 14px 27px;
        background-repeat: no-repeat;
        background-position: left;
        background-color: transparent;
        border-color: transparent;
        font-size: 0;
        z-index: 200; }
        .product_tile--static .second-version .slick-prev i {
          display: none; }
      .product_tile--static .second-version .slick-next {
        height: 40px;
        position: absolute;
        padding: 0;
        cursor: pointer;
        border: none;
        outline: none;
        top: 45%;
        margin-top: -10px;
        right: 0;
        width: 40px;
        background-image: url("../../images/arrow-right.png");
        background-size: 14px 27px;
        background-repeat: no-repeat;
        background-position: right;
        background-color: transparent;
        border-color: transparent;
        font-size: 0;
        z-index: 200; }
        .product_tile--static .second-version .slick-next i {
          display: none; }
      .product_tile--static .second-version .slick-dots {
        display: block;
        width: 100%;
        list-style: none;
        text-align: center; }
        .product_tile--static .second-version .slick-dots li:not(.slick-active) button::before {
          background-color: rgba(67, 125, 152, 0.4);
          opacity: 1; }
        .product_tile--static .second-version .slick-dots li.slick-active button::before {
          background-color: #437D98; }
      .product_tile--static .second-version .slick-dots li {
        position: relative;
        display: inline-block;
        height: 40px;
        width: 80px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer; }
      .product_tile--static .second-version .slick-dots li button {
        width: 100%;
        height: 100%;
        background: transparent;
        border: none;
        font-size: 0;
        outline: none; }
        .product_tile--static .second-version .slick-dots li button::before {
          content: '';
          height: 2px;
          width: 100%;
          position: absolute;
          top: 50%;
          margin-top: -1px;
          left: 0;
          border-radius: 10px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
          opacity: 1; }

@media only screen and (max-width: 1100px) {
  .product-title__btn, .product-title__btn-features {
    display: none;
    color: #fff; }
  .product_tile--static__center .product_tile--carousel-container {
    margin: 10px;
    min-height: 284px; } }

@media only screen and (max-width: 600px) {
  .product_tile--carousel-container:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .product_tile .font--hero__heading {
    margin: 40px 0 15px 0; }
  .product_tile .slick-prev, .product_tile .slick-next {
    pointer-events: none;
    visibility: hidden; }
  .product_tile--static__center {
    margin: 0 ul;
    margin-margin: 15px; }
  .product_tile--carousel-container {
    padding: 20px;
    margin: 10px 0 25px 0; }
    @media screen and (max-width: 600px) {
      .product_tile--carousel-container {
        padding: 0; } }
  .product_tile--carousel__info {
    opacity: 0;
    transition: opacity 426ms ease-in-out; }
    .slick-center .product_tile--carousel__info {
      opacity: 1; }
  .product_tile--static .font-price {
    margin: 15px 25px 0 25px;
    padding-bottom: 25px; }
  .product_tile--static__center ul {
    display: block; }
    .product_tile--static__center ul .product_tile--carousel__info {
      opacity: 1; }
    .product_tile--static__center ul li {
      margin-bottom: 25px;
      width: 100%; }
  .product_tile--carousel__info-rating .product-title__btn a:link, .product_tile--carousel__info-rating .product-title__btn a:visited {
    display: none;
    color: #fff; }
  .product_tile--carousel__info-rating .icon-star, .product_tile--carousel__info-rating span {
    font-size: 11px; } }

.cart #recomm-slider {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap; }
  .cart #recomm-slider .grid-tile {
    display: inline-block;
    float: none;
    min-width: 300px; }

/* ==========================================================================
Module HPM-2 / hero carousel  & static
========================================================================== */
.hero--static .hero--carousel__item-bg {
  padding-bottom: 34%; }

.remove-padding .col-md-12 {
  padding-left: 0;
  padding-right: 0; }

.hero-carousel__remove .slick-slide {
  outline: none; }
.hero-carousel__remove .slick-slider .slick-track, .hero-carousel__remove .slick-slider .slick-list {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }
.hero-carousel__remove .container {
  padding-left: 0;
  padding-right: 0; }
.hero-carousel__remove .row {
  margin-left: 0;
  margin-right: 0; }

.hero--carousel__item-bg {
  position: relative;
  overflow: hidden;
  min-height: 320px; }
  .hero--carousel__item-bg.no-video {
    padding-bottom: 100%; }
    @media (min-width: 700px) {
      .hero--carousel__item-bg.no-video {
        padding-bottom: 38.28%; } }
  .hero--carousel__item-bg .hero--carousel__item-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.hero--carousel {
  max-width: 1400px; }
  .hero--carousel__item {
    position: relative; }
  @media (min-width: 1109px) {
    .hero--carousel .hero--carousel__item-bg {
      height: 536px;
      padding-bottom: 0 !important; } }

@media (min-width: 1109px) {
  .hero--carousel .plyr__video-embed {
    height: 536px;
    padding-bottom: 0 !important; }
  .hero--carousel .plyr__video-embed > div {
    position: relative;
    padding-bottom: 167%;
    transform: translateY(-39.7%); } }
@media (max-width: 1100px) {
  .hero--carousel .plyr__video-embed {
    padding-bottom: 375px !important; } }
@media (max-width: 769px) {
  .hero--carousel .plyr__video-embed {
    padding-bottom: 320px !important; } }
@media (max-width: 600px) {
  .hero--carousel .plyr__video-embed {
    padding-bottom: 101.25% !important; } }

.hero--carousel {
  margin-left: auto;
  margin-right: auto; }

.hero--carousel .row {
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 700px) { }
  @media (min-width: 1100px) {
    .hero--carousel .row {
      padding-top: 0; } }
.hero--carousel__video .plyr {
  margin: 0 auto;
  max-height: none; }
.hero--carousel__video .plyr__video-wrapper::after {
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: inherit; }
.hero--carousel__video .plyr--stopped .plyr__controls {
  opacity: 0; }
.hero--carousel .slick-dots li {
  width: 70px;
  margin: 0 10px; }
  .hero--carousel .slick-dots li:not(.slick-active) button::before {
    background-color: rgba(67, 125, 152, 0.2); }
  .hero--carousel .slick-dots li.slick-active button::before {
    background-color: #437D98; }
.hero--carousel .slick-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 6%;
  margin: 0;
  width: 100%; }
  @media (max-width: 1100px) {
    .hero--carousel .slick-dots {
      top: 55%;
      bottom: inherit; } }
  @media (max-width: 769px) {
    .hero--carousel .slick-dots {
      top: 51%;
      bottom: inherit; } }
.hero--carousel .slick-dots li {
  height: 40px;
  width: 80px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }
  @media (max-width: 1100px) {
    .hero--carousel .slick-dots li {
      width: 80px;
      height: 20px; } }
  @media (max-width: 699px) {
    .hero--carousel .slick-dots li {
      width: 40px; } }
  .hero--carousel .slick-dots li button {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    font-size: 0;
    position: relative;
    outline: none; }
    .hero--carousel .slick-dots li button::before {
      content: '';
      height: 2px;
      width: 100%;
      position: absolute;
      top: 50%;
      margin-top: -1px;
      left: 0;
      border-radius: 10px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
      opacity: 1; }
.hero--carousel__item-details-left {
  position: absolute;
  top: 19%;
  left: 6%;
  width: 30%; }
  .hero--carousel__item-details-left .font--hero__heading--white {
    padding: 15px 0; }
  .hero--carousel__item-details-left .font--hero__heading--black {
    padding: 15px 0; }
  .hero--carousel__item-details-left .font-body_subtitle {
    padding: 20px 0 35px 0; }
  .hero--carousel__item-details-left .font-body_subtitle--white {
    padding: 20px 0 15px 0; }
  .hero--carousel__item-details-left .font-body_copy--white {
    padding: 0 0 20px 0; }
    @media screen and (max-width: 600px) {
      .hero--carousel__item-details-left .font-body_copy--white {
        text-align: center;
        color: #111 !important; } }
  .hero--carousel__item-details-left .font-body_subtitle--black {
    padding: 0 0 35px 0; }
.hero--carousel__item-details-center {
  position: absolute;
  top: 19%;
  left: 34%;
  width: 39%; }
  .hero--carousel__item-details-center .font--hero__heading--white {
    padding: 15px 0; }
  .hero--carousel__item-details-center .font-body_subtitle {
    padding: 20px 0 35px 0; }
  .hero--carousel__item-details-center .font-body_subtitle--white {
    padding: 20px 0 15px 0; }
  .hero--carousel__item-details-center .font-body_copy--white {
    padding: 0 0 20px 0; }
    @media screen and (max-width: 600px) {
      .hero--carousel__item-details-center .font-body_copy--white {
        text-align: center;
        color: #111 !important; } }
.hero--carousel__item-details-right {
  position: absolute;
  top: 19%;
  right: 6%;
  width: 39%;
  text-align: right; }
  .hero--carousel__item-details-right .font--hero__heading--white {
    padding: 15px 0; }
  .hero--carousel__item-details-right .font-body_subtitle {
    padding: 20px 0 35px 0; }
  .hero--carousel__item-details-right .font-body_subtitle--white {
    padding: 20px 0 15px 0; }
  .hero--carousel__item-details-right .font-body_copy--white {
    padding: 0 0 20px 0; }
    @media screen and (max-width: 600px) {
      .hero--carousel__item-details-right .font-body_copy--white {
        text-align: center;
        color: #111 !important; } }
  @media screen and (min-width: 1100px) {
    .hero--carousel__item-details-right .hero--carousel__btn-group {
      float: right; } }
.hero--carousel__btn-group {
  text-transform: uppercase; }
  .hero--carousel__btn-group .hero--carousel__btn-inverse, .hero--carousel__btn-group .hero--carousel__btn-inverse-black, .hero--carousel__btn-group .hero--carousel__btn-primary {
    float: left; }
.hero--carousel__btn-primary {
  background: #437D98;
  border: 2px solid #437D98;
  color: #fff;
  padding: 12px 37px;
  font-family: "Myriad W01 Bd", arial, sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 50px; }
  .hero--carousel__btn-primary:hover {
    background: #fff;
    color: #437D98; }
.hero--carousel__btn-inverse {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  padding: 12px 39px;
  margin-right: 20px;
  letter-spacing: 1px;
  font-family: "Myriad W01 Bd", arial, sans-serif;
  cursor: pointer; }
  .hero--carousel__btn-inverse:hover {
    background-color: #fff;
    color: #111; }
.hero--carousel__btn-inverse-black {
  background: transparent;
  border: 2px solid #111;
  color: #111;
  padding: 12px 39px;
  margin-right: 20px;
  letter-spacing: 1px;
  font-family: "Myriad W01 Bd", arial, sans-serif;
  cursor: pointer; }
  .hero--carousel__btn-inverse-black:hover {
    background-color: #111;
    color: #fff; }
.hero--carousel a:link, .hero--carousel a:hover {
  text-decoration: none;
  color: #fff; }
.hero--carousel .plyr .plyr__play-large {
  opacity: 0; }
  @media only screen and (max-width: 600px) {
    .hero--carousel .plyr .plyr__play-large {
      width: 84px;
      height: 50px;
      border: 0;
      border-radius: 0;
      background: #437D98;
      opacity: 1 !important; } }
.hero--carousel .plyr__play-large svg {
  margin: 0 auto; }

.hero--carousel__video--mobile {
  position: relative;
  cursor: pointer; }
  .hero--carousel__video--mobile:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: transparent;
    top: 0;
    left: 0;
    cursor: pointer; }
  .hero--carousel__video--mobile.show-video {
    cursor: pointer; }
    .hero--carousel__video--mobile.show-video:after {
      cursor: pointer;
      display: none;
      opacity: 0; }

@media only screen and (max-width: 1100px) {
  .hero--carousel__item-details-left, .hero--carousel__item-details-center, .hero--carousel__item-details-right {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%; }
    .hero--carousel__item-details-left .font--hero__heading, .hero--carousel__item-details-left .font--hero__heading--white, .hero--carousel__item-details-left .font--hero__heading--black, .hero--carousel__item-details-left .font-body_subtitle--white, .hero--carousel__item-details-left .font-body_subtitle--black, .hero--carousel__item-details-left .font-body_subtitle, .hero--carousel__item-details-center .font--hero__heading, .hero--carousel__item-details-center .font--hero__heading--white, .hero--carousel__item-details-center .font--hero__heading--black, .hero--carousel__item-details-center .font-body_subtitle--white, .hero--carousel__item-details-center .font-body_subtitle--black, .hero--carousel__item-details-center .font-body_subtitle, .hero--carousel__item-details-right .font--hero__heading, .hero--carousel__item-details-right .font--hero__heading--white, .hero--carousel__item-details-right .font--hero__heading--black, .hero--carousel__item-details-right .font-body_subtitle--white, .hero--carousel__item-details-right .font-body_subtitle--black, .hero--carousel__item-details-right .font-body_subtitle {
      color: #111 !important;
      text-align: center;
      width: 100%; }
      @media (max-width: 600px) {
        .hero--carousel__item-details-left .font--hero__heading, .hero--carousel__item-details-left .font--hero__heading--white, .hero--carousel__item-details-left .font--hero__heading--black, .hero--carousel__item-details-left .font-body_subtitle--white, .hero--carousel__item-details-left .font-body_subtitle--black, .hero--carousel__item-details-left .font-body_subtitle, .hero--carousel__item-details-center .font--hero__heading, .hero--carousel__item-details-center .font--hero__heading--white, .hero--carousel__item-details-center .font--hero__heading--black, .hero--carousel__item-details-center .font-body_subtitle--white, .hero--carousel__item-details-center .font-body_subtitle--black, .hero--carousel__item-details-center .font-body_subtitle, .hero--carousel__item-details-right .font--hero__heading, .hero--carousel__item-details-right .font--hero__heading--white, .hero--carousel__item-details-right .font--hero__heading--black, .hero--carousel__item-details-right .font-body_subtitle--white, .hero--carousel__item-details-right .font-body_subtitle--black, .hero--carousel__item-details-right .font-body_subtitle {
          width: 95%;
          margin: 0 auto; } }
  .hero--carousel__btn-group {
    display: flex;
    justify-content: center; }
  .remove-padding .container {
    padding-left: 0;
    padding-right: 0; }
  .remove-padding .row {
    margin: 0; }
  .hero--carousel .font-body_subtitle--white {
    padding: 0 0 20px 0; }
  .hero--carousel__btn-group {
    padding-bottom: 40px; }
  .hero--carousel__btn-inverse {
    color: #111;
    border: 2px solid #AEAEAE; }
  .hero--carousel .plyr--video .plyr__controls {
    display: none; }
  .hero--carousel .hero--carousel__btn-inverse, .hero--carousel .hero--carousel__btn-primary {
    font-size: 12px; }
  .hero--static .hero--carousel__item-details .font-body_subtitle--white {
    padding: 0 0 20px 0; } }

.hpm-mobile {
  max-width: 375px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 700px) {
    .hpm-mobile {
      display: none !important; } }

@media (max-width: 699px) {
  .hpm-desktop {
    display: none !important; } }

/* ==========================================================================
Center awards / Module HPM-3
========================================================================== */
.center-awards {
  margin-top: 65px; }
  .center-awards__background {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 133px 0 150px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center; }
  .center-awards__info {
    width: 100%;
    max-width: 989px;
    display: flex; }
  .center-awards__container {
    width: 60%; }
    .center-awards__container-right {
      width: 40%; }
      @media screen and (max-width: 768px) {
        .center-awards__container-right {
          width: 100%; } }
    .center-awards__container-top {
      background-color: #F8F8F8;
      overflow: hidden;
      display: flex;
      justify-content: center;
      padding: 15px 0; }
      .center-awards__container-top img {
        width: auto;
        height: 60px; }
    .center-awards__container-bottom {
      display: flex;
      justify-content: center;
      padding: 15px 35px 35px;
      background: #fff; }
      .center-awards__container-bottom img {
        max-width: 262px;
        max-height: 262px;
        width: 100%; }
      .center-awards__container-bottom .font-item__title, .center-awards__container-bottom .font--hero__heading, .center-awards__container-bottom .font-item__title-m {
        display: none; }
    .center-awards__container:first-child {
      background-color: rgba(255, 255, 255, 0.7);
      padding: 30px;
      display: flex;
      justify-content: flex-end;
      flex-direction: column; }
      @media (max-width: 767px) {
        .center-awards__container:first-child {
          background-color: #fff; } }
      .center-awards__container:first-child a {
        text-decoration: none;
        font-family: "Myriad W01 Regular", arial, sans-serif !important; }
      .center-awards__container:first-child .font-body__title {
        padding: 35px 0 15px 0; }
      .center-awards__container:first-child .font--hero__heading {
        margin: 10px 0 5px 0; }
      .center-awards__container:first-child .font-body_subtitle-awards {
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical; }
      .center-awards__container:first-child .btn-event {
        font-size: 14px;
        background: #437D98;
        border: 2px solid #437D98;
        color: #fff;
        font-family: "Myriad W01 Bd", arial, sans-serif;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        border-radius: 100px;
        padding: 1rem 2.7rem;
        float: left;
        margin: 25px 0 0 0; }
    .center-awards__container:last-child {
      background-color: #fff;
      display: flex;
      flex-direction: column; }
  .center-awards__btn-group .btn-active_awards {
    font-size: 14px;
    background: #437D98;
    border: 2px solid #437D98;
    color: #fff;
    font-family: "Myriad W01 Bd", arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 100px;
    padding: 1rem 2.7rem;
    display: none; }
  .center-awards__btn-group .btn-inverse_awards {
    text-transform: uppercase;
    width: 162px;
    height: 49px;
    line-height: 45px;
    background: transparent;
    color: #437D98;
    font-family: "Myriad W01 Bd", arial, sans-serif;
    font-size: 14px;
    margin-top: 20px; }
    .center-awards__btn-group .btn-inverse_awards:hover {
      color: #111;
      cursor: pointer; }
    .center-awards__btn-group .btn-inverse_awards i {
      font-size: 12px;
      vertical-align: middle; }

@media only screen and (max-width: 767px) {
  .center-awards__background {
    padding: 0; }
  .center-awards__info {
    flex-direction: column-reverse;
    justify-content: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .center-awards__info:first-child {
      width: 100%;
      background: #fff; }
    .center-awards__info .btn-active_awards {
      display: block; }
  .center-awards__container {
    width: 100%; }
    .center-awards__container:first-child {
      padding: 0;
      text-align: center; }
      .center-awards__container:first-child .font-item__title, .center-awards__container:first-child .font--hero__heading {
        display: none; }
      .center-awards__container:first-child-bottom {
        display: flex; }
    .center-awards__container-top {
      padding: 0;
      background-color: #fff; }
    .center-awards__container-bottom {
      flex-direction: column;
      align-items: center;
      padding: 15px; }
      .center-awards__container-bottom .font-item__title-m {
        font-size: 14px;
        font-family: "Myriad W01 Regular", arial, sans-serif;
        color: #545454; }
      .center-awards__container-bottom .font--hero__heading {
        padding-bottom: 20px; }
      .center-awards__container-bottom .font-item__title-m, .center-awards__container-bottom .font--hero__heading {
        display: block; }
  .center-awards__btn-group {
    display: flex;
    flex-direction: row-reverse;
    padding: 40px 0;
    justify-content: space-around; }
    .center-awards__btn-group a {
      color: inherit; }
      .center-awards__btn-group a:visited, .center-awards__btn-group a :link, .center-awards__btn-group a :active {
        text-decoration: none; }
    .center-awards__btn-group .btn-inverse_awards {
      background-color: #437D98;
      color: #fff;
      border-radius: 100px;
      margin-top: 0; }
      .center-awards__btn-group .btn-inverse_awards:hover {
        background-color: #fff;
        color: #437D98;
        border: 2px solid #437D98; }
      .center-awards__btn-group .btn-inverse_awards i {
        display: none; }
    .center-awards__btn-group .btn-active_awards {
      padding: 0;
      background-color: #fff;
      border: solid 2px #fff;
      color: #437D98;
      line-height: 42px;
      display: flex; }
      .center-awards__btn-group .btn-active_awards:hover {
        color: #111; }
      .center-awards__btn-group .btn-active_awards i {
        display: block;
        vertical-align: middle;
        font-size: 12px;
        padding-left: 5px; } }

/* ==========================================================================
Category Showcase Module hpm4
========================================================================== */
.category-showcase {
  text-align: center;
  display: flex;
  align-items: flex-start;
  padding: 10px;
  max-width: 1052px;
  margin: 0 auto;
  flex-wrap: wrap; }
  .category-showcase--title {
    text-align: center;
    margin: 65px 0 10px 0; }
  .category-showcase a:link {
    text-decoration: none; }
  .category-showcase__item {
    width: 20%;
    position: relative; }
    .category-showcase__item:hover .font-item__title-category {
      color: #437D98; }
    @media only screen and (max-width: 1100px) {
      .category-showcase__item {
        width: 25%; } }
    .category-showcase__item .font-item__title-category {
      display: flex;
      align-items: baseline;
      justify-content: center; }
      .category-showcase__item .font-item__title-category:hover {
        color: #437D98;
        text-decoration: none;
        cursor: pointer; }
  .category-showcase .icon-angle-right {
    font-size: 11px;
    padding-left: 5px;
    transform: scale(2.5); }
  .category-showcase__media {
    position: relative; }
    .category-showcase__media:before {
      display: block;
      height: 0;
      padding-bottom: 80%;
      content: ''; }
  .category-showcase__img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%; }
  .category-showcase__title {
    margin-top: 10px; }

@media only screen and (max-width: 1024px) {
  .category-showcase__media img {
    padding: 20px; } }

@media only screen and (max-width: 600px) {
  .showcase-background {
    background-color: #f7f5f5;
    padding-bottom: 40px; }
  .category-showcase {
    flex-wrap: wrap; }
    .category-showcase--title {
      text-align: center;
      margin: 40px 0 15px 0; }
    .category-showcase__item {
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 20px; } }

/* ==========================================================================
Product Grid module HPM-5
========================================================================== */
.module-gray_bg {
  background-color: #F8F8F8;
  padding-bottom: 60px; }

.product_grid {
  margin-top: 65px; }
  .product_grid a:link {
    text-decoration: none; }
  .product_grid .font--hero__heading {
    margin: 65px 0 25px 0;
    text-align: center; }
  .product_grid .font-body_subtitle {
    text-align: center; }
  .product_grid--showcase {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 1162px;
    margin: 0 auto; }
    .product_grid--showcase__item {
      flex-basis: 45%;
      position: relative;
      display: flex;
      background-color: #fff;
      margin: 50px 2% 0 2%; }
      .product_grid--showcase__item .font-body_subtitle {
        text-align: left; }
    .product_grid--showcase__media {
      position: relative;
      width: 60%; }
      .product_grid--showcase__media:before {
        display: block;
        height: 0;
        padding-bottom: 100%;
        content: ''; }
    .product_grid--showcase__img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      width: 100%; }
    .product_grid--showcase__info {
      width: 40%;
      margin-right: 5px; }
      .product_grid--showcase__info .font-small__heading {
        margin: 65px 0 15px 0; }
      .product_grid--showcase__info .btn-active_grid {
        width: 198px;
        font-size: 14px;
        color: #437D98;
        font-family: "Myriad W01 Bd", arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        align-items: baseline;
        cursor: pointer;
        margin: 50px 0 65px 0;
        display: flex;
        justify-content: flex-start; }
        .product_grid--showcase__info .btn-active_grid:hover {
          color: #111; }
        .product_grid--showcase__info .btn-active_grid i {
          font-size: 12px;
          padding-left: 5px;
          vertical-align: middle; }

@media only screen and (max-width: 1100px) {
  .product_grid--showcase {
    width: 100%; }
    .product_grid--showcase__item {
      flex-direction: column;
      padding: 20px; }
    .product_grid--showcase__media {
      width: 100%; }
    .product_grid--showcase__img {
      width: 100%; }
    .product_grid--showcase__info {
      width: 100%;
      text-align: center; }
      .product_grid--showcase__info .font-small__heading {
        margin: 40px 0 0 0; }
      .product_grid--showcase__info .font-body_subtitle {
        text-align: center;
        padding: 0 15px; }
      .product_grid--showcase__info .btn-active_grid {
        margin: 20px auto 35px auto;
        width: 100%;
        justify-content: center; } }

@media only screen and (max-width: 600px) {
  .product_grid__text-head {
    margin: 40px 0 15px 0; }
  .product_grid .font--hero__heading {
    padding: 0 15px; }
  .product_grid .font-body_subtitle {
    padding: 0 15px 40px 15px; }
  .product_grid .btn-active_grid {
    font-size: 12px; }
    .product_grid .btn-active_grid i {
      font-size: 10px; }
  .product_grid--showcase {
    display: block; }
    .product_grid--showcase__item {
      flex-basis: 100%;
      max-width: 100%;
      margin: 0 28px 25px 28px;
      display: block;
      padding: 0; }
    .product_grid--showcase__info .font-small__heading {
      margin: 0 0 15px 0; }
    .product_grid--showcase__info .font-body_subtitle {
      text-align: center;
      padding: 0 15px; }
    .product_grid--showcase__info .btn-active_grid {
      margin: 15px auto 25px auto;
      padding-bottom: 35px; } }

/* ==========================================================================
Product Search module HPM-6 /HPM-7
========================================================================== */
.product-search {
  width: 100%; }
  .product-search__background {
    background-color: #111;
    height: 450px; }
  .product-search .font--hero__heading {
    margin: 65px 0 15px 0;
    text-align: center;
    color: #fff; }
  .product-search .font-body_subtitle {
    text-align: center;
    color: #AEAEAE; }
  .product-search__form {
    position: relative;
    width: 80%;
    margin: 35px auto 65px auto; }
    .product-search__form i {
      position: absolute;
      padding: 6px 30px;
      border: none;
      color: #3D3D3E;
      font-size: 20px;
      right: 0;
      opacity: 1;
      z-index: 299; }
    .product-search__form input[type="search"] {
      width: 100%;
      padding: 10px 15px;
      background: #111;
      border: 2px solid #3D3D3E;
      position: absolute;
      color: #437D98;
      text-shadow: 0px 0px 0px #AEAEAE;
      -webkit-text-fill-color: transparent;
      font-size: 16px;
      z-index: 200;
      font-family: "Myriad W01 Lt", arial, sans-serif; }
      .product-search__form input[type="search"]::placeholder {
        color: #fff; }
      .product-search__form input[type="search"]:focus {
        outline: none; }
      .product-search__form input[type="search"]:focus ~ .icon-search {
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;
        z-index: 200; }
      .product-search__form input[type="search"]:focus ~ .btn__product-search {
        opacity: 1; }
    .product-search__form a {
      position: absolute;
      padding: 12px 40px;
      border: 2px solid #437D98;
      background-color: #437D98;
      color: #ffffff;
      font-family: "Myriad W01 Regular", arial, sans-serif;
      font-size: 12px;
      letter-spacing: 2px;
      right: 0;
      opacity: 0;
      transition: visibility 0s, opacity 0.4s linear;
      cursor: pointer;
      z-index: 300;
      outline: none; }
      .product-search__form a:hover {
        text-decoration: none;
        color: #fff; }

@media only screen and (max-width: 600px) {
  .product-search {
    width: 100%; }
    .product-search .font--hero__heading {
      margin: 40px 0 15px 0; }
    .product-search .font-body_subtitle {
      padding: 0 2%; }
    .product-search__form {
      width: 100%;
      margin: 25px 0 40px 0; } }

/* ==========================================================================
Product Search module HPM-8
========================================================================== */
.promo-item {
  background-color: #437D98;
  margin: 0;
  width: 100%; }
  .promo-item__details {
    display: flex;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 8px 0;
    font-family: "Myriad W01 Lt", arial, sans-serif;
    position: relative; }
    .promo-item__details a {
      color: #fff;
      text-decoration: none; }
  .promo-item__info {
    text-align: center;
    width: 95%;
    padding-left: 5%; }
    .promo-item__info i {
      margin-left: 10px; }
    .promo-item__info__close {
      width: 5%;
      text-align: left;
      margin: 0 auto;
      font-size: 16px;
      cursor: pointer; }
      @media only screen and (max-width: 1100px) {
        .promo-item__info__close {
          width: 10%; } }
      @media only screen and (max-width: 600px) {
        .promo-item__info__close {
          width: 5%; } }

/* ==========================================================================
Buy direct module HPM-9
========================================================================== */
.module_background-buydirect {
  background-color: #111;
  margin-top: 65px; }

.buy_direct .font--hero__heading {
  padding: 65px 0 35px 0;
  text-align: center;
  font-size: 33px;
  color: #fff;
  font-family: "Myriad W01 Lt", arial, sans-serif; }
.buy_direct .font-item__title__avant {
  color: #fff; }
  .buy_direct .font-item__title__avant:hover {
    color: #437D98; }
.buy_direct__options {
  display: flex;
  justify-content: center;
  padding-bottom: 80px; }
  .buy_direct__options-item {
    display: flex;
    align-items: center;
    margin-right: 50px; }
    .buy_direct__options-item a {
      text-decoration: none;
      cursor: pointer; }
      .buy_direct__options-item a:hover {
        text-decoration: none; }
  .buy_direct__options--icon {
    padding-right: 15px; }
    .buy_direct__options--icon .icon-group-car {
      font-size: 24px; }
    .buy_direct__options--icon .icon-group-headphones, .buy_direct__options--icon .icon-group-bag {
      font-size: 31px; }

@media only screen and (max-width: 767px) {
  .buy_direct .font--hero__heading {
    margin: 40px auto 30px auto;
    font-size: 24px; }
  .buy_direct__options {
    text-align: center;
    display: block; }
    .buy_direct__options-item {
      padding: 0;
      margin: 0 0 20px 0;
      display: flex;
      justify-content: center; }
      .buy_direct__options-item:last-child {
        margin-bottom: 40px; }
      .buy_direct__options-item .font-item__title__avant {
        font-size: 15px; }
    .buy_direct__options--icon {
      padding-right: 10px; } }

/* ==========================================================================
Hero event module HPM-10
========================================================================== */
.hero-event {
  margin-top: 65px; }
  .hero-event--background {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 72px 0px;
    box-sizing: border-box;
    display: flex;
    justify-content: center; }
    @media (max-width: 600px) {
      .hero-event--background {
        padding: 0; } }
  .hero-event .hero-event--info {
    width: 100%;
    max-width: 900px;
    display: flex; }
    .hero-event .hero-event--info__container {
      width: 50%;
      padding: 30px; }
      @media (max-width: 600px) {
        .hero-event .hero-event--info__container {
          width: 100%;
          padding: 0; } }
      .hero-event .hero-event--info__container:first-child {
        background-color: rgba(239, 239, 239, 0.9); }
        .hero-event .hero-event--info__container:first-child a {
          text-decoration: none; }
        @media (max-width: 600px) {
          .hero-event .hero-event--info__container:first-child {
            background-color: #fff; } }
        .hero-event .hero-event--info__container:first-child img {
          width: 100%; }
        .hero-event .hero-event--info__container:first-child .font-body__title {
          padding: 20px 0 15px 0; }
          @media (max-width: 600px) {
            .hero-event .hero-event--info__container:first-child .font-body__title {
              padding: 25px 0 15px 0; } }
        .hero-event .hero-event--info__container:first-child .text-typo__body_subtitle {
          font-size: 16px;
          padding: 11px 0;
          height: 77px;
          overflow: hidden;
          -webkit-line-clamp: 3;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical; }
        .hero-event .hero-event--info__container:first-child .btn-event {
          font-size: 14px;
          background: #437D98;
          border: 2px solid #437D98;
          color: #fff;
          font-family: "Myriad W01 Bd", arial, sans-serif;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          padding: 1rem 2.7rem;
          display: block;
          float: left;
          margin: 25px 0 0 0; }
          .hero-event .hero-event--info__container:first-child .btn-event:hover {
            background: #fff;
            color: #437D98;
            cursor: pointer; }
          @media (max-width: 600px) {
            .hero-event .hero-event--info__container:first-child .btn-event {
              margin: 25px auto 40px auto;
              width: 55%;
              float: none;
              font-size: 12px; } }
      .hero-event .hero-event--info__container:last-child {
        background-color: #fff;
        display: flex;
        flex-direction: column; }
        .hero-event .hero-event--info__container:last-child .scroll-panel {
          flex: 1 1 auto;
          overflow-y: auto;
          height: 0px; }
          @media (max-width: 600px) {
            .hero-event .hero-event--info__container:last-child .scroll-panel {
              height: 100%; } }
      .hero-event .hero-event--info__container .event-container {
        display: flex;
        margin-bottom: 20px;
        outline: none;
        cursor: pointer; }
        .hero-event .hero-event--info__container .event-container__left {
          width: 50%; }
          @media (max-width: 600px) {
            .hero-event .hero-event--info__container .event-container__left {
              width: 100%; } }
          .hero-event .hero-event--info__container .event-container__left img {
            width: 100%; }
            @media (max-width: 600px) {
              .hero-event .hero-event--info__container .event-container__left img {
                padding: 0 10px; } }
        .hero-event .hero-event--info__container .event-container__right {
          padding-left: 20px;
          width: 48%;
          margin-top: 10px; }
          .hero-event .hero-event--info__container .event-container__right .font-reviews__text {
            overflow: hidden;
            -webkit-line-clamp: 3;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical; }
          @media (max-width: 600px) {
            .hero-event .hero-event--info__container .event-container__right {
              width: 100%;
              padding: 0 10px; } }
          .hero-event .hero-event--info__container .event-container__right .font-event_name {
            padding: 10px 0;
            height: 46px;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-transform: uppercase;
            font-family: "Myriad W01 Bd", arial, sans-serif;
            font-size: 12px; }
  .hero-event__mobile-img {
    display: none; }

@media (max-width: 600px) {
  .hero-event--background {
    background-image: none;
    flex-direction: column;
    background: #fff; }
  .hero-event--info {
    width: 100%;
    flex-direction: column;
    background: #fff; }
    .hero-event--info__container {
      width: 100%; }
      .hero-event--info__container .event-container {
        flex-direction: column;
        align-items: center;
        padding: 20px; }
        .hero-event--info__container .event-container__right .font-item__title-date {
          padding: 20px 0 5px 0; }
        .hero-event--info__container .event-container__right .font-reviews__text {
          font-size: 14px; }
      .hero-event--info__container .text-typo__body_subtitle {
        padding: 0 20px !important;
        height: 70px !important; }
      .hero-event--info__container:first-child {
        text-align: center; }
      .hero-event--info__container:last-child {
        background-color: #fff;
        display: flex;
        flex-direction: column; }
        .hero-event--info__container:last-child .scroll-panel {
          height: 100%;
          width: 100%; }
          .hero-event--info__container:last-child .scroll-panel .slick-prev {
            height: 40px;
            position: absolute;
            padding: 0;
            cursor: pointer;
            border: none;
            outline: none;
            top: 28%;
            margin-top: -10px;
            margin-left: 7px;
            left: 0;
            width: 40px;
            background-image: url("../../images/arrow-left.png");
            background-size: 14px 27px;
            background-repeat: no-repeat;
            background-position: left;
            background-color: transparent;
            border-color: transparent;
            font-size: 0;
            z-index: 200; }
            .hero-event--info__container:last-child .scroll-panel .slick-prev i {
              display: none; }
          .hero-event--info__container:last-child .scroll-panel .slick-next {
            height: 40px;
            position: absolute;
            padding: 0;
            cursor: pointer;
            border: none;
            outline: none;
            top: 28%;
            margin-top: -10px;
            margin-right: 7px;
            right: 0;
            width: 40px;
            background-image: url("../../images/arrow-right.png");
            background-size: 14px 27px;
            background-repeat: no-repeat;
            background-position: right;
            background-color: transparent;
            border-color: transparent;
            font-size: 0;
            z-index: 200; }
            .hero-event--info__container:last-child .scroll-panel .slick-next i {
              display: none; }
  .hero-event__desktop-img {
    display: none; }
  .hero-event__mobile-img {
    display: block; } }

.center-social .font-body__title {
  margin: 60px 0 0 0;
  text-align: center; }
  .center-social .font-body__title span {
    color: #437D98;
    font-size: 35px;
    font-family: "Myriad W01 Regular", arial, sans-serif; }
.center-social .text-typo__hero_heading {
  margin: 65px 0 15px 0;
  text-align: center; }
.center-social .center-social__icon-list {
  margin-bottom: 35px;
  margin-top: 10px; }
.center-social__icon-list {
  text-align: center; }
  .center-social__icon-list--link__share {
    font-size: 14px;
    letter-spacing: 1px;
    vertical-align: middle; }
.center-social__icon-list ul {
  text-align: left;
  display: inline-block;
  vertical-align: middle; }
.center-social__icon-list li {
  float: left;
  padding-right: 15px;
  vertical-align: middle; }
  .center-social__icon-list li a {
    color: #111;
    text-decoration: none; }
  .center-social__icon-list li:nth-of-type(4) {
    font-family: "Myriad W01 Regular", arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    color: #437D98;
    text-transform: uppercase;
    cursor: pointer; }
    .center-social__icon-list li:nth-of-type(4):hover {
      color: #111; }
    .center-social__icon-list li:nth-of-type(4) i {
      font-size: 12px;
      margin-left: 5px;
      cursor: pointer; }
    .center-social__icon-list li:nth-of-type(4) a {
      color: #437D98;
      font-family: "Myriad W01 Bd", arial, sans-serif;
      text-decoration: none; }
.center-social .slick-slide img {
  display: block;
  width: 100%;
  transform: none; }
.center-social .slick-prev {
  position: absolute;
  padding: 0;
  cursor: pointer;
  top: 40%;
  margin-top: -10px;
  border: none;
  outline: none;
  height: 57px;
  left: 0;
  width: 57px;
  background-image: url(../img/box-arrow_left.png);
  background-size: 57px 57px;
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  border-color: transparent;
  z-index: 200;
  font-size: 0; }
.center-social .slick-next {
  position: absolute;
  padding: 0;
  cursor: pointer;
  top: 40%;
  margin-top: -10px;
  border: none;
  outline: none;
  height: 57px;
  right: 0;
  width: 57px;
  background-image: url(../img/box-arrow_right.png);
  background-size: 57px 57px;
  background-repeat: no-repeat;
  background-position: right;
  background-color: transparent;
  border-color: transparent;
  z-index: 200;
  font-size: 0; }
.center-social .center-social__carousel--share {
  display: none; }

@media only screen and (max-width: 600px) {
  .center-social .font-body__title {
    margin: 40px 0 10px 0;
    text-align: center; }
    .center-social .font-body__title span {
      font-size: 24px; }
  .center-social__carousel {
    margin-top: 15px;
    width: 100%; }
    .center-social__carousel--share {
      display: none; }
    .center-social__carousel .slick-slide img {
      min-height: 205px;
      min-width: 205px; }
  .center-social .remove-padding .col-md-12 {
    padding-left: 0;
    padding-right: 0; }
  .center-social .center-social__carousel--share {
    color: #437D98;
    font-family: "Myriad W01 Regular", arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
    font-size: 14px;
    margin: 20px auto 40px auto;
    height: 41px;
    line-height: 40px; }
    .center-social .center-social__carousel--share:hover {
      color: #111; }
    .center-social .center-social__carousel--share i {
      font-size: 12px;
      vertical-align: middle;
      margin-left: 5px; }
  .center-social__icon-list li:nth-of-type(4) {
    display: none; }
  .center-social .center-social__icon-list {
    margin-bottom: 15px; }
  .center-social a {
    text-decoration: none;
    color: #437D98;
    cursor: pointer; } }

.product-display-container {
  padding: 0 120px; }

.product-display {
  display: flex;
  margin-top: 35px; }
  .product-display__pricing--mobile {
    display: none; }
  .product-display__left {
    flex: 1 1 50%;
    padding: 40px; }
    .product-display__left--media {
      position: relative; }
      .product-display__left--media:before {
        display: block;
        height: 0;
        padding-bottom: 100%;
        content: ""; }
    .product-display__left__img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      max-width: 100%;
      max-height: 100%; }
  .product-display__right {
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .product-display__right .with-bullets {
      list-style-type: disc; }
      .product-display__right .with-bullets li {
        margin-bottom: 10px;
        margin-left: 2.6%; }
    .product-display__right .font-body_subtitle {
      margin: 10px 0 20px 0; }
  .product-display__carousel {
    /* Arrows Slick*/ }
    .product-display__carousel .slick-slide {
      outline: none; }
    .product-display__carousel--container {
      position: relative;
      margin: 20px; }
      .product-display__carousel--container:hover {
        -webkit-box-shadow: -1px 0px 17px 2px #b3b3b3;
        -moz-box-shadow: -1px 0px 17px 2px #b3b3b3;
        box-shadow: -1px 0px 17px 2px #b3b3b3; }
        @media only screen and (max-width: 768px) {
          .product-display__carousel--container:hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; } }
      .product-display__carousel--container:before {
        display: block;
        height: 0;
        padding-bottom: 100%;
        content: ""; }
    .product-display__carousel--img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      max-width: 100%;
      max-height: 100%;
      cursor: pointer; }
    .product-display__carousel .slick-prev {
      height: 40px;
      position: absolute;
      padding: 0;
      cursor: pointer;
      border: none;
      outline: none;
      top: 40%;
      margin-top: -10px;
      left: 0;
      width: 40px;
      background-image: url("../../images/arrow-left.png");
      background-size: 14px 27px;
      background-repeat: no-repeat;
      background-position: left;
      background-color: transparent;
      border-color: transparent;
      font-size: 0;
      z-index: 200; }
      .product-display__carousel .slick-prev i {
        display: none; }
    .product-display__carousel .slick-next {
      height: 40px;
      position: absolute;
      padding: 0;
      cursor: pointer;
      border: none;
      outline: none;
      top: 40%;
      margin-top: -10px;
      right: 0;
      width: 40px;
      background-image: url("../../images/arrow-right.png");
      background-size: 14px 27px;
      background-repeat: no-repeat;
      background-position: right;
      background-color: transparent;
      border-color: transparent;
      font-size: 0;
      z-index: 200; }
      .product-display__carousel .slick-next i {
        display: none; }
    .product-display__carousel .slick-dots {
      display: block;
      width: 100%;
      list-style: none;
      text-align: center;
      bottom: -25px; }
      .product-display__carousel .slick-dots li:not(.slick-active) button::before {
        background-color: rgba(67, 125, 152, 0.4); }
      .product-display__carousel .slick-dots li.slick-active button::before {
        background-color: #437D98; }
    .product-display__carousel .slick-dots li {
      position: relative;
      display: inline-block;
      height: 40px;
      width: 80px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
    .product-display__carousel .slick-dots li button {
      width: 100%;
      height: 100%;
      background: transparent;
      border: none;
      font-size: 0;
      outline: none; }
      .product-display__carousel .slick-dots li button::before {
        content: '';
        height: 2px;
        width: 100%;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 0;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
        opacity: 1; }

.product-color {
  margin: 20px 0;
  display: flex;
  align-items: center; }
  .product-color ul {
    vertical-align: middle; }
  .product-color li.color-bubble {
    cursor: pointer;
    border: 1px solid #ccc;
    width: 5%;
    border-radius: 50%;
    padding: 0.3em;
    box-sizing: border-box;
    margin-left: 10px;
    min-width: 30px; }
    .product-color li.color-bubble:not(.active) {
      border: 1px solid transparent; }
    .product-color li.color-bubble .circle {
      height: 0;
      padding-bottom: 100%;
      box-sizing: border-box;
      border-radius: 50%;
      position: relative;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4); }

.btn-product_display {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #437D98;
  padding: 1em 2em;
  border: 2px solid #437D98;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  margin-left: 5%;
  cursor: pointer;
  border-radius: 50px; }
  .btn-product_display:hover {
    background-color: #fff;
    color: #437D98;
    border: 2px solid #437D98;
    text-decoration: none; }

.product-value {
  display: flex;
  align-items: center; }
  .product-value .font-price-display {
    margin-right: 10px;
    color: #111; }
  .product-value a {
    text-decoration: none;
    font-family: "Myriad W01 Regular", arial, sans-serif; }

.line-spacer {
  border-top: solid 1px #AEAEAE;
  margin-top: 15px;
  padding-top: 15px;
  height: 0px;
  margin: 0 auto; }

.details-spacer {
  display: none; }

.carousel-spacer {
  display: block; }

@media only screen and (max-width: 768px) {
  .product-display-container {
    padding: 0; }
  .carousel-spacer {
    display: none; }
  .details-spacer {
    display: block; }
  .font-item__title {
    display: inline-block; }
  .product-color {
    display: flex;
    justify-content: center; }
    .product-color .font-reviews__text {
      font-size: 15px; }
  .product-value {
    display: flex;
    justify-content: center; }
    .product-value .font-price-display {
      font-size: 26px;
      width: 50%;
      text-align: center; }
  .details-spacer {
    display: block; }
  .product-display__pricing {
    display: none; }
    .product-display__pricing--mobile {
      display: block; }
  .product-display__left {
    display: none; }
  .product-display__right {
    flex: 1 1 100%;
    text-align: center; }
    .product-display__right .font-body__title {
      width: 100%;
      padding: 0 30px; }
    .product-display__right .font-body_subtitle {
      padding: 0 35px;
      font-size: 16px; }
    .product-display__right .font-reviews__text {
      font-size: 14px; }
    .product-display__right .line-spacer {
      width: 80%; }
    .product-display__right .with-bullets {
      list-style-type: none; }
      .product-display__right .with-bullets li {
        margin-bottom: 10px; } }

.active-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 209; }

@media (max-width: 1100px) {
  .cancel-scroll {
    overflow: hidden; }
    .cancel-scroll body {
      overflow: hidden;
      height: 100vh;
      position: fixed; } }

.wrapper-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 210;
  padding: 0 40px;
  background-color: #111; }
  @media (max-width: 1100px) {
    .wrapper-nav {
      padding: 0; } }

.main-nav {
  display: flex;
  flex-direction: row;
  padding: 12px 0px;
  color: #111;
  position: relative;
  background-color: #111; }
  .main-nav .products_number {
    background-color: #437D98;
    padding: 3px;
    border-radius: 100%;
    color: #fff;
    position: absolute;
    top: -12px;
    right: -10px;
    font-size: 10px;
    width: 20px;
    text-align: center; }
    @media (max-width: 1100px) {
      .main-nav .products_number {
        top: -9px; } }
  .main-nav .product_quantity {
    position: relative; }
    .main-nav .product_quantity .icon-shopping-cart {
      font-size: 22px; }
      @media (max-width: 1100px) {
        .main-nav .product_quantity .icon-shopping-cart {
          font-size: 24px; } }
  .main-nav .cart-head__right {
    position: absolute;
    right: 40px;
    top: 30px; }
    .main-nav .cart-head__right .icon-shopping-cart {
      color: #111; }
  .main-nav .search-container__content {
    display: none; }
  .main-nav .show_navbar_mobile {
    display: none; }
  .main-nav__container {
    max-width: 1400px;
    margin: 0 auto; }
  .main-nav__logo {
    flex: 0 0 15%;
    cursor: pointer;
    height: 56px; }
    .main-nav__logo--container {
      width: 100%;
      height: 0;
      padding-bottom: 28%;
      background-image: url('../../images/logo.png ');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
  .main-nav__center {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-right: 20px;
    flex: 0 0 68%; }
  .main-nav__items {
    flex-grow: 1;
    text-align: right;
    display: flex; }
  .main-nav__search {
    flex-grow: 1;
    position: absolute;
    display: flex;
    width: 100%;
    right: 20px;
    padding: 0px 100px;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    width: 0;
    opacity: 0;
    transition: all 400ms ease-out;
    z-index: -1; }
    .main-nav__search.active {
      width: 88%;
      opacity: 1;
      right: 0;
      z-index: 999; }
    .main-nav__search .search-bar {
      width: 100%;
      height: 64.3%;
      padding: 5px 10px;
      margin: auto 8% auto auto;
      border: 2px solid #3d3d3e;
      outline: none;
      pointer-events: all;
      color: #437D98;
      text-shadow: 0px 0px 0px #AEAEAE;
      -webkit-text-fill-color: transparent;
      position: relative;
      background: #111; }
    .main-nav__search input[type="button"] {
      position: absolute;
      padding: 16px 40px;
      border: 2px solid #437D98;
      background-color: #437D98;
      color: #ffffff;
      font-family: "Myriad W01 Regular", arial, sans-serif;
      font-size: 12px;
      letter-spacing: 2px;
      right: 0;
      opacity: 1;
      transition: visibility 0s, opacity 0.4s linear;
      cursor: pointer;
      top: 18%;
      right: 14%;
      outline: none;
      cursor: pointer;
      z-index: 999; }
  .main-nav__items {
    flex-grow: 1;
    text-align: right;
    display: flex; }
    .main-nav__items--list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: flex-start;
      flex-grow: 1; }
      .main-nav__items--list .item {
        display: flex;
        flex-grow: 0;
        align-items: center;
        padding: 0 20px;
        border-bottom: 3px solid transparent;
        transition: border-color 400ms ease-out;
        font-family: "Myriad W01 Regular", arial, sans-serif;
        font-size: 14px;
        margin: -12px 0; }
        .main-nav__items--list .item a {
          color: #fff;
          text-decoration: none;
          font-family: "Myriad W01 Lt", arial, sans-serif !important; }
        .main-nav__items--list .item:hover {
          border-bottom: 3px solid #437D98; }
        .main-nav__items--list .item:hover .main-nav__items--subnav {
          display: flex;
          opacity: 1;
          animation: fade 350ms; }
        .main-nav__items--list .item:hover .even-spacing {
          justify-content: space-around; }
        .main-nav__items--list .item.active {
          border-bottom: 3px solid #eb4326; }
    .main-nav__items--subnav {
      position: absolute;
      left: 0;
      top: 80px;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
      background-color: #f3f3f3;
      flex-wrap: wrap;
      z-index: 210;
      display: none;
      overflow: hidden;
      max-height: 100vh;
      max-width: 1400px;
      opacity: 0;
      transition: opacity 350ms, visibility 350ms; }
      .main-nav__items--subnav .subnav-item {
        flex: 0 0 20%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .main-nav__items--subnav .subnav-item .block {
          text-align: center;
          color: #111;
          padding: 2em 0; }
          .main-nav__items--subnav .subnav-item .block a {
            color: #111;
            text-decoration: none; }
          .main-nav__items--subnav .subnav-item .block:hover .font-menu_item {
            color: #437D98; }
        .main-nav__items--subnav .subnav-item img {
          width: auto;
          height: 120px; }
        .main-nav__items--subnav .subnav-item .font-menu_item {
          letter-spacing: 0; }
      .main-nav__items--subnav .subnav-item-promo {
        flex: 0 0 38%; }
        .main-nav__items--subnav .subnav-item-promo .btn-default {
          text-transform: uppercase;
          font-family: "Myriad W01 Regular", arial, sans-serif;
          font-size: 12px;
          border-radius: 100px;
          text-align: center;
          padding: 10px;
          margin-bottom: 5%;
          width: 60%; }
        .main-nav__items--subnav .subnav-item-promo__wrapper {
          position: relative;
          background-size: cover;
          background-position: 10% 0;
          background-repeat: no-repeat;
          display: flex;
          justify-content: flex-end;
          padding: 2em;
          margin: 1em 0; }
        .main-nav__items--subnav .subnav-item-promo__container {
          text-align: left;
          max-width: 18em;
          position: absolute;
          padding-top: 2em;
          right: 8%; }
          .main-nav__items--subnav .subnav-item-promo__container .font-menu__details {
            padding: 20px 0; }
          .main-nav__items--subnav .subnav-item-promo__container .btn-default {
            float: left; }
        .main-nav__items--subnav .subnav-item-promo img {
          max-width: 100%; }
      .main-nav__items--subnav .subnav-item-discover {
        align-items: flex-end;
        flex: 0 0 30%;
        margin: 40px 0; }
        .main-nav__items--subnav .subnav-item-discover__wrapper {
          position: relative; }
        .main-nav__items--subnav .subnav-item-discover__img {
          margin: 10% 0; }
        .main-nav__items--subnav .subnav-item-discover__container {
          text-align: left;
          position: absolute;
          bottom: 23%;
          left: 6%; }
          .main-nav__items--subnav .subnav-item-discover__container .font-menu__details {
            padding-bottom: 17px;
            color: #fff; }
        .main-nav__items--subnav .subnav-item-discover .block {
          text-align: center;
          color: #111; }
        .main-nav__items--subnav .subnav-item-discover img {
          max-width: 100%; }
      .main-nav__items--subnav .subnav-item__left {
        width: 75%; }
        .main-nav__items--subnav .subnav-item__left .subnav-item__left-list {
          display: flex;
          flex-wrap: wrap;
          padding-left: 10px; }
      .main-nav__items--subnav .subnav-item__right {
        width: 25%;
        padding: 2em 0;
        overflow: hidden; }
        .main-nav__items--subnav .subnav-item__right img {
          margin: 0 23px 10px 0;
          height: auto; }
    .main-nav__items__subnav-search__container {
      position: absolute;
      left: 0;
      top: 84px;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #fff;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      z-index: 210; }
      .main-nav__items__subnav-search__container .subnav-item {
        align-items: flex-end;
        flex: 0 0 20%;
        margin-bottom: 30px; }
        .main-nav__items__subnav-search__container .subnav-item .block {
          text-align: center;
          color: #111;
          padding: 20px; }
        .main-nav__items__subnav-search__container .subnav-item img {
          max-width: 100%;
          padding: 40px; }
        .main-nav__items__subnav-search__container .subnav-item .font-menu_item {
          letter-spacing: 0; }
  .main-nav__utils {
    flex: 0 0 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 999; }
    .main-nav__utils .user-head {
      display: none; }
      .main-nav__utils .user-head:hover {
        display: block; }
    .main-nav__utils .display_search--results {
      display: none; }
    .main-nav__utils--utility {
      outline: none; }
      .main-nav__utils--utility i {
        font-size: 18px;
        color: #fff; }
      .main-nav__utils--utility img {
        width: 43.29%;
        height: 30%; }
      .main-nav__utils--utility:after {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center; }
      .main-nav__utils--utility .search-display__desktop {
        display: none;
        color: #437D98;
        font-size: 20px;
        font-family: "Myriad W01 Lt", arial, sans-serif;
        padding: 15px 30px;
        cursor: pointer; }
      .main-nav__utils--utility .remove-icons {
        margin: auto;
        padding: 10px; }
      .main-nav__utils--utility .show-search {
        display: block; }
      .main-nav__utils--utility .hide_now {
        display: none; }
      .main-nav__utils--utility .close_now {
        display: block; }
    .main-nav__utils .search_active {
      display: none;
      position: absolute;
      left: 0;
      top: 84px;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
      background-color: #fff;
      flex-wrap: wrap;
      z-index: 210;
      max-height: 100vh;
      overflow: auto;
      padding-bottom: 150px;
      height: 410px; }
      .main-nav__utils .search_active .display__results-search {
        width: 100%;
        margin-bottom: 20px;
        padding: 2% 0 0 6%; }
      .main-nav__utils .search_active .subnav-item {
        flex: 0 0 20%;
        margin-top: 8%; }
        .main-nav__utils .search_active .subnav-item .block {
          padding: 20px;
          text-align: center;
          color: #111; }
          .main-nav__utils .search_active .subnav-item .block:hover .font-item__title {
            color: #437D98; }
          .main-nav__utils .search_active .subnav-item .block img {
            max-width: 130px;
            width: 100%;
            height: 130px; }
        .main-nav__utils .search_active .subnav-item .font-item__title {
          padding: 5px 0;
          overflow: hidden;
          -webkit-line-clamp: 2;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical; }
        .main-nav__utils .search_active .subnav-item .font-reviews__text {
          padding: 8px 0;
          height: 46px;
          overflow: hidden;
          -webkit-line-clamp: 2;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical; }
      .main-nav__utils .search_active .subnav-item__results {
        align-items: flex-end;
        flex: 0 0 100%;
        padding-left: 7.9%; }
        @media screen and (min-width: 600px) {
          .main-nav__utils .search_active .subnav-item__results {
            flex: 0 0 40%; } }
        .main-nav__utils .search_active .subnav-item__results a {
          color: #111;
          text-decoration: none; }
        .main-nav__utils .search_active .subnav-item__results .font-reviews__text {
          padding: 10px 0; }
      .main-nav__utils .search_active .font-search_result {
        padding: 15px 0; }
      .main-nav__utils .search_active .font-search_display:hover {
        color: #437D98; }
    .main-nav__utils .onclick-menu {
      position: relative; }
    .main-nav__utils .onclick-menu:hover .onclick-menu-content {
      display: block; }
    .main-nav__utils .onclick-menu-content {
      position: absolute;
      top: 100%;
      right: 9px;
      top: 44px;
      z-index: 210;
      display: none; }
      .main-nav__utils .onclick-menu-content li {
        border-bottom: solid 1px #111;
        padding: 10px;
        background-color: #fff;
        width: 150px;
        border: solid 1px #dcdcdc; }
        .main-nav__utils .onclick-menu-content li:hover {
          background-color: #dcdcdc; }
      .main-nav__utils .onclick-menu-content a {
        color: #111;
        text-decoration: none;
        font-family: "Myriad W01 Regular", arial, sans-serif; }
    .main-nav__utils .onclick-menu-cart .hold-cart-products {
      margin-top: 20px;
      overflow-y: scroll;
      max-height: 330px; }
    .main-nav__utils .onclick-menu-cart .cart-info {
      padding: 0 20px;
      background-color: #fff;
      width: 379px;
      display: flex;
      justify-content: center; }
      .main-nav__utils .onclick-menu-cart .cart-info .cart-left {
        flex: 0 0 40%; }
        .main-nav__utils .onclick-menu-cart .cart-info .cart-left img {
          width: 100%;
          height: auto; }
      .main-nav__utils .onclick-menu-cart .cart-info .cart-center {
        flex: 0 0 50%; }
        .main-nav__utils .onclick-menu-cart .cart-info .cart-center a {
          color: #111;
          text-decoration: none; }
        .main-nav__utils .onclick-menu-cart .cart-info .cart-center .cart-head-desktop {
          display: flex; }
          .main-nav__utils .onclick-menu-cart .cart-info .cart-center .cart-head-desktop .font-item__title {
            flex: 0 0 90%;
            margin-bottom: 5px; }
            .main-nav__utils .onclick-menu-cart .cart-info .cart-center .cart-head-desktop .font-item__title:hover {
              color: #437D98; }
          .main-nav__utils .onclick-menu-cart .cart-info .cart-center .cart-head-desktop .cart-head-desktop__close {
            flex: 0 0 10%;
            cursor: pointer; }
        .main-nav__utils .onclick-menu-cart .cart-info .cart-center .font-reviews__text {
          margin: 7px 0; }
        .main-nav__utils .onclick-menu-cart .cart-info .cart-center i {
          padding-right: 10px;
          color: #111; }
    .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 999;
      background-color: #fff;
      width: 100%;
      max-width: 450px;
      padding-bottom: 20px;
      position: fixed;
      transition: transform 400ms ease-out;
      transform: translateX(100%); }
      @media (max-width: 1100px) {
        .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart {
          top: 105px; } }
      .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart.mobile_display__toggle {
        transform: translateX(-5%); }
        @media (max-width: 1100px) {
          .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart.mobile_display__toggle {
            transform: translateX(0%); } }
      .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart {
        display: flex;
        align-items: baseline;
        padding-top: 5%; }
        .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart .cart-head__close {
          flex: 0 0 20%;
          text-align: center;
          font-size: 20px;
          display: none; }
          @media (max-width: 1100px) {
            .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart .cart-head__close {
              display: block; } }
        .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart .cart-head__name {
          font-size: 24px;
          width: 85%;
          text-align: center;
          font-family: "Myriad W01 Regular", arial, sans-serif; }
          .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart .cart-head__name a {
            color: #000; }
          @media (max-width: 1100px) {
            .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart .cart-head__name {
              text-align: center;
              padding-left: 0;
              margin-left: -20px;
              flex: 0 0 80%; } }
        .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart .cart-head .cart-head__right {
          flex: 0 0 10%; }
    .main-nav__utils .onclick-menu-cart .cart-details {
      border-top: solid 1px #AEAEAE;
      padding: 0 20px; }
      .main-nav__utils .onclick-menu-cart .cart-details__top {
        display: flex;
        margin-top: 15px; }
        .main-nav__utils .onclick-menu-cart .cart-details__top .font-reviews__text {
          flex: 0 0 50%; }
          .main-nav__utils .onclick-menu-cart .cart-details__top .font-reviews__text a {
            color: #222; }
        .main-nav__utils .onclick-menu-cart .cart-details__top .font-reviews__text-orange {
          flex: 0 0 50%;
          text-align: right; }
      .main-nav__utils .onclick-menu-cart .cart-details__bottom a {
        color: #111; }
      .main-nav__utils .onclick-menu-cart .cart-details__bottom .cart-details-promo {
        text-decoration: underline;
        font-size: 12px;
        font-family: HelveticaNeueW01-55Roma, Helvetica, sans-serif;
        margin-bottom: 15px; }
      .main-nav__utils .onclick-menu-cart .cart-details__bottom .cart-btn__inverse {
        border: solid 1px #437D98;
        padding: 10px 30px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-family: "Myriad W01 Bd", arial, sans-serif;
        text-transform: uppercase;
        cursor: pointer;
        border-radius: 50px;
        background: #437D98; }
        .main-nav__utils .onclick-menu-cart .cart-details__bottom .cart-btn__inverse:hover {
          background: #fff;
          color: #437D98; }
      .main-nav__utils .onclick-menu-cart .cart-details__bottom .cart-btn__default {
        margin: 20px 0;
        border: solid 3px #437D98;
        padding: 10px 30px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-family: "Myriad W01 Regular", arial, sans-serif;
        text-transform: uppercase;
        background-color: #437D98;
        cursor: pointer; }
        .main-nav__utils .onclick-menu-cart .cart-details__bottom .cart-btn__default:hover {
          background: #fff;
          color: #437D98; }
      .main-nav__utils .onclick-menu-cart .cart-details .cart-payment ul {
        display: flex;
        justify-content: center; }
        .main-nav__utils .onclick-menu-cart .cart-details .cart-payment ul li ISAPPLEPAY {
          width: 100% !important; }
        .main-nav__utils .onclick-menu-cart .cart-details .cart-payment ul li:first-child {
          margin-right: 10px; }
        .main-nav__utils .onclick-menu-cart .cart-details .cart-payment ul li:last-child .paypal-button {
          width: 100%;
          height: auto;
          margin-left: 5px; }
          @media screen and (min-width: 500px) {
            .main-nav__utils .onclick-menu-cart .cart-details .cart-payment ul li:last-child .paypal-button {
              height: 40px;
              width: auto; } }
          .main-nav__utils .onclick-menu-cart .cart-details .cart-payment ul li:last-child .paypal-button:hover {
            cursor: pointer; }
        .main-nav__utils .onclick-menu-cart .cart-details .cart-payment ul img {
          width: 100%;
          max-width: 200px;
          margin-top: 3px;
          height: 100%;
          min-width: 41vw; }
  .main-nav .menu-toggle {
    display: none; }

@media only screen and (max-width: 1100px) {
  .main-nav__center {
    margin-right: 0; }
  .main-nav .subnav-item-promo__container {
    max-width: 15em; }
  .main-nav .main-nav__utils {
    padding: 0 5px 0 0; } }

@media only screen and (max-width: 1100px) {
  header {
    padding: 0; }
  .main-nav .mobile__active-link {
    border-bottom: solid 3px #437D98 !important; }
  .main-nav__center {
    display: none; }
  .main-nav .main-nav__utils .onclick-menu-cart .cart-info {
    width: 100%;
    margin-bottom: 20px; }
  .main-nav #check-nav {
    position: absolute;
    z-index: 210;
    opacity: 0;
    width: 60px;
    height: 60px; }
  .main-nav .menu-toggle {
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
    flex: 0 0 20%;
    padding-top: 3px; }
    .main-nav .menu-toggle .line {
      width: 35px;
      height: 3px;
      background-color: #fff;
      display: block;
      margin: 7px auto;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .main-nav .menu-toggle .hamburger:hover {
      cursor: pointer; }
  .main-nav .menu-toggle_layout {
    width: 40px;
    height: 50px;
    position: relative;
    display: block;
    flex: 0 0 10%;
    padding-top: 1px; }
    .main-nav .menu-toggle_layout .line {
      width: 40px;
      height: 5px;
      display: block;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .main-nav .menu-toggle_layout .line:nth-child(1) {
        background-color: #fff;
        margin: 7px auto; }
      .main-nav .menu-toggle_layout .line:nth-child(2) {
        background-color: #fff;
        margin: 7px auto 1px auto; }
      .main-nav .menu-toggle_layout .line:nth-child(3) {
        margin: 0 auto 3px auto; }
    .main-nav .menu-toggle_layout .line-menu {
      color: #fff;
      font-size: 11px;
      letter-spacing: 2.4px; }
    .main-nav .menu-toggle_layout .hamburger:hover {
      cursor: pointer; }
  #hamburger-1.is-active .line:nth-child(2) {
    opacity: 0; }
  #hamburger-1.is-active .line:nth-child(1) {
    -webkit-transform: translateY(12px) rotate(45deg);
    -ms-transform: translateY(12px) rotate(45deg);
    -o-transform: translateY(12px) rotate(45deg);
    transform: translateY(12px) rotate(45deg); }
  #hamburger-1.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-12px) rotate(-45deg);
    -ms-transform: translateY(-12px) rotate(-45deg);
    -o-transform: translateY(-12px) rotate(-45deg);
    transform: translateY(-12px) rotate(-45deg); }
  #hamburger-2.is-active .line:nth-child(3) {
    opacity: 0; }
  #hamburger-2.is-active .line:nth-child(1) {
    -webkit-transform: translateY(12px) rotate(45deg);
    -ms-transform: translateY(12px) rotate(45deg);
    -o-transform: translateY(12px) rotate(45deg);
    transform: translateY(12px) rotate(45deg); }
  #hamburger-2.is-active .line:nth-child(2) {
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    -o-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
    background-color: #FFF; }
    #hamburger-2.is-active .line:nth-child(2)::after {
      content: ''; }
  .main-nav {
    display: flex;
    border-bottom: 1px solid #dedede;
    padding: 7px 4% 0 4%;
    position: relative;
    justify-content: space-between;
    align-items: center; }
    .main-nav .show_cart-mobile, .main-nav .cart-head__right {
      display: none; }
    .main-nav__utils {
      flex: 0 0 30%;
      justify-content: flex-end;
      padding: 10px 0;
      align-items: baseline; }
      .main-nav__utils .onclick-menu-cart .cart-details {
        height: 85%;
        margin: 0; }
      .main-nav__utils .onclick-menu-cart .hold-cart-products {
        max-height: 100%;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch; }
        .main-nav__utils .onclick-menu-cart .hold-cart-products .cart-info {
          margin-bottom: 10px; }
      .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart {
        height: 100%;
        overflow-y: hidden;
        padding-bottom: 40px;
        -webkit-overflow-scrolling: touch; }
      .main-nav__utils .product_quantity_desktop {
        opacity: 0; }
      .main-nav__utils .onclick-menu-content-cart {
        right: 0; }
        .main-nav__utils .onclick-menu-content-cart .cart-head__name {
          flex: 0 0 100%;
          text-align: center; }
      .main-nav__utils .product-search--mobile {
        background-color: #fff;
        height: 100%;
        -webkit-overflow-scrolling: touch; }
        .main-nav__utils .product-search--mobile .col-md-12 {
          padding-left: 0;
          padding-right: 0; }
      .main-nav__utils .search-container__results {
        text-align: center;
        display: none; }
        .main-nav__utils .search-container__results .font-item__title__avant {
          margin: 10px 0 20px 0; }
      .main-nav__utils .search-container__info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 400px;
        overflow: scroll;
        height: 100vh;
        -webkit-overflow-scrolling: touch; }
        .main-nav__utils .search-container__info-item {
          flex: 0 0 45%;
          margin-bottom: 20px; }
          .main-nav__utils .search-container__info-item .font-item__title {
            padding: 5px 0;
            overflow: hidden;
            -webkit-line-clamp: 1;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical; }
          .main-nav__utils .search-container__info-item .font-reviews__text {
            padding: 11px 0;
            height: 50px;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical; }
          .main-nav__utils .search-container__info-item:last-child {
            margin-bottom: 350px; }
      .main-nav__utils .search-container__content {
        position: absolute;
        top: 101%;
        left: 0;
        right: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 210;
        background-color: #fff;
        padding: 0 5%; }
      .main-nav__utils .search-container__media {
        position: relative; }
      .main-nav__utils .search-container__media:before {
        display: block;
        height: 0;
        padding-bottom: 100%;
        content: ""; }
      .main-nav__utils .search-container__img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%; }
      .main-nav__utils .product-search--mobile__form {
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding-top: 30px;
        overflow: hidden;
        height: 110px;
        background-color: #fff; }
        @media only screen and (max-width: 768px) {
          .main-nav__utils .product-search--mobile__form {
            width: 100%; }
            .main-nav__utils .product-search--mobile__form .col-md-12 {
              padding-left: 0;
              padding-right: 0; } }
        .main-nav__utils .product-search--mobile__form input[type=search] {
          width: 100%;
          padding: 10px 15px;
          background: #fff;
          border: 2px solid #dedede;
          position: absolute;
          color: #f30;
          text-shadow: 0 0 0 #111;
          -webkit-text-fill-color: transparent;
          outline: none;
          font-size: 16px; }
        .main-nav__utils .product-search--mobile__form input[type=button] {
          position: absolute;
          padding: 12px 20px;
          border: 2px solid #437D98;
          background-color: #437D98;
          color: #fff;
          font-family: AvantGardeGothicITCW01B\ 731063, Helvetica, sans-serif;
          font-size: 12px;
          letter-spacing: 2px;
          right: 0;
          -webkit-transition: visibility 0s, opacity 0.4s linear;
          transition: visibility 0s, opacity 0.4s linear; }
    .main-nav .search {
      padding-bottom: 5px; }
    .main-nav .main-nav__utils--utility {
      flex-grow: 0;
      border-bottom: solid 3px transparent; }
      .main-nav .main-nav__utils--utility .icon-search {
        font-size: 22px; }
      .main-nav .main-nav__utils--utility .product_quantity {
        font-size: 24px; }
    .main-nav__logo {
      display: none; }
    .main-nav .onclick-menu {
      display: none; }
    .main-nav .search-display__desktop {
      display: none; }
    .main-nav .remove-icons {
      display: block; }
  .navbar-mobile input {
    position: absolute;
    opacity: 0;
    z-index: 210; }
  .navbar-mobile label {
    display: block;
    padding: 17px 5%;
    cursor: pointer;
    font-weight: normal; }
  .navbar-mobile .tab-content__nav {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s;
    -o-transition: max-height 0.35s;
    transition: max-height 0.35s; }
    .navbar-mobile .tab-content__nav .navbar_links {
      padding: 15px 6%; }
      .navbar-mobile .tab-content__nav .navbar_links a {
        color: #111;
        text-decoration: none; }
    .navbar-mobile .tab-content__nav .navbar_links__sale {
      padding: 15px 6%; }
      .navbar-mobile .tab-content__nav .navbar_links__sale a {
        text-decoration: none;
        color: #437D98; }
    .navbar-mobile .tab-content__nav .footer-container__item-time {
      margin: 0 0 25px 0; }
      .navbar-mobile .tab-content__nav .footer-container__item-time .navbar_links {
        margin-bottom: 5px; }
    .navbar-mobile .tab-content__nav img {
      width: 32px; }
  .navbar-mobile input:checked ~ .tab-content__nav {
    max-height: 500em;
    height: 100%; }
  .navbar-mobile label {
    margin: 0;
    font-family: "Myriad W01 Regular", arial, sans-serif; }
  .navbar-mobile label {
    position: relative;
    font-weight: normal; }
  .navbar-mobile label .plus {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 33px;
    top: 20px;
    pointer-events: none;
    /* Vertical line */
    /* horizontal line */ }
    .navbar-mobile label .plus:before, .navbar-mobile label .plus:after {
      content: "";
      position: absolute;
      background-color: black;
      transition: transform 0.35s ease-out; }
    .navbar-mobile label .plus:before {
      top: 0;
      left: 50%;
      width: 2px;
      height: 100%;
      margin-left: -1px; }
    .navbar-mobile label .plus:after {
      top: 50%;
      left: 0;
      width: 100%;
      height: 2px;
      margin-top: -1px; }
  .navbar-mobile input[type=checkbox]:checked + label .plus:before {
    transform: rotate(90deg); }
  .navbar-mobile input[type=checkbox]:checked + label .plus:after {
    transform: rotate(180deg); }
  .navbar-mobile__content a {
    color: #111;
    text-decoration: none; }
  .navbar-mobile__content__nav-item {
    border-bottom: solid 1px #dedede; }
    .navbar-mobile__content__nav-item:last-child {
      margin-bottom: 0; }
      .navbar-mobile__content__nav-item:last-child img {
        width: 32px; }
  .navbar-mobile__content .single_link {
    font-family: "Myriad W01 Regular", arial, sans-serif; }
  .navbar-mobile__sub-nav {
    position: relative; }
  .navbar-mobile__content {
    padding-bottom: 260px; }
  .mobile_display__toggle {
    display: block !important;
    z-index: 1; }
  .mobile-nav__logo {
    flex: 0 0 46%;
    margin-top: -7px;
    max-width: 218px; }
    .mobile-nav__logo--container {
      width: 88%;
      height: 0;
      padding-bottom: 44%;
      background-image: url('../../images/logo.png ');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin-left: 30px; }
  .mobile-nav__menu {
    flex: 0 0 20%; }
    .mobile-nav__menu .show_navbar_mobile {
      position: absolute;
      top: 101%;
      left: 0;
      right: 0;
      background-color: #fff;
      overflow-y: scroll;
      height: 100vh;
      min-height: calc(100vh - 113px);
      padding-bottom: 40px;
      -webkit-overflow-scrolling: touch; }
    .mobile-nav__menu .navbar-mobile__container {
      border: solid 1px #dedede;
      position: relative; }
  .main-nav__utils .onclick-menu-cart:hover .onclick-menu-content-cart {
    display: none; }
  .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart .cart-head__close {
    opacity: 1; } }

@media only screen and (max-width: 768px) {
  .main-nav__utils .onclick-menu-cart .cart-details__top {
    margin-top: 5px; }
  .main-nav__utils .onclick-menu-cart .hold-cart-products {
    margin-top: 10px; }
  .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart {
    top: 105px; }
    .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .space-cart {
      padding-top: 2%; }
    .main-nav__utils .onclick-menu-cart .onclick-menu-content-cart .hold-cart-products {
      max-height: calc(100vh - 320px);
      overflow: scroll; }
  .main-nav__utils .onclick-menu-cart .cart-details__bottom .cart-btn__default {
    margin: 10px 0; } }

@media screen and (min-width: 1100px) {
  .line-menu {
    display: none; } }

/* ==========================================================================
Footer
========================================================================== */
.mail-form {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  position: absolute;
  top: 5%;
  background-color: #FFF;
  left: 50%;
  padding: 50px 80px;
  margin-left: -40%; }
  .mail-form--top {
    height: 80px; }
  .mail-form--bottom {
    background-color: #111;
    height: 80px; }
  .mail-form--left {
    flex: 0 0 50%; }
    .mail-form--left .footer-link-mail {
      margin-top: 10px; }
      .mail-form--left .footer-link-mail a {
        color: #111; }
      .mail-form--left .footer-link-mail span {
        text-decoration: underline;
        margin-bottom: 50px;
        font-size: 12px; }
  .mail-form--right {
    color: white;
    flex: 0 0 45%; }
    .mail-form--right__input {
      position: relative;
      width: 100%; }
      .mail-form--right__input input[type="email"] {
        width: 100%;
        padding: 10px 15px;
        background: #fff;
        border: 2px solid #EEEEEE;
        position: absolute;
        color: #437D98;
        text-shadow: 0px 0px 0px #847d78;
        -webkit-text-fill-color: transparent;
        font-family: "Myriad W01 Lt", arial, sans-serif; }
        .mail-form--right__input input[type="email"]::placeholder {
          color: #AEAEAE; }
        .mail-form--right__input input[type="email"]:focus {
          outline: none; }
      .mail-form--right__input button[type="submit"] {
        position: absolute;
        padding: 11px 30px;
        border: 2px solid #437D98;
        background-color: #437D98;
        color: #ffffff;
        font-size: 12px;
        letter-spacing: 2px;
        right: -13px;
        outline: none;
        border-radius: 50px; }
        .mail-form--right__input button[type="submit"]:hover {
          background-color: #fff;
          color: #437D98; }
      .mail-form--right__input .parsley-error-list {
        position: absolute;
        top: 46px;
        left: 18px; }
        .mail-form--right__input .parsley-error-list li, .mail-form--right__input .parsley-error-list .required {
          color: #437D98;
          font-family: "Myriad W01 Regular", arial, sans-serif; }
  .mail-form.footer-signup-custom {
    max-width: 1180px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    position: relative;
    width: 90%;
    margin: 48px auto -28px;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: white;
    padding: 36px 36px 12px;
    color: rgba(0, 0, 0, 0.87); }
    @media (max-width: 701px) {
      .mail-form.footer-signup-custom {
        padding: 36px 0 12px; } }
    .mail-form.footer-signup-custom .checkbox-element {
      display: flex;
      padding-top: 8px; }
      @media (min-width: 701px) {
        .mail-form.footer-signup-custom .checkbox-element {
          padding-top: 54px; } }
      .mail-form.footer-signup-custom .checkbox-element label {
        font-size: 13px;
        display: block;
        color: rgba(0, 0, 0, 0.87);
        margin-left: 12px; }
    .mail-form.footer-signup-custom .mail-form--right__input .parsley-error-list {
      position: static;
      top: 0;
      left: 0; }
    @media (max-width: 1101px) {
      .mail-form.footer-signup-custom .mail-form--left .footer_heading {
        text-align: center;
        margin: -12px auto 24px; } }
    @media (max-width: 700px) {
      .mail-form.footer-signup-custom .mail-form--right__input input {
        position: relative; }
      .mail-form.footer-signup-custom .mail-form--right__input button {
        position: relative;
        width: 100%;
        margin: 8px 0 0; } }
    .mail-form.footer-signup-custom .parsley-error-list {
      display: none !important; }

.container-footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 14px;
  padding-right: 14px; }

.footer-container {
  background-color: #111;
  justify-content: center;
  display: flex; }
  .footer-container .header--sub__nav {
    margin: 50px 0 0 0; }
    .footer-container .header--sub__nav:nth-child(1) {
      margin: 65px 0 35px 0; }
  .footer-container .header--sub__nav-link {
    margin-bottom: 25px; }
  .footer-container__item {
    flex: 0 0 20%;
    color: #fff;
    text-align: left;
    /* ===================== MODIFY LINK TAG ===================================================== */ }
    .footer-container__item a, .footer-container__item a:hover, .footer-container__item a:active, .footer-container__item a:visited, .footer-container__item a:focus {
      text-decoration: none;
      color: #fff; }
      .footer-container__item a:hover, .footer-container__item a:hover:hover, .footer-container__item a:active:hover, .footer-container__item a:visited:hover, .footer-container__item a:focus:hover {
        color: #437D98; }
    .footer-container__item-time {
      margin-bottom: 25px; }
      .footer-container__item-time .header--sub__nav-link {
        margin-bottom: 5px; }
    .footer-container__item .menu-utility {
      margin-top: 25px; }
      .footer-container__item .menu-utility .dropdown a {
        color: #fff;
        padding-right: 10px; }
      .footer-container__item .menu-utility .dropdown-menu a {
        color: #fff;
        font-size: 12px;
        padding: 17px 15px 12px 10px; }
      .footer-container__item .menu-utility .dropdown:hover .dropdown-menu {
        display: block; }
      .footer-container__item .menu-utility .dropdown-menu li > a {
        clear: both;
        line-height: 1.4;
        color: #111; }
      .footer-container__item .menu-utility .dropdown-menu span {
        vertical-align: middle; }
      .footer-container__item .menu-utility .dropdown {
        padding-top: 21px; }
      .footer-container__item .menu-utility .region-link img {
        height: 16px;
        margin-right: 6px;
        vertical-align: middle; }
    .footer-container__item ul.menu-utility .dropdown.open:after:hover {
      border-width: 0 6px 7px 6px;
      border-color: transparent transparent #fff transparent; }
    .footer-container__item ul.menu-utility .dropdown:after {
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: #fff transparent transparent transparent;
      content: '';
      height: 0;
      margin-top: -2px;
      position: absolute;
      top: 79%;
      width: 0;
      left: 60%; }
    .footer-container__item-social ul {
      margin-top: 25px;
      display: flex;
      align-items: baseline; }
    .footer-container__item-social li {
      flex: 0 0 13%; }
      .footer-container__item-social li i {
        padding: 20px; }
        .footer-container__item-social li i:first-child {
          padding: 20px 20px 20px 0; }
        .footer-container__item-social li i:hover {
          color: #437D98; }
    .footer-container__item-tag ul {
      margin-top: 25px;
      display: flex; }
    .footer-container__item-tag li {
      flex: 0 0 50%; }
      .footer-container__item-tag li:nth-child(1) {
        padding-right: 15px; }
      .footer-container__item-tag li:nth-child(2) {
        padding-top: 2px; }

.footer-brand {
  background-color: #111;
  color: #fff;
  display: flex;
  align-items: baseline;
  padding: 25px 10% 50px 10%; }
  .footer-brand__logo {
    border-right: solid 2px #424242;
    flex-basis: 15.5%; }
  .footer-brand ul {
    display: flex;
    flex-basis: 80%;
    justify-content: space-evenly;
    padding-left: 4%;
    align-items: baseline; }
  .footer-brand li img {
    opacity: 1;
    transition: opacity 0.25s ease-in-out; }
    .footer-brand li img:hover {
      opacity: 0.6; }
  .footer-brand__line {
    background-color: #111;
    border-top: solid 3px #424242; }
  .footer-brand__copyright {
    text-align: center;
    color: #AEAEAE;
    background-color: #111;
    padding: 15px 0;
    letter-spacing: 0.1em;
    font-size: 10px; }

.footer-email--mobile {
  display: none; }

@media only screen and (max-width: 1101px) {
  .mail-form {
    position: inherit;
    width: 100%;
    margin: 0;
    top: 0;
    left: 0;
    padding: 0;
    margin-left: 0;
    flex-direction: column;
    margin-bottom: 70px; }
    .mail-form--left .footer_heading {
      text-align: center;
      margin: 50px 7% 15px 7%; }
    .mail-form--left .footer-link-mail {
      text-align: center;
      margin: 15px 0 25px 0; }
    .mail-form--right {
      margin: 0 5%; }
      .mail-form--right .parsley-error-list li, .mail-form--right .parsley-error-list .required {
        color: #437D98;
        font-family: "Myriad W01 Regular", arial, sans-serif; }
    .mail-form--top {
      display: none; }
    .mail-form--bottom {
      display: none; }
  .footer-email--mobile {
    display: block;
    background-color: #111;
    color: #fff;
    margin-top: 70px; }
  .footer-email__tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #fff;
    overflow: hidden;
    border-bottom: solid 1px #545454;
    background-color: #111; }
    .footer-email__tab input {
      position: absolute;
      opacity: 0;
      z-index: -1; }
    .footer-email__tab label {
      display: block;
      font-weight: normal;
      padding: 20px 5%;
      cursor: pointer; }
    .footer-email__tab .tab-container__mobile {
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height 0.35s;
      -o-transition: max-height 0.35s;
      transition: max-height 0.35s; }
      .footer-email__tab .tab-container__mobile .footer_links {
        font-family: "Myriad W01 Regular", arial, sans-serif;
        padding: 15px 6%; }
        .footer-email__tab .tab-container__mobile .footer_links a {
          color: #fff;
          font-family: "Myriad W01 Regular", arial, sans-serif; }
      .footer-email__tab .tab-container__mobile .footer-container__item-time {
        margin: 0 0 25px 0; }
        .footer-email__tab .tab-container__mobile .footer-container__item-time .footer_links {
          margin-bottom: 5px; }
    .footer-email__tab input:checked ~ .tab-container__mobile {
      max-height: 100%; }
    .footer-email__tab label {
      margin: 0;
      font-family: "Myriad W01 Regular", arial, sans-serif; }
    .footer-email__tab label {
      position: relative;
      font-weight: normal; }
    .footer-email__tab label .plus {
      width: 16px;
      height: 16px;
      display: block;
      position: absolute;
      right: 33px;
      top: 20px;
      pointer-events: none;
      /* Vertical line */
      /* horizontal line */ }
      .footer-email__tab label .plus:before, .footer-email__tab label .plus:after {
        content: "";
        position: absolute;
        background-color: #fff;
        transition: transform 0.35s ease-out; }
      .footer-email__tab label .plus:before {
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        margin-left: -1px; }
      .footer-email__tab label .plus:after {
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        margin-top: -1px; }
    .footer-email__tab input[type=checkbox]:checked + label .plus:before {
      transform: rotate(90deg); }
    .footer-email__tab input[type=checkbox]:checked + label .plus:after {
      transform: rotate(180deg); }
    .footer-email__tab .footer-container__item-social ul {
      margin-left: 5%;
      margin-top: 0;
      padding-bottom: 35px;
      justify-content: space-between;
      align-items: baseline; }
      .footer-email__tab .footer-container__item-social ul a {
        color: #fff; }
    .footer-email__tab__end ul {
      display: flex;
      justify-content: center; }
      .footer-email__tab__end ul li:nth-child(1) {
        padding-right: 40px; }
    .footer-email__tab__copy {
      margin-top: 35px;
      margin-bottom: 10px; }
      .footer-email__tab__copy ul {
        margin-left: 6%;
        display: flex;
        align-items: baseline; }
      .footer-email__tab__copy .footer-brand__copyright {
        color: #fff;
        display: block; }
  .footer-container__item-brands ul {
    display: flex;
    flex-direction: column; }
    .footer-container__item-brands ul li {
      text-align: center;
      padding-bottom: 25px; }
  .footer-container, .footer-brand, .footer-brand__line, .footer-brand__copyright {
    display: none; }
  .footer-brand ul {
    display: block; } }

.registration-number-asset {
  text-align: center;
  color: #AEAEAE;
  background-color: #111;
  padding: 15px 0;
  letter-spacing: 0.1em;
  font-size: 12px; }

.footer_accessibility_message {
  text-align: center;
  color: #AEAEAE;
  background-color: #111;
  padding: 15px 0 0 0;
  letter-spacing: 0.1em;
  font-size: 12px; }
  .footer_accessibility_message a {
    color: #AEAEAE;
    text-decoration: underline; }
    .footer_accessibility_message a:hover {
      color: #AEAEAE;
      text-decoration: none; }

.sr_message {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  margin: -1px;
  clip-path: rect(0, 0, 0, 0);
  border: 0; }

.svg-pdp-download {
  height: 37px;
  width: 37px;
  margin-left: 7px; }
  @media (max-width: 1099px) {
    .svg-pdp-download {
      width: 48px;
      padding-left: 8px;
      margin-left: 0; } }
  @media (max-width: 600px) {
    .svg-pdp-download {
      width: 36px;
      margin-left: 0;
      padding-left: 0; } }

.svg-container {
  align-self: center; }
  @media (max-width: 1300px) {
    .svg-container {
      align-self: flex-start; } }
  @media (max-width: 600px) {
    .svg-container {
      align-self: center; } }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/* ==========================================================================
breakpoints
========================================================================== */
/* ==========================================================================
Font Sizes
========================================================================== */
/* ==========================================================================
Spacing
========================================================================== */
/* ==========================================================================
Buttons
========================================================================== */
.product-title__btn {
  font-family: "Myriad W01 Regular", arial, sans-serif;
  font-size: 14px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  opacity: 0;
  transition: opacity 0.85s ease;
  letter-spacing: 0.1em;
  width: 65%;
  padding: 1em 0;
  z-index: 1;
  border: solid 2px #437D98;
  background-color: #437D98;
  font-weight: 700;
  margin: 0 auto;
  color: #fff;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
  -moz-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
  box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
  border-radius: 50px;
  top: 33%; }
  .product-title__btna:link, .product-title__btn a:visited, .product-title__btn a:hover {
    color: #fff;
    text-decoration: none; }

.product-title__btn-features {
  font-family: "Myriad W01 Regular", arial, sans-serif;
  font-size: 14px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  opacity: 0;
  transition: opacity 0.85s ease;
  letter-spacing: 0.1em;
  width: 65%;
  padding: 1em 0;
  z-index: 1;
  border: solid 2px #437D98;
  background-color: #437D98;
  font-weight: 700;
  margin: 0 auto;
  color: #fff;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
  -moz-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
  box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4);
  border-radius: 50px;
  top: 33%; }
  .product-title__btn-featuresa:link, .product-title__btn-features a:visited, .product-title__btn-features a:hover {
    color: #fff;
    text-decoration: none; }

.product-title__hpm {
  font-family: "Myriad W01 Regular", arial, sans-serif;
  font-size: 14px;
  left: 0;
  right: 0;
  position: absolute;
  top: 26%;
  text-align: center;
  opacity: 0;
  transition: opacity 0.85s ease;
  letter-spacing: 0.1em;
  width: 60%;
  padding: 1em 0;
  z-index: 1;
  border: solid 2px #437D98;
  background-color: #437D98;
  font-weight: 700;
  margin: 0 auto;
  color: #fff; }
  .product-title__hpma:link, .product-title__hpm a:visited, .product-title__hpm a:hover {
    color: #fff;
    text-decoration: none;
    font-family: "Myriad W01 Regular", arial, sans-serif !important; }
  .product-title__hpm a {
    color: #fff;
    font-family: "Myriad W01 Regular", arial, sans-serif !important; }

.btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-family: "Myriad W01 Bd", arial, sans-serif;
  font-size: 102%;
  font-weight: normal;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0.7em 1.46em;
  text-align: center;
  vertical-align: middle;
  border-radius: 30px; }
  .btn .btn-default {
    color: #fff;
    background-color: #437D98;
    border-color: #437D98;
    border: 2px solid #437D98; }
    .btn .btn-default:hover {
      background-color: #fff;
      border-color: #437D98;
      text-decoration: none;
      color: #437D98; }
  .btn .btn-disabled {
    border-color: #B2B2B2;
    background-color: #B2B2B2;
    color: #fff;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none; }
  .btn .btn-default-hover-example {
    background-color: #fff;
    border: 2px solid #437D98;
    color: #437D98;
    text-decoration: none; }
  .btn .btn-secondary {
    background: none;
    border: 2px solid transparent;
    color: #437D98;
    text-decoration: underline; }
    .btn .btn-secondary:hover {
      background: none;
      border: 2px solid transparent;
      color: #000;
      text-decoration: none; }
    .btn .btn-secondary:disabled {
      border: 2px solid transparent;
      background: none;
      color: #B2B2B2;
      text-decoration: none; }
    .btn .btn-secondary.btn-disabled {
      border: 2px solid transparent;
      background: none;
      color: #B2B2B2;
      text-decoration: none; }
  .btn .btn-inverse {
    background: #fff;
    border: 2px solid #437D98;
    color: #437D98; }
    .btn .btn-inverse:hover {
      background-color: #437D98;
      border: 2px solid #437D98;
      color: #fff;
      text-decoration: none; }
    .btn .btn-inverse:focus {
      background-color: #437D98;
      border: 2px solid #437D98;
      color: #fff; }
    .btn .btn-inverse.btn-disabled {
      background-color: #B2B2B2;
      border-color: #B2B2B2;
      color: #fff; }

.font--hero__heading {
  font-size: 33px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.font--hero__heading-nexa {
  font-size: 42px; }

.font--hero__heading--white {
  color: #fff;
  font-size: 42px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.font--hero__heading--black {
  color: #111;
  font-size: 42px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.font-body__title {
  font-size: 33px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.font-discover_menu {
  font-size: 30px;
  color: #fff;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.footer_heading {
  font-size: 24px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.header--sub__nav {
  font-size: 14px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.header--sub__nav-link {
  font-size: 14px;
  letter-spacing: 0.5px;
  font-family: "Myriad W01 Lt", arial, sans-serif; }

.header--sub__nav-info {
  font-size: 14px;
  letter-spacing: 0.5px;
  font-family: "Myriad W01 Lt", arial, sans-serif; }

.footer-link-mail {
  font-size: 12px;
  letter-spacing: 0.2px;
  font-family: "Myriad W01 Lt", arial, sans-serif;
  color: #111; }

.font-small__heading {
  font-size: 23px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.font-item__title {
  font-size: 18px;
  font-family: "Myriad W01 Regular", arial, sans-serif;
  color: #222;
  height: 46px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 21px; }

.font-item__title-category {
  font-size: 23px;
  font-family: "Myriad W01 Regular", arial, sans-serif;
  color: #222; }

.font-item__title-date {
  font-size: 18px;
  font-family: "Myriad W01 Bd", arial, sans-serif;
  color: #222; }

.font-item__title-hpm {
  font-size: 23px;
  font-family: "Myriad W01 SmBd", arial, sans-serif;
  color: #222; }

.font-item__title__avant {
  font-size: 23px;
  font-family: "Myriad W01 Lt", arial, sans-serif; }

.font-item__title-nexa {
  font-size: 21px; }

.font-item__buydirect {
  font-size: 21px; }

.font-reviews__text {
  font-size: 15px;
  letter-spacing: 0.2px;
  font-family: "Myriad W01 Lt", arial, sans-serif;
  color: #222; }

.font-reviews__text-description {
  font-size: 15px;
  letter-spacing: 0.2px;
  font-family: "Myriad W01 Lt", arial, sans-serif;
  color: #222; }

.font-search_result {
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.font-reviews__edit {
  font-size: 12px;
  letter-spacing: 0.2px;
  font-family: "Myriad W01 Regular", arial, sans-serif;
  color: #424242; }

.font-reviews__text-orange {
  font-size: 17px;
  letter-spacing: 0.2px;
  font-family: "Myriad W01 Regular", arial, sans-serif;
  color: #111; }

.font-search_display {
  font-size: 21px;
  letter-spacing: 0.2px;
  font-family: "Myriad W01 SmBd", arial, sans-serif; }

.font-price-display {
  font-size: 24px;
  letter-spacing: 0.2px;
  font-family: "Myriad W01 Regular", arial, sans-serif;
  color: #437D98; }

.font-price {
  font-size: 21px;
  font-family: "Myriad W01 Regular", arial, sans-serif;
  color: #111; }
  .font-price--old {
    text-decoration: line-through;
    font-size: 13px;
    color: #666;
    font-family: "Myriad W01 Lt", arial, sans-serif; }
  .font-price--from {
    font-size: 13px;
    color: #111;
    font-family: "Myriad W01 Lt", arial, sans-serif; }

.font-body_subtitle {
  font-family: "Myriad W01 Lt", arial, sans-serif;
  font-size: 18px;
  letter-spaccing: 0.5px; }

.font-body_subtitle-awards {
  font-family: "Myriad W01 Lt", arial, sans-serif;
  font-size: 15px;
  letter-spaccing: 0.5px; }

.font-body_subtitle-myriad {
  font-family: "Myriad W01 Regular", arial, sans-serif;
  font-size: 16px;
  letter-spaccing: 0.5px; }

.font-body_subtitle--white {
  font-family: "Myriad W01 Lt", arial, sans-serif;
  color: #fff;
  font-size: 16px;
  letter-spaccing: 0.5px; }

.font-body_subtitle--black {
  font-family: "Myriad W01 Lt", arial, sans-serif;
  color: #111;
  font-size: 16px;
  letter-spaccing: 0.5px; }

.font-event_name {
  font-size: 14px;
  color: #437D98;
  letter-spacing: 0.1em;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.font-menu_item {
  font-size: 14px;
  letter-spacing: 0.1em; }

.font-menu__details {
  font-size: 14px;
  font-family: "Myriad W01 Regular", arial, sans-serif; }

.font-body_promo {
  font-size: 11px;
  letter-spaccing: 0.5px; }

@media only screen and (max-width: 600px) {
  .font--hero__heading {
    font-size: 26px; }
  .font--hero__heading-nexa {
    font-size: 26px; }
  .font--hero__heading--white {
    font-size: 26px; }
  .font--hero__heading--black {
    font-size: 26px; }
  .font-event_name {
    font-size: 12px; }
  .font-item__title-date {
    font-size: 19px; }
  .font-body__title {
    font-size: 26px; }
  .font-item__title-hpm {
    font-size: 19px; }
  .font-small__heading {
    font-size: 18px; }
  .font-body_subtitle {
    font-size: 14px; }
  .font-body_subtitle--white {
    font-size: 15px; }
  .font-item__title-nexa {
    font-size: 17px; }
  .font-body_promo {
    font-size: 13px; } }

.plyr input[type=range]:focus, .plyr:focus {
  outline: 0; }

.plyr .plyr__video-embed iframe, .plyr__tooltip {
  pointer-events: none; }

@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0; } }

@keyframes plyr-progress {
  to {
    background-position: 25px 0; } }

.plyr {
  position: relative;
  max-width: 100%;
  min-width: 200px;
  font-family: Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
  direction: ltr; }

.plyr, .plyr *, .plyr::after, .plyr::before {
  box-sizing: border-box; }

.plyr a, .plyr button, .plyr input, .plyr label {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.plyr audio, .plyr video {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: inherit; }

.plyr input[type=range] {
  display: block;
  height: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  background: 0 0; }

.plyr input[type=range]::-webkit-slider-runnable-track {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -webkit-user-select: none;
  user-select: none; }

.plyr input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -4px;
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background 0.2s ease, border 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box; }

.plyr input[type=range]::-moz-range-track {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -moz-user-select: none;
  user-select: none; }

.plyr input[type=range]::-moz-range-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background 0.2s ease, border 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box; }

.plyr input[type=range]::-ms-track {
  height: 8px;
  background: 0 0;
  border: 0;
  color: transparent; }

.plyr input[type=range]::-ms-fill-upper {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none; }

.plyr input[type=range]::-ms-fill-lower {
  height: 8px;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none;
  background: #3498db; }

.plyr input[type=range]::-ms-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background 0.2s ease, border 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  margin-top: 0; }

.plyr input[type=range]::-ms-tooltip {
  display: none; }

.plyr input[type=range]::-moz-focus-outer {
  border: 0; }

.plyr input[type=range].tab-focus:focus {
  outline-offset: 3px; }

.plyr input[type=range]:active::-webkit-slider-thumb {
  background: #3498db;
  border-color: #fff;
  -webkit-transform: scale(1.25);
  transform: scale(1.25); }

.plyr input[type=range]:active::-moz-range-thumb {
  background: #3498db;
  border-color: #fff;
  transform: scale(1.25); }

.plyr input[type=range]:active::-ms-thumb {
  background: #3498db;
  border-color: #fff;
  transform: scale(1.25); }

.plyr--video input[type=range].tab-focus:focus {
  outline: rgba(255, 255, 255, 0.5) dotted 1px; }

.plyr--audio input[type=range].tab-focus:focus {
  outline: rgba(86, 93, 100, 0.5) dotted 1px; }

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important; }

.plyr__video-wrapper {
  position: relative;
  background: #000;
  border-radius: inherit;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }

.plyr__video-embed {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.plyr__video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.plyr__video-embed > div {
  position: relative;
  padding-bottom: 200%;
  -webkit-transform: translateY(-35.95%);
  transform: translateY(-35.95%); }

.plyr video::-webkit-media-text-track-container {
  display: none; }

.plyr__captions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 400; }

.plyr__captions span {
  border-radius: 2px;
  padding: 3px 10px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 150%; }

.plyr__captions span:empty {
  display: none; }

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 24px; } }

.plyr--captions-active .plyr__captions {
  display: block; }

.plyr--fullscreen-active .plyr__captions {
  font-size: 32px; }

.plyr--hide-controls .plyr__captions {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px); }

.plyr::-webkit-media-controls {
  display: none; }

.plyr__controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  text-align: center; }

.plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button {
  margin-left: 5px; }

.plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__time:first-child, .plyr__controls > button:first-child {
  margin-left: 0; }

.plyr__controls .plyr__volume {
  margin-left: 5px; }

.plyr__controls [data-plyr=pause] {
  margin-left: 0; }

.plyr__controls button {
  position: relative;
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: visible;
  vertical-align: middle;
  padding: 7px;
  border: 0;
  background: 0 0;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease;
  color: inherit; }

.plyr__controls button svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor; }

.plyr__controls button:focus {
  outline: 0; }

.plyr__controls .icon--captions-on, .plyr__controls .icon--exit-fullscreen, .plyr__controls .icon--muted {
  display: none; }

@media (min-width: 480px) {
  .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button {
    margin-left: 10px; } }

.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none; }

.plyr--video .plyr__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 10px 10px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  transition: opacity 0.3s ease; }

.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover {
  background: #3498db;
  color: #fff; }

.plyr--audio .plyr__controls {
  padding: 10px;
  border-radius: inherit;
  background: #fff;
  border: 1px solid #dbe3e8;
  color: #565D64; }

.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large {
  background: #3498db;
  color: #fff; }

.plyr__play-large {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 10px;
  border: 4px solid currentColor;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease; }

.plyr__play-large svg {
  position: relative;
  left: 2px;
  width: 20px;
  height: 20px;
  display: block;
  fill: currentColor; }

.plyr__play-large:focus {
  outline: rgba(255, 255, 255, 0.5) dotted 1px; }

.plyr .plyr__play-large {
  display: inline-block; }

.plyr--audio .plyr__play-large, .plyr--playing .plyr__controls [data-plyr=play], .plyr__controls [data-plyr=pause] {
  display: none; }

.plyr--playing .plyr__play-large {
  opacity: 0;
  visibility: hidden; }

.plyr--playing .plyr__controls [data-plyr=pause] {
  display: inline-block; }

.plyr--captions-active .plyr__controls .icon--captions-on, .plyr--fullscreen-active .icon--exit-fullscreen, .plyr--muted .plyr__controls .icon--muted {
  display: block; }

.plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr--captions-active .plyr__controls .icon--captions-on + svg, .plyr--fullscreen-active .icon--exit-fullscreen + svg, .plyr--muted .plyr__controls .icon--muted + svg {
  display: none; }

.plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block; }

.plyr__tooltip {
  position: absolute;
  z-index: 2;
  bottom: 100%;
  margin-bottom: 10px;
  padding: 5px 7.5px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
  transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease; }

.plyr__tooltip::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -4px;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, 0.7);
  border-left: 4px solid transparent;
  z-index: 2; }

.plyr button.tab-focus:focus .plyr__tooltip, .plyr button:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
  transform: translate(-50%, 0) scale(1); }

.plyr button:hover .plyr__tooltip {
  z-index: 3; }

.plyr__controls button:first-child .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
  transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.plyr__controls button:first-child .plyr__tooltip::before {
  left: 16px; }

.plyr__controls button:last-child .plyr__tooltip {
  right: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
  transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.plyr__controls button:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  -webkit-transform: translateX(50%);
  transform: translateX(50%); }

.plyr__controls button:first-child .plyr__tooltip--visible, .plyr__controls button:first-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:first-child:hover .plyr__tooltip, .plyr__controls button:last-child .plyr__tooltip--visible, .plyr__controls button:last-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:last-child:hover .plyr__tooltip {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1); }

.plyr__progress {
  position: relative;
  display: none;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2; }

.plyr__progress input[type=range]::-webkit-slider-runnable-track {
  background: 0 0; }

.plyr__progress input[type=range]::-moz-range-track {
  background: 0 0; }

.plyr__progress input[type=range]::-ms-fill-upper {
  background: 0 0; }

.plyr__progress .plyr__tooltip {
  left: 0; }

.plyr .plyr__progress {
  display: inline-block; }

.plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 8px;
  margin: -4px 0 0;
  padding: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 100px; }

.plyr__progress--buffer::-webkit-progress-bar, .plyr__progress--played::-webkit-progress-bar, .plyr__volume--display::-webkit-progress-bar {
  background: 0 0; }

.plyr__progress--buffer::-webkit-progress-value, .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px; }

.plyr__progress--buffer::-moz-progress-bar, .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px; }

.plyr__progress--buffer::-ms-fill, .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill {
  border-radius: 100px; }

.plyr__progress--played, .plyr__volume--display {
  z-index: 1;
  color: #3498db;
  background: 0 0;
  transition: none; }

.plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: none; }

.plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: none; }

.plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill {
  display: none; }

.plyr__progress--buffer::-webkit-progress-value {
  transition: width 0.2s ease; }

.plyr__progress--buffer::-moz-progress-bar {
  transition: width 0.2s ease; }

.plyr__progress--buffer::-ms-fill {
  transition: width 0.2s ease; }

.plyr--video .plyr__progress--buffer, .plyr--video .plyr__volume--display {
  background: rgba(255, 255, 255, 0.25); }

.plyr--video .plyr__progress--buffer {
  color: rgba(255, 255, 255, 0.25); }

.plyr--audio .plyr__progress--buffer, .plyr--audio .plyr__volume--display {
  background: rgba(198, 214, 219, 0.66); }

.plyr--audio .plyr__progress--buffer {
  color: rgba(198, 214, 219, 0.66); }

.plyr--loading .plyr__progress--buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
  animation: plyr-progress 1s linear infinite;
  background-size: 25px 25px;
  background-repeat: repeat-x;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  color: transparent; }

.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color: rgba(198, 214, 219, 0.66); }

.plyr__time {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px; }

.plyr__time + .plyr__time {
  display: none; }

@media (min-width: 768px) {
  .plyr__time + .plyr__time {
    display: inline-block; } }

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px; }

.plyr__volume {
  display: none; }

.plyr .plyr__volume {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative; }

.plyr .plyr__volume input[type=range] {
  position: relative;
  z-index: 2; }

@media (min-width: 480px) {
  .plyr .plyr__volume {
    display: block;
    max-width: 60px; } }

@media (min-width: 768px) {
  .plyr .plyr__volume {
    max-width: 100px; } }

.plyr--is-ios .plyr__volume, .plyr--is-ios [data-plyr=mute] {
  display: none !important; }

.plyr--fullscreen-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10000000;
  background: #000;
  border-radius: 0 !important; }

.plyr--fullscreen-active video {
  height: 100%; }

.plyr--fullscreen-active .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr--fullscreen-active .plyr__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

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

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

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

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

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

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

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

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

.slick-slide img {
  display: block; }

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

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

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

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

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

.slick-arrow.slick-hidden {
  display: none; }

@keyframes fade {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }