@charset "UTF-8";
/*------------------------------------------------------------------

IMPORTANT: This file is generated by Sass. Do not modify this file directly.

-------------------------------------------------------------------- */
/* Sizes */
/* Grid */
/* Colors */
/* Fonts */
/* Form Inputs */
@font-face {
  font-family: 'icomoon';
  src: url("../../app/fonts/icomoon.eot?ptj1gi");
  src: url("../../app/fonts/icomoon.eot?ptj1gi#iefix") format("embedded-opentype"), url("../../app/fonts/icomoon.ttf?ptj1gi") format("truetype"), url("../../app/fonts/icomoon.woff?ptj1gi") format("woff"), url("../../app/fonts/icomoon.svg?ptj1gi#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-shopping-bag:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-footer-pinterest:before {
  content: ""; }

.icon-more-info:before {
  content: ""; }

.icon-play-fill:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-message:before {
  content: ""; }

.icon-footer-facebook:before {
  content: ""; }

.icon-footer-googleplus:before {
  content: ""; }

.icon-footer-linkedin:before {
  content: ""; }

.icon-footer-twitter:before {
  content: ""; }

.icon-footer-instagram:before {
  content: ""; }

.icon-footer-youtube:before {
  content: ""; }

.icon-play:before {
  content: ""; }

.icon-cart:before {
  content: ""; }

.icon-email:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-googleplus:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-login:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-youtube-play:before {
  content: ""; }

* {
  box-sizing: border-box; }

body {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #264B59;
  background-color: #f9f9f9; }

a {
  color: #264B59;
  text-decoration: none; }

dl dt {
  float: left;
  clear: both;
  width: 50%; }

dl dd {
  float: right;
  width: 50%;
  margin: 0;
  text-align: right; }

hr {
  height: 0;
  width: 60px;
  margin: 16px 0;
  border: 0;
  border-bottom: 2px solid #62B0BB; }

.clearfix, .wrapper, div.item, div.buttons {
  *zoom: 1; }
  .clearfix:before, .wrapper:before, div.item:before, div.buttons:before, .clearfix:after, .wrapper:after, div.item:after, div.buttons:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after, .wrapper:after, div.item:after, div.buttons:after {
    clear: both; }

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

.action {
  float: right; }

.site-wrapper {
  max-width: 1930px;
  margin: 0 auto;
  background-color: #fff;
  transition: all ease .3s; }
  @media only screen and (max-width: 1024px) {
    .site-wrapper {
      overflow-x: hidden; } }
  .site-wrapper.pws {
    /*main::before {
      height: 200px;

      @include breakpoint(large-xlarge) {
        height: 155px;
      }

      @include breakpoint(medium) {
        height: 180px;
      }

      @include breakpoint(small) {
        height: 150px;
      }
    }*/ }
  @media only screen and (max-width: 767px) {
    .site-wrapper {
      overflow-x: hidden; } }
  .site-wrapper main::before {
    content: '';
    display: block;
    transition: height ease .3s;
    transition: margin-top ease .3s;
    width: auto;
    /*height: 200px;*/
    /*@include breakpoint(large-xlarge) {
        height: 105px;
      }

      @include breakpoint(medium) {
        height: 180px;
      }*/
    /*@include breakpoint(small) {
        height: 150px;
      }*/ }

@media only screen and (min-width: 768px) {
  body.floating-header .site-wrapper {
    /*main::before {
				height: 75px;
			}*/ }
    body.floating-header .site-wrapper.pws {
      /*main::before {
					height: 105px;
				}*/ } }

.wrapper {
  max-width: 1198px;
  margin: 0 auto;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent; }
  .wrapper.full {
    max-width: 1442px; }

@media only screen and (min-width: 768px) {
  .grid {
    display: table;
    width: 100%;
    border-spacing: 10px;
    margin: -10px; }
    .grid .col {
      display: table-cell;
      width: 50%;
      vertical-align: top; }
    .grid.three .col {
      width: 33.33%; }
    .grid.four .col {
      width: 25%; }
    .grid.border .col {
      border-left: 1px solid #cccccc;
      padding: 0 30px; }
      .grid.border .col:first-child {
        border-left: 0;
        padding-left: 0; }
      .grid.border .col:last-child {
        padding-right: 0; }
    .grid.bg .col {
      background: #f3f3f3;
      padding: 20px; } }

.flex_grid {
  display: flex;
  flex-wrap: wrap;
  margin: -10px; }
  .flex_grid .flex_col,
  .flex_grid article {
    flex: 1;
    padding: 10px; }
  .flex_grid.flex_half {
    flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      .flex_grid.flex_half {
        flex-direction: column; } }
    @media only screen and (min-width: 768px) {
      .flex_grid.flex_half .flex_col,
      .flex_grid.flex_half article {
        flex: 0 0 50%;
        max-width: 50%; } }
    @media only screen and (max-width: 767px) {
      .flex_grid.flex_half .flex_col,
      .flex_grid.flex_half article {
        flex: 1; } }
  .flex_grid.flex_thirds {
    flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      .flex_grid.flex_thirds {
        flex-direction: column;
        margin: 0; } }
    .flex_grid.flex_thirds article {
      margin: 0; }
    @media only screen and (min-width: 768px) {
      .flex_grid.flex_thirds .flex_col,
      .flex_grid.flex_thirds article {
        flex: 0 0 33.33%;
        max-width: 33.33%; } }
    @media only screen and (max-width: 767px) {
      .flex_grid.flex_thirds .flex_col,
      .flex_grid.flex_thirds article {
        flex: 1; } }

/**
 * Gridpak Beta SCSS
 *
 * Generator - http://gridpak.com/
 * Created by @simplygoodwork
 */
/* Reusable column setup */
/* --- Gridpak variables ---*/
.col {
  border: 0px solid transparent;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  margin-left: 1.52778%; }

.row .col:first-child {
  margin-left: 0; }

/* 1. 10 Column Grid 0px - 1439px
-----------------------------------------------------------------------------

Span 1:    8.65%
Span 2:    18.8%
Span 3:    28.95%
Span 4:    39.1%
Span 5:    49.25%
Span 6:    59.4%
Span 7:    69.55%
Span 8:    79.7%
Span 9:    89.85%
Span 10:    100%

----------------------------------------------------------------------------- */
.wrapper {
  /* --- Gridpak variables ---*/ }
  .wrapper .span_1 {
    width: 8.625%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_1 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_1 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_2 {
    width: 18.77778%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_2 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_2 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_3 {
    width: 28.93056%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_3 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_3 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_4 {
    width: 39.08333%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_4 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_4 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_5 {
    width: 49.23611%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_5 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_5 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_6 {
    width: 59.38889%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_6 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_6 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_7 {
    width: 69.54167%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_7 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_7 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_8 {
    width: 79.69444%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_8 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_8 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_9 {
    width: 89.84722%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper .span_9 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper .span_9 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper .span_10 {
    margin-left: 0;
    width: 100%; }

/* 2. 12 Column Grid 1440px - Infinity
-----------------------------------------------------------------------------

Span 1:    6.95833333333%
Span 2:    15.4166666667%
Span 3:    23.875%
Span 4:    32.3333333333%
Span 5:    40.7916666667%
Span 6:    49.25%
Span 7:    57.7083333333%
Span 8:    66.1666666667%
Span 9:    74.625%
Span 10:    83.0833333333%
Span 11:    91.5416666667%
Span 12:    100%

----------------------------------------------------------------------------- */
.wrapper.full {
  /* --- Gridpak variables ---*/ }
  .wrapper.full .span_1 {
    width: 6.93287%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_1 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_1 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_2 {
    width: 15.39352%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_2 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_2 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_3 {
    width: 23.85417%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_3 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_3 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_4 {
    width: 32.31481%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_4 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_4 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_5 {
    width: 40.77546%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_5 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_5 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_6 {
    width: 49.23611%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_6 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_6 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_7 {
    width: 57.69676%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_7 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_7 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_8 {
    width: 66.15741%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_8 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_8 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_9 {
    width: 74.61806%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_9 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_9 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_10 {
    width: 83.0787%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_10 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_10 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_11 {
    width: 91.53935%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_11 {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .wrapper.full .span_11 {
        border-left-width: 0;
        margin-left: 0; } }
  .wrapper.full .span_12 {
    margin-left: 0;
    width: 100%; }

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

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

@font-face {
  font-family: VideoJS;
  src: url("../../app/styles/font/VideoJS.eot?#iefix") format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal; }

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

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\f101"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10d"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.video-js[tabindex="-1"] {
  outline: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

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

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

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

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

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

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

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  box-sizing: content-box; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

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

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

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

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

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

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

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

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

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

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

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

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

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

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

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

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

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

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

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

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

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

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

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

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

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

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

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

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

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

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

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s; }

.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-volume-control:focus,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em; }

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  -webkit-transition: width 0.1s;
  -moz-transition: width 0.1s;
  -ms-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

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

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

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

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

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

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

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

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

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

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

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

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

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

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

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

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

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

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

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

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

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

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

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

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0px !important;
  white-space: nowrap; }

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

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

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

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

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

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

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

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  position: absolute; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit; }

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

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

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

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

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

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block;
  margin-left: 5px; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

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

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

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

/* http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax */
html {
  font-family: "Inter", arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .apac html {
    font-family: "Noto Serif", serif; }
  html[lang='ja-JP'] html {
    font-family: "YuMincho", "Noto Serif", serif; }

button,
input,
select,
textarea {
  font-family: "Inter", arial, sans-serif;
  font-size: 16px; }
  .apac button, .apac
  input, .apac
  select, .apac
  textarea {
    font-family: "Noto Serif", serif; }
  html[lang='ja-JP'] button, html[lang='ja-JP']
  input, html[lang='ja-JP']
  select, html[lang='ja-JP']
  textarea {
    font-family: "YuMincho", "Noto Serif", serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", arial, sans-serif;
  font-weight: 900;
  margin: 10px 0;
  line-height: 1.25; }
  .apac h1, .apac h2, .apac h3, .apac h4, .apac h5, .apac h6 {
    font-family: "Noto Serif", serif; }
  html[lang='ja-JP'] h1, html[lang='ja-JP'] h2, html[lang='ja-JP'] h3, html[lang='ja-JP'] h4, html[lang='ja-JP'] h5, html[lang='ja-JP'] h6 {
    font-family: "YuMincho", "Noto Serif", serif; }

h1 {
  font-size: 40px;
  font-weight: normal; }

h2 {
  font-size: 30px;
  font-weight: 300; }

h3 {
  font-size: 20px;
  font-weight: 300; }

h4 {
  font-size: 18px;
  font-weight: 500; }

h5 {
  font-size: 16px;
  font-weight: 500; }

h6 {
  font-size: 16px;
  font-weight: 500; }

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 36px; }
  h2 {
    font-size: 36px; }
  h3 {
    font-size: 28px; }
  h4 {
    font-size: 21px;
    letter-spacing: 0; }
  h5 {
    font-size: 16px;
    letter-spacing: 0; }
  h6 {
    font-size: 16px;
    letter-spacing: 8px; } }

ul ul, ul ol, ol ul, ol ol {
  margin: 0; }

table {
  width: 100%;
  border-collapse: collapse; }
  table th, table td {
    padding: 5px;
    border-bottom: 1px solid #ccc; }
  table th {
    text-align: left; }
  table thead th {
    border-top: 1px solid #ccc;
    border-bottom: 2px solid #ccc; }
  table tbody tr:nth-child(even) {
    background: #f3f3f3; }

input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"],
textarea,
select {
  transition: border ease .3s, box-shadow ease .3s;
  display: inline-block;
  width: 250px;
  padding: 10px 15px;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  background-color: transparent;
  vertical-align: middle;
  -webkit-appearance: none; }
  @media only screen and (max-width: 767px) {
    input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"],
    textarea,
    select {
      width: 100%; } }
  input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
  textarea:focus,
  select:focus {
    border-color: #66afe9;
    outline: none; }

input[type="search"] {
  padding: 0 25px 0 5px; }

textarea {
  width: 100%;
  height: 200px; }

select {
  position: relative;
  padding-right: 50px;
  border-radius: 0;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

.lt-ie10 select {
  padding: 0 0 0 5px;
  background: white; }

button,
a.button {
  font-family: "Inter", arial, sans-serif;
  background-color: #FFF;
  border: 1px solid #52B3BC;
  box-sizing: border-box;
  color: #264B59;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  height: auto;
  letter-spacing: 2.3px;
  line-height: 1.25;
  padding: 12px 23px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: background-color ease .3s;
  width: auto; }
  .apac button, .apac
  a.button {
    font-family: "Noto Serif", serif; }
  html[lang='ja-JP'] button, html[lang='ja-JP']
  a.button {
    font-family: "YuMincho", "Noto Serif", serif; }
  button:not(.secondary):hover,
  a.button:not(.secondary):hover {
    background-color: #52B3BC;
    color: #FFF; }
  button.secondary,
  a.button.secondary {
    border-color: transparent;
    background-color: transparent;
    padding-left: 0;
    margin-right: 20px;
    padding-right: 0;
    white-space: nowrap; }
    button.secondary:before, button.secondary:after,
    a.button.secondary:before,
    a.button.secondary:after {
      box-shadow: none;
      content: '';
      position: absolute;
      top: 50%;
      right: -10px;
      width: 6px;
      height: 1px;
      background: #264B59;
      transform: rotate(45deg);
      transform-origin: right;
      z-index: 1; }
    button.secondary:after,
    a.button.secondary:after {
      transform: rotate(-45deg); }
    button.secondary:hover,
    a.button.secondary:hover {
      text-decoration: none;
      box-shadow: inset 0 -2px #264B59; }
  button.main-cta,
  a.button.main-cta {
    background-color: #FF9913;
    border-color: #FF9913;
    color: #FFF;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    min-width: 170px;
    padding: 0 25px; }
    button.main-cta i,
    a.button.main-cta i {
      display: inline-block;
      font-size: 30px;
      margin: -5px 3px 0 0;
      vertical-align: middle; }
    button.main-cta.icon,
    a.button.main-cta.icon {
      background-color: transparent;
      border-color: transparent;
      color: #264B59; }
      button.main-cta.icon i,
      a.button.main-cta.icon i {
        color: #52B3BC; }
    button.main-cta:hover,
    a.button.main-cta:hover {
      background-color: #FFF;
      color: #FF9913; }
  button.video-link,
  a.button.video-link {
    background-color: transparent;
    border-color: transparent;
    color: #264B59;
    padding: 0;
    min-width: 0; }
    button.video-link i,
    a.button.video-link i {
      color: #52B3BC;
      display: inline-block;
      font-size: 30px;
      margin: -5px 3px 0 0;
      vertical-align: middle; }
    button.video-link:hover,
    a.button.video-link:hover {
      background-color: transparent;
      color: #264B59; }
  button:disabled,
  a.button:disabled {
    opacity: .5; }

div.validationSummary {
  margin-bottom: 10px;
  color: #BE3438; }
  div.validationSummary ul {
    list-style: none;
    margin: 0;
    padding: 0; }

div.item {
  margin-bottom: 5px; }
  div.item > label {
    display: inline-block; }
    div.item > label span {
      font-weight: normal; }
  div.item input {
    vertical-align: baseline; }
  div.item > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  div.item.horizontal > label {
    display: inline-block;
    margin-right: 5px; }

.item.fl-enabled {
  position: relative; }
  .item.fl-enabled > label, .item.fl-enabled .label {
    position: absolute;
    top: 20px;
    left: 1px;
    padding: 0 15px;
    color: #acacac;
    opacity: 0;
    font-size: 12px;
    line-height: 24px;
    z-index: 2; }
  .item.fl-enabled input[type="text"], .item.fl-enabled input[type="password"], .item.fl-enabled input[type="search"], .item.fl-enabled input[type="number"], .item.fl-enabled input[type="datetime"], .item.fl-enabled input[type="datetime-local"], .item.fl-enabled input[type="date"], .item.fl-enabled input[type="month"], .item.fl-enabled input[type="time"], .item.fl-enabled input[type="week"], .item.fl-enabled input[type="email"], .item.fl-enabled input[type="url"], .item.fl-enabled input[type="tel"], .item.fl-enabled input[type="color"],
  .item.fl-enabled textarea,
  .item.fl-enabled select {
    padding-top: 25px;
    padding-bottom: 10px;
    margin-top: 5px; }
  .item.fl-enabled.fl-active > label, .item.fl-enabled.fl-active .label {
    top: 10px;
    opacity: 1; }
  .item.fl-enabled.fl-animate > label, .item.fl-enabled.fl-animate .label {
    transition: all .25s; }

@media only screen and (min-width: 768px) {
  div.group {
    display: flex;
    margin: 0 -10px; }
    div.group div.item {
      margin: 5px 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 0; }
      div.group div.item input[type="text"], div.group div.item input[type="password"], div.group div.item input[type="search"], div.group div.item input[type="number"], div.group div.item input[type="datetime"], div.group div.item input[type="datetime-local"], div.group div.item input[type="date"], div.group div.item input[type="month"], div.group div.item input[type="time"], div.group div.item input[type="week"], div.group div.item input[type="email"], div.group div.item input[type="url"], div.group div.item input[type="tel"], div.group div.item input[type="color"],
      div.group div.item textarea,
      div.group div.item select {
        width: 100%; } }

div.buttons button,
div.buttons .button {
  margin: 10px 20px 0 0; }
  @media only screen and (max-width: 767px) {
    div.buttons button,
    div.buttons .button {
      float: none;
      width: 100%;
      margin: 0 0 10px 0; } }

input[type="radio"],
input[type="checkbox"] {
  margin-bottom: 0;
  margin-right: 5px; }

.radio-list input, .radio-list label,
.checkbox-list input,
.checkbox-list label {
  display: inline-block; }

.radio-list.inline li,
.checkbox-list.inline li {
  display: inline-block;
  margin-right: 10px; }

.item.has-error {
  color: #d0021b; }
  .item.has-error .error-message {
    color: #d0021b;
    font-size: 12px;
    line-height: 24px; }
  .item.has-error .is-required::-webkit-input-placeholder {
    color: #d0021b;
    opacity: 1; }
  .item.has-error .is-required::-moz-placeholder {
    color: #d0021b;
    opacity: 1; }
  .item.has-error .is-required:-ms-input-placeholder {
    color: #d0021b;
    opacity: 1; }
  .item.has-error .is-required:-moz-placeholder {
    color: #d0021b;
    opacity: 1; }
  .item.has-error select.is-required {
    color: #d0021b; }

.who-we-are {
  background: #FFF url("../../app/images/pattern-large.jpg") center top no-repeat;
  background-size: contain; }
  @media only screen and (min-width: 768px) {
    .who-we-are {
      padding: 0 0 40px; } }

.press-releases {
  background: #FFF url("../../app/images/pattern-large.jpg") center top no-repeat;
  background-size: cover; }

.legal h4 {
  font-family: "Inter", arial, sans-serif;
  margin: 2rem 0; }
  .apac .legal h4 {
    font-family: "Noto Serif", serif; }
  html[lang='ja-JP'] .legal h4 {
    font-family: "YuMincho", "Noto Serif", serif; }

.legal p {
  margin: 2rem 0;
  padding: 0; }

body.floating-tabbar .tabbar {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 132px; }
  @media only screen and (min-width: 768px) {
    body.floating-tabbar .tabbar {
      left: 50%;
      margin-top: 0;
      max-width: 1930px;
      transform: translateX(-50%); } }
  @media only screen and (max-width: 767px) {
    body.floating-tabbar .tabbar {
      top: 60px;
      z-index: 9999; } }

@media only screen and (min-width: 768px) {
  body.floating-tabbar .pws .tabbar {
    left: 50%;
    margin-top: 0;
    max-width: 1930px;
    transform: translateX(-50%); } }

body.floating-tabbar .tabbar-placeholder {
  display: block;
  height: 60px;
  width: auto; }
  body.floating-tabbar .tabbar-placeholder:empty {
    height: 0;
    /* Set height to 0 when there are no child elements */ }

.shop_hero article:last-of-type,
.shop_hero--detail article:last-of-type {
  margin-bottom: 0; }

.shop_tabbar {
  background-color: #64B1BC; }
  @media only screen and (max-width: 767px) {
    .shop_tabbar .wrapper {
      border: 0;
      white-space: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      .shop_tabbar .wrapper::-webkit-scrollbar {
        display: none; } }
  .shop_tabbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .shop_tabbar ul {
        align-items: center;
        display: flex;
        justify-content: center; } }
    @media only screen and (max-width: 767px) {
      .shop_tabbar ul {
        display: inline-block;
        min-width: 100%;
        padding: 0 10px; } }
    .shop_tabbar ul li {
      color: #FFF;
      cursor: pointer;
      flex: 0 1 auto;
      font-size: 16px;
      font-weight: 700;
      height: 60px;
      letter-spacing: 2px;
      margin: 0 30px;
      padding: 0;
      position: relative;
      text-align: center;
      text-transform: uppercase; }
      .shop_tabbar ul li span {
        display: inline-block;
        line-height: 1; }
      @media only screen and (min-width: 768px) {
        .shop_tabbar ul li {
          align-items: center;
          display: flex; }
          .shop_tabbar ul li:first-of-type {
            margin-left: 0; }
          .shop_tabbar ul li:last-of-type {
            margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .shop_tabbar ul li {
          display: inline-block;
          font-size: 13px;
          line-height: 60px;
          margin: 0 10px; } }
      .shop_tabbar ul li.active::after {
        background-color: #FFF;
        bottom: 0;
        content: '';
        display: block;
        height: 8px;
        left: 0;
        position: absolute;
        width: 100%; }

.shop_list {
  margin: 40px 0; }
  @media only screen and (max-width: 767px) {
    .shop_list {
      margin: 20px 0; } }
  .shop_list:last-of-type {
    margin-bottom: 0; }
  .shop_list .shop_list-title {
    text-align: center;
    width: 49.23611%;
    border-left-width: 0;
    margin-left: 1.52778%;
    margin-left: 25.38194%; }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-title {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-title {
        border-left-width: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-title {
        margin-left: 0; } }
    .shop_list .shop_list-title h2 {
      font-size: 36px;
      margin: 0;
      padding: 0;
      color: #454545;
      margin-bottom: 30px; }
    .shop_list .shop_list-title hr {
      display: inline-block; }
  .shop_list .shop_list-products .wrapper .row {
    display: flex;
    position: relative; }
    @media only screen and (min-width: 1025px) {
      .shop_list .shop_list-products .wrapper .row {
        margin: 0 -20px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .shop_list .shop_list-products .wrapper .row {
        margin: 0 -10px; } }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-products .wrapper .row {
        display: block; }
        .shop_list .shop_list-products .wrapper .row:last-child .product-listing:last-of-type, .shop_list .shop_list-products .wrapper .row:only-child .product-listing:last-of-type {
          border-bottom: 0;
          margin-bottom: 0;
          padding-bottom: 0; } }
    @media only screen and (min-width: 768px) {
      .shop_list .shop_list-products .wrapper .row.open {
        margin-bottom: 920px; } }
  @media only screen and (min-width: 768px) {
    .shop_list .shop_list-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; } }
  .shop_list .shop_list-content .row-wrapper {
    width: 100%; }
  .shop_list .shop_list-content .row {
    display: flex;
    position: relative;
    margin: 0 -20px; }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-content .row {
        flex-direction: column;
        margin: 0; } }
  .shop_list .shop_list-content .product-listing {
    display: flex;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 1rem 3.5rem 1rem; }
    @media (max-width: 768px) {
      .shop_list .shop_list-content .product-listing {
        flex: 0 0 48%;
        max-width: 48%; } }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-content .product-listing {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 .25rem 1rem .25rem; } }
  .shop_list .shop_list-CategoryImage img {
    width: 100%;
    height: auto;
    object-fit: cover; }

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [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; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../app/styles/ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-arrow:hover {
  background-color: white; }

.slick-prev,
.slick-next {
  border-radius: 50%;
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
  color: transparent;
  top: calc(50% - 29px);
  text-indent: -9999px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: 1px solid #707070;
  outline: none;
  /*&:hover, &:focus {
        outline: none;
        background: transparent;
        color: transparent;
        &:before {
            opacity: $slick-opacity-on-hover;
        }
    }*/ }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  background-image: url("../../app/images/left-arrow.png");
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  background-image: url("../../app/images/right-arrow.png");
  right: 0; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

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

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      /*&:hover, &:focus {
                outline: none;
                &:before {
                    opacity: $slick-opacity-on-hover;
                }
            }*/ }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.customer-email-program, .subscribe {
  display: none;
  /*  .bad-note{
      width:100%;
  }*/ }
  .customer-email-program .email-modal-container, .subscribe .email-modal-container {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10500;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    max-width: 100%;
    align-items: center;
    justify-content: center; }
  .customer-email-program .email-modal-overlay, .subscribe .email-modal-overlay {
    transition: all .3s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    background-color: #000; }
  .customer-email-program .email-modal-body, .subscribe .email-modal-body {
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 0.25rem;
    /*border: 25px solid rgb(96, 176, 187);*/
    text-align: center;
    min-width: 300px;
    max-width: 600px;
    height: 650px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    /*background-image: url(../../app/styles/~/media/193C1671FA9F4A91A66A4DB43C3A3B5D.aspx);*/ }
    .customer-email-program .email-modal-body.thankyou, .subscribe .email-modal-body.thankyou {
      /*background-image: url(../../app/styles/~/media/D0488DD130B64A38960A072520D2EBE3.aspx);*/
      /*background-position: center;*/ }
    @media only screen and (min-width: 768px) {
      .customer-email-program .email-modal-body, .subscribe .email-modal-body {
        width: 100%;
        height: 650px; } }
  .customer-email-program .close-btn, .subscribe .close-btn {
    position: absolute;
    font-size: 40px;
    line-height: 24px;
    cursor: pointer;
    right: 5px;
    top: 5px;
    color: #454545;
    padding: 5px;
    width: 40px;
    height: 40px;
    border: solid 1px transparent; }
    .customer-email-program .close-btn:hover, .subscribe .close-btn:hover {
      color: #999; }
  .customer-email-program .company-logo, .subscribe .company-logo {
    width: 120px;
    margin-top: 20px;
    height: auto; }
    @media only screen and (min-width: 768px) {
      .customer-email-program .company-logo, .subscribe .company-logo {
        margin-top: 30px; } }
  .customer-email-program form, .subscribe form {
    padding: 0 5%; }
    @media only screen and (min-width: 768px) {
      .customer-email-program form, .subscribe form {
        padding: 0 15%; } }
    .customer-email-program form h2, .customer-email-program form b, .subscribe form h2, .subscribe form b {
      font-weight: 700; }
    .customer-email-program form h2, .subscribe form h2 {
      margin: 0;
      font-size: 24px;
      color: #454545;
      font-family: 'Lora', serif;
      font-weight: 400; }
    .customer-email-program form p, .subscribe form p {
      font-size: 14px;
      line-height: 20px;
      margin: 20px 0;
      color: #454545; }
    .customer-email-program form .form-container, .subscribe form .form-container {
      width: 350px;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .customer-email-program form .form-container, .subscribe form .form-container {
          width: 300px; } }
      .customer-email-program form .form-container .form-row, .subscribe form .form-container .form-row {
        width: 100%;
        display: inline-block;
        position: relative;
        margin-top: 10px; }
        .customer-email-program form .form-container .form-row:after, .subscribe form .form-container .form-row:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        .customer-email-program form .form-container .form-row input, .customer-email-program form .form-container .form-row label, .subscribe form .form-container .form-row input, .subscribe form .form-container .form-row label {
          width: 100%;
          text-align: left;
          float: left;
          padding: 5px 15px; }
        .customer-email-program form .form-container .form-row input, .subscribe form .form-container .form-row input {
          background: #fff;
          border-radius: 5px; }
        .customer-email-program form .form-container .form-row input.error, .subscribe form .form-container .form-row input.error {
          border-color: red; }
          .customer-email-program form .form-container .form-row input.error::placeholder, .subscribe form .form-container .form-row input.error::placeholder {
            color: red; }
        .customer-email-program form .form-container .form-row label.error, .subscribe form .form-container .form-row label.error {
          color: red;
          position: absolute;
          left: 0;
          bottom: -25px; }
        .customer-email-program form .form-container .form-row .error-msg, .subscribe form .form-container .form-row .error-msg {
          color: Red;
          float: left;
          position: absolute;
          left: 0;
          bottom: -22px; }
        .customer-email-program form .form-container .form-row.error input, .subscribe form .form-container .form-row.error input {
          border: solid 1px red;
          color: red; }
          .customer-email-program form .form-container .form-row.error input::placeholder, .subscribe form .form-container .form-row.error input::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: red;
            opacity: 1;
            /* Firefox */ }
    .customer-email-program form .validation-message, .subscribe form .validation-message {
      text-align: center;
      margin: 0 auto;
      width: 50%;
      margin-bottom: 10px; }
      .customer-email-program form .validation-message.green, .subscribe form .validation-message.green {
        color: Green; }
      .customer-email-program form .validation-message.red, .subscribe form .validation-message.red {
        color: Red; }
    .customer-email-program form button, .subscribe form button {
      width: 100%;
      margin-top: 10px;
      border-radius: 25px;
      background-color: #454545;
      color: #fff;
      text-transform: capitalize;
      letter-spacing: 0;
      border: solid 1px transparent;
      width: 80%;
      transition: background-color 0.3s ease; }
      .customer-email-program form button:hover, .subscribe form button:hover {
        background-color: #666666; }
      .customer-email-program form button:disabled, .subscribe form button:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none; }
      @media only screen and (min-width: 768px) {
        .customer-email-program form button, .subscribe form button {
          max-width: 250px; } }
    .customer-email-program form .opt-in, .subscribe form .opt-in {
      margin-top: 20px;
      text-align: left; }
      .customer-email-program form .opt-in input, .subscribe form .opt-in input {
        float: left;
        margin-top: 3px; }
      .customer-email-program form .opt-in label.checkbox-container, .subscribe form .opt-in label.checkbox-container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 12px;
        line-height: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #454545; }
        .customer-email-program form .opt-in label.checkbox-container input, .subscribe form .opt-in label.checkbox-container input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0; }
          .customer-email-program form .opt-in label.checkbox-container input:checked ~ .checkmark, .subscribe form .opt-in label.checkbox-container input:checked ~ .checkmark {
            background-color: #1D8193; }
          .customer-email-program form .opt-in label.checkbox-container input:checked ~ .checkmark:after, .subscribe form .opt-in label.checkbox-container input:checked ~ .checkmark:after {
            display: block; }
        .customer-email-program form .opt-in label.checkbox-container .checkmark, .subscribe form .opt-in label.checkbox-container .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 25px;
          width: 25px;
          background-color: #eee; }
          .customer-email-program form .opt-in label.checkbox-container .checkmark:after, .subscribe form .opt-in label.checkbox-container .checkmark:after {
            content: "";
            position: absolute;
            display: none; }
          .customer-email-program form .opt-in label.checkbox-container .checkmark:after, .subscribe form .opt-in label.checkbox-container .checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .customer-email-program .thankyou-note, .customer-email-program .success-note, .customer-email-program .bad-note, .subscribe .thankyou-note, .subscribe .success-note, .subscribe .bad-note {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    flex-direction: column;
    padding: 5% 15% 10% 15%;
    color: #454545; }

.subscribe {
  background-color: #F3F4F6;
  display: block;
  margin: 0;
  padding-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .subscribe {
      padding-bottom: 50px; } }
  .subscribe .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;*/
    /* width: 100%;*/ }
    @media only screen and (min-width: 768px) {
      .subscribe .container {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        max-width: 1440px;
        padding: 1rem; } }
    .subscribe .container .inputfields-container {
      width: 100%;
      order: 2; }
      @media only screen and (min-width: 768px) {
        .subscribe .container .inputfields-container {
          width: 50%;
          padding-right: 50px;
          order: 1; } }
      .subscribe .container .inputfields-container form {
        padding: 0;
        margin-top: 20px; }
        @media only screen and (min-width: 768px) {
          .subscribe .container .inputfields-container form {
            margin-top: 50px; } }
        .subscribe .container .inputfields-container form .form-row {
          width: 90%; }
        .subscribe .container .inputfields-container form h2 {
          font-size: 24px;
          text-align: center;
          font-family: 'Lora', serif;
          font-weight: 400; }
          @media only screen and (min-width: 768px) {
            .subscribe .container .inputfields-container form h2 {
              font-size: 44px; } }
        .subscribe .container .inputfields-container form p {
          font-size: 14px;
          text-align: center; }
          @media only screen and (min-width: 768px) {
            .subscribe .container .inputfields-container form p {
              font-size: 16px; } }
        .subscribe .container .inputfields-container form .content-align {
          margin: 0 auto;
          text-align: center; }
          .subscribe .container .inputfields-container form .content-align .form-row {
            margin-top: 10px; }
          @media only screen and (min-width: 768px) {
            .subscribe .container .inputfields-container form .content-align {
              width: 450px; } }
      .subscribe .container .inputfields-container .success-note, .subscribe .container .inputfields-container .bad-note {
        justify-content: center;
        display: none; }
    .subscribe .container .Image-container {
      width: 100%;
      height: auto;
      order: 1; }
      .subscribe .container .Image-container img {
        width: 100%;
        height: 100%; }
        .subscribe .container .Image-container img.desktop-image {
          display: none; }
        .subscribe .container .Image-container img.mobile-image {
          display: block; }
        @media only screen and (min-width: 768px) {
          .subscribe .container .Image-container img {
            object-fit: contain;
            width: 100%;
            height: auto; }
            .subscribe .container .Image-container img.desktop-image {
              display: block; }
            .subscribe .container .Image-container img.mobile-image {
              display: none; } }
      @media only screen and (min-width: 768px) {
        .subscribe .container .Image-container {
          width: 50%;
          order: 2; } }

/*
.lds-spinner {
  color: black;
  position: relative;
  width: 80px;
  height: 80px;
  display:none;
  margin:40% auto;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #113E53;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}*/
.header-notification,
.header-mobile {
  /* transition: transform 0.3s ease-in-out; */
  /* Smooth transition for sliding animations */
  transition: top 0.1s ease-in-out;
  position: relative; }

.bodyContent {
  transition: transform 0.1s ease-in-out;
  /* Smooth transition for upward movement */ }

/*.header-top-bar.slide-up,
.header-mobile.slide-up {
  top: -100px;*/
/* Move the divs up by 100px (adjust as needed) */
/*}
.header-notification.slide-down {
  top: 0;*/
/* Move the div to its default position */
/*}

.header-notification.slide-up {
  top: -100px;*/
/* Move the div up by 100px (adjust as needed) */
/*}*/
.padding-zero {
  padding-top: 0;
  /* Set padding-top to 0 */ }

.overlay {
  position: fixed;
  top: 115px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none; }
  @media (max-width: 768px) {
    .overlay {
      top: 199px; } }

.no-scroll {
  overflow: hidden !important; }

.header-wrap {
  width: 100%;
  z-index: 105;
  height: auto;
  left: 0; }
  @media (min-width: 768px) {
    .header-wrap {
      position: fixed; } }

.header-top-bar .header-notification {
  text-align: center;
  margin: 0;
  width: 100%; }
  .header-top-bar .header-notification .wrapper {
    height: auto;
    justify-content: center;
    padding: 10px 0; }
    .header-top-bar .header-notification .wrapper .notification {
      display: inline-block;
      line-height: 16px;
      font-size: 12px; }
      .header-top-bar .header-notification .wrapper .notification p {
        display: inline-block; }
    .header-top-bar .header-notification .wrapper a {
      color: inherit;
      text-decoration: underline;
      margin-left: 10px; }
      .header-top-bar .header-notification .wrapper a.learnmore-txt, .header-top-bar .header-notification .wrapper a.learnLess-txt {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        margin-left: 10px; }
      .header-top-bar .header-notification .wrapper a.learnLess-txt {
        display: none; }
      .header-top-bar .header-notification .wrapper a:hover {
        text-decoration: underline; }
  .header-top-bar .header-notification .learnMoreLess {
    display: none;
    max-width: 1600px;
    margin: 0 auto;
    color: inherit;
    line-height: 14px;
    font-size: 12px;
    padding: 5px 0;
    text-align: left; }

.header-desktop {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 101; }
  .header-desktop .button.round {
    margin-left: auto;
    transition: all ease .3s;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: solid 1px #454545;
    border-radius: 25px;
    min-width: 200px;
    font-size: 15px; }
    .header-desktop .button.round:hover {
      background-color: #113e53;
      border: solid 1px #113e53; }
    @media only screen and (min-width: 1025px) {
      .header-desktop .button.round {
        padding: 8px 30px;
        display: inline-block; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .header-desktop .button.round {
        padding: 8px 10px;
        display: inline-block;
        min-width: 100px;
        font-size: 12px; } }
  @media only screen and (min-width: 768px) {
    .header-desktop .wrapper nav ul li.nav-level1.active .nav-level2 .nav-level2-column ul li:hover {
      text-decoration: none; }
    .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 {
      padding: 10px 0; }
      .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .single-lists li {
        line-height: 18px; }
      .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul {
        display: flex;
        flex-direction: column; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) {
      .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul a::after {
        background: none; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) {
      .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li ul li:hover a::after {
        background-color: #64B1BC;
        bottom: 0;
        content: '';
        display: block;
        height: 2px;
        left: 10px;
        position: absolute;
        right: 10px;
        width: auto;
        display: block; } }
  @media only screen and (min-width: 768px) {
        .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li .title {
          line-height: 30px; }
          .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li .title a {
            padding-top: 0;
            padding-bottom: 0; }
        .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul.lists li {
          line-height: 24px; }
          .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul.lists li .prefix {
            display: inline; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) {
        .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul.lists li:hover a::after {
          background-color: #64B1BC;
          bottom: 0;
          content: '';
          display: block;
          height: 2px;
          left: 10px;
          position: absolute;
          right: 10px;
          width: auto;
          display: block; } }
  @media only screen and (min-width: 768px) {
          .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul.lists li a {
            padding-top: 0;
            padding-bottom: 0;
            font-size: 12px;
            font-weight: 400;
            color: #113E53;
            padding-top: 3px;
            padding-bottom: 3px; }
        .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul .spotlight {
          padding: 0 5%;
          display: inline-block;
          margin-bottom: 15px; }
          .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul .spotlight:last-child {
            margin: 0; }
          .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul .spotlight .image {
            height: 100px;
            width: 40%;
            border: solid 1px #f2f2f2;
            margin: 0 10px 0 0;
            display: inline-block;
            float: left; }
            .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul .spotlight .image img {
              width: 100%;
              height: 100%;
              display: block; }
          .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul .spotlight .content {
            width: 54%;
            display: inline-block; }
            .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul .spotlight .content a {
              font-weight: 600;
              color: #113E53;
              font-size: 14px;
              line-height: 16px;
              padding: 0;
              display: inline; }
            .header-desktop .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul .spotlight .content p {
              font-size: 12px;
              margin-top: 5px;
              line-height: 14px; } }
  .header-desktop div#nav-level2-contanier {
    background: white;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .header-desktop div#nav-level2-contanier {
        position: fixed;
        width: 100%;
        left: 0;
        background-color: #F4F4F4; } }
    .header-desktop div#nav-level2-contanier .nav-level2 {
      max-width: 1198px;
      margin: 0 auto;
      line-height: 0; }
      @media only screen and (min-width: 768px) {
        .header-desktop div#nav-level2-contanier .nav-level2 .container {
          display: flex; } }
  .header-desktop .nav-level2-column {
    float: left;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .header-desktop .nav-level2-column {
        width: 20%;
        border-right: solid 1px #ccc;
        margin: 10px 0; }
        .header-desktop .nav-level2-column:last-child {
          border: none; } }
    .header-desktop .nav-level2-column ul li {
      display: block; }
      .header-desktop .nav-level2-column ul li ul li {
        display: block; }
        .header-desktop .nav-level2-column ul li ul li a {
          font-size: 12px;
          font-weight: 400;
          color: #113E53;
          padding-top: 3px;
          padding-bottom: 3px; }
  .header-desktop .containter {
    /*START Header Notification*/
    /*END Header Notification*/
    /*START Header-main Notification*/
    /*END Header-main Notification*/
    /*START header-navbar-container Notification*/
    /*END header-navbar-container Notification*/ }
    .header-desktop .containter .header-main {
      font-size: 14px;
      border-bottom: solid 1px #ccc;
      background: #fff; }
      .header-desktop .containter .header-main .profile-info {
        cursor: pointer; }
        @media only screen and (min-width: 768px) {
          .header-desktop .containter .header-main .profile-info {
            z-index: 1; } }
        .header-desktop .containter .header-main .profile-info .customer-info {
          min-width: 350px; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .header-desktop .containter .header-main .profile-info .customer-info {
              min-width: 275px; } }
          @media only screen and (max-width: 767px) {
            .header-desktop .containter .header-main .profile-info .customer-info {
              width: 100%; } }
        @media only screen and (max-width: 767px) {
          .header-desktop .containter .header-main .profile-info {
            order: 1;
            width: 100%;
            border-top: solid 1px #eeee; } }
        .header-desktop .containter .header-main .profile-info .brand-partner-info {
          display: flex;
          align-items: center;
          color: #454545; }
          @media only screen and (max-width: 767px) {
            .header-desktop .containter .header-main .profile-info .brand-partner-info {
              padding: 10px; } }
          .header-desktop .containter .header-main .profile-info .brand-partner-info .customer-name {
            font-family: "Inter", arial, sans-serif;
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #234C5F;
            white-space: nowrap;
            flex-grow: 2;
            display: flex;
            flex-direction: column;
            text-transform: capitalize; }
            .header-desktop .containter .header-main .profile-info .brand-partner-info .customer-name span {
              font-size: 12px;
              font-weight: 400;
              line-height: 12px; }
              .header-desktop .containter .header-main .profile-info .brand-partner-info .customer-name span i {
                position: relative;
                vertical-align: top; }
                .header-desktop .containter .header-main .profile-info .brand-partner-info .customer-name span i:before {
                  font-weight: 600;
                  font-size: 8px;
                  position: absolute;
                  right: -7px;
                  top: 1px; }
          .header-desktop .containter .header-main .profile-info .brand-partner-info picture {
            width: 45px;
            height: 45px;
            margin-right: 10px;
            position: relative; }
            .header-desktop .containter .header-main .profile-info .brand-partner-info picture:before {
              width: 15px;
              height: 15px;
              background-image: url("../../app/images/logo-bug.svg");
              content: "";
              position: absolute;
              bottom: 0px;
              right: 0px;
              background-size: contain;
              z-index: 1; }
            .header-desktop .containter .header-main .profile-info .brand-partner-info picture img {
              width: 100%;
              height: 100%;
              border-radius: 100%;
              object-fit: contain; }
          .header-desktop .containter .header-main .profile-info .brand-partner-info .info {
            flex: 1;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              .header-desktop .containter .header-main .profile-info .brand-partner-info .info {
                width: auto; } }
            .header-desktop .containter .header-main .profile-info .brand-partner-info .info h4 {
              font-family: "Inter", arial, sans-serif;
              margin: 0; }
              .apac .header-desktop .containter .header-main .profile-info .brand-partner-info .info h4 {
                font-family: "Noto Serif", serif; }
              html[lang='ja-JP'] .header-desktop .containter .header-main .profile-info .brand-partner-info .info h4 {
                font-family: "YuMincho", "Noto Serif", serif; }
              @media only screen and (min-width: 768px) and (max-width: 1024px) {
                .header-desktop .containter .header-main .profile-info .brand-partner-info .info h4 {
                  font-size: 16px; } }
              @media only screen and (max-width: 767px) {
                .header-desktop .containter .header-main .profile-info .brand-partner-info .info h4 {
                  font-size: 16px;
                  line-height: 1;
                  margin-bottom: 5px; } }
            .header-desktop .containter .header-main .profile-info .brand-partner-info .info p {
              margin: 0;
              overflow: hidden;
              line-height: 16px; }
              @media only screen and (min-width: 768px) and (max-width: 1024px) {
                .header-desktop .containter .header-main .profile-info .brand-partner-info .info p {
                  font-size: 12px;
                  line-height: 1.25em; } }
              @media only screen and (max-width: 767px) {
                .header-desktop .containter .header-main .profile-info .brand-partner-info .info p {
                  font-size: 12px; } }
          .header-desktop .containter .header-main .profile-info .brand-partner-info i.angle-arrow {
            flex-grow: 0.5;
            text-align: center;
            font-weight: 900;
            font-family: "Font Awesome";
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: var(--fa-display, inline-block);
            font-style: normal;
            font-variant: normal;
            line-height: 1;
            text-rendering: auto;
            font-size: 18px; }
            .header-desktop .containter .header-main .profile-info .brand-partner-info i.angle-arrow:before {
              content: "\f105"; }
              @media only screen and (min-width: 768px) {
                .header-desktop .containter .header-main .profile-info .brand-partner-info i.angle-arrow:before {
                  content: "\f107"; } }
          .header-desktop .containter .header-main .profile-info .brand-partner-info .fa-circle-user {
            color: #BFBFBF; }
        .header-desktop .containter .header-main .profile-info .profile-details {
          display: none;
          position: absolute;
          background-color: #f9f9f9;
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
          z-index: 1;
          top: 71px;
          width: 350px;
          min-height: 200px;
          padding: 20px;
          text-align: center;
          z-index: 9999; }
          .header-desktop .containter .header-main .profile-info .profile-details .loader {
            top: 50%;
            position: absolute;
            left: 50%;
            margin-top: -14px;
            margin-left: -14px; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .header-desktop .containter .header-main .profile-info .profile-details {
              width: 275px;
              padding: 10px; } }
          @media only screen and (max-width: 767px) {
            .header-desktop .containter .header-main .profile-info .profile-details {
              width: 100%;
              top: 66px;
              position: fixed;
              height: 100%; } }
          .header-desktop .containter .header-main .profile-info .profile-details .brand-partner-info {
            flex-direction: column;
            margin: 10px 0 20px 0; }
            .header-desktop .containter .header-main .profile-info .profile-details .brand-partner-info .customer-name {
              font-family: "Inter", arial, sans-serif;
              margin: 0;
              font-size: 14px;
              font-weight: 600;
              color: #234C5F;
              margin-top: 5px; }
            .header-desktop .containter .header-main .profile-info .profile-details .brand-partner-info picture {
              width: 75px;
              height: 75px; }
              .header-desktop .containter .header-main .profile-info .profile-details .brand-partner-info picture:before {
                width: 25px;
                height: 25px; }
          .header-desktop .containter .header-main .profile-info .profile-details .Intro {
            padding-bottom: 20px;
            text-align: left; }
            .header-desktop .containter .header-main .profile-info .profile-details .Intro p {
              line-height: 16px;
              font-size: 14px; }
          .header-desktop .containter .header-main .profile-info .profile-details .close-btn {
            text-decoration: underline; }
        .header-desktop .containter .header-main .profile-info .preferred-customer .customer-name {
          cursor: default; }
      .header-desktop .containter .header-main .site-logo {
        /*position: absolute;*/
        width: 100%;
        height: 45px;
        display: flex;
        justify-content: center;
        text-align: center; }
        .header-desktop .containter .header-main .site-logo a {
          cursor: pointer;
          height: 45px;
          position: relative;
          width: 45px; }
          @media only screen and (min-width: 768px) {
            .header-desktop .containter .header-main .site-logo a {
              width: 175px; } }
          @media only screen and (min-width: 768px) {
            .header-desktop .containter .header-main .site-logo a.hide-after {
              width: 45px; } }
          .header-desktop .containter .header-main .site-logo a.hide-after:after {
            display: none; }
          .header-desktop .containter .header-main .site-logo a:before, .header-desktop .containter .header-main .site-logo a:after {
            content: '';
            top: 0;
            left: 0;
            width: 45px;
            height: 45px;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute; }
            @media only screen and (min-width: 768px) {
              .header-desktop .containter .header-main .site-logo a:before, .header-desktop .containter .header-main .site-logo a:after {
                width: 175px; } }
          .header-desktop .containter .header-main .site-logo a:before {
            width: 45px;
            background-image: url("../../app/images/logo-bug.svg"); }
          @media only screen and (min-width: 768px) {
            .header-desktop .containter .header-main .site-logo a:after {
              background-image: url("../../app/images/logo-text.svg");
              margin-left: -5px; } }
        @media only screen and (max-width: 767px) {
          .header-desktop .containter .header-main .site-logo {
            position: relative;
            margin: 10px 0 10px 0px; } }
      .header-desktop .containter .header-main .nav-right {
        display: flex;
        flex-direction: row;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .header-desktop .containter .header-main .nav-right {
            order: 2;
            background: #f5f5f5; } }
        @media only screen and (min-width: 768px) {
          .header-desktop .containter .header-main .nav-right {
            justify-content: flex-end;
            gap: 30px;
            align-items: flex-start;
            z-index: 1; } }
        @media only screen and (min-width: 1025px) and (max-width: 1439px) {
          .header-desktop .containter .header-main .nav-right {
            gap: 30px; } }
        .header-desktop .containter .header-main .nav-right .search {
          position: relative;
          list-style-type: none;
          padding: 0; }
          @media only screen and (min-width: 1025px) {
            .header-desktop .containter .header-main .nav-right .search {
              width: 280px; } }
          .header-desktop .containter .header-main .nav-right .search .search-icon-text {
            padding: 0; }
            .header-desktop .containter .header-main .nav-right .search .search-icon-text i.fa-magnifying-glass {
              position: absolute;
              left: 10px;
              top: 12px;
              font-size: 16px; }
            .header-desktop .containter .header-main .nav-right .search .search-icon-text .search-input {
              width: 100%;
              padding: 8px 10px 8px 30px;
              /* Adjust padding to position the icon properly */
              border: 1px solid #ccc;
              border-radius: 5px;
              font-size: 16px;
              line-height: 22px;
              transition: width 0.5s ease-in-out; }
        .header-desktop .containter .header-main .nav-right ul.actions {
          display: flex;
          padding: 0; }
          @media only screen and (max-width: 767px) {
            .header-desktop .containter .header-main .nav-right ul.actions {
              align-items: center;
              display: flex;
              float: none;
              justify-content: space-between;
              padding: 20px 15px;
              margin: 0;
              height: 52px;
              position: relative;
              top: auto;
              text-align: center;
              transform: none;
              width: 100%; } }
          .header-desktop .containter .header-main .nav-right ul.actions li {
            display: flex;
            align-items: flex-start;
            margin-left: 30px;
            position: relative; }
            .header-desktop .containter .header-main .nav-right ul.actions li:first-of-type {
              margin-left: 0; }
            @media only screen and (max-width: 767px) {
              .header-desktop .containter .header-main .nav-right ul.actions li {
                margin: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 1024px) {
              .header-desktop .containter .header-main .nav-right ul.actions li {
                margin-left: 15px; } }
            .header-desktop .containter .header-main .nav-right ul.actions li a {
              text-transform: capitalize; }
              .header-desktop .containter .header-main .nav-right ul.actions li a i {
                font-size: 24px;
                color: #454545; }
                .header-desktop .containter .header-main .nav-right ul.actions li a i.fa-bag-shopping {
                  font-size: 26px; }
            .header-desktop .containter .header-main .nav-right ul.actions li.login a {
              display: flex;
              flex-direction: column;
              align-items: center;
              color: #454545; }
              @media only screen and (max-width: 767px) {
                .header-desktop .containter .header-main .nav-right ul.actions li.login a {
                  flex-direction: row;
                  gap: 15px; } }
            .header-desktop .containter .header-main .nav-right ul.actions li.country .language-link {
              display: none;
              margin-left: 10px;
              text-decoration: underline; }
              @media only screen and (max-width: 767px) {
                .header-desktop .containter .header-main .nav-right ul.actions li.country .language-link {
                  display: inline-block; } }
            @media only screen and (max-width: 767px) {
              .header-desktop .containter .header-main .nav-right ul.actions li.shopping {
                display: none; } }
            .header-desktop .containter .header-main .nav-right ul.actions li .flag {
              background-size: cover;
              background-repeat: no-repeat;
              color: transparent;
              display: inline-block;
              height: 24px;
              width: 24px;
              border-radius: 100%;
              background-position: center; }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.australia {
                background-image: url("../../app/images/countries/rect-australia.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.austria {
                background-image: url("../../app/images/countries/rect-austria.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.canada {
                background-image: url("../../app/images/countries/rect-canada.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.colombia {
                background-image: url("../../app/images/countries/rect-colombia.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.germany {
                background-image: url("../../app/images/countries/rect-germany.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.hong-kong {
                background-image: url("../../app/images/countries/rect-hong-kong.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.japan {
                background-image: url("../../app/images/countries/rect-japan.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.korea {
                background-image: url("../../app/images/countries/rect-korea.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.mexico {
                background-image: url("../../app/images/countries/rect-mexico.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.new-zealand {
                background-image: url("../../app/images/countries/rect-new-zealand.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.usa {
                background-image: url("../../app/images/countries/rect-usa.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.singapore {
                background-image: url("../../app/images/countries/rect-singapore.png"); }
              .header-desktop .containter .header-main .nav-right ul.actions li .flag.switzerland {
                background-image: url("../../app/images/countries/rect-switzerland.png"); }
              @media only screen and (max-width: 767px) {
                .header-desktop .containter .header-main .nav-right ul.actions li .flag {
                  vertical-align: middle; } }
            .header-desktop .containter .header-main .nav-right ul.actions li .cart {
              display: inline-block;
              position: relative; }
              .header-desktop .containter .header-main .nav-right ul.actions li .cart .badge {
                color: #FFF;
                font-size: 12px;
                line-height: 30px;
                position: absolute;
                top: 0;
                text-align: center;
                bottom: 0;
                left: 8px; }
              .header-desktop .containter .header-main .nav-right ul.actions li .cart .icon {
                font-size: 24px; }
      .header-desktop .containter .header-main .wrapper {
        align-items: center;
        justify-content: flex-end;
        display: flex;
        height: 70px;
        position: relative; }
        @media only screen and (min-width: 1025px) {
          .header-desktop .containter .header-main .wrapper {
            border: none; } }
        @media only screen and (max-width: 767px) {
          .header-desktop .containter .header-main .wrapper {
            align-items: flex-start;
            border: 0;
            flex-direction: column;
            flex: 1;
            height: auto;
            justify-content: space-between; } }
        @media only screen and (min-width: 768px) {
          .header-desktop .containter .header-main .wrapper .flex-item {
            flex-basis: 0;
            flex-grow: 1; } }
    .header-desktop .containter .header-navbar-container .wrapper {
      align-items: center;
      justify-content: flex-end;
      display: flex;
      height: 60px;
      position: relative; }
      @media only screen and (min-width: 1025px) {
        .header-desktop .containter .header-navbar-container .wrapper {
          border: none; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .header-desktop .containter .header-navbar-container .wrapper {
          justify-content: space-between; } }
      @media only screen and (max-width: 767px) {
        .header-desktop .containter .header-navbar-container .wrapper {
          align-items: flex-start;
          border: 0;
          flex-direction: column;
          flex: 1;
          height: auto;
          justify-content: space-between;
          z-index: 100; } }
      .header-desktop .containter .header-navbar-container .wrapper .find-bp {
        float: right; }
        @media only screen and (max-width: 767px) {
          .header-desktop .containter .header-navbar-container .wrapper .find-bp {
            order: 3;
            height: 125px;
            width: 100%;
            text-align: center;
            position: fixed;
            bottom: 0;
            padding: 15px 20px;
            background: #fff;
            z-index: 1; }
            .header-desktop .containter .header-navbar-container .wrapper .find-bp a {
              display: inline-block;
              width: 100%;
              margin-bottom: 7px; } }
        .header-desktop .containter .header-navbar-container .wrapper .find-bp:first-child {
          margin-top: 0; }
      .header-desktop .containter .header-navbar-container .wrapper .find-bp_floating {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0%; }
        .header-desktop .containter .header-navbar-container .wrapper .find-bp_floating .button {
          margin-left: auto;
          transition: all ease .3s;
          letter-spacing: 0px;
          text-transform: capitalize;
          border: solid 1px #454545;
          border-radius: 25px;
          padding: 8px 30px;
          min-width: 200px; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .header-desktop .containter .header-navbar-container .wrapper .find-bp_floating .button {
              border: 0;
              color: #113E53;
              display: inline-block;
              font-size: 14px;
              font-weight: bold;
              padding: 5px 20px;
              position: relative; } }
        @media only screen and (max-width: 767px) {
          .header-desktop .containter .header-navbar-container .wrapper .find-bp_floating {
            bottom: 15px;
            left: 0;
            order: 2;
            position: fixed;
            width: 100%;
            z-index: 12; }
            .header-desktop .containter .header-navbar-container .wrapper .find-bp_floating .button {
              display: block;
              width: auto;
              border-radius: 10px;
              width: 94%;
              margin: 0 3%; } }
  @media only screen and (max-width: 767px) {
    .header-desktop {
      display: flex;
      left: -400px;
      flex-direction: column;
      height: 100%;
      max-width: 400px;
      z-index: 9010;
      transform: translate3d(0, 0, 0);
      transition: all ease-in-out 200ms; }
      .header-desktop.mobile-nav {
        left: 0;
        top: 0;
        background: #fff; } }
  .header-desktop .utility .wrapper {
    height: 40px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .header-desktop .utility .wrapper {
        border-width: 10px;
        height: 60px; } }
  .header-desktop .utility .wrapper {
    min-height: 70px;
    height: auto; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .header-desktop .utility .wrapper {
        height: 70px;
        min-height: 70px; } }
    @media only screen and (max-width: 767px) {
      .header-desktop .utility .wrapper {
        height: auto;
        min-height: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header-desktop .utility .brand-partner {
      justify-content: flex-start;
      border-right: 0;
      height: 40px;
      padding-left: 0;
      min-height: 40px;
      width: 40%; }
      .header-desktop .utility .brand-partner img {
        height: 32px;
        margin-right: 60px;
        position: relative;
        top: 0;
        width: 32px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header-desktop .utility .brand-partner .info {
      display: none; } }
  .header-desktop .utility .brand-partner.no-img {
    padding-left: 10px; }
  .header-desktop .utility .brand-partner .brand-partner-info {
    display: flex; }
  .header-desktop .utility .brand-partner picture {
    margin-right: 10px;
    border-radius: 50%; }
    @media only screen and (max-width: 767px) {
      .header-desktop .utility .brand-partner picture {
        width: 50px; } }
    @media only screen and (min-width: 1025px) {
      .header-desktop .utility .brand-partner picture {
        width: 64px;
        height: 64px; } }
    .header-desktop .utility .brand-partner picture i {
      position: absolute;
      right: 0;
      bottom: 0;
      color: #BFBFBF; }
    .header-desktop .utility .brand-partner picture img {
      width: 100% !important;
      heigth: 100% !important;
      object-fit: contain;
      border-radius: 50%; }
  .header-desktop .utility ul.contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px; }
    .header-desktop .utility ul.contact li {
      color: #454545; }
      @media only screen and (max-width: 767px) {
        .header-desktop .utility ul.contact li {
          margin: 0;
          flex: 1; } }
      .header-desktop .utility ul.contact li a {
        display: block;
        text-decoration: none; }
        .header-desktop .utility ul.contact li a i {
          font-size: 18px;
          display: block;
          margin-bottom: 5px;
          position: absolute; }
          @media only screen and (max-width: 767px) {
            .header-desktop .utility ul.contact li a i {
              font-size: 21px; } }
  .header-desktop .nav {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    transition: all ease .3s; }
    @media only screen and (max-width: 767px) {
      .header-desktop .nav {
        display: flex;
        flex: 1; }
        .header-desktop .nav::after {
          background-color: #FFF;
          bottom: 0;
          content: '';
          height: 80px;
          left: 0;
          position: absolute;
          right: 0;
          z-index: 10; } }
    @media only screen and (max-width: 767px) and (min-width: 768px) {
      .header-desktop .nav::after {
        box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.05); } }
    .header-desktop .nav * {
      transition: all ease .3s; }
    .header-desktop .nav .hideMobile {
      display: block !important; }
    .header-desktop .nav .onlyMobile {
      display: none !important; }
    @media only screen and (max-width: 767px) {
      .header-desktop .nav {
        position: relative;
        width: 100%; }
        .header-desktop .nav .hideMobile {
          display: none !important; }
        .header-desktop .nav .onlyMobile {
          display: block !important; } }
    .header-desktop .nav ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .header-desktop .nav ul.actions {
        display: flex;
        justify-content: flex-end; }
      .header-desktop .nav ul.contact {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        padding-bottom: 20px; }
        .header-desktop .nav ul.contact li {
          margin-bottom: 10px; }
          .header-desktop .nav ul.contact li a.button {
            transition: all ease .3s;
            letter-spacing: 0px;
            text-transform: capitalize;
            border: solid 1px #454545;
            border-radius: 25px;
            padding: 8px 30px;
            min-width: 100%;
            display: inline-block; }
            .header-desktop .nav ul.contact li a.button i {
              position: absolute;
              left: 30px; }
      @media only screen and (max-width: 767px) {
        .header-desktop .nav ul {
          padding-left: 25px;
          width: 100%; }
          .header-desktop .nav ul::after {
            content: '';
            display: block; } }
    @media only screen and (max-width: 767px) and (min-width: 768px) {
      .header-desktop .nav ul::after {
        height: 105px; } }
      .header-desktop .nav ul.nav-bar li {
        display: inline-block; }
        @media only screen and (min-width: 768px) {
          .header-desktop .nav ul.nav-bar li.active a::after {
            background-color: #64B1BC;
            bottom: 0;
            content: '';
            display: block;
            height: 2px;
            left: 10px;
            position: absolute;
            right: 10px;
            width: auto; } }
        @media only screen and (min-width: 768px) {
          .header-desktop .nav ul.nav-bar li.active li.active a::after {
            background-color: #64B1BC;
            bottom: 0;
            content: '';
            display: block;
            height: 2px;
            left: 10px;
            position: absolute;
            right: 10px;
            width: auto;
            display: block; } }
        @media only screen and (min-width: 768px) {
          .header-desktop .nav ul.nav-bar li.active li a::after {
            background-color: #64B1BC;
            bottom: 0;
            content: '';
            display: block;
            height: 2px;
            left: 10px;
            position: absolute;
            right: 10px;
            width: auto;
            display: none; } }
        @media only screen and (max-width: 767px) {
          .header-desktop .nav ul.nav-bar li.mobile-active nav.sub-nav {
            display: block; } }
        @media only screen and (min-width: 768px) {
          .header-desktop .nav ul.nav-bar li:hover nav.sub-nav {
            display: block; } }
        .header-desktop .nav ul.nav-bar li .hideMobile a {
          padding: 5px 4px;
          text-transform: capitalize; }
        .header-desktop .nav ul.nav-bar li a {
          display: inline-block;
          font-size: 14px;
          font-weight: bold;
          color: #454545;
          padding: 5px 10px;
          position: relative;
          text-transform: none;
          cursor: pointer; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .header-desktop .nav ul.nav-bar li a {
              font-size: 12px; } }
          @media only screen and (min-width: 768px) {
            .header-desktop .nav ul.nav-bar li a:hover::after {
              background-color: #64B1BC;
              bottom: 0;
              content: '';
              display: block;
              height: 2px;
              left: 10px;
              position: absolute;
              right: 10px;
              width: auto; } }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .header-desktop .nav ul.nav-bar li a {
              padding: 5px 20px; } }
          @media only screen and (max-width: 767px) {
            .header-desktop .nav ul.nav-bar li a {
              font-size: 24px;
              font-weight: 600;
              padding: 0; } }
    .header-desktop .nav nav {
      flex: 1; }
      @media only screen and (max-width: 767px) {
        .header-desktop .nav nav {
          order: 1;
          position: relative;
          width: 100%;
          margin-left: 0;
          flex: auto; } }
      .header-desktop .nav nav.sub-nav {
        position: absolute;
        background: #FFFFFF;
        box-shadow: 5px 13px 20px 0 rgba(0, 0, 0, 0.1);
        min-width: 75px;
        display: none;
        padding: 5px 30px; }
        @media only screen and (max-width: 767px) {
          .header-desktop .nav nav.sub-nav {
            top: 0;
            left: 0;
            right: 0;
            z-index: 10;
            box-shadow: none;
            bottom: 0;
            padding: 0; } }
        .header-desktop .nav nav.sub-nav ul li {
          display: block;
          font-size: 14px;
          color: #5C666F;
          letter-spacing: 1px;
          line-height: 36px; }
          @media only screen and (max-width: 767px) {
            .header-desktop .nav nav.sub-nav ul li {
              line-height: 1;
              margin-right: 25px; } }
          .header-desktop .nav nav.sub-nav ul li a {
            text-transform: none;
            padding: 0;
            font-weight: 400; }
            .header-desktop .nav nav.sub-nav ul li a:after {
              left: 0 !important;
              right: 0 !important; }
            @media only screen and (max-width: 767px) {
              .header-desktop .nav nav.sub-nav ul li a {
                font-size: 20px;
                color: #4B4B4B;
                letter-spacing: 1.67px; } }
        .header-desktop .nav nav.sub-nav .close-subnav {
          padding-left: 25px;
          background-image: url("../../app/images/arrow.svg");
          background-position: 7px 5px;
          background-repeat: no-repeat; }
          .header-desktop .nav nav.sub-nav .close-subnav a {
            position: relative;
            font-size: 24px;
            margin-bottom: 35px;
            display: inline-block;
            text-transform: capitalize; }
            .header-desktop .nav nav.sub-nav .close-subnav a:after {
              content: " ";
              height: 2px;
              left: 0;
              right: -15px;
              position: absolute;
              bottom: -10px;
              background: #5C666F; }
  .header-desktop.pre-enrollment .nav .find-bp_floating {
    right: 5%; }

.navigation__featured-product {
  padding: 0 !important; }

#scPageExtendersForm + .site-wrapper .header-desktop {
  position: absolute; }

#scCrossPiece ~ #scPageExtendersForm + .site-wrapper .header-desktop {
  position: fixed; }

span.hamburger {
  display: block;
  height: 24px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  width: 30px;
  cursor: pointer; }
  span.hamburger span {
    background: #5A676F;
    height: 4px;
    left: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    width: 100%; }
    span.hamburger span:nth-child(1) {
      top: 0; }
    span.hamburger span:nth-child(2) {
      top: 10px; }
    span.hamburger span:nth-child(3) {
      top: 10px; }
    span.hamburger span:nth-child(4) {
      top: 20px; }
  span.hamburger.open span:nth-child(1) {
    top: 10px;
    left: 50%;
    width: 0; }
  span.hamburger.open span:nth-child(2) {
    transform: rotate(45deg); }
  span.hamburger.open span:nth-child(3) {
    transform: rotate(-45deg); }
  span.hamburger.open span:nth-child(4) {
    top: 10px;
    left: 50%;
    width: 0; }

.mobile-nav_mask {
  -webkit-overflow-scrolling: touch;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  display: none;
  height: 100vh;
  left: 0;
  /*overflow-y: scroll;*/
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  z-index: 9000;
  transition: opacity ease-out 130ms; }
  @media only screen and (max-width: 767px) {
    .mobile-nav_mask {
      display: block; } }
  .mobile-nav_mask.active {
    opacity: 1;
    visibility: visible; }

@media only screen and (max-width: 767px) {
  .header-desktop {
    width: 100%; }
    .header-desktop .containter {
      width: 100%;
      height: 100%; }
      .header-desktop .containter .header-navbar-container {
        height: 100%; }
        .header-desktop .containter .header-navbar-container nav {
          height: 80%;
          overflow: auto; }
    .header-desktop.mobile-nav .back-arrow {
      font-size: 24px;
      position: absolute;
      top: 20px;
      left: 20px; }
    .header-desktop.mobile-nav .nav {
      z-index: 100; }
      .header-desktop.mobile-nav .nav .wrapper .company-logo {
        display: none; }
      .header-desktop.mobile-nav .nav .wrapper nav ul {
        padding: 0; }
        .header-desktop.mobile-nav .nav .wrapper nav ul li {
          display: block; }
          .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 {
            border-bottom: solid 1px #dadada;
            line-height: 46px; }
            .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 a {
              font-size: 16px;
              font-weight: 600;
              padding: 0px 10px;
              width: 100%; }
              .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 a.open-subnav:before {
                content: "\f107";
                font-weight: 900;
                font-family: "Font Awesome";
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                display: var(--fa-display, inline-block);
                font-style: normal;
                font-variant: normal;
                line-height: 1;
                text-rendering: auto;
                position: absolute;
                right: 15px;
                top: 15px; }
            .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1.mobile-active a.close-subnav:before {
              content: "\f106";
              font-weight: 900;
              font-family: "Font Awesome";
              -moz-osx-font-smoothing: grayscale;
              -webkit-font-smoothing: antialiased;
              display: var(--fa-display, inline-block);
              font-style: normal;
              font-variant: normal;
              line-height: 1;
              text-rendering: auto;
              position: absolute;
              right: 15px;
              top: 15px; }
            .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container {
              background-color: #F4F4F4;
              display: inline-block;
              width: 100%; }
              .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container ul {
                text-indent: 10px; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container ul.single-lists li {
                  border-bottom: solid 1px #dadada;
                  line-height: 36px; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container ul.single-lists li:last-child {
                    border: none; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container ul li:last-child {
                  border: none; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container ul li a {
                  font-weight: 400;
                  font-size: 14px;
                  text-shadow: 1px 1px 0 #fff; }
              .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column:last-child ul li .title {
                border: none; }
              .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul {
                text-indent: 10px; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li {
                  position: relative; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li:first-child {
                    padding: 0; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li .title {
                    border-bottom: solid 1px #dadada;
                    line-height: 46px; }
                    .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li .title a {
                      font-weight: 600; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li .onlyMobile i {
                    position: absolute;
                    right: 15px;
                    bottom: 7px;
                    width: 34px;
                    height: 34px;
                    background: #fff;
                    border-radius: 50px; }
                    .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li .onlyMobile i:before {
                      position: absolute;
                      right: 9px;
                      top: 10px;
                      font-size: 16px; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul li ul li a {
                    font-weight: 400; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul.lists {
                  text-indent: 15px;
                  background-color: #fff; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul.lists li {
                    line-height: 36px;
                    border-bottom: solid 1px #dadada; }
                    .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul.lists li:last-child {
                      border: none; }
                    .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column ul.lists li a {
                      width: auto;
                      text-indent: 0; }
              .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column .spotlight {
                display: inline-block;
                margin: 8px 0;
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column .spotlight:first-child {
                  margin-top: 15px; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column .spotlight:last-child {
                  margin-bottom: 15px; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column .spotlight .image {
                  width: 75px;
                  height: 75px;
                  border: solid 1px #f2f2f2;
                  margin: 0 10px 0;
                  float: left; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column .spotlight .image img {
                    width: 100%;
                    height: 100%;
                    display: block; }
                .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column .spotlight .content {
                  text-indent: 0; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column .spotlight .content a {
                    font-weight: 600;
                    color: #113E53;
                    font-size: 14px;
                    line-height: 16px;
                    padding: 0; }
                  .header-desktop.mobile-nav .nav .wrapper nav ul li.nav-level1 .nav-level2 .container .nav-level2-column .spotlight .content p {
                    font-size: 12px;
                    margin-top: 5px;
                    line-height: 14px; }
    .header-desktop.mobile-nav ul.search {
      display: none; } }

.header-mobile {
  transition: margin-top ease .3s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  left: 0;
  width: 100%;
  z-index: 2;
  padding-bottom: 10px; }
  .header-mobile.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding-bottom: 0;
    box-shadow: none; }
  @media only screen and (min-width: 768px) {
    .header-mobile {
      display: none; } }
  .header-mobile .wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    text-align: center;
    width: auto; }
    .header-mobile .wrapper .site-logo {
      background-image: url("../../app/images/logo-bug.svg");
      background-repeat: no-repeat;
      background-size: cover;
      color: transparent;
      display: block;
      height: 40px;
      margin: 10px auto;
      overflow: hidden;
      text-indent: -9999px;
      width: 40px; }
    .header-mobile .wrapper .shopping-bag {
      background-image: url("../../app/images/icon-shopping-bag.png");
      background-size: cover;
      background-repeat: no-repeat;
      display: inline-block;
      height: 30px;
      width: 34px; }
    .header-mobile .wrapper .cart {
      display: inline-block;
      position: relative;
      width: 30px; }
      .header-mobile .wrapper .cart i {
        font-size: 20px;
        color: #454545; }
        .header-mobile .wrapper .cart i.fa-bag-shopping {
          font-size: 26px; }
      .header-mobile .wrapper .cart .badge {
        color: #FFF;
        font-size: 10px;
        line-height: 36px;
        position: absolute;
        top: 0;
        text-align: center;
        bottom: 0;
        left: 12px; }
      .header-mobile .wrapper .cart .icon-cart {
        font-size: 25px; }
  .header-mobile .float-search {
    visibility: hidden;
    position: absolute;
    right: 40px; }
  .header-mobile .header-desktop .utility {
    background-color: #113E53; }
  .header-mobile .search {
    width: 100%;
    position: relative;
    height: 43px;
    display: grid; }
    .header-mobile .search input {
      padding: 10px 10px 10px 30px; }
    .header-mobile .search i.fa-magnifying-glass {
      position: absolute;
      left: 10px;
      top: 12px;
      font-size: 16px; }

.onlyMobile {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .onlyMobile {
      display: block !important; } }

body.floating-header .header-desktop .header-main.utility {
  /*&.pws {*/
  /* }*/ }
  body.floating-header .header-desktop .header-main.utility .wrapper {
    height: 0;
    min-height: 40px; }
  body.floating-header .header-desktop .header-main.utility .brand-partner picture {
    /* height: 30px;
              width: 30px;
              margin-right: 10px;*/ }
    body.floating-header .header-desktop .header-main.utility .brand-partner picture img {
      width: 100% !important;
      heigth: 100% !important;
      object-fit: contain;
      border-radius: 50%; }
  body.floating-header .header-desktop .header-main.utility .brand-partner .info h4 {
    margin-top: 5px; }
  body.floating-header .header-desktop .header-main.utility .brand-partner .info p {
    opacity: 0;
    height: 0; }
  body.floating-header .header-desktop .header-main.utility ul.contact {
    flex: 0 1 auto;
    margin-top: 0; }
  body.floating-header .header-desktop .header-main.utility ul.actions {
    /*height: 30px;*/
    top: 37px; }
  body.floating-header .header-desktop .header-main.utility .wrapper {
    height: 70px;
    min-height: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    body.floating-header .header-desktop .header-main.utility .brand-partner picture {
      height: 30px;
      width: 30px;
      margin-right: 10px; }
      body.floating-header .header-desktop .header-main.utility .brand-partner picture img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
        border-radius: 50%; } }
  body.floating-header .header-desktop .header-main.utility ul.actions {
    top: 50%; }
    body.floating-header .header-desktop .header-main.utility ul.actions li {
      /*.icon {
                color: $white;
              }*/ }
      body.floating-header .header-desktop .header-main.utility ul.actions li.login {
        /*a {
                  color: $white;
                }*/ }
        body.floating-header .header-desktop .header-main.utility ul.actions li.login .icon {
          right: 100%; }

body.floating-header .header-desktop .header-main .profile-info .profile-details {
  top: 71px !important; }

body.floating-header .header-desktop .header-main .profile-info .overlay {
  top: 115px !important; }

body.floating-header .header-desktop .header-navbar-container.nav {
  border-color: #eee; }
  body.floating-header .header-desktop .header-navbar-container.nav .header-main .wrapper, body.floating-header .header-desktop .header-navbar-container.nav .header-navbar-container .wrapper {
    height: 65px;
    padding-top: 0;
    padding-bottom: 0; }
  body.floating-header .header-desktop .header-navbar-container.nav .company-logo:after {
    display: none; }

body.floating-header .site-wrapper.pws .nav .wrapper {
  height: 60px; }

body.floating-header .site-wrapper.pws .nav .logo {
  margin-left: 0;
  width: 176px; }
  body.floating-header .site-wrapper.pws .nav .logo:after {
    display: block; }

body.floating-header .site-wrapper.pws .find-bp {
  opacity: 1;
  visibility: visible; }

body.floating-header .site-wrapper.pws .find-bp_floating {
  display: none; }

body.Mobile-floating-header .scroll-on {
  background: white; }
  body.Mobile-floating-header .scroll-on .header-notification {
    background: #fff !important; }

body.Mobile-floating-header .header-mobile.sticky .wrapper {
  min-height: 50px; }
  body.Mobile-floating-header .header-mobile.sticky .wrapper.search-wrapper {
    margin-top: -1px; }

body.Mobile-floating-header .header-mobile .wrapper {
  background: #FFF; }

body.Mobile-floating-header .header-mobile .float-search {
  visibility: visible; }

.neora-search {
  display: none;
  background: #fefefe;
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 100%; }
  .neora-search .container .searchbox .ais-SearchBox, .neora-search .container .mobilesearchbox .ais-SearchBox {
    width: 100%;
    max-width: 100vw;
    background-color: #fefefe;
    z-index: 6;
    box-sizing: border-box;
    position: relative;
    z-index: 6;
    display: flex; }
    @media only screen and (min-width: 768px) {
      .neora-search .container .searchbox .ais-SearchBox, .neora-search .container .mobilesearchbox .ais-SearchBox {
        height: 40px; } }
    .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-form, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-form {
      display: flex;
      justify-content: flex-end;
      flex-basis: auto;
      width: 100%; }
    .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-input, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-input {
      font-size: inherit;
      letter-spacing: 1px;
      font-weight: 400;
      outline: none;
      width: 100%;
      position: relative;
      color: #50555b;
      padding: 8px 10px 8px 30px;
      border-radius: 0;
      border-right: 0;
      z-index: 2;
      border: none;
      border: 1px solid #ccc;
      border-right: none; }
    .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-submit, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-submit {
      display: none; }
    .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-reset, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-reset {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all .3s;
      border: none;
      border: 1px solid #ccc;
      border-left: none;
      letter-spacing: 0;
      font-size: 14px;
      cursor: pointer; }
      @media only screen and (max-width: 767px) {
        .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-reset, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-reset {
          padding-left: 10px;
          padding-right: 10px; } }
      .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-reset:hover, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-reset:hover {
        background: #234C5F; }
    .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-loadingIndicator, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-loadingIndicator {
      background-color: #EBEBEB;
      padding: 8px; }
    .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-resetIcon, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-resetIcon {
      fill: #113e53; }
    .neora-search .container .searchbox .ais-SearchBox .ais-SearchBox-submitIcon, .neora-search .container .mobilesearchbox .ais-SearchBox .ais-SearchBox-submitIcon {
      fill: #113e53; }

.neora-search-results {
  display: none;
  position: fixed;
  top: 0;
  z-index: 1001;
  width: 100%; }
  .neora-search-results .wrapper {
    border: none; }
    .neora-search-results .wrapper .search-results {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      position: relative;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      font-size: 14px;
      line-height: 42px;
      border-top: none;
      background: #fefefe;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .neora-search-results .wrapper .search-results {
          gap: 5px;
          padding-top: 5px;
          overflow-y: auto; } }
      @media only screen and (min-width: 768px) {
        .neora-search-results .wrapper .search-results {
          padding: 30px 10px 20px 10px;
          flex-direction: row;
          justify-content: space-between;
          border: 1px solid #ccc;
          border-top: none; } }
      .neora-search-results .wrapper .search-results h3 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
        color: #454545;
        margin: 0 10px;
        text-transform: capitalize; }
      .neora-search-results .wrapper .search-results .categories-search {
        line-height: 27.5px; }
        @media only screen and (max-width: 767px) {
          .neora-search-results .wrapper .search-results .categories-search {
            text-align: center; } }
        @media only screen and (min-width: 768px) {
          .neora-search-results .wrapper .search-results .categories-search {
            padding: 0 0px 15px 50px;
            width: 25%; } }
        .neora-search-results .wrapper .search-results .categories-search .ais-Hits--empty {
          color: #AAAAAA; }
        .neora-search-results .wrapper .search-results .categories-search ol {
          padding: 0px;
          margin: 5px 0; }
          .neora-search-results .wrapper .search-results .categories-search ol li {
            list-style-type: none;
            line-height: 25px; }
            .neora-search-results .wrapper .search-results .categories-search ol li a {
              position: relative;
              color: #555; }
              .neora-search-results .wrapper .search-results .categories-search ol li a:hover {
                color: #000; }
      .neora-search-results .wrapper .search-results .products-search {
        line-height: 27.5px; }
        @media only screen and (min-width: 768px) {
          .neora-search-results .wrapper .search-results .products-search {
            width: 75%; } }
        @media only screen and (max-width: 767px) {
          .neora-search-results .wrapper .search-results .products-search h3 {
            text-align: center; } }
        @media only screen and (max-width: 767px) {
          .neora-search-results .wrapper .search-results .products-search {
            /*overflow-y: auto;*/
            min-height: 60px;
            border-bottom: solid 1px #DFDFDF; } }
        .neora-search-results .wrapper .search-results .products-search .ais-Hits--empty {
          color: #AAAAAA; }
        .neora-search-results .wrapper .search-results .products-search .ais-Hits-list {
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          align-content: flex-start;
          gap: 5px 0px;
          flex-wrap: wrap;
          flex-direction: row;
          margin-top: 10px;
          padding: 0; }
          @media only screen and (min-width: 768px) {
            .neora-search-results .wrapper .search-results .products-search .ais-Hits-list {
              gap: 30px 0px; } }
          @media only screen and (min-width: 1025px) {
            .neora-search-results .wrapper .search-results .products-search .ais-Hits-list {
              padding: 0; } }
        .neora-search-results .wrapper .search-results .products-search .ais-Hits-item {
          display: inline-flex;
          vertical-align: top;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          flex-direction: row;
          background: #fefefe;
          width: 50%; }
          @media only screen and (min-width: 768px) {
            .neora-search-results .wrapper .search-results .products-search .ais-Hits-item {
              width: 25%;
              flex-basis: calc(25% - 10px); } }
          @media only screen and (max-width: 767px) {
            .neora-search-results .wrapper .search-results .products-search .ais-Hits-item {
              flex-basis: calc(50% - 5px); } }
          .neora-search-results .wrapper .search-results .products-search .ais-Hits-item a {
            width: 100%;
            display: flex;
            flex-direction: column; }
          .neora-search-results .wrapper .search-results .products-search .ais-Hits-item:hover figure {
            border: solid 1px #113e53; }
        .neora-search-results .wrapper .search-results .products-search .search-productreview {
          border: solid 1px transparent;
          border-radius: 5px; }
          .neora-search-results .wrapper .search-results .products-search .search-productreview figure {
            -webkit-box-direction: normal;
            border: solid 1px #D9D9D9;
            float: left;
            object-fit: contain;
            vertical-align: middle;
            height: 120px; }
            .neora-search-results .wrapper .search-results .products-search .search-productreview figure img {
              width: 100%;
              height: 100%;
              object-fit: contain; }
          .neora-search-results .wrapper .search-results .products-search .search-productreview .search-description {
            font-size: 14px;
            color: #50555b;
            justify-content: flex-start;
            -webkit-box-pack: start;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            flex-direction: column;
            word-break: break-word; }
            .neora-search-results .wrapper .search-results .products-search .search-productreview .search-description mark {
              padding: 0 3px;
              background-color: #D7E7EA; }
            .neora-search-results .wrapper .search-results .products-search .search-productreview .search-description h5 {
              color: #555;
              font-size: 14px;
              letter-spacing: 0;
              line-height: 18px;
              margin: 10px 0 10px;
              font-weight: 700;
              text-transform: capitalize; }
              .neora-search-results .wrapper .search-results .products-search .search-productreview .search-description h5.ellipsis {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; }
            .neora-search-results .wrapper .search-results .products-search .search-productreview .search-description span {
              font-size: 20px;
              line-height: 16px;
              font-weight: 700;
              display: flex;
              -webkit-box-direction: normal;
              -webkit-box-orient: vertical;
              flex-direction: column;
              color: #454545; }
              .neora-search-results .wrapper .search-results .products-search .search-productreview .search-description span.ellipsis {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical; }
      .neora-search-results .wrapper .search-results .hits-instant-search, .neora-search-results .wrapper .search-results .hits-instant-search-price-desc {
        margin: 0 10px; }
        @media only screen and (max-width: 767px) {
          .neora-search-results .wrapper .search-results .hits-instant-search, .neora-search-results .wrapper .search-results .hits-instant-search-price-desc {
            text-align: center; } }

.site-footer {
  background-color: #e9edee;
  font-size: 14px;
  font-weight: 300;
  padding: 30px 0 40px; }
  @media only screen and (max-width: 767px) {
    .site-footer {
      font-size: 16px;
      padding: 20px 0 20px; } }
  @media only screen and (max-width: 767px) {
    .site-footer .wrapper::before, .site-footer .wrapper::after {
      display: none; } }
  .site-footer .col {
    position: relative; }
    .site-footer .col:first-child {
      margin-left: 0 !important; }
    @media only screen and (max-width: 767px) {
      .site-footer .col {
        float: none; } }
    .site-footer .col.links {
      width: 15.39352%;
      border-left-width: 0;
      margin-left: 1.52778%; }
      @media only screen and (max-width: 767px) {
        .site-footer .col.links {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .site-footer .col.links {
          border-left-width: 0;
          margin-left: 0; } }
      .site-footer .col.links ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .site-footer .col.links ul li {
          border-bottom: 1px solid #D9DCDD;
          /* @include breakpoint(small) {
            text-align: center;
          }*/ }
          .site-footer .col.links ul li a {
            color: #264B59;
            display: block;
            padding: 8px 0; }
            @media only screen and (max-width: 767px) {
              .site-footer .col.links ul li a {
                padding: 10px 0; } }
    .site-footer .col.logos {
      width: 100%;
      border-left-width: 0;
      margin-left: 1.52778%;
      margin-top: 15px;
      margin-left: 8.46065%;
      /*float: right;*/ }
      @media only screen and (max-width: 767px) {
        .site-footer .col.logos {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .site-footer .col.logos {
          border-left-width: 0;
          margin-left: 0; } }
      @media only screen and (max-width: 767px) {
        .site-footer .col.logos {
          margin-left: 0; } }
      @media only screen and (max-width: 767px) {
        .site-footer .col.logos {
          float: none;
          margin-top: 40px; } }
      .site-footer .col.logos ul {
        list-style: none;
        margin: 0;
        padding: 0;
        /*text-align: right;*/ }
        @media only screen and (max-width: 767px) {
          .site-footer .col.logos ul {
            text-align: center; } }
        .site-footer .col.logos ul li {
          border: 0;
          display: inline-block;
          margin: 0 50px 0 0; }
          .site-footer .col.logos ul li:last-of-type {
            margin-right: 0; }
        .site-footer .col.logos ul img {
          max-width: 70px;
          max-height: 70px; }
        .site-footer .col.logos ul p a {
          color: #62B0BB;
          font-weight: 600; }

.copyright {
  /*background-color: $footerGray;*/
  font-size: 12px;
  padding: 0 0 20px;
  clear: both; }
  @media only screen and (max-width: 767px) {
    .copyright {
      padding: 0 0 30px;
      text-align: center; } }
  .copyright a {
    color: #264B59;
    text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .copyright .col {
      float: none; } }
  .copyright .col:first-child {
    width: 49.23611%;
    border-left-width: 0;
    margin-left: 1.52778%;
    margin-left: 0 !important; }
    @media only screen and (max-width: 767px) {
      .copyright .col:first-child {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .copyright .col:first-child {
        border-left-width: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 768px) {
      .copyright .col:first-child {
        margin-left: 8.46065%; } }
  @media only screen and (min-width: 768px) and (max-width: 767px) {
    .copyright .col:first-child {
      margin-left: 0; } }
  .copyright .col.social {
    width: 32.31481%;
    border-left-width: 0;
    margin-left: 1.52778%;
    float: right; }
    @media only screen and (max-width: 767px) {
      .copyright .col.social {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .copyright .col.social {
        border-left-width: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .copyright .col.social {
        float: none;
        margin-top: 20px; } }
    .copyright .col.social .social-icons {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .copyright .col.social .social-icons {
          align-items: center;
          display: flex;
          flex: 1;
          justify-content: space-between;
          padding: 0 15px; } }
      .copyright .col.social .social-icons li {
        border: 0;
        display: inline-block;
        font-size: 30px;
        margin-right: 15px; }
        .copyright .col.social .social-icons li:last-of-type {
          margin-right: 0;
          padding-bottom: 0; }
        .copyright .col.social .social-icons li a {
          color: #AEBCC1;
          padding: 0;
          text-decoration: none; }
          .copyright .col.social .social-icons li a:hover {
            color: #52B3BC; }
          .copyright .col.social .social-icons li a span {
            display: inline-block;
            white-space: nowrap;
            text-indent: -10000px; }
  .copyright .cookie-disclaimer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    color: white;
    background-color: #264B59;
    opacity: .9;
    display: none; }
    .copyright .cookie-disclaimer .inner {
      font-size: 14px;
      padding: 30px 0; }
      .copyright .cookie-disclaimer .inner p {
        margin: 0 0 12px 0; }
        .copyright .cookie-disclaimer .inner p:last-of-type {
          margin-bottom: 0; }
      .copyright .cookie-disclaimer .inner .left {
        font-weight: lighter;
        width: 80%;
        padding-right: 35px;
        border-right: 1px solid white;
        float: left; }
      .copyright .cookie-disclaimer .inner .right {
        width: 20%;
        float: right;
        text-align: right;
        padding-left: 35px;
        padding-top: 10px; }
        .copyright .cookie-disclaimer .inner .right a {
          text-decoration: none;
          margin-bottom: 15px;
          color: white;
          display: block;
          font-size: 16px; }
          .copyright .cookie-disclaimer .inner .right a:last-of-type {
            margin-bottom: 0; }

.connect-social {
  background-color: #e9edee;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 0; }
  .connect-social .social {
    /*@include span(4, 12);
    float: right;*/ }
    @media only screen and (max-width: 767px) {
      .connect-social .social {
        float: none;
        margin: 0; } }
    .connect-social .social h3 {
      display: inline-block;
      text-transform: uppercase;
      color: #113E53;
      font-weight: 700;
      line-height: 40px;
      float: left;
      margin: 0 20px 0 0;
      font-family: "Inter", arial, sans-serif; }
      .apac .connect-social .social h3 {
        font-family: "Noto Serif", serif; }
      html[lang='ja-JP'] .connect-social .social h3 {
        font-family: "YuMincho", "Noto Serif", serif; }
      @media only screen and (max-width: 767px) {
        .connect-social .social h3 {
          font-size: 16px;
          margin-right: 10px; } }
    .connect-social .social .social-icons {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: right;
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        .connect-social .social .social-icons {
          align-items: center;
          display: flex;
          flex: 1;
          justify-content: space-between; } }
      .connect-social .social .social-icons li {
        border: 0;
        display: inline-block;
        font-size: 30px;
        margin-right: 10px; }
        @media only screen and (max-width: 767px) {
          .connect-social .social .social-icons li {
            margin-right: 8px; } }
        .connect-social .social .social-icons li:last-of-type {
          margin-right: 0;
          padding-bottom: 0; }
        .connect-social .social .social-icons li a {
          color: #113E53;
          padding: 0;
          text-decoration: none; }
          .connect-social .social .social-icons li a:hover {
            color: #52B3BC; }
          .connect-social .social .social-icons li a span {
            display: inline-block;
            white-space: nowrap;
            text-indent: -10000px; }
  @media only screen and (max-width: 767px) {
    .connect-social .wrapper {
      border-width: 10px; } }

.site-footer.footerv1 {
  background-color: #113E53;
  color: #fff; }
  .site-footer.footerv1 .col.links {
    width: 23.85417%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      .site-footer.footerv1 .col.links {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .site-footer.footerv1 .col.links {
        border-left-width: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .site-footer.footerv1 .col.links {
        width: 49%;
        margin: 0 0 20px 0;
        text-align: left;
        display: inline-block;
        vertical-align: top; } }
    .site-footer.footerv1 .col.links h3 {
      text-transform: uppercase;
      font-family: "Inter", arial, sans-serif;
      font-weight: 600;
      font-size: 18px; }
      .apac .site-footer.footerv1 .col.links h3 {
        font-family: "Noto Serif", serif; }
      html[lang='ja-JP'] .site-footer.footerv1 .col.links h3 {
        font-family: "YuMincho", "Noto Serif", serif; }
    .site-footer.footerv1 .col.links ul li {
      border: none; }
      @media only screen and (max-width: 767px) {
        .site-footer.footerv1 .col.links ul li {
          margin: 0; } }
      .site-footer.footerv1 .col.links ul li a {
        color: #fff;
        font-size: 16px;
        padding: 7px 0; }
        @media only screen and (max-width: 767px) {
          .site-footer.footerv1 .col.links ul li a {
            font-size: 14px; } }
        .site-footer.footerv1 .col.links ul li a:hover {
          text-decoration: underline; }
  .site-footer.footerv1 .logos {
    margin-left: 0; }
    .site-footer.footerv1 .logos .footer-logos a {
      color: #fff;
      text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .site-footer.footerv1 .logos .footer-logos a {
          font-size: 14px !important;
          text-align: left; } }
    @media only screen and (max-width: 767px) {
      .site-footer.footerv1 .logos .footer-logos p {
        font-size: 14px !important;
        text-align: left; } }
  .site-footer.footerv1 .copyright {
    font-size: 12px;
    padding: 0 0 20px;
    clear: both; }
    @media only screen and (max-width: 767px) {
      .site-footer.footerv1 .copyright {
        padding: 0 0 30px;
        text-align: center; } }
    .site-footer.footerv1 .copyright a {
      color: inherit;
      text-decoration: underline; }
    @media only screen and (max-width: 767px) {
      .site-footer.footerv1 .copyright .col {
        float: none; } }
    .site-footer.footerv1 .copyright .col:first-child {
      width: 49.23611%;
      border-left-width: 0;
      margin-left: 1.52778%;
      margin-left: 0 !important; }
      @media only screen and (max-width: 767px) {
        .site-footer.footerv1 .copyright .col:first-child {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .site-footer.footerv1 .copyright .col:first-child {
          border-left-width: 0;
          margin-left: 0; } }
      @media only screen and (min-width: 768px) {
        .site-footer.footerv1 .copyright .col:first-child {
          margin-left: 8.46065%; } }
  @media only screen and (min-width: 768px) and (max-width: 767px) {
    .site-footer.footerv1 .copyright .col:first-child {
      margin-left: 0; } }
    .site-footer.footerv1 .copyright .cookie-disclaimer {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 10;
      color: white;
      background-color: #264B59;
      opacity: .9;
      display: none; }
      .site-footer.footerv1 .copyright .cookie-disclaimer .inner {
        font-size: 14px;
        padding: 30px 0; }
        .site-footer.footerv1 .copyright .cookie-disclaimer .inner p {
          margin: 0 0 12px 0; }
          .site-footer.footerv1 .copyright .cookie-disclaimer .inner p:last-of-type {
            margin-bottom: 0; }
        .site-footer.footerv1 .copyright .cookie-disclaimer .inner .left {
          font-weight: lighter;
          width: 80%;
          padding-right: 35px;
          border-right: 1px solid white;
          float: left; }
        .site-footer.footerv1 .copyright .cookie-disclaimer .inner .right {
          width: 20%;
          float: right;
          text-align: right;
          padding-left: 35px;
          padding-top: 10px; }
          .site-footer.footerv1 .copyright .cookie-disclaimer .inner .right a {
            text-decoration: none;
            margin-bottom: 15px;
            color: white;
            display: block;
            font-size: 16px; }
            .site-footer.footerv1 .copyright .cookie-disclaimer .inner .right a:last-of-type {
              margin-bottom: 0; }

/* This file is where the styling for modules will go. This employes the concepts of OOCSS, creating common base classes (using <article> as the base), and extending as necessary */
/*

<article class="module-name">
	<div class="wrapper">
		<header>
			<h2>Module Name</h2>
		</header>
		<!-- Content here -->
	</div>
</article>

*/
article {
  margin: 60px 0; }

article.grid-overlay {
  width: 100%;
  max-width: 1442px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0); }
  article.grid-overlay .wrapper.full {
    height: 100%; }
  article.grid-overlay .col {
    background-color: rgba(0, 0, 0, 0.25);
    height: 100%; }

article.hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.hero {
      background-position-x: 30%; } }
  @media only screen and (max-width: 767px) {
    article.hero {
      min-height: calc(100vh); } }
  article.hero .today {
    font-style: italic;
    font-size: 34px;
    line-height: 1;
    margin: 0;
    padding: 0; }
    @media only screen and (min-width: 768px) {
      article.hero .today {
        color: #64b1bc; } }
    @media only screen and (max-width: 767px) {
      article.hero .today {
        font-size: 26px;
        margin-bottom: 15px; } }
  article.hero hr {
    display: block;
    margin: 18px 0 19px -1px;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      article.hero hr {
        border-color: #FFF; } }
  @media only screen and (min-width: 768px) {
    article.hero.tall {
      min-height: 600px; } }
  @media only screen and (min-width: 768px) {
    article.hero.medium {
      min-height: 540px; } }
  @media only screen and (min-width: 768px) {
    article.hero.short {
      min-height: 480px; } }
  article.hero.text-center div.text {
    margin: 0 auto;
    width: 50%;
    text-align: center; }
    article.hero.text-center div.text hr {
      display: inline-block; }
    article.hero.text-center div.text .description {
      width: auto; }
  article.hero.contain {
    background-size: contain; }
  article.hero.auto {
    background-size: auto; }
  @media only screen and (max-width: 767px) {
    article.hero.sm-cover {
      background-size: cover; }
    article.hero.sm-contain {
      background-size: contain; }
    article.hero.sm-auto {
      background-size: auto; } }
  article.hero.top-right {
    background-position: top right; }
  article.hero.top-left {
    background-position: top left; }
  article.hero.top-center {
    background-position: top center; }
  article.hero.bottom-right {
    background-position: bottom right; }
  article.hero.bottom-left {
    background-position: bottom left; }
  article.hero.bottom-center {
    background-position: bottom center; }
  article.hero.left-center {
    background-position: center left; }
  article.hero.right-center {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.hero.sm-top-right {
      background-position: top right; }
    article.hero.sm-top-left {
      background-position: top left; }
    article.hero.sm-top-center {
      background-position: top center; }
    article.hero.sm-bottom-right {
      background-position: bottom right; }
    article.hero.sm-bottom-left {
      background-position: bottom left; }
    article.hero.sm-bottom-center {
      background-position: bottom center; }
    article.hero.sm-left-center {
      background-position: center left; }
    article.hero.sm-right-center {
      background-position: center right; } }
  @media only screen and (max-width: 767px) {
    article.hero {
      background-position: 65%; } }
  article.hero div.wrapper {
    background-size: cover;
    background-position: 0 0;
    display: flex;
    align-items: center;
    padding: 120px 0; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.hero div.wrapper {
        padding: 60px 0; } }
  article.hero div.text {
    width: 49.23611%;
    border-left-width: 0;
    margin-left: 1.52778%;
    border-left: 0;
    margin-left: 0; }
    @media only screen and (max-width: 767px) {
      article.hero div.text {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      article.hero div.text {
        border-left-width: 0;
        margin-left: 0; } }
    article.hero div.text.center {
      margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      article.hero div.text {
        background-color: rgba(30, 77, 90, 0.7);
        padding: 30px;
        bottom: 0;
        left: 0;
        color: #FFF;
        position: absolute; } }
    article.hero div.text h1 {
      font-size: 46px;
      line-height: 52px;
      margin: 0;
      padding: 0; }
      @media only screen and (min-width: 768px) {
        article.hero div.text h1 {
          color: #264B59; } }
      @media only screen and (max-width: 767px) {
        article.hero div.text h1 {
          line-height: 44px; } }
    article.hero div.text .description {
      margin: 0;
      padding: 0; }
      @media only screen and (min-width: 1025px) {
        article.hero div.text .description {
          width: 60%; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.hero div.text .description {
          width: 80%; } }
    @media only screen and (min-width: 768px) {
      article.hero div.text .buttons {
        margin: 25px 0 0; } }
    @media only screen and (max-width: 767px) {
      article.hero div.text .buttons {
        margin: 0; } }
    article.hero div.text .button {
      box-sizing: border-box;
      display: inline-block;
      margin-right: 30px; }
      article.hero div.text .button:last-child {
        margin-right: 0; }
      article.hero div.text .button.primary i {
        left: 12px;
        font-size: 30px;
        margin-top: 7px;
        float: left; }
      article.hero div.text .button.secondary {
        margin-left: 20px; }
        article.hero div.text .button.secondary:hover {
          color: #FFF;
          box-shadow: inset 0 -2px #FFF; }
          article.hero div.text .button.secondary:hover::before, article.hero div.text .button.secondary:hover::after {
            background-color: #FFF; }
      @media only screen and (max-width: 767px) {
        article.hero div.text .button.video-link {
          color: #FFF; }
          article.hero div.text .button.video-link i {
            color: #FFF; } }
      @media only screen and (max-width: 767px) {
        article.hero div.text .button {
          margin-top: 25px; }
          article.hero div.text .button.secondary {
            color: #FFF; }
            article.hero div.text .button.secondary::before, article.hero div.text .button.secondary::after {
              background-color: #FFF; }
            article.hero div.text .button.secondary:hover {
              box-shadow: inset 0 -2px #FFF; } }
  @media only screen and (min-width: 768px) {
    article.hero.dark-teal .today {
      color: #64b1bc; } }
  article.hero.dark-teal .text .today {
    color: #64b1bc; }
    @media only screen and (max-width: 767px) {
      article.hero.dark-teal .text .today {
        color: #FFF; } }
  article.hero.dark-teal .text h1 {
    color: #264B59; }
    @media only screen and (max-width: 767px) {
      article.hero.dark-teal .text h1 {
        color: #FFF; } }
  @media only screen and (min-width: 768px) {
    article.hero.light-blue .today {
      color: #264B59; } }
  article.hero.light-blue .text h1 {
    color: #64b1bc; }
    @media only screen and (max-width: 767px) {
      article.hero.light-blue .text h1 {
        color: #FFF; } }

article.products {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0 0 30px;
  overflow: visible;
  position: relative; }
  @media only screen and (max-width: 767px) {
    article.products {
      margin-bottom: 60px; } }
  article.products h1 {
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      article.products h1 {
        font-size: 36px; } }
  article.products h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    padding: 0; }
  article.products p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0; }
  article.products ul {
    margin: 0;
    padding: 0 0 0 20px; }
    article.products ul li {
      margin: 0 0 .5rem; }
      article.products ul li:last-of-type {
        margin-bottom: 0; }
  article.products strong {
    font-weight: 400; }
  article.products button.primary,
  article.products .button.primary {
    box-sizing: border-box;
    display: inline-block; }
  article.products .main-product {
    display: block;
    height: auto;
    margin: -40px auto 0;
    max-width: 100%; }
  article.products .text {
    display: block;
    margin: 30px auto 50px;
    max-width: 800px;
    text-align: center;
    width: auto; }
    article.products .text hr {
      margin: 20px auto; }
    article.products .text p {
      margin: 0 auto 15px;
      max-width: 450px;
      width: auto; }
  article.products .products-row {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 -40px;
    width: auto; }
    @media only screen and (min-width: 768px) {
      article.products .products-row {
        margin: 0 -20px; } }
    @media only screen and (max-width: 767px) {
      article.products .products-row {
        align-items: stretch;
        flex-direction: column;
        margin: 0; } }
  article.products .product {
    display: flex;
    flex: 0 1 50%;
    margin: 0 40px;
    max-width: 50%;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.products .product {
        margin: 0 20px; } }
    @media only screen and (max-width: 767px) {
      article.products .product {
        flex: 1;
        margin: 0 0 50px;
        padding: 0 0 75px;
        max-width: 100%;
        width: auto; }
        article.products .product::after {
          background-color: #d8dbdc;
          content: '';
          display: block;
          height: 1px;
          width: auto;
          position: absolute;
          bottom: -25px;
          left: 0;
          right: 0; }
        article.products .product:last-of-type {
          margin-bottom: 0; }
          article.products .product:last-of-type::after {
            display: none; } }
    article.products .product .product-image {
      flex: 0 1 auto;
      max-width: 200px;
      min-width: 165px; }
      @media only screen and (min-width: 1025px) {
        article.products .product .product-image {
          margin-right: 20px; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.products .product .product-image {
          flex: 0 0 40%;
          max-width: none;
          margin-right: 10px; } }
      @media only screen and (max-width: 767px) {
        article.products .product .product-image {
          flex: 0 0 35%;
          margin-right: 5px;
          max-width: none; } }
      article.products .product .product-image img {
        display: block;
        height: auto;
        max-width: 100%;
        width: auto; }
    article.products .product .product-info {
      display: flex;
      flex-direction: column;
      flex: 1;
      font-weight: 300;
      justify-content: flex-start; }
      article.products .product .product-info p {
        margin: 30px 0; }
        article.products .product .product-info p:first-child {
          margin-top: 0; }
        article.products .product .product-info p:last-child {
          margin-bottom: 0; }
        @media only screen and (max-width: 767px) {
          article.products .product .product-info p {
            margin: 1rem 0 0; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.products .product .product-info {
          width: 60%; } }
      @media only screen and (max-width: 767px) {
        article.products .product .product-info {
          width: 65%;
          justify-content: flex-start; } }
    article.products .product .buttons {
      align-items: center;
      display: flex;
      margin-top: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.products .product .buttons {
          flex-wrap: wrap; } }
      @media only screen and (max-width: 767px) {
        article.products .product .buttons {
          bottom: 0;
          left: 0;
          position: absolute;
          right: 0; } }
      article.products .product .buttons .button {
        margin: 0; }
        @media only screen and (max-width: 767px) {
          article.products .product .buttons .button {
            flex: 1; } }
        @media only screen and (max-width: 767px) {
          article.products .product .buttons .button.primary {
            flex: 1;
            margin-right: 25px; } }
        article.products .product .buttons .button.secondary {
          margin-left: 25px; }
          @media only screen and (max-width: 767px) {
            article.products .product .buttons .button.secondary {
              flex: 0;
              margin-left: auto; } }
    article.products .product.product-center {
      display: none; }
  article.products.image-below {
    padding: 40px 0; }
    article.products.image-below .text {
      margin-top: 0; }
    article.products.image-below .main-product {
      display: none; }
    article.products.image-below .products-row {
      align-items: stretch; }
    article.products.image-below .product {
      flex: 1; }
      article.products.image-below .product .product-image {
        display: none; }
      @media only screen and (max-width: 767px) {
        article.products.image-below .product {
          padding-bottom: 0; }
          article.products.image-below .product::after {
            display: none; } }
      article.products.image-below .product.product-center {
        display: block;
        position: relative; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          article.products.image-below .product.product-center {
            padding: 0; } }
      @media only screen and (max-width: 767px) {
        article.products.image-below .product .buttons {
          position: relative; } }
    article.products.image-below .center-image {
      display: block;
      height: auto;
      max-width: 100%;
      margin: 0 auto; }
  article.products.bg-transparent {
    background-color: transparent; }
  article.products.bg-black {
    background-color: #000; }
  article.products.bg-white {
    background-color: #FFF; }
  article.products.bg-gray {
    background-color: #e9edee; }
  article.products.bg-light-gray {
    background-color: #F4F6F6; }
  article.products.light-blue {
    background-color: #F1F8F9; }
  article.products.bg-light-teal {
    background-color: #F1F8F9; }
  article.products.bg-tan {
    background-color: #FBF8F4; }

article.photo-lockup {
  position: relative; }
  article.photo-lockup .wrapper {
    position: relative; }
    @media only screen and (max-width: 1024px) {
      article.photo-lockup .wrapper {
        border: 0; } }
  article.photo-lockup .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup .bg {
        height: 300px;
        background-position: top center; } }
  article.photo-lockup .text {
    background-color: rgba(38, 75, 89, 0.7);
    color: #FFF;
    display: flex;
    float: right;
    height: 100%;
    justify-content: center;
    min-height: 500px;
    padding: 20px;
    position: relative;
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.photo-lockup .text {
        padding: 50px; } }
    @media only screen and (max-width: 767px) {
      article.photo-lockup .text {
        background-color: #218F9A;
        float: none;
        height: auto;
        margin-top: 300px;
        min-height: 0;
        padding: 40px 30px;
        width: 100%; } }
    article.photo-lockup .text .text-inner {
      border: 2px solid #FFF;
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      margin: 0;
      padding: 10% 15%;
      width: 100%; }
      @media only screen and (max-width: 1024px) {
        article.photo-lockup .text .text-inner {
          border: 0;
          margin: 0;
          padding: 0; } }
    article.photo-lockup .text h2 {
      font-size: 36px;
      line-height: 43px;
      margin: 0;
      padding: 0; }
    article.photo-lockup .text ul {
      margin: 0;
      padding: 0 0 0 20px; }
      article.photo-lockup .text ul li {
        margin: 0 0 .5rem; }
        article.photo-lockup .text ul li:last-of-type {
          margin-bottom: 0; }
    article.photo-lockup .text p {
      margin: 0;
      padding: 0; }
    article.photo-lockup .text strong {
      font-weight: 400; }
    article.photo-lockup .text .text-bottom {
      border-top: 1px solid #dadada;
      font-size: 12px;
      margin: 20px 0 0;
      padding: 20px 0 0; }
      article.photo-lockup .text .text-bottom p {
        margin: 0 0 .5rem;
        padding: 0; }
        article.photo-lockup .text .text-bottom p:last-of-type {
          margin-bottom: 0; }
    article.photo-lockup .text .button {
      clear: left;
      float: left;
      width: auto; }
      article.photo-lockup .text .button.primary {
        background-color: #FF9913;
        border-color: #FF9913;
        color: #FFF;
        display: block;
        height: auto;
        min-height: 45px;
        min-width: 170px;
        width: auto; }
        article.photo-lockup .text .button.primary i {
          display: inline-block;
          font-size: 30px;
          margin: -5px 3px 0 0;
          vertical-align: middle; }
        article.photo-lockup .text .button.primary.icon {
          background-color: transparent;
          border-color: transparent;
          color: #264B59; }
          article.photo-lockup .text .button.primary.icon i {
            color: #52B3BC; }
        article.photo-lockup .text .button.primary:hover {
          background-color: #FFF;
          color: #FF9913; }
  article.photo-lockup .callout {
    width: 39.08333%;
    background: rgba(92, 102, 111, 0.6);
    bottom: 0;
    color: #FFF;
    font-size: 20px;
    left: 0;
    padding: 30px 40px;
    position: absolute; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup .callout {
        width: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.photo-lockup .callout {
        padding: 20px;
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      article.photo-lockup .callout {
        align-items: center;
        flex-direction: column;
        bottom: auto;
        display: flex;
        justify-content: center;
        height: 125px;
        padding: 20px;
        top: 175px; } }
    article.photo-lockup .callout a {
      color: #fff; }
      article.photo-lockup .callout a.video {
        display: flex;
        align-items: center; }
        article.photo-lockup .callout a.video .icon-play {
          margin-right: 10px;
          font-size: 48px; }
        article.photo-lockup .callout a.video:hover .icon-play::before {
          content: ""; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup .callout .buttons {
        margin-top: 0; } }
    article.photo-lockup .callout .buttons .button:first-of-type {
      margin-top: 20px; }
    article.photo-lockup .callout .buttons .button:only-child {
      margin-top: 10px; }
    article.photo-lockup .callout .buttons .button.secondary::before, article.photo-lockup .callout .buttons .button.secondary::after {
      background-color: #FFF; }
    article.photo-lockup .callout .buttons .button.secondary:hover {
      box-shadow: inset 0 -2px #FFF; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup .callout .buttons .button.secondary {
        margin-top: 0; } }
  article.photo-lockup.light .text {
    background-color: rgba(255, 255, 255, 0.8);
    color: #264B59; }
  article.photo-lockup.light hr {
    border-color: #64b1bc; }
  article.photo-lockup.medium .text {
    background-color: rgba(100, 177, 188, 0.7); }
  article.photo-lockup.left .text {
    float: none; }
  article.photo-lockup.left .callout {
    left: auto;
    right: 0; }
  @media only screen and (max-width: 767px) {
    article.photo-lockup.right .bg {
      background-position: top left; } }
  article.photo-lockup .today {
    font-style: italic;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup .today {
        margin-bottom: 15px; } }
  article.photo-lockup hr {
    border-color: #FFF;
    margin: 25px 0; }
  article.photo-lockup div.buttons {
    display: inline-block;
    margin-top: 20px;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup div.buttons .button {
        display: block;
        width: auto;
        white-space: normal; }
        article.photo-lockup div.buttons .button:last-child {
          margin-bottom: 0; } }
    article.photo-lockup div.buttons .button.secondary {
      color: #FFF; }
      article.photo-lockup div.buttons .button.secondary:before, article.photo-lockup div.buttons .button.secondary:after {
        background-color: #FFF; }
      article.photo-lockup div.buttons .button.secondary:hover {
        box-shadow: inset 0 -2px #FFF; }
      @media only screen and (max-width: 767px) {
        article.photo-lockup div.buttons .button.secondary {
          display: inline-block; } }
  article.photo-lockup.full-width {
    padding: 0; }
    article.photo-lockup.full-width hr {
      border-color: #52B3BC; }
    article.photo-lockup.full-width .text {
      width: 40.77546%;
      border-left-width: 0;
      margin-left: 1.52778%;
      margin-right: 8.46065%;
      font-weight: 300;
      margin-top: 50px;
      background: #FFF;
      color: #264B59; }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.full-width .text {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.full-width .text {
          border-left-width: 0;
          margin-left: 0; } }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.full-width .text {
          margin-right: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.photo-lockup.full-width .text {
          width: 49.23611%;
          border-left-width: 0;
          margin-left: 1.52778%;
          min-height: 400px;
          padding: 30px 30px 30px 50px;
          margin-top: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
    article.photo-lockup.full-width .text {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
    article.photo-lockup.full-width .text {
      border-left-width: 0;
      margin-left: 0; } }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.full-width .text {
          margin: 300px 0 0;
          padding: 40px 30px;
          width: auto; } }
      article.photo-lockup.full-width .text .text-inner {
        border: 0;
        margin: 0;
        padding: 0;
        width: auto; }
      article.photo-lockup.full-width .text div.buttons {
        clear: none;
        float: none; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          article.photo-lockup.full-width .text div.buttons .button {
            clear: left;
            float: left; } }
        article.photo-lockup.full-width .text div.buttons .button.primary {
          background-color: #FFF;
          border: 1px solid #52B3BC;
          color: #264B59;
          display: inline-block;
          height: auto;
          letter-spacing: 1px;
          line-height: 1.5;
          min-width: 0;
          padding: 12px 23px; }
        article.photo-lockup.full-width .text div.buttons .button.secondary {
          color: #264B59; }
          article.photo-lockup.full-width .text div.buttons .button.secondary:before, article.photo-lockup.full-width .text div.buttons .button.secondary:after {
            background-color: #264B59; }
          article.photo-lockup.full-width .text div.buttons .button.secondary:hover {
            box-shadow: inset 0 -2px #264B59; }
    article.photo-lockup.full-width .callout {
      width: 32.31481%; }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.full-width .callout {
          width: 100%; } }
      article.photo-lockup.full-width .callout .buttons {
        margin-top: 0; }
    article.photo-lockup.full-width.left div.text {
      margin-left: 8.46065%; }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.full-width.left div.text {
          margin-left: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.photo-lockup.full-width.left div.text {
          margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.photo-lockup.full-width.right div.text {
        margin-right: 0; } }
    article.photo-lockup.full-width .button {
      clear: none;
      float: none; }
      article.photo-lockup.full-width .button.primary {
        background-color: #FFF;
        border: 1px solid #52B3BC;
        color: #264B59;
        display: inline-block;
        height: auto;
        letter-spacing: 1px;
        line-height: 1.5;
        min-width: 0;
        padding: 12px 23px; }
    article.photo-lockup.full-width.align-top div.text {
      margin-top: 0;
      margin-bottom: 50px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.photo-lockup.full-width.align-top div.text {
          margin-bottom: 100px; } }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.full-width.align-top div.text {
          margin-top: 300px; } }
    @media only screen and (min-width: 1025px) {
      article.photo-lockup.full-width.align-top .buttons .button {
        float: left;
        margin-right: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.photo-lockup.full-width.align-top .buttons .button {
        display: inline-block; } }
    @media only screen and (max-width: 767px) {
      article.photo-lockup.full-width.align-top .buttons .button {
        display: inline-block;
        width: 100%; }
        article.photo-lockup.full-width.align-top .buttons .button.secondary::before, article.photo-lockup.full-width.align-top .buttons .button.secondary::after {
          right: 15px; } }
  article.photo-lockup.half-image .bg {
    right: 50%; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup.half-image .bg {
        right: 0; } }
  article.photo-lockup.half-image .text {
    background: #FFF;
    color: #264B59;
    font-weight: 300;
    padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.photo-lockup.half-image .text {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      article.photo-lockup.half-image .text {
        margin: 300px 0 0;
        padding: 40px 30px;
        width: auto; } }
    article.photo-lockup.half-image .text .text-inner {
      border: 0;
      justify-content: flex-start;
      margin: 0;
      padding: 25px 0 25px 100px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.photo-lockup.half-image .text .text-inner {
          padding: 25px 25px 25px 50px; } }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.half-image .text .text-inner {
          padding: 0; } }
  article.photo-lockup.half-image hr {
    border-color: #62b0bb; }
  article.photo-lockup.half-image .buttons .button.secondary {
    color: #264B59; }
    article.photo-lockup.half-image .buttons .button.secondary::before, article.photo-lockup.half-image .buttons .button.secondary::after {
      background-color: #264B59; }
    article.photo-lockup.half-image .buttons .button.secondary:hover {
      box-shadow: inset 0 -2px #264B59; }
  article.photo-lockup.half-image.left .bg {
    right: 0;
    left: 50%; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup.half-image.left .bg {
        left: 0; } }
  article.photo-lockup.half-image.left .text .text-inner {
    border: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 100px; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.photo-lockup.half-image.left .text .text-inner {
        padding-left: 25px;
        padding-right: 50px; } }
    @media only screen and (max-width: 767px) {
      article.photo-lockup.half-image.left .text .text-inner {
        padding: 0; } }
  @media only screen and (min-width: 768px) {
    article.photo-lockup.half-image.left .callout {
      left: 50%;
      right: auto; } }
  article.photo-lockup.two-columns .text {
    width: 57.69676%;
    border-left-width: 0;
    margin-left: 1.52778%; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup.two-columns .text {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      article.photo-lockup.two-columns .text {
        border-left-width: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.photo-lockup.two-columns .text {
        width: 66.15741%;
        border-left-width: 0;
        margin-left: 1.52778%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
    article.photo-lockup.two-columns .text {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
    article.photo-lockup.two-columns .text {
      border-left-width: 0;
      margin-left: 0; } }
  article.photo-lockup.two-columns .description_row {
    display: flex;
    margin: 0 -15px; }
    @media only screen and (max-width: 767px) {
      article.photo-lockup.two-columns .description_row {
        display: block; } }
    article.photo-lockup.two-columns .description_row .left,
    article.photo-lockup.two-columns .description_row .right {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 15px; }
      @media only screen and (max-width: 767px) {
        article.photo-lockup.two-columns .description_row .left,
        article.photo-lockup.two-columns .description_row .right {
          max-width: 100%; }
          article.photo-lockup.two-columns .description_row .left:first-of-type,
          article.photo-lockup.two-columns .description_row .right:first-of-type {
            margin-bottom: 1rem; } }
  @media only screen and (max-width: 767px) {
    article.photo-lockup.image-bottom .bg {
      bottom: 0;
      top: auto; }
    article.photo-lockup.image-bottom .text {
      margin: 0 0 300px;
      padding: 0 30px 30px; }
    article.photo-lockup.image-bottom .callout {
      top: 100%;
      margin-top: -125px; } }
  @media only screen and (max-width: 767px) {
    article.photo-lockup.hide-image .bg {
      display: none; }
    article.photo-lockup.hide-image .text {
      margin: 0;
      padding: 0 15px; } }
  article.photo-lockup.top-right .bg {
    background-position: top right; }
  article.photo-lockup.top-left .bg {
    background-position: top left; }
  article.photo-lockup.top-center .bg {
    background-position: top center; }
  article.photo-lockup.bottom-right .bg {
    background-position: bottom right; }
  article.photo-lockup.bottom-left .bg {
    background-position: bottom left; }
  article.photo-lockup.bottom-center .bg {
    background-position: bottom center; }
  article.photo-lockup.left-center .bg {
    background-position: center left; }
  article.photo-lockup.right-center .bg {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.photo-lockup.sm-top-right .bg {
      background-position: top right; }
    article.photo-lockup.sm-top-left .bg {
      background-position: top left; }
    article.photo-lockup.sm-top-center .bg {
      background-position: top center; }
    article.photo-lockup.sm-bottom-right .bg {
      background-position: bottom right; }
    article.photo-lockup.sm-bottom-left .bg {
      background-position: bottom left; }
    article.photo-lockup.sm-bottom-center .bg {
      background-position: bottom center; }
    article.photo-lockup.sm-left-center .bg {
      background-position: center left; }
    article.photo-lockup.sm-right-center .bg {
      background-position: center right; } }

article.featured-products .title {
  margin: 0 0 25px;
  text-align: center; }
  article.featured-products .title hr {
    display: inline-block;
    margin: 25px 0 0; }

article.featured-products h2 {
  font-size: 36px;
  margin: 0;
  padding: 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    article.featured-products h2 {
      margin-bottom: 40px;
      text-align: left; } }

article.featured-products .row {
  display: flex;
  justify-content: space-around; }
  @media only screen and (min-width: 768px) {
    article.featured-products .row {
      margin: 0 -15px; } }
  @media only screen and (max-width: 767px) {
    article.featured-products .row {
      display: block; } }

article.featured-products .product {
  display: flex;
  flex: 0 0 50%; }
  @media only screen and (min-width: 768px) {
    article.featured-products .product {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    article.featured-products .product {
      display: block; } }
  @media only screen and (max-width: 767px) {
    article.featured-products .product.product_left {
      border-bottom: 1px solid #d8dbdc;
      margin-bottom: 30px;
      padding-bottom: 30px; } }
  article.featured-products .product .product_image {
    flex: 0 1 auto;
    margin-right: 10px;
    max-width: 200px;
    position: relative; }
    article.featured-products .product .product_image img {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: 100%; }
    @media only screen and (max-width: 767px) {
      article.featured-products .product .product_image {
        margin-bottom: 15px;
        margin-right: 0;
        max-width: 100%; } }
  article.featured-products .product .product_info {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    position: relative; }
    @media only screen and (max-width: 767px) {
      article.featured-products .product .product_info {
        display: block; } }
    article.featured-products .product .product_info h3 {
      font-size: 24px;
      margin: 0 0 15px;
      padding: 0; }
    article.featured-products .product .product_info p, article.featured-products .product .product_info div {
      margin: 0;
      padding: 0; }
      article.featured-products .product .product_info p.description, article.featured-products .product .product_info div.description {
        font-weight: 300; }
      article.featured-products .product .product_info p.pricing, article.featured-products .product .product_info div.pricing {
        margin: 10px 0; }
    @media only screen and (max-width: 767px) {
      article.featured-products .product .product_info .buttons {
        margin-top: 25px; } }
    article.featured-products .product .product_info .buttons .button {
      display: inline-block;
      height: 45px;
      line-height: 45px;
      padding: 0 40px; }
      @media only screen and (max-width: 767px) {
        article.featured-products .product .product_info .buttons .button {
          display: inline-block;
          width: 100%; } }

article.real-results h2 {
  font-size: 36px;
  margin: 0 0 30px;
  padding: 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    article.real-results h2 {
      margin: 0 0 25px 20px;
      text-align: left; } }

article.real-results .wrapper {
  display: flex;
  height: 330px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.real-results .wrapper {
      align-items: center;
      background-color: #F1F8F9;
      border: 0; } }
  @media only screen and (max-width: 767px) {
    article.real-results .wrapper {
      border: 0;
      flex-direction: column;
      height: auto; } }

article.real-results .quote {
  align-items: center;
  justify-content: center;
  background-color: #F1F8F9;
  display: inline-flex;
  flex-direction: column;
  flex: 1;
  padding: 30px 60px;
  max-width: 50%; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.real-results .quote {
      padding: 0 15px 0 30px; } }
  @media only screen and (max-width: 767px) {
    article.real-results .quote {
      display: block;
      padding: 30px;
      max-width: 100%;
      width: auto; } }
  article.real-results .quote h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 1rem;
    padding: 0; }
  article.real-results .quote p {
    line-height: 1.3;
    margin: 0;
    padding: 0; }
  article.real-results .quote .text {
    flex: 0 1 auto;
    margin-bottom: .5rem;
    max-width: 100%; }
    article.real-results .quote .text .text-inner {
      font-size: 22px;
      font-weight: 300; }
  article.real-results .quote .quote-text {
    align-self: center;
    font-size: 22px;
    font-weight: 300;
    max-width: 100%; }

article.real-results blockquote {
  align-self: center;
  color: #264B59;
  font-family: "Inter", arial, sans-serif;
  font-weight: 300;
  margin: 0;
  max-width: 100%;
  padding: 0; }
  .apac article.real-results blockquote {
    font-family: "Noto Serif", serif; }
  html[lang='ja-JP'] article.real-results blockquote {
    font-family: "YuMincho", "Noto Serif", serif; }
  article.real-results blockquote p {
    font-size: 22px;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    quotes: '“' '”'; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.real-results blockquote p {
        font-size: 20px; } }
    @media only screen and (max-width: 767px) {
      article.real-results blockquote p {
        font-size: 25px; } }
    article.real-results blockquote p::before {
      content: open-quote; }
    article.real-results blockquote p::after {
      content: close-quote; }
  article.real-results blockquote footer {
    font-style: italic;
    margin: 20px 0 15px;
    padding: 0; }
    article.real-results blockquote footer::before {
      content: '\2014 \00A0'; }

article.real-results .buttons {
  margin-top: 15px;
  width: 100%; }
  article.real-results .buttons .button {
    padding-top: 0;
    padding-bottom: 0; }

article.real-results .pictures {
  display: inline-flex;
  flex: 1;
  width: 50%; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.real-results .pictures {
      height: 220px; } }
  @media only screen and (max-width: 767px) {
    article.real-results .pictures {
      display: block;
      width: auto; } }

article.real-results .picture {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  display: block;
  flex: 0 1 50%;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    article.real-results .picture {
      height: 200px;
      width: 50%; } }
  article.real-results .picture.before {
    border-right: 1px solid #FFF;
    float: left; }

article.real-results .caption {
  bottom: 14px;
  color: #FFF;
  display: block;
  font-size: 14px;
  position: absolute;
  right: 30px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  @media only screen and (max-width: 767px) {
    article.real-results .caption {
      right: 14px; } }

@media only screen and (max-width: 767px) {
  article.real-results.sm-hide-title h2 {
    display: none; } }

@media only screen and (max-width: 767px) {
  article.real-results.sm-pictures-top .pictures {
    order: -1; } }

article.as-seen-in {
  background-color: #264B59;
  margin: 0;
  padding: 40px 0; }
  article.as-seen-in h3 {
    font-size: 36px;
    color: #FFF;
    text-align: center;
    margin: 0;
    padding: 0; }
  article.as-seen-in hr {
    margin: 30px auto;
    border-color: #FFF; }
  article.as-seen-in ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 1024px) {
      article.as-seen-in ul {
        flex-wrap: wrap;
        margin: -10px;
        justify-content: center; } }
    @media only screen and (max-width: 1024px) {
      article.as-seen-in ul li {
        margin: 10px; } }
  article.as-seen-in .cta {
    margin-top: 25px;
    text-align: center; }
    article.as-seen-in .cta .button.secondary {
      color: #FFF; }
      article.as-seen-in .cta .button.secondary::before, article.as-seen-in .cta .button.secondary::after {
        background-color: #FFF; }
      article.as-seen-in .cta .button.secondary:hover {
        box-shadow: inset 0 -2px #FFF; }

article.logos {
  margin: 0;
  padding: 40px 0; }
  article.logos ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 1024px) {
      article.logos ul {
        flex-wrap: wrap;
        margin: -10px;
        justify-content: center; } }
    @media only screen and (max-width: 1024px) {
      article.logos ul li {
        margin: 10px; } }

article.on-the-blog {
  margin: 0; }
  @media only screen and (max-width: 1024px) {
    article.on-the-blog .wrapper {
      border: 0; } }
  article.on-the-blog ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    @media only screen and (max-width: 767px) {
      article.on-the-blog ul {
        flex-direction: column;
        flex-wrap: wrap; } }
    article.on-the-blog ul li {
      display: flex;
      flex: 1; }
      @media only screen and (max-width: 767px) {
        article.on-the-blog ul li {
          flex-direction: column; } }
      @media only screen and (min-width: 768px) {
        article.on-the-blog ul li .img,
        article.on-the-blog ul li .text {
          flex: 0 0 50%;
          max-width: 50%; } }
      @media only screen and (max-width: 767px) {
        article.on-the-blog ul li .img,
        article.on-the-blog ul li .text {
          flex: 1; } }
      article.on-the-blog ul li .img {
        position: relative;
        background-size: cover;
        padding-top: 40%; }
        @media only screen and (max-width: 767px) {
          article.on-the-blog ul li .img {
            height: 300px; } }
        article.on-the-blog ul li .img:after {
          content: '';
          width: 0;
          height: 0;
          border-top: 27.5px solid transparent;
          border-bottom: 27.5px solid transparent;
          border-right: 20px solid #FFF;
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -27.5px; }
          @media only screen and (max-width: 767px) {
            article.on-the-blog ul li .img:after {
              display: none; } }
      @media only screen and (min-width: 768px) {
        article.on-the-blog ul li .text {
          align-items: flex-start;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 50px; } }
      @media only screen and (max-width: 767px) {
        article.on-the-blog ul li .text {
          position: relative;
          padding: 50px 60px; }
          article.on-the-blog ul li .text:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 27.5px solid transparent;
            border-right: 27.5px solid transparent;
            border-bottom: 20px solid #FFF;
            left: 50%;
            position: absolute;
            top: -20px;
            transform: translateX(-50%); } }
      article.on-the-blog ul li .text h3 {
        font-size: 24px;
        margin: 0;
        padding: 0;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          article.on-the-blog ul li .text h3 {
            margin-bottom: 30px; } }

article.more-info-form {
  background-color: #F1F8F9;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 20px 0 0;
  padding: 40px 0; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.more-info-form {
      padding: 40px 20px; } }
  article.more-info-form .row {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      article.more-info-form .row {
        flex-direction: column; } }
  article.more-info-form .text {
    flex: 0 1 60%; }
    @media only screen and (max-width: 767px) {
      article.more-info-form .text {
        flex: 1;
        margin-bottom: 40px; } }
    article.more-info-form .text h2 {
      margin: 0;
      padding: 0; }
      @media only screen and (max-width: 1024px) {
        article.more-info-form .text h2 {
          font-size: 25px; } }
    article.more-info-form .text hr {
      display: inline-block;
      margin: 20px 0; }
    article.more-info-form .text p {
      font-weight: 300;
      margin: 0 0 20px;
      padding: 0;
      width: 80%; }
      @media only screen and (max-width: 767px) {
        article.more-info-form .text p {
          width: auto; } }
  article.more-info-form .form {
    flex: 0 1 30%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.more-info-form .form {
        flex-basis: 40%; } }
    article.more-info-form .form h3 {
      font-family: "Inter", arial, sans-serif;
      margin: 0;
      padding: 0; }
      .apac article.more-info-form .form h3 {
        font-family: "Noto Serif", serif; }
      html[lang='ja-JP'] article.more-info-form .form h3 {
        font-family: "YuMincho", "Noto Serif", serif; }
      @media only screen and (max-width: 767px) {
        article.more-info-form .form h3 {
          font-size: 20px;
          margin-bottom: 20px; } }
    article.more-info-form .form input[type="text"], article.more-info-form .form input[type="password"], article.more-info-form .form input[type="search"], article.more-info-form .form input[type="number"], article.more-info-form .form input[type="datetime"], article.more-info-form .form input[type="datetime-local"], article.more-info-form .form input[type="date"], article.more-info-form .form input[type="month"], article.more-info-form .form input[type="time"], article.more-info-form .form input[type="week"], article.more-info-form .form input[type="email"], article.more-info-form .form input[type="url"], article.more-info-form .form input[type="tel"], article.more-info-form .form input[type="color"] {
      background-color: #FDFDFD; }
    @media only screen and (max-width: 767px) {
      article.more-info-form .form .buttons {
        margin-top: 25px; } }
    article.more-info-form .form .submit {
      display: inline-block;
      height: 45px;
      line-height: 45px;
      padding: 0 50px; }
      @media only screen and (max-width: 767px) {
        article.more-info-form .form .submit {
          margin: 0; } }

article.join-opportunity {
  background-image: url("../../app/images/pattern-component.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  article.join-opportunity.contain {
    background-size: contain; }
  article.join-opportunity.auto {
    background-size: auto; }
  @media only screen and (max-width: 767px) {
    article.join-opportunity.sm-cover {
      background-size: cover; }
    article.join-opportunity.sm-contain {
      background-size: contain; }
    article.join-opportunity.sm-auto {
      background-size: auto; } }
  article.join-opportunity.top-right {
    background-position: top right; }
  article.join-opportunity.top-left {
    background-position: top left; }
  article.join-opportunity.top-center {
    background-position: top center; }
  article.join-opportunity.bottom-right {
    background-position: bottom right; }
  article.join-opportunity.bottom-left {
    background-position: bottom left; }
  article.join-opportunity.bottom-center {
    background-position: bottom center; }
  article.join-opportunity.left-center {
    background-position: center left; }
  article.join-opportunity.right-center {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.join-opportunity.sm-top-right {
      background-position: top right; }
    article.join-opportunity.sm-top-left {
      background-position: top left; }
    article.join-opportunity.sm-top-center {
      background-position: top center; }
    article.join-opportunity.sm-bottom-right {
      background-position: bottom right; }
    article.join-opportunity.sm-bottom-left {
      background-position: bottom left; }
    article.join-opportunity.sm-bottom-center {
      background-position: bottom center; }
    article.join-opportunity.sm-left-center {
      background-position: center left; }
    article.join-opportunity.sm-right-center {
      background-position: center right; } }

article.lead-capture {
  background-image: url("../../app/images/pattern-component.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  padding: 40px 30px; }
  article.lead-capture.contain {
    background-size: contain; }
  article.lead-capture.auto {
    background-size: auto; }
  @media only screen and (max-width: 767px) {
    article.lead-capture.sm-cover {
      background-size: cover; }
    article.lead-capture.sm-contain {
      background-size: contain; }
    article.lead-capture.sm-auto {
      background-size: auto; } }
  article.lead-capture.top-right {
    background-position: top right; }
  article.lead-capture.top-left {
    background-position: top left; }
  article.lead-capture.top-center {
    background-position: top center; }
  article.lead-capture.bottom-right {
    background-position: bottom right; }
  article.lead-capture.bottom-left {
    background-position: bottom left; }
  article.lead-capture.bottom-center {
    background-position: bottom center; }
  article.lead-capture.left-center {
    background-position: center left; }
  article.lead-capture.right-center {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.lead-capture.sm-top-right {
      background-position: top right; }
    article.lead-capture.sm-top-left {
      background-position: top left; }
    article.lead-capture.sm-top-center {
      background-position: top center; }
    article.lead-capture.sm-bottom-right {
      background-position: bottom right; }
    article.lead-capture.sm-bottom-left {
      background-position: bottom left; }
    article.lead-capture.sm-bottom-center {
      background-position: bottom center; }
    article.lead-capture.sm-left-center {
      background-position: center left; }
    article.lead-capture.sm-right-center {
      background-position: center right; } }
  @media only screen and (max-width: 1024px) {
    article.lead-capture {
      background-position: top left; } }
  article.lead-capture .wrapper {
    border: 0; }
  article.lead-capture .row {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      article.lead-capture .row {
        flex-direction: column; } }
  article.lead-capture .text {
    flex: 0 1 60%; }
    @media only screen and (min-width: 768px) {
      article.lead-capture .text {
        align-self: center; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.lead-capture .text {
        flex-basis: 50%;
        margin-right: 30px; } }
    @media only screen and (max-width: 767px) {
      article.lead-capture .text {
        flex: 1;
        margin-bottom: 40px; } }
    article.lead-capture .text .today {
      font-style: italic;
      font-size: 24px;
      line-height: 1;
      margin: 0;
      padding: 0; }
    article.lead-capture .text h2 {
      font-size: 36px;
      margin: 0;
      padding: 0; }
    article.lead-capture .text hr {
      display: inline-block;
      margin: 20px 0; }
    article.lead-capture .text p,
    article.lead-capture .text div {
      font-weight: 300;
      margin: 0 0 1rem;
      padding: 0; }
      article.lead-capture .text p:last-of-type,
      article.lead-capture .text div:last-of-type {
        margin-bottom: 0; }
      @media only screen and (min-width: 1025px) and (max-width: 1439px) {
        article.lead-capture .text p,
        article.lead-capture .text div {
          width: 80%; } }
  article.lead-capture .form {
    flex: 0 1 30%;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.lead-capture .form {
        flex-basis: 50%;
        margin-left: 30px; } }
    article.lead-capture .form h3 {
      font-size: 24px;
      margin: 0 0 5px;
      padding: 0; }
    article.lead-capture .form input[type="text"], article.lead-capture .form input[type="password"], article.lead-capture .form input[type="search"], article.lead-capture .form input[type="number"], article.lead-capture .form input[type="datetime"], article.lead-capture .form input[type="datetime-local"], article.lead-capture .form input[type="date"], article.lead-capture .form input[type="month"], article.lead-capture .form input[type="time"], article.lead-capture .form input[type="week"], article.lead-capture .form input[type="email"], article.lead-capture .form input[type="url"], article.lead-capture .form input[type="tel"], article.lead-capture .form input[type="color"] {
      background-color: #FDFDFD; }
    @media only screen and (max-width: 767px) {
      article.lead-capture .form .buttons {
        margin-top: 25px; } }
    article.lead-capture .form .submit {
      display: inline-block;
      height: 45px;
      line-height: 45px;
      padding: 0 50px; }
      @media only screen and (max-width: 767px) {
        article.lead-capture .form .submit {
          margin: 0; } }
    @media only screen and (min-width: 768px) {
      article.lead-capture .form.submit .form-inner {
        visibility: hidden; } }
    @media only screen and (max-width: 767px) {
      article.lead-capture .form.submit .form-inner {
        display: none; } }
    article.lead-capture .form.submit .form-message {
      visibility: visible; }
    article.lead-capture .form .form-message {
      visibility: hidden;
      font-family: "Inter", arial, sans-serif;
      font-weight: 400;
      font-size: 20px;
      text-align: center;
      width: 100%; }
      .apac article.lead-capture .form .form-message {
        font-family: "Noto Serif", serif; }
      html[lang='ja-JP'] article.lead-capture .form .form-message {
        font-family: "YuMincho", "Noto Serif", serif; }
      @media only screen and (min-width: 768px) {
        article.lead-capture .form .form-message {
          position: absolute;
          top: 50%;
          transform: translateY(-50%); } }
  article.lead-capture input[type="text"], article.lead-capture input[type="password"], article.lead-capture input[type="search"], article.lead-capture input[type="number"], article.lead-capture input[type="datetime"], article.lead-capture input[type="datetime-local"], article.lead-capture input[type="date"], article.lead-capture input[type="month"], article.lead-capture input[type="time"], article.lead-capture input[type="week"], article.lead-capture input[type="email"], article.lead-capture input[type="url"], article.lead-capture input[type="tel"], article.lead-capture input[type="color"] {
    font-size: 14px; }
  article.lead-capture.no-margin {
    margin: 0; }
  article.lead-capture.no-margin-top {
    margin-top: 0; }
  article.lead-capture.no-margin-bottom {
    margin-bottom: 0; }

article.one-column-text {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  font-weight: 300;
  padding: 40px 0;
  text-align: center; }
  article.one-column-text.contain {
    background-size: contain; }
  article.one-column-text.auto {
    background-size: auto; }
  @media only screen and (max-width: 767px) {
    article.one-column-text.sm-cover {
      background-size: cover; }
    article.one-column-text.sm-contain {
      background-size: contain; }
    article.one-column-text.sm-auto {
      background-size: auto; } }
  article.one-column-text.top-right {
    background-position: top right; }
  article.one-column-text.top-left {
    background-position: top left; }
  article.one-column-text.top-center {
    background-position: top center; }
  article.one-column-text.bottom-right {
    background-position: bottom right; }
  article.one-column-text.bottom-left {
    background-position: bottom left; }
  article.one-column-text.bottom-center {
    background-position: bottom center; }
  article.one-column-text.left-center {
    background-position: center left; }
  article.one-column-text.right-center {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.one-column-text.sm-top-right {
      background-position: top right; }
    article.one-column-text.sm-top-left {
      background-position: top left; }
    article.one-column-text.sm-top-center {
      background-position: top center; }
    article.one-column-text.sm-bottom-right {
      background-position: bottom right; }
    article.one-column-text.sm-bottom-left {
      background-position: bottom left; }
    article.one-column-text.sm-bottom-center {
      background-position: bottom center; }
    article.one-column-text.sm-left-center {
      background-position: center left; }
    article.one-column-text.sm-right-center {
      background-position: center right; } }
  article.one-column-text.bg-transparent {
    background-color: transparent; }
  article.one-column-text.bg-black {
    background-color: #000; }
  article.one-column-text.bg-white {
    background-color: #FFF; }
  article.one-column-text.bg-gray {
    background-color: #e9edee; }
  article.one-column-text.bg-light-gray {
    background-color: #F4F6F6; }
  article.one-column-text.light-blue {
    background-color: #F1F8F9; }
  article.one-column-text.bg-light-teal {
    background-color: #F1F8F9; }
  article.one-column-text.bg-tan {
    background-color: #FBF8F4; }
  @media only screen and (max-width: 767px) {
    article.one-column-text {
      text-align: left; } }
  article.one-column-text .text {
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      article.one-column-text .text {
        width: 50%; } }
  article.one-column-text.left {
    text-align: left; }
  article.one-column-text.center {
    text-align: center; }
  article.one-column-text.right {
    text-align: right; }
  @media only screen and (max-width: 767px) {
    article.one-column-text.sm-left {
      text-align: left; } }
  @media only screen and (max-width: 767px) {
    article.one-column-text.sm-center {
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    article.one-column-text.right {
      text-align: right; } }
  article.one-column-text h2 {
    font-size: 36px;
    margin: 0;
    padding: 0; }
  article.one-column-text hr {
    display: inline-block; }
  article.one-column-text .description {
    margin: 0;
    padding: 0; }
  article.one-column-text ul {
    margin: 0; }
    article.one-column-text ul li {
      margin: 0 0 .5em;
      padding: 0; }
      article.one-column-text ul li:last-of-type {
        margin-bottom: 0; }
  article.one-column-text .cta {
    margin-top: 15px; }
  @media only screen and (min-width: 768px) {
    article.one-column-text.short {
      padding: 30px 0; } }
  article.one-column-text.no-margin {
    margin: 0; }
  article.one-column-text.no-margin-top {
    margin-top: 0; }
  article.one-column-text.no-margin-bottom {
    margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    article.one-column-text.no-margin {
      padding: 20px 0; }
      article.one-column-text.no-margin hr {
        margin-bottom: 0; } }
  @media only screen and (min-width: 1025px) {
    article.one-column-text.large .text {
      width: 60%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.one-column-text.large .text {
      width: 100%; } }
  article.one-column-text.large h2 {
    font-size: 46px;
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      article.one-column-text.large h2 {
        font-size: 40px; } }
  article.one-column-text.large .description {
    font-weight: 400;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      article.one-column-text.large .description {
        width: 70%; } }
  article.one-column-text .contacts {
    display: flex;
    justify-content: center;
    margin: 22px -15px 0; }
    article.one-column-text .contacts .contact_left,
    article.one-column-text .contacts .contact_right {
      flex: 0 0 auto;
      margin: 0 15px; }
    article.one-column-text .contacts strong {
      font-weight: 600; }
    article.one-column-text .contacts a {
      color: #64B1BC;
      text-decoration: none; }

article.two-column-text {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  font-weight: 300;
  padding: 60px 0; }
  article.two-column-text.contain {
    background-size: contain; }
  article.two-column-text.auto {
    background-size: auto; }
  @media only screen and (max-width: 767px) {
    article.two-column-text.sm-cover {
      background-size: cover; }
    article.two-column-text.sm-contain {
      background-size: contain; }
    article.two-column-text.sm-auto {
      background-size: auto; } }
  article.two-column-text.top-right {
    background-position: top right; }
  article.two-column-text.top-left {
    background-position: top left; }
  article.two-column-text.top-center {
    background-position: top center; }
  article.two-column-text.bottom-right {
    background-position: bottom right; }
  article.two-column-text.bottom-left {
    background-position: bottom left; }
  article.two-column-text.bottom-center {
    background-position: bottom center; }
  article.two-column-text.left-center {
    background-position: center left; }
  article.two-column-text.right-center {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.two-column-text.sm-top-right {
      background-position: top right; }
    article.two-column-text.sm-top-left {
      background-position: top left; }
    article.two-column-text.sm-top-center {
      background-position: top center; }
    article.two-column-text.sm-bottom-right {
      background-position: bottom right; }
    article.two-column-text.sm-bottom-left {
      background-position: bottom left; }
    article.two-column-text.sm-bottom-center {
      background-position: bottom center; }
    article.two-column-text.sm-left-center {
      background-position: center left; }
    article.two-column-text.sm-right-center {
      background-position: center right; } }
  article.two-column-text.bg-transparent {
    background-color: transparent; }
  article.two-column-text.bg-black {
    background-color: #000; }
  article.two-column-text.bg-white {
    background-color: #FFF; }
  article.two-column-text.bg-gray {
    background-color: #e9edee; }
  article.two-column-text.bg-light-gray {
    background-color: #F4F6F6; }
  article.two-column-text.light-blue {
    background-color: #F1F8F9; }
  article.two-column-text.bg-light-teal {
    background-color: #F1F8F9; }
  article.two-column-text.bg-tan {
    background-color: #FBF8F4; }
  @media only screen and (max-width: 767px) {
    article.two-column-text {
      padding: 30px 15px; } }
  article.two-column-text a {
    color: #64B1BC;
    text-decoration: none; }
    article.two-column-text a:hover {
      color: inherit; }
  article.two-column-text hr.full {
    width: auto; }
  article.two-column-text .title {
    margin: 0 auto 20px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      article.two-column-text .title {
        max-width: 50%; } }
    article.two-column-text .title h2 {
      font-size: 36px;
      margin: 0;
      padding: 0; }
      article.two-column-text .title h2 small {
        font-size: 16px; }
    article.two-column-text .title hr {
      display: inline-block; }
    article.two-column-text .title .description {
      margin-bottom: 30px; }
  article.two-column-text .text {
    font-size: 14px;
    margin-top: 30px; }
  article.two-column-text .flex_row {
    display: flex;
    margin: 0 -10px; }
    @media only screen and (max-width: 767px) {
      article.two-column-text .flex_row {
        flex-direction: column;
        margin: 0; } }
  article.two-column-text .flex_col {
    flex: 1;
    margin: 0 10px; }
    @media only screen and (max-width: 767px) {
      article.two-column-text .flex_col {
        margin: 0 0 30px; }
        article.two-column-text .flex_col:last-of-type {
          margin-bottom: 0; } }
    article.two-column-text .flex_col .col_title {
      display: flex;
      margin: 0 0 15px;
      padding: 0; }
      article.two-column-text .flex_col .col_title .title-icon {
        display: inline-block;
        margin-right: 15px; }
      @media only screen and (min-width: 768px) {
        article.two-column-text .flex_col .col_title .title-text {
          font-size: 20px; } }
      @media only screen and (max-width: 767px) {
        article.two-column-text .flex_col .col_title .title-text {
          font-size: 36px; } }
    article.two-column-text .flex_col .col_description {
      font-weight: 300; }
      article.two-column-text .flex_col .col_description p {
        margin: 0 0 1em;
        padding: 0; }
        article.two-column-text .flex_col .col_description p:first-of-type {
          margin-top: 0; }
        article.two-column-text .flex_col .col_description p:last-of-type {
          margin-bottom: 0; }
      article.two-column-text .flex_col .col_description ul {
        margin: 1em 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 1em; }
        article.two-column-text .flex_col .col_description ul:first-child, article.two-column-text .flex_col .col_description ul:only-child {
          margin: 0; }
        article.two-column-text .flex_col .col_description ul li {
          margin: 0 0 .5em;
          padding: 0; }
          article.two-column-text .flex_col .col_description ul li:last-of-type {
            margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    article.two-column-text .cta {
      margin-top: 15px; } }
  article.two-column-text.left .title {
    margin-right: 0;
    max-width: 100%;
    text-align: left; }
  article.two-column-text.right .title {
    margin-left: 0;
    max-width: 100%;
    text-align: right; }
  article.two-column-text.center .title {
    margin: 0 auto;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      article.two-column-text.center .title {
        max-width: 50%; } }
  article.two-column-text.no-margin {
    margin: 0; }
  article.two-column-text.no-margin-top {
    margin-top: 0; }
  article.two-column-text.no-margin-bottom {
    margin-bottom: 0; }
  article.two-column-text.tall .title {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      article.two-column-text.tall .title {
        margin-bottom: 15px; } }
  @media only screen and (max-width: 1024px) {
    article.two-column-text.tall .flex_col {
      margin-bottom: 60px; }
      article.two-column-text.tall .flex_col:last-of-type {
        margin-bottom: 0; } }
  @media only screen and (min-width: 768px) {
    article.two-column-text.short {
      padding: 30px 0; }
      article.two-column-text.short .title h2 {
        font-size: 24px; } }
  article.two-column-text.white a {
    color: #264B59; }
    article.two-column-text.white a:hover {
      color: #264B59; }

article.three-column-text {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  font-weight: 300;
  padding: 60px 0; }
  article.three-column-text.contain {
    background-size: contain; }
  article.three-column-text.auto {
    background-size: auto; }
  @media only screen and (max-width: 767px) {
    article.three-column-text.sm-cover {
      background-size: cover; }
    article.three-column-text.sm-contain {
      background-size: contain; }
    article.three-column-text.sm-auto {
      background-size: auto; } }
  article.three-column-text.top-right {
    background-position: top right; }
  article.three-column-text.top-left {
    background-position: top left; }
  article.three-column-text.top-center {
    background-position: top center; }
  article.three-column-text.bottom-right {
    background-position: bottom right; }
  article.three-column-text.bottom-left {
    background-position: bottom left; }
  article.three-column-text.bottom-center {
    background-position: bottom center; }
  article.three-column-text.left-center {
    background-position: center left; }
  article.three-column-text.right-center {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.three-column-text.sm-top-right {
      background-position: top right; }
    article.three-column-text.sm-top-left {
      background-position: top left; }
    article.three-column-text.sm-top-center {
      background-position: top center; }
    article.three-column-text.sm-bottom-right {
      background-position: bottom right; }
    article.three-column-text.sm-bottom-left {
      background-position: bottom left; }
    article.three-column-text.sm-bottom-center {
      background-position: bottom center; }
    article.three-column-text.sm-left-center {
      background-position: center left; }
    article.three-column-text.sm-right-center {
      background-position: center right; } }
  article.three-column-text.bg-transparent {
    background-color: transparent; }
  article.three-column-text.bg-black {
    background-color: #000; }
  article.three-column-text.bg-white {
    background-color: #FFF; }
  article.three-column-text.bg-gray {
    background-color: #e9edee; }
  article.three-column-text.bg-light-gray {
    background-color: #F4F6F6; }
  article.three-column-text.light-blue {
    background-color: #F1F8F9; }
  article.three-column-text.bg-light-teal {
    background-color: #F1F8F9; }
  article.three-column-text.bg-tan {
    background-color: #FBF8F4; }
  article.three-column-text hr.full {
    width: auto; }
  article.three-column-text .img-center {
    display: block;
    margin: 0 auto; }
  article.three-column-text .img-responsive {
    height: auto;
    max-width: 100%; }
  article.three-column-text .today {
    font-style: italic;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    padding: 0; }
  article.three-column-text .title {
    margin: 0 auto 50px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      article.three-column-text .title {
        max-width: 50%; } }
    article.three-column-text .title h2 {
      font-size: 36px;
      margin: 0;
      padding: 0; }
      article.three-column-text .title h2 small {
        font-size: 16px; }
    article.three-column-text .title hr {
      display: inline-block; }
  article.three-column-text .flex_row {
    display: flex;
    margin: 0 -25px; }
    @media only screen and (max-width: 767px) {
      article.three-column-text .flex_row {
        flex-direction: column;
        margin: 0; } }
  article.three-column-text .flex_col {
    flex: 0 1 33.33%;
    margin: 0 25px;
    max-width: 33.33%; }
    @media only screen and (max-width: 767px) {
      article.three-column-text .flex_col {
        flex: 1;
        margin: 0 0 30px;
        max-width: 100%; }
        article.three-column-text .flex_col:last-of-type {
          margin-bottom: 0; } }
    article.three-column-text .flex_col .col_title {
      display: flex;
      margin: 0 0 15px;
      padding: 0; }
      article.three-column-text .flex_col .col_title .title-icon {
        display: inline-block;
        margin-right: 15px; }
      article.three-column-text .flex_col .col_title .title-text {
        font-size: 24px;
        font-weight: 300; }
    article.three-column-text .flex_col .col_description {
      font-weight: 300; }
      article.three-column-text .flex_col .col_description h2 {
        margin: 0;
        padding: 0; }
      article.three-column-text .flex_col .col_description p {
        margin: 1em 0;
        padding: 0; }
        article.three-column-text .flex_col .col_description p:first-of-type {
          margin-top: 0; }
        article.three-column-text .flex_col .col_description p:last-of-type {
          margin-bottom: 0; }
      article.three-column-text .flex_col .col_description ul {
        margin: 0;
        padding: 0 0 0 20px; }
        article.three-column-text .flex_col .col_description ul li {
          margin: 0 0 .5rem; }
          article.three-column-text .flex_col .col_description ul li:last-of-type {
            margin-bottom: 0; }
      article.three-column-text .flex_col .col_description strong {
        font-weight: 400; }
      article.three-column-text .flex_col .col_description .source a {
        color: #64B1BC; }
  @media only screen and (max-width: 767px) {
    article.three-column-text .cta {
      margin-top: 15px; } }
  article.three-column-text.left .title {
    margin: 0;
    max-width: 100%;
    text-align: left; }
  article.three-column-text.right .title {
    margin: 0;
    max-width: 100%;
    text-align: right; }
  article.three-column-text.center .title {
    margin: 0 auto 50px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      article.three-column-text.center .title {
        max-width: 100%; } }
    @media only screen and (min-width: 768px) {
      article.three-column-text.center .title .description {
        margin: 0 auto;
        max-width: 50%; } }
  article.three-column-text.no-margin {
    margin: 0; }
  article.three-column-text.no-margin-top {
    margin-top: 0; }
  article.three-column-text.no-margin-bottom {
    margin-bottom: 0; }
  article.three-column-text.tall .title {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      article.three-column-text.tall .title {
        margin-bottom: 15px; } }
  @media only screen and (max-width: 1024px) {
    article.three-column-text.tall .flex_col {
      margin-bottom: 60px; }
      article.three-column-text.tall .flex_col:last-of-type {
        margin-bottom: 0; } }
  article.three-column-text.white a {
    color: #264B59; }
    article.three-column-text.white a:hover {
      color: #264B59; }

article.three-column-grid {
  margin: 40px 0;
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%; }
  article.three-column-grid .title {
    margin: 0 auto 60px;
    text-align: center;
    width: 60%; }
    @media only screen and (max-width: 767px) {
      article.three-column-grid .title {
        text-align: left;
        width: auto; } }
    article.three-column-grid .title h2 {
      font-size: 36px;
      margin: 0;
      padding: 0; }
      article.three-column-grid .title h2 small {
        font-size: 16px; }
    article.three-column-grid .title hr {
      display: inline-block;
      margin-bottom: 0; }
    article.three-column-grid .title .description {
      font-size: 16px;
      font-weight: 300; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.three-column-grid .title {
        margin: 0 15% 60px;
        width: auto; } }
  article.three-column-grid .flex_grid {
    display: flex;
    flex-wrap: wrap;
    margin: -60px 0 0 -60px; }
    @media only screen and (max-width: 767px) {
      article.three-column-grid .flex_grid {
        margin: 0;
        flex-direction: column; } }
  article.three-column-grid .flex_col {
    flex: 0 0 33.333%;
    padding: 60px 0 0 60px; }
    @media only screen and (min-width: 768px) {
      article.three-column-grid .flex_col {
        max-width: 33.33%; } }
    @media only screen and (max-width: 767px) {
      article.three-column-grid .flex_col {
        flex: 1;
        margin: 0 0 60px;
        padding: 0; }
        article.three-column-grid .flex_col:last-of-type {
          margin-bottom: 0; } }
    article.three-column-grid .flex_col .col_title {
      display: flex;
      margin: 0;
      padding: 0; }
      article.three-column-grid .flex_col .col_title .title-icon {
        display: inline-block;
        margin-right: 15px; }
      article.three-column-grid .flex_col .col_title .title-text {
        font-size: 24px;
        font-weight: 300; }
    article.three-column-grid .flex_col .col_description {
      font-weight: 300;
      margin: 15px 0 0; }
      article.three-column-grid .flex_col .col_description img {
        max-width: 100%; }

article.three-column-list.bg-transparent, article.bg-transparent.three-column-list-box {
  background-color: transparent; }

article.three-column-list.bg-black, article.bg-black.three-column-list-box {
  background-color: #000; }

article.three-column-list.bg-white, article.bg-white.three-column-list-box {
  background-color: #FFF; }

article.three-column-list.bg-gray, article.bg-gray.three-column-list-box {
  background-color: #e9edee; }

article.three-column-list.bg-light-gray, article.bg-light-gray.three-column-list-box {
  background-color: #F4F6F6; }

article.three-column-list.light-blue, article.light-blue.three-column-list-box {
  background-color: #F1F8F9; }

article.three-column-list.bg-light-teal, article.bg-light-teal.three-column-list-box {
  background-color: #F1F8F9; }

article.three-column-list.bg-tan, article.bg-tan.three-column-list-box {
  background-color: #FBF8F4; }

article.three-column-list .title, article.three-column-list-box .title {
  margin: 0 auto 60px;
  text-align: center; }
  article.three-column-list .title h2, article.three-column-list-box .title h2 {
    font-size: 36px;
    margin: 0;
    padding: 0; }
    article.three-column-list .title h2 small, article.three-column-list-box .title h2 small {
      font-size: 16px; }
  article.three-column-list .title hr, article.three-column-list-box .title hr {
    display: inline-block; }
  article.three-column-list .title .description, article.three-column-list-box .title .description {
    font-size: 16px;
    font-weight: 300; }
    @media only screen and (min-width: 768px) {
      article.three-column-list .title .description, article.three-column-list-box .title .description {
        margin: 0 auto;
        width: 60%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.three-column-list .title, article.three-column-list-box .title {
      margin: 0 15% 20px;
      width: auto; } }
  @media only screen and (max-width: 767px) {
    article.three-column-list .title, article.three-column-list-box .title {
      margin-bottom: 60px; } }

@media only screen and (min-width: 768px) {
  article.three-column-list .flex_grid, article.three-column-list-box .flex_grid {
    margin: -40px 0 0; } }

article.three-column-list .flex_row, article.three-column-list-box .flex_row {
  display: flex;
  flex: 1;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    article.three-column-list .flex_row, article.three-column-list-box .flex_row {
      justify-content: space-between; } }
  @media only screen and (max-width: 767px) {
    article.three-column-list .flex_row, article.three-column-list-box .flex_row {
      flex-direction: column;
      margin: 0; } }
  article.three-column-list .flex_row.list, article.three-column-list-box .flex_row.list {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    article.three-column-list .flex_row.list li, article.three-column-list-box .flex_row.list li {
      counter-increment: step-counter;
      min-height: 80px;
      padding: 40px 60px;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.three-column-list .flex_row.list li, article.three-column-list-box .flex_row.list li {
          padding: 20px 20px 20px 60px; } }
      @media only screen and (max-width: 767px) {
        article.three-column-list .flex_row.list li, article.three-column-list-box .flex_row.list li {
          padding: 0 0 0 60px; } }
      article.three-column-list .flex_row.list li h3, article.three-column-list-box .flex_row.list li h3 {
        font-size: 24px;
        margin: 0 0 15px;
        padding: 0; }
      article.three-column-list .flex_row.list li p, article.three-column-list-box .flex_row.list li p {
        font-weight: 300;
        margin: 0;
        padding: 0; }
      article.three-column-list .flex_row.list li::before, article.three-column-list-box .flex_row.list li::before {
        color: #edeeee;
        content: counter(step-counter);
        display: inline-block;
        font-family: "Inter", arial, sans-serif;
        font-size: 80px;
        left: -40px;
        letter-spacing: -8px;
        line-height: 1;
        position: absolute;
        text-align: right;
        top: 30px;
        width: 80px; }
        .apac article.three-column-list .flex_row.list li::before, .apac article.three-column-list-box .flex_row.list li::before {
          font-family: "Noto Serif", serif; }
        html[lang='ja-JP'] article.three-column-list .flex_row.list li::before, html[lang='ja-JP'] article.three-column-list-box .flex_row.list li::before {
          font-family: "YuMincho", "Noto Serif", serif; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          article.three-column-list .flex_row.list li::before, article.three-column-list-box .flex_row.list li::before {
            left: -20px;
            top: 15px;
            width: 60px; } }
        @media only screen and (max-width: 767px) {
          article.three-column-list .flex_row.list li::before, article.three-column-list-box .flex_row.list li::before {
            left: -20px;
            top: 0;
            width: 60px; } }

article.three-column-list .flex_col, article.three-column-list-box .flex_col {
  flex: 0 0 33.33%; }
  @media only screen and (min-width: 768px) {
    article.three-column-list .flex_col, article.three-column-list-box .flex_col {
      max-width: 33.33%; } }
  @media only screen and (max-width: 767px) {
    article.three-column-list .flex_col, article.three-column-list-box .flex_col {
      flex: 1;
      margin: 0 0 60px; }
      article.three-column-list .flex_col:last-of-type, article.three-column-list-box .flex_col:last-of-type {
        margin-bottom: 0; } }

article.three-column-list .text, article.three-column-list-box .text {
  font-size: 14px;
  font-weight: 300; }
  @media only screen and (max-width: 767px) {
    article.three-column-list .text, article.three-column-list-box .text {
      margin-top: 40px; } }
  article.three-column-list .text a, article.three-column-list-box .text a {
    color: #64BC9F; }

article.three-column-list-box .list_hero {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  margin-bottom: 60px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    article.three-column-list-box .list_hero {
      min-height: calc(100vh - 60px); } }
  article.three-column-list-box .list_hero .list_hero-text {
    background-color: rgba(255, 255, 255, 0.95);
    flex-direction: column;
    justify-content: center;
    bottom: 0;
    display: flex;
    height: 270px;
    max-width: 100%;
    padding: 0 40px;
    position: absolute;
    right: 0;
    width: 450px; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.three-column-list-box .list_hero .list_hero-text {
        width: 50%;
        padding: 15px 30px; } }
    @media only screen and (max-width: 767px) {
      article.three-column-list-box .list_hero .list_hero-text {
        padding: 0; } }
    article.three-column-list-box .list_hero .list_hero-text h3 {
      font-size: 24px;
      margin: 0 0 15px;
      padding: 0; }
    article.three-column-list-box .list_hero .list_hero-text p {
      font-weight: 300;
      margin: 0;
      padding: 0; }
    article.three-column-list-box .list_hero .list_hero-text .list_hero-text-inner {
      display: block;
      flex: 0 1 auto;
      padding: 40px 60px;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.three-column-list-box .list_hero .list_hero-text .list_hero-text-inner {
          padding: 20px 20px 20px 60px; } }
      @media only screen and (max-width: 767px) {
        article.three-column-list-box .list_hero .list_hero-text .list_hero-text-inner {
          padding: 0 20px 0 60px; } }
      article.three-column-list-box .list_hero .list_hero-text .list_hero-text-inner::before {
        color: rgba(163, 169, 172, 0.3);
        content: '1';
        display: inline-block;
        font-family: "Inter", arial, sans-serif;
        font-size: 80px;
        left: -40px;
        letter-spacing: -8px;
        line-height: 1;
        position: absolute;
        text-align: right;
        top: 30px;
        width: 80px; }
        .apac article.three-column-list-box .list_hero .list_hero-text .list_hero-text-inner::before {
          font-family: "Noto Serif", serif; }
        html[lang='ja-JP'] article.three-column-list-box .list_hero .list_hero-text .list_hero-text-inner::before {
          font-family: "YuMincho", "Noto Serif", serif; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          article.three-column-list-box .list_hero .list_hero-text .list_hero-text-inner::before {
            left: -20px;
            top: 15px;
            width: 60px; } }
        @media only screen and (max-width: 767px) {
          article.three-column-list-box .list_hero .list_hero-text .list_hero-text-inner::before {
            left: -20px;
            top: 0;
            width: 60px; } }

article.three-column-list-box .flex_row.list {
  counter-reset: step-counter 1; }

@media only screen and (max-width: 767px) {
  article.three-column-list-box.no-numbers .flex_grid {
    display: block;
    margin: 0; } }

@media only screen and (min-width: 768px) {
  article.three-column-list-box.no-numbers .list_hero {
    margin-bottom: 70px; } }

@media only screen and (min-width: 768px) {
  article.three-column-list-box.no-numbers .list_hero .list_hero-text {
    padding: 0 100px 0 60px; } }

@media only screen and (max-width: 767px) {
  article.three-column-list-box.no-numbers .list_hero .list_hero-text {
    height: auto;
    padding-top: 50px; } }

article.three-column-list-box.no-numbers .list_hero .list_hero-text .list_hero-text-inner {
  padding: 0; }
  article.three-column-list-box.no-numbers .list_hero .list_hero-text .list_hero-text-inner::before {
    display: none; }

@media only screen and (min-width: 1025px) {
  article.three-column-list-box.no-numbers .flex_row.list {
    margin: 0 -60px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  article.three-column-list-box.no-numbers .flex_row.list {
    margin: 0 -30px; } }

article.three-column-list-box.no-numbers .flex_row.list li {
  min-height: 0; }
  @media only screen and (min-width: 1025px) {
    article.three-column-list-box.no-numbers .flex_row.list li {
      padding: 30px 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.three-column-list-box.no-numbers .flex_row.list li {
      padding: 30px; } }
  @media only screen and (max-width: 767px) {
    article.three-column-list-box.no-numbers .flex_row.list li {
      padding: 0; } }
  article.three-column-list-box.no-numbers .flex_row.list li::before {
    display: none; }

article.stats {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0; }
  article.stats.contain {
    background-size: contain; }
  article.stats.auto {
    background-size: auto; }
  @media only screen and (max-width: 767px) {
    article.stats.sm-cover {
      background-size: cover; }
    article.stats.sm-contain {
      background-size: contain; }
    article.stats.sm-auto {
      background-size: auto; } }
  article.stats.top-right {
    background-position: top right; }
  article.stats.top-left {
    background-position: top left; }
  article.stats.top-center {
    background-position: top center; }
  article.stats.bottom-right {
    background-position: bottom right; }
  article.stats.bottom-left {
    background-position: bottom left; }
  article.stats.bottom-center {
    background-position: bottom center; }
  article.stats.left-center {
    background-position: center left; }
  article.stats.right-center {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.stats.sm-top-right {
      background-position: top right; }
    article.stats.sm-top-left {
      background-position: top left; }
    article.stats.sm-top-center {
      background-position: top center; }
    article.stats.sm-bottom-right {
      background-position: bottom right; }
    article.stats.sm-bottom-left {
      background-position: bottom left; }
    article.stats.sm-bottom-center {
      background-position: bottom center; }
    article.stats.sm-left-center {
      background-position: center left; }
    article.stats.sm-right-center {
      background-position: center right; } }
  @media only screen and (min-width: 768px) {
    article.stats {
      background-color: #F1F8F9; }
      article.stats .flex_row.five {
        flex-wrap: wrap;
        justify-content: center; }
        article.stats .flex_row.five .flex_col {
          width: 25%;
          flex: inherit;
          margin-bottom: 35px; } }
  article.stats .all-but-mobile {
    display: block; }
  article.stats .mobile-only {
    display: none; }
  article.stats .stat-bubble-carousel .stat-inner {
    display: block; }
    article.stats .stat-bubble-carousel .stat-inner .stat_num {
      color: inherit;
      display: block;
      height: auto;
      padding: 0;
      margin: 0;
      width: 100%;
      background: none; }
      article.stats .stat-bubble-carousel .stat-inner .stat_num .stat_title {
        display: inline-block;
        text-align: center;
        margin: auto;
        color: inherit; }
  article.stats .stat-bubble-carousel .stat_sub {
    margin: 15px 0 0; }
  @media only screen and (max-width: 767px) {
    article.stats .mobile-only {
      display: block; }
    article.stats .all-but-mobile {
      display: none; } }
  article.stats .main-image {
    margin-top: -40px; }
    article.stats .main-image img {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: 100%; }
  article.stats h1 {
    margin: 0;
    padding: 0; }
  article.stats .text {
    margin: 0 auto 60px;
    text-align: center;
    width: 60%; }
    article.stats .text.no-description {
      margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      article.stats .text {
        margin-bottom: 30px;
        text-align: left;
        width: auto; } }
    article.stats .text h2 {
      font-size: 36px;
      margin: 0;
      padding: 0; }
    article.stats .text hr {
      display: inline-block; }
    article.stats .text .description {
      margin: 0;
      padding: 0; }
  @media only screen and (min-width: 768px) {
    article.stats .stat {
      background-color: #FFF;
      border-radius: 50%;
      color: #264B59;
      position: relative;
      text-align: center;
      width: 100%;
      max-width: 400px;
      margin: auto; }
      article.stats .stat::after {
        content: '';
        display: block;
        padding-top: 100%; } }
  article.stats .stat-inner {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media only screen and (min-width: 768px) {
      article.stats .stat-inner {
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: auto; } }
    @media only screen and (max-width: 767px) {
      article.stats .stat-inner {
        display: flex;
        flex-direction: row; } }
  @media only screen and (max-width: 767px) {
    article.stats .stat_num {
      align-content: center;
      background-color: #FFF;
      border-radius: 50%;
      color: #264B59;
      display: flex;
      flex-direction: column;
      flex: 0 0 auto;
      height: 130px;
      justify-content: center;
      position: relative;
      text-align: center;
      width: 130px; } }
  article.stats .stat_label {
    font-size: 24px;
    margin: 0;
    padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.stats .stat_label {
        font-size: 16px;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      article.stats .stat_label {
        display: none; } }
  article.stats .stat_title {
    color: #264B59;
    display: inline-block;
    font-size: 10vw;
    font-weight: 300;
    line-height: 1; }
    @media only screen and (min-width: 1440px) {
      article.stats .stat_title {
        font-size: 125px; } }
    @media only screen and (max-width: 767px) {
      article.stats .stat_title {
        font-size: 70px;
        margin-top: -15px; } }
    article.stats .stat_title sub {
      font-size: 5vw;
      bottom: .5em;
      position: relative; }
      @media only screen and (min-width: 1440px) {
        article.stats .stat_title sub {
          font-size: 80px; } }
    article.stats .stat_title sup {
      font-size: 5vw;
      top: .5em;
      position: relative; }
      @media only screen and (min-width: 1440px) {
        article.stats .stat_title sup {
          font-size: 80px; } }
    @media only screen and (max-width: 767px) {
      article.stats .stat_title sub,
      article.stats .stat_title sup {
        font-size: 35px;
        top: 25px; } }
  article.stats .stat_sublabel {
    font-family: "Inter", arial, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0; }
    .apac article.stats .stat_sublabel {
      font-family: "Noto Serif", serif; }
    html[lang='ja-JP'] article.stats .stat_sublabel {
      font-family: "YuMincho", "Noto Serif", serif; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.stats .stat_sublabel {
        font-size: 14px;
        margin-top: 10px; } }
    @media only screen and (max-width: 767px) {
      article.stats .stat_sublabel {
        display: none; } }
  article.stats .stat_sublabel-mobile,
  article.stats .stat_label-mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      article.stats .stat_sublabel-mobile,
      article.stats .stat_label-mobile {
        display: block; } }
  article.stats .stat_label-mobile {
    font-size: 20px; }
  article.stats .stat_sublabel-mobile {
    font-size: 16px; }
  @media only screen and (min-width: 768px) {
    article.stats .stat_info {
      border-top: 1px solid #264B59;
      color: #264B59;
      margin: 10px 45px 0;
      padding: 15px 0 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.stats .stat_info {
      padding-top: 10px;
      font-size: 14px;
      line-height: 1em; } }
  @media only screen and (max-width: 767px) {
    article.stats .stat_info {
      align-self: center;
      flex: 1;
      font-size: 16px;
      margin-left: 10px; } }
  article.stats .stat_info hr {
    display: none;
    margin: 15px auto; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.stats .stat_info hr {
        margin: 5px auto 15px; } }
    @media only screen and (max-width: 767px) {
      article.stats .stat_info hr {
        margin: 10px 0; } }
  article.stats .stat_sub {
    margin: 30px 0 0;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.stats .stat_sub {
        line-height: 1.25em; } }
  article.stats .flex_row {
    display: flex;
    margin: 0 -30px; }
    @media only screen and (max-width: 767px) {
      article.stats .flex_row {
        flex-direction: column;
        margin: 0; } }
    article.stats .flex_row.primary-button {
      margin-top: 60px; }
      article.stats .flex_row.primary-button .button {
        margin: 0 auto; }
  article.stats .flex_row.four .flex_col {
    margin: 0 15px; }
    @media only screen and (max-width: 767px) {
      article.stats .flex_row.four .flex_col {
        margin: 0 0 30px; }
        article.stats .flex_row.four .flex_col:last-of-type {
          margin-bottom: 0; } }
  article.stats .flex_col {
    flex: 1;
    margin: 0 30px; }
    @media only screen and (max-width: 767px) {
      article.stats .flex_col {
        margin: 0 0 30px; }
        article.stats .flex_col:last-of-type {
          margin-bottom: 0; } }
  article.stats.left .text {
    text-align: left;
    margin: 0 0 60px; }
  @media only screen and (min-width: 768px) {
    article.stats.center .text {
      text-align: center; } }
  article.stats.right .text {
    margin: 0 0 60px; }
    @media only screen and (min-width: 768px) {
      article.stats.right .text {
        float: right;
        text-align: right; } }
  @media only screen and (min-width: 768px) {
    article.stats.white {
      background-color: #FFF; }
      article.stats.white .stat {
        background-color: #E0F2EC; } }
  article.stats.dark-teal {
    background-color: transparent; }
    @media only screen and (min-width: 768px) {
      article.stats.dark-teal .stat {
        background-color: rgba(38, 75, 89, 0.75); } }
    @media only screen and (max-width: 767px) {
      article.stats.dark-teal .stat_num {
        background-color: rgba(38, 75, 89, 0.75); } }
    article.stats.dark-teal .stat_title {
      color: #FFF; }
    @media only screen and (min-width: 768px) {
      article.stats.dark-teal .stat_info {
        border-color: #FFF;
        color: #FFF; } }
  article.stats.light-teal {
    background-color: transparent; }
    @media only screen and (min-width: 768px) {
      article.stats.light-teal .stat {
        background-color: #B8DDE1; } }
    @media only screen and (max-width: 767px) {
      article.stats.light-teal .stat_num {
        background-color: #B8DDE1; } }
  article.stats.sm-small-text .stat_title {
    font-size: 80px; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.stats.sm-small-text .stat_title {
        font-size: 6vw;
        line-height: .5; } }
    @media only screen and (max-width: 767px) {
      article.stats.sm-small-text .stat_title {
        font-size: 36px;
        margin-top: -10px; } }
    @media only screen and (max-width: 767px) {
      article.stats.sm-small-text .stat_title sup,
      article.stats.sm-small-text .stat_title sub {
        top: -9px; } }
    @media only screen and (max-width: 1024px) {
      article.stats.sm-small-text .stat_title sub {
        font-size: 24px; } }
  @media only screen and (min-width: 768px) {
    article.stats.sm-small-text .stat_info {
      border-top: 0;
      margin: 0;
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    article.stats.sm-small-text .stat_info {
      font-size: 14px; } }

article.blog-posts {
  margin: 0; }
  @media only screen and (max-width: 1024px) {
    article.blog-posts .wrapper {
      border: 0; } }
  article.blog-posts ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.blog-posts ul {
        flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      article.blog-posts ul {
        flex-direction: column;
        flex-wrap: wrap; } }
    article.blog-posts ul li {
      display: flex;
      flex: 1;
      min-height: 300px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.blog-posts ul li {
          margin-bottom: 15px; }
          article.blog-posts ul li:last-of-type {
            margin-bottom: 0; } }
      @media only screen and (max-width: 767px) {
        article.blog-posts ul li {
          flex-direction: column; } }
      article.blog-posts ul li .img {
        background-size: cover;
        flex: 1 1 50%;
        min-height: 40%;
        position: relative; }
        @media only screen and (max-width: 767px) {
          article.blog-posts ul li .img {
            padding-top: 70%; } }
        article.blog-posts ul li .img:after {
          content: '';
          width: 0;
          height: 0;
          border-top: 27.5px solid transparent;
          border-bottom: 27.5px solid transparent;
          border-right: 20px solid #FFF;
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -27.5px; }
          @media only screen and (max-width: 767px) {
            article.blog-posts ul li .img:after {
              display: none; } }
      article.blog-posts ul li .text {
        align-items: flex-start;
        background-color: #FFF;
        display: flex;
        flex-direction: column;
        flex: 1 1 50%;
        justify-content: space-between;
        padding: 60px; }
        @media only screen and (max-width: 767px) {
          article.blog-posts ul li .text {
            display: block;
            position: relative;
            padding: 60px 30px; }
            article.blog-posts ul li .text:before {
              content: '';
              width: 0;
              height: 0;
              border-left: 27.5px solid transparent;
              border-right: 27.5px solid transparent;
              border-bottom: 20px solid #FFF;
              left: 50%;
              position: absolute;
              top: -20px;
              transform: translateX(-50%); } }
        article.blog-posts ul li .text h3 {
          font-size: 24px;
          display: inline-block;
          flex: 1;
          margin: 0;
          padding: 0;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            article.blog-posts ul li .text h3 {
              margin: 0 0 30px;
              padding: 0; } }
        article.blog-posts ul li .text .cta {
          display: inline-block;
          width: 100%; }
          article.blog-posts ul li .text .cta .button {
            padding-bottom: 0;
            padding-top: 0; }
  article.blog-posts.bg-light-teal ul li .text {
    background-color: #F1F8F9; }
  article.blog-posts.bg-light-teal ul li .img::after {
    border-right-color: #F1F8F9; }

article.quote .wrapper {
  display: flex;
  min-height: 330px; }
  @media only screen and (max-width: 767px) {
    article.quote .wrapper {
      display: block;
      min-height: auto; } }

article.quote .quote_text {
  align-items: center;
  background-color: #FBF8F4;
  display: inline-flex;
  flex-direction: column;
  flex: 0 0 50%;
  justify-content: center;
  padding: 60px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.quote .quote_text {
      padding: 30px; } }
  @media only screen and (max-width: 767px) {
    article.quote .quote_text {
      display: block;
      padding: 30px;
      width: auto; } }

article.quote blockquote {
  align-self: center;
  color: #264B59;
  font-family: "Inter", arial, sans-serif;
  margin: 0;
  padding: 0;
  width: 100%; }
  .apac article.quote blockquote {
    font-family: "Noto Serif", serif; }
  html[lang='ja-JP'] article.quote blockquote {
    font-family: "YuMincho", "Noto Serif", serif; }
  article.quote blockquote p {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    quotes: '“' '”'; }
    @media only screen and (max-width: 1024px) {
      article.quote blockquote p {
        font-size: 25px; } }
    article.quote blockquote p::before {
      content: open-quote; }
    article.quote blockquote p::after {
      content: close-quote; }
  article.quote blockquote footer {
    font-style: italic;
    margin: 20px 0 0;
    padding: 0; }

article.quote .quote_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  flex: 0 0 50%; }
  @media only screen and (max-width: 767px) {
    article.quote .quote_image {
      height: 300px; } }

article.quote .buttons {
  margin-top: 15px;
  width: 100%; }
  article.quote .buttons .button {
    padding-top: 0;
    padding-bottom: 0; }

article.product-promise .inner {
  background-color: #64b1bc;
  color: #FFF;
  display: flex;
  padding: 30px 60px; }
  @media only screen and (max-width: 767px) {
    article.product-promise .inner {
      flex-direction: column;
      padding: 30px; } }

article.product-promise .promise_title {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  flex: 0 1 35%; }
  @media only screen and (min-width: 768px) {
    article.product-promise .promise_title {
      padding-right: 35px; } }
  @media only screen and (max-width: 767px) {
    article.product-promise .promise_title {
      display: block; } }
  article.product-promise .promise_title h3 {
    display: inline-block;
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-align: center; }

article.product-promise .promise_description {
  flex: 1;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    article.product-promise .promise_description {
      border-left: 1px solid;
      padding-left: 35px; } }
  @media only screen and (max-width: 767px) {
    article.product-promise .promise_description {
      border-top: 1px solid;
      margin-top: 15px;
      padding-top: 15px; } }

article.product-promise .promise_link {
  display: block;
  margin-top: 1rem; }
  article.product-promise .promise_link .button.secondary {
    color: #FFF; }
    article.product-promise .promise_link .button.secondary::before, article.product-promise .promise_link .button.secondary::after {
      background-color: #FFF; }
    article.product-promise .promise_link .button.secondary:hover {
      box-shadow: inset 0 -2px #FFF; }

@media only screen and (min-width: 768px) {
  article.product-promise.right .promise_title {
    order: 2;
    padding-left: 35px; } }

@media only screen and (min-width: 768px) {
  article.product-promise.right .promise_description {
    border-left: none;
    border-right: 1px solid;
    order: 1;
    padding-left: 0;
    padding-right: 35px; } }

article.product-promise.white .inner {
  background-color: #FFF;
  color: #264B59; }

article.product-promise.white .promise_description {
  border-color: #62b0bb; }

article.product-promise.white .promise_link .button.secondary {
  color: #264B59; }
  article.product-promise.white .promise_link .button.secondary::before, article.product-promise.white .promise_link .button.secondary::after {
    background-color: #264B59; }
  article.product-promise.white .promise_link .button.secondary:hover {
    box-shadow: inset 0 -2px #264B59; }

article.product-listing {
  margin: 0;
  text-align: left; }
  @media only screen and (max-width: 767px) {
    article.product-listing {
      border-bottom: 1px solid #eee;
      margin: 10px 0;
      padding-bottom: 40px;
      position: relative; } }
  article.product-listing .wrapper {
    border: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative; }
    @media only screen and (max-width: 767px) {
      article.product-listing .wrapper {
        flex-direction: column;
        width: 100%;
        margin: 0; } }
  article.product-listing .product-listing_image {
    align-items: self-start;
    display: flex;
    flex: 0 0 auto;
    height: 200px;
    justify-content: center;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    /*.image_hover {
        background-color: rgba(255, 255, 255, .8);
        display: block;
        flex: 0;
        height: 280px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: 1;
        a {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
        }
      }*/ }
    article.product-listing .product-listing_image .outOfStock {
      height: 100%;
      background-size: contain;
      background-position: bottom center;
      background-repeat: no-repeat;
      width: 100%;
      z-index: 1;
      float: left;
      background: rgba(0, 0, 0, 0.35);
      position: absolute; }
      article.product-listing .product-listing_image .outOfStock span.label {
        top: 50%;
        width: 100%;
        text-align: center;
        margin-top: -14px;
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 600;
        background: #64b1bc;
        color: #fefefe;
        position: absolute; }
    article.product-listing .product-listing_image img {
      display: block;
      height: auto;
      max-width: 100%; }
    article.product-listing .product-listing_image a.viewProductDetails {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      opacity: 0; }
    @media only screen and (min-width: 1025px) {
      article.product-listing .product-listing_image:hover .image_hover {
        opacity: 1;
        visibility: visible; }
      article.product-listing .product-listing_image:hover a.viewProductDetails {
        opacity: 1;
        visibility: visible; } }
    @media only screen and (max-width: 767px) {
      article.product-listing .product-listing_image {
        height: 240px; } }
  article.product-listing .product-listing_info {
    flex: 0 1 auto;
    text-align: left; }
  article.product-listing .product-listing_header {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 30px;
    padding: 0;
    line-height: 20px; }
    html[lang="ko-KR"] article.product-listing .product-listing_header {
      font-size: 14px; }
  article.product-listing .product-listing_content {
    color: #264B59;
    font-weight: 300; }
    @media only screen and (max-width: 767px) {
      article.product-listing .product-listing_content {
        margin: 1rem 0; } }
  article.product-listing .LabelContainer {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 5px 0 0 5px;
    list-style: none; }
    article.product-listing .LabelContainer li {
      line-height: 14px; }
    article.product-listing .LabelContainer .productLabel {
      font-size: 11px;
      list-style: none;
      display: inline-flex;
      line-height: 11px;
      color: #000; }
      article.product-listing .LabelContainer .productLabel .fa-heart {
        margin-right: 4px; }
    article.product-listing .LabelContainer .outofstockLabel {
      background: #DEDEDE;
      color: #454545;
      font-size: 11px;
      padding: 0 12px;
      list-style: none;
      border-top-left-radius: 15px;
      border-bottom-right-radius: 15px; }
  article.product-listing .price-container {
    display: flex;
    font-size: 12px;
    line-height: 18px; }
    article.product-listing .price-container .price {
      display: flex;
      order: 2; }
      article.product-listing .price-container .price .prime {
        color: red;
        font-weight: 600; }
  article.product-listing .promoLabelContainer {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none; }
    article.product-listing .promoLabelContainer .productPromoTextLabel {
      padding: 5px;
      background-color: #F2F8F9;
      color: #000;
      display: inline-flex;
      margin-bottom: 4px;
      line-height: 14px;
      font-size: 13px; }
      article.product-listing .promoLabelContainer .productPromoTextLabel .fa-heart {
        margin: 0 5px;
        display: flex; }
  article.product-listing .Promotiontext {
    color: #B81830;
    line-height: 16px;
    font-size: 14px; }
    article.product-listing .Promotiontext p {
      margin: 5px 0px; }
  article.product-listing .product-listing_price {
    margin-top: auto; }
    @media only screen and (max-width: 767px) {
      article.product-listing .product-listing_price {
        /*display: none;*/ } }
    html[lang="ko-KR"] article.product-listing .product-listing_price {
      font-size: 12px; }
    article.product-listing .product-listing_price p {
      line-height: 18px;
      margin: 0;
      padding: 0;
      font-size: 12px;
      /*span {
        font-weight: $fw-semi;
      }*/
      /*&.savings {*/
      /*font-weight: $fw-semi;*/
      /*margin-top: .3rem;
      }*/ }
      article.product-listing .product-listing_price p.original-price {
        font-size: 16px;
        color: #A1A1A1;
        text-decoration: line-through; }
      article.product-listing .product-listing_price p .price-strike {
        text-decoration: line-through; }
      article.product-listing .product-listing_price p.sale-price, article.product-listing .product-listing_price p .sale-price {
        color: red;
        font-weight: 600; }
  article.product-listing .product-listing_price-mobile {
    display: block; }
    @media only screen and (min-width: 768px) {
      article.product-listing .product-listing_price-mobile {
        display: none; } }
    article.product-listing .product-listing_price-mobile .price_dropdown {
      position: relative; }
      article.product-listing .product-listing_price-mobile .price_dropdown select {
        background-image: url("../../app/images/select-arrow-down.png");
        background-position: center right;
        background-repeat: no-repeat;
        border-bottom: 1px solid #264B59;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        color: #264B59;
        display: inline-block;
        font-weight: 600;
        margin: 0 0 1rem;
        max-width: 100%;
        padding: 0 100px 8px 0; }
        @media only screen and (max-width: 767px) {
          article.product-listing .product-listing_price-mobile .price_dropdown select {
            display: block;
            width: 100%; } }
      article.product-listing .product-listing_price-mobile .price_dropdown .select_price {
        display: inline-block;
        font-size: 36px;
        font-weight: 400;
        line-height: 36px;
        position: absolute;
        right: 30px;
        bottom: 20px; }
        @media only screen and (max-width: 767px) {
          article.product-listing .product-listing_price-mobile .price_dropdown .select_price {
            bottom: 10px;
            font-size: 28px;
            line-height: 28px; }
            article.product-listing .product-listing_price-mobile .price_dropdown .select_price span {
              display: none; }
              article.product-listing .product-listing_price-mobile .price_dropdown .select_price span:first-of-type {
                display: block; } }
  article.product-listing .product-listing_detail {
    background-color: #FFF;
    border: 1px solid #64b1bc;
    box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, 0.1);
    display: none;
    height: auto;
    left: 0;
    padding: 50px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 200px;
    z-index: 2; }
    @media only screen and (min-width: 768px) {
      article.product-listing .product-listing_detail {
        width: 1158px;
        /*max-width: 100%;*/ } }
    @media only screen and (max-width: 767px) {
      article.product-listing .product-listing_detail {
        margin-top: -45px;
        padding: 40px 20px;
        width: auto; } }
    @media only screen and (min-width: 1025px) {
      article.product-listing .product-listing_detail .detail_container {
        width: 85%; } }
    @media only screen and (max-width: 767px) {
      article.product-listing .product-listing_detail .detail_container {
        display: block;
        min-height: 100px; } }
    article.product-listing .product-listing_detail .detail_container .detail_header-cta {
      text-align: left;
      margin-top: 15px; }
      article.product-listing .product-listing_detail .detail_container .detail_header-cta .availabilityText {
        color: #264B59;
        font-size: 18px;
        line-height: 1;
        font-family: 'Inter', arial, sans-serif;
        font-weight: 400;
        margin-top: 10px; }
        article.product-listing .product-listing_detail .detail_container .detail_header-cta .availabilityText b {
          font-weight: 600; }
    article.product-listing .product-listing_detail .detail_container .opt-in-message {
      font-weight: 600;
      margin-bottom: 5px; }
      @media only screen and (max-width: 767px) {
        article.product-listing .product-listing_detail .detail_container .opt-in-message {
          display: none; } }
    article.product-listing .product-listing_detail .detail_prices {
      display: flex;
      margin: 1rem 0; }
      @media only screen and (max-width: 767px) {
        article.product-listing .product-listing_detail .detail_prices {
          flex-direction: column;
          gap: 10px; } }
      article.product-listing .product-listing_detail .detail_prices .price_dropdown {
        display: none;
        position: relative; }
        @media only screen and (max-width: 767px) {
          article.product-listing .product-listing_detail .detail_prices .price_dropdown {
            display: block; } }
        article.product-listing .product-listing_detail .detail_prices .price_dropdown select {
          background-image: url("../../app/images/select-arrow-down.png");
          background-position: center right;
          background-repeat: no-repeat;
          border-bottom: 1px solid #264B59;
          border-left: 0;
          border-right: 0;
          border-top: 0;
          color: #264B59;
          display: block;
          font-weight: 600;
          margin: 0 0 1rem;
          max-width: 100%;
          padding: 0 100px 8px 0;
          width: 100%; }
        article.product-listing .product-listing_detail .detail_prices .price_dropdown .select_price {
          display: inline-block;
          font-size: 36px;
          font-weight: 400;
          line-height: 36px;
          position: absolute;
          right: 30px;
          bottom: 20px; }
          @media only screen and (max-width: 767px) {
            article.product-listing .product-listing_detail .detail_prices .price_dropdown .select_price {
              bottom: 10px;
              font-size: 28px;
              line-height: 28px; }
              article.product-listing .product-listing_detail .detail_prices .price_dropdown .select_price span {
                display: none; }
                article.product-listing .product-listing_detail .detail_prices .price_dropdown .select_price span:first-of-type {
                  display: block; } }
      article.product-listing .product-listing_detail .detail_prices .price-box_dropdown {
        background-image: url("../../app/images/select-arrow-down.png");
        background-position: center right;
        background-repeat: no-repeat;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px solid #264B59;
        display: none;
        font-weight: 600;
        margin-bottom: 15px;
        padding-bottom: 8px;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          article.product-listing .product-listing_detail .detail_prices .price-box_dropdown {
            display: none; } }
      article.product-listing .product-listing_detail .detail_prices .price-box {
        border: 1px solid #264B59;
        cursor: pointer;
        display: block;
        flex: 0 1 50%;
        font-size: 16px;
        min-height: 120px;
        margin: 0 20px 0 0;
        opacity: .4;
        padding: 15px 20px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          article.product-listing .product-listing_detail .detail_prices .price-box {
            /* border: 0;*/
            /*display: none;*/
            margin: 0;
            min-height: 0;
            padding: 0;
            flex: 1;
            /* margin: 5px;*/
            padding: 5px;
            border-radius: 5px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100px; } }
        article.product-listing .product-listing_detail .detail_prices .price-box:last-of-type {
          margin-right: 0; }
        article.product-listing .product-listing_detail .detail_prices .price-box.active {
          opacity: 1;
          display: block; }
          article.product-listing .product-listing_detail .detail_prices .price-box.active .product-listing_price p {
            font-size: 16px; }
            @media only screen and (max-width: 767px) {
              article.product-listing .product-listing_detail .detail_prices .price-box.active .product-listing_price p {
                font-size: 14px; } }
          @media only screen and (max-width: 767px) {
            article.product-listing .product-listing_detail .detail_prices .price-box.active {
              display: flex; } }
        article.product-listing .product-listing_detail .detail_prices .price-box .price-box_label {
          display: inline-block;
          font-weight: 300; }
          @media only screen and (max-width: 767px) {
            article.product-listing .product-listing_detail .detail_prices .price-box .price-box_label {
              display: flex;
              justify-content: center; } }
        article.product-listing .product-listing_detail .detail_prices .price-box .price {
          display: inline-block;
          font-size: 20px;
          font-weight: 600;
          margin-left: .25rem;
          margin-top: -.25em;
          position: relative; }
          @media only screen and (max-width: 767px) {
            article.product-listing .product-listing_detail .detail_prices .price-box .price {
              font-size: 36px;
              line-height: 1;
              margin: 0;
              text-align: center; } }
          article.product-listing .product-listing_detail .detail_prices .price-box .price.sale-price {
            color: red;
            display: block; }
          article.product-listing .product-listing_detail .detail_prices .price-box .price.price-strike {
            text-decoration: line-through;
            display: block;
            font-size: 18px; }
        article.product-listing .product-listing_detail .detail_prices .price-box .save {
          display: block;
          font-weight: 400;
          margin-top: 15px; }
          @media only screen and (max-width: 767px) {
            article.product-listing .product-listing_detail .detail_prices .price-box .save {
              display: inline-block;
              font-weight: 400;
              margin-top: 5px;
              line-height: 20px;
              width: 100%;
              text-align: center; } }
        @media only screen and (max-width: 767px) {
          article.product-listing .product-listing_detail .detail_prices .price-box[data-value=one-time-purchase] .save {
            display: none; } }
  article.product-listing .product-listing_link {
    margin-bottom: 20px; }
  article.product-listing .product-listing_button {
    margin-top: auto; }
    @media only screen and (min-width: 1025px) {
      article.product-listing .product-listing_button .button {
        min-width: 230px; } }
    @media only screen and (max-width: 1024px) {
      article.product-listing .product-listing_button .button {
        min-width: auto;
        width: 100%; } }
  article.product-listing.open .product-listing_detail {
    display: block; }
  article.product-listing .detail_triangle {
    background: transparent url("../../app/images/icon-product-triangle.png") 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 22px;
    left: 0;
    position: absolute;
    top: -22px;
    width: 45px; }
    @media only screen and (max-width: 767px) {
      article.product-listing .detail_triangle {
        left: 50%;
        transform: translateX(-50%); } }
  article.product-listing .detail_header {
    border-bottom: 1px solid #DBDADA;
    display: flex;
    margin: 0 0 40px;
    padding: 0 0 20px; }
    @media only screen and (max-width: 767px) {
      article.product-listing .detail_header {
        flex-direction: column; } }
  article.product-listing .detail_close {
    background-image: url("../../app/images/close.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px; }
  article.product-listing .detail_header-info {
    flex: 1;
    text-align: left; }
    html[lang='es-CO'] article.product-listing .detail_header-info,
    html[lang='zh-HK'] article.product-listing .detail_header-info {
      flex: 1;
      max-width: 40%;
      padding-right: 0; }
    @media only screen and (min-width: 768px) {
      article.product-listing .detail_header-info {
        flex: 0 0 50%;
        padding-right: 15px;
        max-width: 50%; } }
  article.product-listing .detail_header-title {
    color: #64b1bc;
    font-size: 36px;
    margin: 0 0 20px;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      article.product-listing .detail_header-title {
        margin: 0;
        font-size: 32px; } }
    html[lang="ko-KR"] article.product-listing .detail_header-title {
      font-size: 21px; }
  article.product-listing .detail_header-tags {
    color: #264B59;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      article.product-listing .detail_header-tags {
        display: flex; } }
    article.product-listing .detail_header-tags .includes {
      font-size: 13px;
      margin-right: 10px; }
      @media only screen and (max-width: 767px) {
        article.product-listing .detail_header-tags .includes {
          display: block; } }
    article.product-listing .detail_header-tags ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: inline;
      margin: -5px;
      list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
      @media only screen and (max-width: 767px) {
        article.product-listing .detail_header-tags ul {
          display: block;
          flex: 1; } }
      article.product-listing .detail_header-tags ul li {
        background-color: #F4F6F6;
        border-radius: 22px;
        color: #264B59;
        display: inline-block;
        font-size: 13px;
        margin: 5px;
        padding: 5px 25px;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          article.product-listing .detail_header-tags ul li {
            margin: 0 5px 5px 0; } }
  article.product-listing .detail_header-price {
    flex: 0 1 auto;
    margin-left: auto; }
    html[lang='es-CO'] article.product-listing .detail_header-price,
    html[lang='zh-HK'] article.product-listing .detail_header-price {
      flex: 1;
      max-width: 35%; }
    @media only screen and (min-width: 768px) {
      article.product-listing .detail_header-price {
        margin-top: 15px;
        padding-right: 25px; } }
    @media only screen and (max-width: 767px) {
      article.product-listing .detail_header-price {
        margin: 15px 0 20px;
        text-align: left; } }
    article.product-listing .detail_header-price h3 {
      color: #264B59;
      font-family: "Inter", arial, sans-serif;
      font-size: 36px;
      font-weight: 400;
      margin: 0;
      padding: 0; }
      .apac article.product-listing .detail_header-price h3 {
        font-family: "Noto Serif", serif; }
      html[lang='ja-JP'] article.product-listing .detail_header-price h3 {
        font-family: "YuMincho", "Noto Serif", serif; }
    article.product-listing .detail_header-price p {
      line-height: 1;
      margin: 0;
      padding: 0; }
    article.product-listing .detail_header-price .price_dropdown {
      position: relative; }
      article.product-listing .detail_header-price .price_dropdown select {
        background-image: url("../../app/images/select-arrow-down.png");
        background-position: center right;
        background-repeat: no-repeat;
        border-bottom: 1px solid #264B59;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        color: #264B59;
        display: inline-block;
        font-weight: 600;
        margin: 0 0 1rem;
        max-width: 100%;
        padding: 0 90px 8px 0; }
        html[lang='es-CO'] article.product-listing .detail_header-price .price_dropdown select,
        html[lang='zh-HK'] article.product-listing .detail_header-price .price_dropdown select {
          width: 100%; }
        @media only screen and (max-width: 767px) {
          article.product-listing .detail_header-price .price_dropdown select {
            display: block;
            width: 100%; } }
      article.product-listing .detail_header-price .price_dropdown .select_price {
        background-color: #FFF;
        display: inline-block;
        font-size: 36px;
        font-weight: 400;
        line-height: 36px;
        position: absolute;
        right: 20px;
        bottom: 20px;
        z-index: 10; }
        @media only screen and (max-width: 767px) {
          article.product-listing .detail_header-price .price_dropdown .select_price {
            bottom: 10px;
            font-size: 28px;
            line-height: 28px; } }
  article.product-listing .detail_header-cta {
    flex: 0 1 auto;
    text-align: center; }
    article.product-listing .detail_header-cta .button.main-cta {
      display: inline-block;
      height: 45px;
      line-height: 45px;
      margin-bottom: .5rem;
      padding-bottom: 0;
      padding-top: 0; }
      @media only screen and (max-width: 767px) {
        article.product-listing .detail_header-cta .button.main-cta {
          display: block;
          width: auto; } }
    article.product-listing .detail_header-cta p {
      margin: 0;
      padding: 0; }
    article.product-listing .detail_header-cta .link {
      color: #64B1BC;
      display: block;
      font-size: 16px; }
  article.product-listing .detail_body {
    display: flex; }
    @media only screen and (max-width: 767px) {
      article.product-listing .detail_body {
        flex-direction: column; } }
    article.product-listing .detail_body .detail_left {
      flex: 0 0 40%;
      max-width: 40%; }
      article.product-listing .detail_body .detail_left p {
        margin: 0 0 1em;
        padding: 0; }
        article.product-listing .detail_body .detail_left p:last-of-type {
          margin-bottom: 0; }
        article.product-listing .detail_body .detail_left p.heading {
          font-weight: 600; }
      @media only screen and (max-width: 767px) {
        article.product-listing .detail_body .detail_left {
          flex: 1;
          max-width: 100%; } }
    article.product-listing .detail_body .detail_right {
      flex: 0 0 60%;
      padding-left: 70px;
      max-width: 60%; }
      @media only screen and (max-width: 767px) {
        article.product-listing .detail_body .detail_right {
          flex: 1;
          margin: 0 0 20px;
          padding-left: 0;
          max-width: 100%;
          order: -1; } }
  article.product-listing .detail_results .pictures {
    display: inline-flex;
    flex: 1;
    width: 100%; }
    @media only screen and (min-width: 1025px) {
      article.product-listing .detail_results .pictures {
        height: 300px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.product-listing .detail_results .pictures {
        height: 250px; } }
    @media only screen and (max-width: 767px) {
      article.product-listing .detail_results .pictures {
        height: 150px;
        display: block;
        width: auto; } }
  article.product-listing .detail_results .picture {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: block;
    flex: 0 1 50%;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      article.product-listing .detail_results .picture {
        height: 200px;
        width: 50%; } }
    article.product-listing .detail_results .picture.before {
      border-right: 1px solid #FFF;
      float: left; }
    article.product-listing .detail_results .picture .caption {
      bottom: 10px;
      color: #FFF;
      display: block;
      font-size: 14px;
      position: absolute;
      right: 10px;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  article.product-listing .detail_results .detail_results-text {
    background-color: #F4F6F6;
    padding: 20px 40px; }
    article.product-listing .detail_results .detail_results-text p {
      margin: 0 0 10px;
      padding: 0; }

@media only screen and (min-width: 768px) {
  .shop_hero--detail article.shop-detail-hero {
    margin: 50px 0; } }

@media only screen and (max-width: 767px) {
  .shop_hero--detail article.shop-detail-hero {
    margin: 0 0 25px; } }

.shop_hero--detail article.shop-detail-hero .wrapper {
  display: flex; }
  @media only screen and (max-width: 767px) {
    .shop_hero--detail article.shop-detail-hero .wrapper {
      flex-direction: column; } }
  .shop_hero--detail article.shop-detail-hero .wrapper .left {
    flex: 0 0 50%;
    margin-right: 1%;
    position: relative; }
    .shop_hero--detail article.shop-detail-hero .wrapper .left .outOfStock {
      height: 100%;
      background-size: contain;
      background-position: bottom center;
      background-repeat: no-repeat;
      width: 100%;
      z-index: 1;
      float: left;
      background: rgba(0, 0, 0, 0.35);
      position: absolute;
      top: 0; }
      .shop_hero--detail article.shop-detail-hero .wrapper .left .outOfStock span.label {
        top: 50%;
        width: 100%;
        text-align: center;
        margin-top: -23px;
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 600;
        background: #64b1bc;
        color: #fefefe;
        position: absolute; }
    @media only screen and (max-width: 767px) {
      .shop_hero--detail article.shop-detail-hero .wrapper .left {
        background-color: #F4F6F6;
        flex: 1;
        margin: 0 -30px 20px;
        padding: 30px 0; } }
    .shop_hero--detail article.shop-detail-hero .wrapper .left img {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: 100%; }
      @media only screen and (max-width: 767px) {
        .shop_hero--detail article.shop-detail-hero .wrapper .left img {
          max-height: 50vh; } }
  .shop_hero--detail article.shop-detail-hero .wrapper .right {
    flex: 0 0 49%; }
    @media only screen and (max-width: 767px) {
      .shop_hero--detail article.shop-detail-hero .wrapper .right {
        flex: 1; } }

.shop_hero--detail article.shop-detail-hero h1 {
  font-size: 48px;
  letter-spacing: 0;
  margin: 0;
  padding: 0; }
  html[lang="ko-KR"] .shop_hero--detail article.shop-detail-hero h1 {
    font-size: 21px; }
  @media only screen and (max-width: 767px) {
    .shop_hero--detail article.shop-detail-hero h1 {
      font-size: 24px; } }

.shop_hero--detail article.shop-detail-hero .description {
  margin: 0;
  padding: 0; }

.shop_hero--detail article.shop-detail-hero .opt-in-message {
  font-weight: 600;
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .shop_hero--detail article.shop-detail-hero .opt-in-message {
      display: none; } }

.shop_hero--detail article.shop-detail-hero .detail_tags {
  border-bottom: 1px solid #DBDADA;
  color: #264B59;
  display: inline-block;
  margin: 0 0 25px;
  padding: 0 0 30px;
  text-align: left;
  width: 100%; }
  .shop_hero--detail article.shop-detail-hero .detail_tags .includes {
    font-size: 13px;
    margin-right: 10px; }
    @media only screen and (max-width: 767px) {
      .shop_hero--detail article.shop-detail-hero .detail_tags .includes {
        display: block;
        float: left;
        margin-right: 0;
        width: 20%; } }
  .shop_hero--detail article.shop-detail-hero .detail_tags ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
    @media only screen and (max-width: 767px) {
      .shop_hero--detail article.shop-detail-hero .detail_tags ul {
        float: right;
        display: block;
        width: 80%; } }
    .shop_hero--detail article.shop-detail-hero .detail_tags ul li {
      background: #F4F6F6;
      border-radius: 22px;
      color: #264B59;
      display: inline-block;
      font-size: 13px;
      margin: 0 5px;
      padding: 5px 25px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .shop_hero--detail article.shop-detail-hero .detail_tags ul li {
          margin: 0 5px 5px 0; } }

.shop_hero--detail article.shop-detail-hero .detail_prices {
  display: flex; }
  @media only screen and (min-width: 1025px) {
    .shop_hero--detail article.shop-detail-hero .detail_prices {
      width: 85%; } }
  @media only screen and (max-width: 767px) {
    .shop_hero--detail article.shop-detail-hero .detail_prices {
      display: block;
      min-height: 100px;
      flex-direction: column; } }
  .shop_hero--detail article.shop-detail-hero .detail_prices .price_dropdown {
    display: none;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .shop_hero--detail article.shop-detail-hero .detail_prices .price_dropdown {
        display: block; } }
    .shop_hero--detail article.shop-detail-hero .detail_prices .price_dropdown select {
      background-image: url("../../app/images/select-arrow-down.png");
      background-position: center right;
      background-repeat: no-repeat;
      border-bottom: 1px solid #264B59;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      color: #264B59;
      display: block;
      font-weight: 600;
      margin: 0 0 1rem;
      max-width: 100%;
      padding: 0 100px 8px 0;
      width: 100%; }
    .shop_hero--detail article.shop-detail-hero .detail_prices .price_dropdown .select_price {
      display: inline-block;
      font-size: 36px;
      font-weight: 400;
      line-height: 36px;
      position: absolute;
      right: 30px;
      bottom: 20px; }
      @media only screen and (max-width: 767px) {
        .shop_hero--detail article.shop-detail-hero .detail_prices .price_dropdown .select_price {
          bottom: 10px;
          font-size: 28px;
          line-height: 28px; }
          .shop_hero--detail article.shop-detail-hero .detail_prices .price_dropdown .select_price span {
            display: none; }
            .shop_hero--detail article.shop-detail-hero .detail_prices .price_dropdown .select_price span:first-of-type {
              display: block; } }
  .shop_hero--detail article.shop-detail-hero .detail_prices .price-box_dropdown {
    background-image: url("../../app/images/select-arrow-down.png");
    background-position: center right;
    background-repeat: no-repeat;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #264B59;
    display: none;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 8px;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .shop_hero--detail article.shop-detail-hero .detail_prices .price-box_dropdown {
        display: block; } }
  .shop_hero--detail article.shop-detail-hero .detail_prices .price-box {
    border: 1px solid #264B59;
    cursor: pointer;
    display: block;
    flex: 0 1 50%;
    font-size: 16px;
    min-height: 120px;
    margin: 0 20px 0 0;
    opacity: .4;
    padding: 15px 20px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .shop_hero--detail article.shop-detail-hero .detail_prices .price-box {
        border: 0;
        /*display: none;*/
        min-height: 0;
        padding: 0;
        flex: 1;
        padding: 5px;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 100px; } }
    .shop_hero--detail article.shop-detail-hero .detail_prices .price-box:last-of-type {
      margin-right: 0; }
    .shop_hero--detail article.shop-detail-hero .detail_prices .price-box.active {
      opacity: 1;
      display: block; }
      @media only screen and (max-width: 767px) {
        .shop_hero--detail article.shop-detail-hero .detail_prices .price-box.active {
          display: flex;
          /*display: inline-flex;*/
          /*width: 100%;
            align-items: center;
            justify-content: center;
            flex-direction: column;*/ } }
    .shop_hero--detail article.shop-detail-hero .detail_prices .price-box .price-box_label {
      display: inline-block;
      font-weight: 300; }
      @media only screen and (max-width: 767px) {
        .shop_hero--detail article.shop-detail-hero .detail_prices .price-box .price-box_label {
          display: flex; } }
    .shop_hero--detail article.shop-detail-hero .detail_prices .price-box .price {
      display: inline-block;
      font-size: 20px;
      font-weight: 600;
      vertical-align: middle;
      margin-left: .25rem;
      margin-top: -.25em;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .shop_hero--detail article.shop-detail-hero .detail_prices .price-box .price {
          font-size: 36px;
          line-height: 1;
          margin: 0 15px 0 0; } }
    .shop_hero--detail article.shop-detail-hero .detail_prices .price-box .save {
      display: block;
      font-weight: 400;
      margin-top: 15px; }
      @media only screen and (max-width: 767px) {
        .shop_hero--detail article.shop-detail-hero .detail_prices .price-box .save {
          display: inline-block;
          font-weight: 400;
          margin-top: 5px;
          line-height: 20px; } }
    @media only screen and (max-width: 767px) {
      .shop_hero--detail article.shop-detail-hero .detail_prices .price-box[data-value=one-time-purchase] .save {
        display: none; } }

.shop_hero--detail article.shop-detail-hero .detail_cta {
  margin: 30px 0; }
  @media only screen and (min-width: 1025px) {
    .shop_hero--detail article.shop-detail-hero .detail_cta {
      min-width: 41%;
      display: inline-block; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .shop_hero--detail article.shop-detail-hero .detail_cta {
      width: 30%; } }
  @media only screen and (max-width: 767px) {
    .shop_hero--detail article.shop-detail-hero .detail_cta {
      margin: 20px 0 30px; } }
  .shop_hero--detail article.shop-detail-hero .detail_cta .button.main-cta {
    border: 1px solid #FF9913;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
    width: 100%; }

.shop_hero--detail article.shop-detail-hero .detail_bottom {
  display: flex;
  align-items: center;
  line-height: 1.25em;
  margin-top: 25px; }
  .shop_hero--detail article.shop-detail-hero .detail_bottom span {
    font-weight: 600; }
  .shop_hero--detail article.shop-detail-hero .detail_bottom .guarantee-icon {
    background: transparent url("../../app/images/30-guarantee.png") left top no-repeat;
    background-size: cover;
    flex: 0 0 auto;
    height: 45px;
    width: 45px;
    margin-right: 10px; }
    .shop_hero--detail article.shop-detail-hero .detail_bottom .guarantee-icon.en-de, .shop_hero--detail article.shop-detail-hero .detail_bottom .guarantee-icon.en-at {
      background-image: url("../../app/images/30-guarantee-text.png");
      height: 69px;
      width: 69px; }
    .shop_hero--detail article.shop-detail-hero .detail_bottom .guarantee-icon.de-de, .shop_hero--detail article.shop-detail-hero .detail_bottom .guarantee-icon.de-at {
      background-image: url("../../app/images/30-guarantee-text-de.png");
      height: 69px;
      width: 69px; }
  .shop_hero--detail article.shop-detail-hero .detail_bottom .gurantee-text {
    flex: 1;
    font-weight: 300; }

.shop_hero--detail article.shop-detail-hero .availabilityText {
  color: #264B59;
  font-size: 18px;
  line-height: 1;
  font-family: 'Inter', arial, sans-serif;
  font-weight: 400;
  margin: 10px 0; }
  .shop_hero--detail article.shop-detail-hero .availabilityText b {
    font-weight: 600; }

article.alert-box {
  background-color: #FBF8F4;
  padding: 25px 40px; }
  article.alert-box h3 {
    font-weight: 400;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      article.alert-box h3 {
        font-size: 20px; } }
  article.alert-box p {
    font-weight: 300;
    margin: .5rem 0;
    padding: 0; }

.country-selector {
  background: white;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 50%;
  /*max-height: 95%;
  max-width: 95%;*/
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: fixed;
  /*top: 20px;*/
  top: 0;
  transform: translateX(-50%);
  transition: all ease-out 80ms;
  /*width: $gridWidth;*/
  width: 100%;
  height: 100%;
  z-index: 9020;
  padding: 15px 10%; }
  @media screen and (max-width: 1024px) {
    .country-selector {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .country-selector {
      left: 0;
      height: 100%;
      max-height: 100%;
      max-width: 100%;
      top: 0;
      transform: translateX(0);
      width: 100%;
      padding: 15px 5%; } }
  .country-selector.open {
    display: block; }
  .country-selector .country-selector_close {
    background-image: url("../../app/images/close.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 25px;
    top: 30px;
    width: 20px;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .country-selector .country-selector_close {
        height: 25px;
        right: 15px;
        top: 30px;
        width: 25px; } }
  .country-selector .country-selector_inner {
    display: block;
    overflow: auto;
    width: 100%; }
    @media only screen and (min-width: 1025px) {
      .country-selector .country-selector_inner {
        padding: 50px 100px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .country-selector .country-selector_inner {
        padding: 50px 30px 80px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .country-selector .country-selector_inner {
        padding: 50px 30px 220px; } }
    @media only screen and (max-width: 767px) {
      .country-selector .country-selector_inner {
        overflow-x: hidden;
        padding: 25px 10px; } }
    .country-selector .country-selector_inner .text {
      display: block;
      margin: 0 auto 0px;
      text-align: center;
      width: auto; }
      @media only screen and (max-width: 767px) {
        .country-selector .country-selector_inner .text {
          margin-bottom: 20px; } }
      .country-selector .country-selector_inner .text .title {
        font-size: 48px;
        letter-spacing: 0;
        line-height: 1;
        margin: 0;
        padding: 0; }
        @media only screen and (max-width: 767px) {
          .country-selector .country-selector_inner .text .title {
            font-size: 32px;
            line-height: 38px; } }
    .country-selector .country-selector_inner .countries {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      /*justify-content: center;*/
      justify-content: left;
      flex-wrap: wrap;
      /*margin: -20px 0;*/
      width: auto; }
      @media only screen and (max-width: 767px) {
        .country-selector .country-selector_inner .countries {
          flex-direction: column;
          margin: 0;
          padding: 0;
          width: auto; } }
      .country-selector .country-selector_inner .countries > li {
        /*align-items: center;*/
        align-items: baseline;
        display: flex;
        flex: 0 1 25%;
        justify-content: flex-start;
        /*justify-content: center;*/
        max-width: 25%;
        padding: 0;
        transition: all linear 200ms; }
        .country-selector .country-selector_inner .countries > li.countrylist .countries_toggle {
          padding: 15px 0; }
          @media only screen and (max-width: 767px) {
            .country-selector .country-selector_inner .countries > li.countrylist .countries_toggle {
              padding: 10px 0; } }
        .country-selector .country-selector_inner .countries > li.countrylist:hover {
          transform: scale(1.05) translate(0px, -10px);
          background: rgba(0, 0, 0, 0.015);
          z-index: 1000;
          box-shadow: 0px 0px 3px 0px rgba(17, 17, 17, 0.25) inset;
          margin: 0;
          border-radius: 8px;
          z-index: 10000; }
          .country-selector .country-selector_inner .countries > li.countrylist:hover .textWrapper {
            text-decoration: underline;
            color: #60B0BB;
            font-style: normal; }
        .country-selector .country-selector_inner .countries > li.title {
          display: block;
          flex: auto;
          width: 100%;
          max-width: 100%;
          cursor: pointer; }
          .country-selector .country-selector_inner .countries > li.title:hover h2 {
            color: #62b0bb; }
          .country-selector .country-selector_inner .countries > li.title h2 {
            font-size: 40px;
            font-family: inherit;
            font-weight: 100;
            -webkit-transition: all ease 0.8s;
            -moz-transition: all ease 0.8s;
            transition: all ease 0.8s; }
            @media only screen and (max-width: 767px) {
              .country-selector .country-selector_inner .countries > li.title h2 {
                margin: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .country-selector .country-selector_inner .countries > li {
            flex: 0 1 33.33%;
            max-width: 33.33%; } }
        @media only screen and (max-width: 767px) {
          .country-selector .country-selector_inner .countries > li {
            flex-direction: column;
            flex: 1;
            max-width: 100%; } }
        .country-selector .country-selector_inner .countries > li .countries_toggle {
          font-family: "Inter", arial, sans-serif;
          text-align: center;
          width: 100%; }
          .apac .country-selector .country-selector_inner .countries > li .countries_toggle {
            font-family: "Noto Serif", serif; }
          html[lang='ja-JP'] .country-selector .country-selector_inner .countries > li .countries_toggle {
            font-family: "YuMincho", "Noto Serif", serif; }
          @media only screen and (max-width: 767px) {
            .country-selector .country-selector_inner .countries > li .countries_toggle {
              align-items: center;
              display: flex;
              text-align: left;
              width: 100%; } }
        .country-selector .country-selector_inner .countries > li .countries_flag {
          background-repeat: no-repeat;
          height: 60px;
          width: 60px;
          float: left;
          margin: 0 10px;
          border-radius: 100%;
          background-size: 100% 100%;
          box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
          background-clip: padding-box;
          background-size: cover;
          background-position: center center; }
          .country-selector .country-selector_inner .countries > li .countries_flag.australia {
            background-image: url("../../app/images/countries/australia.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.austria {
            background-image: url("../../app/images/countries/austria.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.canada {
            background-image: url("../../app/images/countries/canada.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.colombia {
            background-image: url("../../app/images/countries/colombia.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.germany {
            background-image: url("../../app/images/countries/germany.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.hong-kong {
            background-image: url("../../app/images/countries/hong-kong.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.japan {
            background-image: url("../../app/images/countries/japan.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.korea {
            background-image: url("../../app/images/countries/korea.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.mexico {
            background-image: url("../../app/images/countries/mexico.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.new-zealand {
            background-image: url("../../app/images/countries/new-zealand.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.singapore {
            background-image: url("../../app/images/countries/singapore.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.switzerland {
            background-image: url("../../app/images/countries/switzerland.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.usa {
            background-image: url("../../app/images/countries/usa.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.philippines {
            background-image: url("../../app/images/countries/philippines.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.sweden {
            background-image: url("../../app/images/countries/sweden.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.poland {
            background-image: url("../../app/images/countries/poland.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.united-kingdom {
            background-image: url("../../app/images/countries/united-kingdom.png"); }
          .country-selector .country-selector_inner .countries > li .countries_flag.belgium {
            background-image: url("../../app/images/countries/belgium.png"); }
          @media only screen and (max-width: 767px) {
            .country-selector .country-selector_inner .countries > li .countries_flag {
              flex: 0 0 auto;
              margin-right: 10px;
              height: 40px;
              width: 40px; } }
        .country-selector .country-selector_inner .countries > li .textWrapper {
          float: left;
          padding: 10px 0 0 5px;
          line-height: 20px;
          font-size: 18px;
          text-align: left; }
        .country-selector .country-selector_inner .countries > li h3 {
          font-size: 18px;
          line-height: 1.25em;
          margin: 0;
          padding: 0;
          font-weight: 700;
          font-family: initial; }
          @media only screen and (max-width: 767px) {
            .country-selector .country-selector_inner .countries > li h3 {
              padding-top: 0; } }
        .country-selector .country-selector_inner .countries > li .countries_languages {
          border-left: 1px solid transparent;
          height: 100%;
          opacity: 0;
          position: relative;
          transition: all ease-out 200ms;
          visibility: hidden;
          width: 0; }
          @media only screen and (max-width: 767px) {
            .country-selector .country-selector_inner .countries > li .countries_languages {
              height: 0;
              width: 100%; } }
          .country-selector .country-selector_inner .countries > li .countries_languages ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .country-selector .country-selector_inner .countries > li .countries_languages ul {
                flex-direction: row;
                justify-content: flex-start;
                margin-left: 60px; } }
            .country-selector .country-selector_inner .countries > li .countries_languages ul > li {
              margin: 10px 0; }
              .country-selector .country-selector_inner .countries > li .countries_languages ul > li:last-of-type {
                margin-right: 0;
                padding-right: 0; }
              @media only screen and (max-width: 767px) {
                .country-selector .country-selector_inner .countries > li .countries_languages ul > li {
                  border-right: 2px solid #64b1bc;
                  margin: 0 20px 0 0;
                  padding-right: 10px; }
                  .country-selector .country-selector_inner .countries > li .countries_languages ul > li:last-of-type {
                    border-right: 0; } }
              @media only screen and (max-width: 767px) {
                .country-selector .country-selector_inner .countries > li .countries_languages ul > li .button {
                  margin-left: 0;
                  padding-left: 0; } }
        .country-selector .country-selector_inner .countries > li.open .countries_languages {
          border-left-color: #64b1bc;
          opacity: 1;
          visibility: visible;
          width: 40%; }
          @media only screen and (min-width: 768px) {
            .country-selector .country-selector_inner .countries > li.open .countries_languages {
              margin-left: 20px;
              padding-left: 20px; } }
          @media only screen and (max-width: 767px) {
            .country-selector .country-selector_inner .countries > li.open .countries_languages {
              border-left: 0;
              height: auto;
              margin-top: 20px;
              width: 100%; } }

.more-info-modal {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.2);
  display: block;
  height: 460px;
  left: 50%;
  max-height: 95%;
  max-width: 80%;
  opacity: 0;
  padding: 20px;
  position: fixed;
  top: 20px;
  transform: translateX(-50%);
  transition: all ease-out 80ms;
  visibility: hidden;
  width: 800px;
  z-index: 9020; }
  @media only screen and (max-width: 767px) {
    .more-info-modal {
      bottom: 0;
      left: 0;
      right: 0;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      top: 60px;
      padding: 0;
      transform: translateX(0);
      width: 100%;
      z-index: 1; } }
  .more-info-modal.open {
    opacity: 1;
    visibility: visible; }
  .more-info-modal .more-info_close {
    background-image: url("../../app/images/close.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 32px;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .more-info-modal .more-info_close {
        height: 25px;
        right: 15px;
        top: 15px;
        width: 25px; } }
  .more-info-modal .more-info_inner {
    border: 2px solid #d8dbdc;
    box-sizing: border-box;
    display: block;
    position: relative;
    height: 100%;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .more-info-modal .more-info_inner {
        border: 0; } }
  .more-info-modal .more-info_form {
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 100%;
    width: 350px; }
    @media only screen and (max-width: 767px) {
      .more-info-modal .more-info_form {
        left: auto;
        top: auto;
        padding: 20px;
        position: relative;
        transform: translate(0, 0);
        width: auto; } }
    .more-info-modal .more-info_form h3 {
      font-size: 24px;
      letter-spacing: 0;
      margin: 0 0 25px;
      padding: 0; }
    .more-info-modal .more-info_form input[type="text"], .more-info-modal .more-info_form input[type="password"], .more-info-modal .more-info_form input[type="search"], .more-info-modal .more-info_form input[type="number"], .more-info-modal .more-info_form input[type="datetime"], .more-info-modal .more-info_form input[type="datetime-local"], .more-info-modal .more-info_form input[type="date"], .more-info-modal .more-info_form input[type="month"], .more-info-modal .more-info_form input[type="time"], .more-info-modal .more-info_form input[type="week"], .more-info-modal .more-info_form input[type="email"], .more-info-modal .more-info_form input[type="url"], .more-info-modal .more-info_form input[type="tel"], .more-info-modal .more-info_form input[type="color"] {
      font-weight: 300; }
    .more-info-modal .more-info_form select {
      background-image: url("../../app/images/select-arrow-down.png");
      background-repeat: no-repeat;
      background-position: center right;
      font-size: inherit;
      font-weight: 300;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      margin: 0;
      padding: 10px 15px;
      width: 100%; }
    .more-info-modal .more-info_form .group {
      margin-bottom: 10px; }
      @media only screen and (max-width: 767px) {
        .more-info-modal .more-info_form .group {
          margin-bottom: 15px; } }
    .more-info-modal .more-info_form .buttons .button {
      margin: 15px 0 0; }

article.leadership {
  background: #FFF url("../../app/images/pattern-large.jpg") center top no-repeat;
  margin: 0; }
  article.leadership .bio-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -15px 60px;
    text-align: left; }
    article.leadership .bio-grid .bio {
      flex: 0 0 25%;
      margin: 0;
      max-width: 25%;
      padding: 15px; }
      @media only screen and (max-width: 767px) {
        article.leadership .bio-grid .bio {
          flex: 0 0 50%;
          max-width: 50%;
          padding: 15px; } }
      article.leadership .bio-grid .bio .bio_image {
        display: block;
        height: auto;
        margin-bottom: 20px;
        max-width: 100%; }
      article.leadership .bio-grid .bio .bio_info {
        margin-bottom: 15px; }
      article.leadership .bio-grid .bio .bio_name {
        font-size: 24px;
        font-weight: 400;
        margin: 0 0 5px;
        padding: 0; }
      article.leadership .bio-grid .bio .bio_title {
        font-weight: 300;
        margin: 0;
        padding: 0; }

article.who-we-are-list .list_hero {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  margin-bottom: 60px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    article.who-we-are-list .list_hero {
      min-height: calc(100vh - 60px); } }
  article.who-we-are-list .list_hero .list_hero-text {
    background-color: rgba(255, 255, 255, 0.95);
    flex-direction: column;
    justify-content: center;
    bottom: 0;
    display: flex;
    height: 270px;
    max-width: 100%;
    padding: 0 40px;
    position: absolute;
    right: 0;
    width: 450px; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.who-we-are-list .list_hero .list_hero-text {
        width: 50%;
        padding: 15px 30px; } }
    @media only screen and (max-width: 767px) {
      article.who-we-are-list .list_hero .list_hero-text {
        padding: 0; } }
    article.who-we-are-list .list_hero .list_hero-text h3 {
      font-size: 24px;
      margin: 0 0 15px;
      padding: 0; }
    article.who-we-are-list .list_hero .list_hero-text p {
      font-weight: 300;
      margin: 0;
      padding: 0; }
    article.who-we-are-list .list_hero .list_hero-text .list_hero-text-inner {
      display: block;
      flex: 0 1 auto;
      padding: 40px 60px;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        article.who-we-are-list .list_hero .list_hero-text .list_hero-text-inner {
          padding: 20px 20px 20px 60px; } }
      @media only screen and (max-width: 767px) {
        article.who-we-are-list .list_hero .list_hero-text .list_hero-text-inner {
          padding: 0 20px 0 60px; } }
      article.who-we-are-list .list_hero .list_hero-text .list_hero-text-inner::before {
        color: rgba(163, 169, 172, 0.3);
        content: '1';
        display: inline-block;
        font-family: "Inter", arial, sans-serif;
        font-size: 80px;
        left: -40px;
        letter-spacing: -8px;
        line-height: 1;
        position: absolute;
        text-align: right;
        top: 30px;
        width: 80px; }
        .apac article.who-we-are-list .list_hero .list_hero-text .list_hero-text-inner::before {
          font-family: "Noto Serif", serif; }
        html[lang='ja-JP'] article.who-we-are-list .list_hero .list_hero-text .list_hero-text-inner::before {
          font-family: "YuMincho", "Noto Serif", serif; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          article.who-we-are-list .list_hero .list_hero-text .list_hero-text-inner::before {
            left: -20px;
            top: 15px;
            width: 60px; } }
        @media only screen and (max-width: 767px) {
          article.who-we-are-list .list_hero .list_hero-text .list_hero-text-inner::before {
            left: -20px;
            top: 0;
            width: 60px; } }

article.who-we-are-list .flex_row.list {
  counter-reset: step-counter 1; }

article.text-image .wrapper {
  display: flex; }
  @media only screen and (max-width: 767px) {
    article.text-image .wrapper {
      flex-direction: column; } }

article.text-image .text {
  flex: 0 0 50%;
  position: relative; }
  article.text-image .text .text_inner {
    display: block; }
  @media only screen and (max-width: 767px) {
    article.text-image .text {
      margin: 0 0 30px; } }

article.text-image .image {
  flex: 0 0 50%; }
  article.text-image .image img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: auto; }

article.text-image .today {
  color: #64b1bc;
  font-style: italic;
  font-size: 34px;
  line-height: 1;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 1024px) {
    article.text-image .today {
      font-size: 30px; } }

article.text-image hr {
  display: inline-block; }

article.text-image h1 {
  color: #264B59;
  font-size: 48px;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 1024px) {
    article.text-image h1 {
      font-size: 40px; } }

article.text-image ul {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style-type: disc; }
  article.text-image ul li {
    margin-bottom: 1rem; }
    article.text-image ul li:last-of-type {
      margin-bottom: 0; }

article.text-image .description {
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 768px) {
    article.text-image .description {
      width: 80%; } }

article.text-image .buttons {
  margin: 25px 0 0; }

article.text-image.right .image {
  order: 1; }

article.text-image.right .text {
  order: 2; }
  @media only screen and (min-width: 768px) {
    article.text-image.right .text {
      padding-left: 80px; } }
  @media only screen and (max-width: 767px) {
    article.text-image.right .text {
      padding-top: 20px; } }

article.text-image.thirty_seventy .text {
  flex-basis: 30%; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.text-image.thirty_seventy .text {
      flex-basis: 50%; } }

article.text-image.thirty_seventy .image {
  flex-basis: 70%; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.text-image.thirty_seventy .image {
      flex-basis: 50%; } }

article.text-image.fourty_sixty .text {
  flex-basis: 40%; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.text-image.fourty_sixty .text {
      flex-basis: 50%; } }

article.text-image.fourty_sixty .image {
  flex-basis: 60%; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.text-image.fourty_sixty .image {
      flex-basis: 50%; } }

article.text-image.sm-hide-image .image {
  display: none; }

article.text-image.sm-hide-image .text {
  margin: 0; }

@media only screen and (max-width: 767px) {
  article.text-image.sm-text-below .image {
    order: 1; }
  article.text-image.sm-text-below .text {
    order: 2;
    margin: 30px 0 0; } }

article.text-image.text-top .text .text_inner {
  position: relative;
  top: auto;
  transform: none; }

article.text-image.dark-teal .today {
  color: #64b1bc; }

article.text-image.dark-teal h1 {
  color: #264B59; }

article.text-image.light-blue .today {
  color: #264B59; }

article.text-image.light-blue h1 {
  color: #64b1bc; }

article.text-image.box .wrapper {
  border: 0; }

article.text-image.box .text {
  background-color: #F1F8F9;
  flex: 1; }
  @media only screen and (min-width: 768px) {
    article.text-image.box .text {
      padding: 75px 75px 0 150px; } }
  @media only screen and (max-width: 767px) {
    article.text-image.box .text {
      order: 2;
      padding: 30px; } }
  article.text-image.box .text .text_inner {
    margin: 0 auto;
    position: relative;
    top: auto;
    transform: none;
    width: auto; }

@media only screen and (min-width: 768px) {
  article.text-image.box .image {
    flex: 0 0 auto;
    height: 330px;
    margin-left: auto;
    width: 300px; } }

@media only screen and (max-width: 767px) {
  article.text-image.box .image {
    flex: 1;
    height: 300px;
    overflow: hidden;
    position: relative; } }

article.text-image.box hr {
  display: none; }

article.text-image.box h1 {
  font-size: 24px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    article.text-image.box h1 {
      margin-bottom: 1rem; } }

article.text-image.box .description {
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  width: auto; }
  @media only screen and (max-width: 767px) {
    article.text-image.box .description {
      font-size: 16px;
      line-height: 1.5em; } }

article.logo-row ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 60px 0; }
  @media only screen and (max-width: 767px) {
    article.logo-row ul {
      flex-wrap: wrap;
      padding: 40px 0;
      margin: -10px; } }
  article.logo-row ul li {
    flex: 0 1 auto; }
    @media only screen and (max-width: 767px) {
      article.logo-row ul li {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 10px; } }
    article.logo-row ul li img {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: 100%; }

article.photo-box {
  display: flex;
  flex-direction: column;
  min-height: 400px;
  position: relative; }
  article.photo-box .photo-box_link {
    opacity: 0;
    visibility: hidden;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
  article.photo-box .photo-box_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    flex: 1;
    position: relative; }
  article.photo-box.share:hover .photo-box_image .photo-box_link {
    opacity: 1;
    visibility: visible; }
  article.photo-box.share:hover .photo-box_image::before {
    background-color: rgba(255, 255, 255, 0.8);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  article.photo-box .photo-box_text {
    align-items: center;
    background-color: #F1F8F9;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    margin-top: auto;
    padding: 20px; }
  article.photo-box .title {
    font-family: "Inter", arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0; }
    .apac article.photo-box .title {
      font-family: "Noto Serif", serif; }
    html[lang='ja-JP'] article.photo-box .title {
      font-family: "YuMincho", "Noto Serif", serif; }
  article.photo-box .subtitle {
    font-family: "Inter", arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: .5rem 0 0;
    padding: 0; }
    .apac article.photo-box .subtitle {
      font-family: "Noto Serif", serif; }
    html[lang='ja-JP'] article.photo-box .subtitle {
      font-family: "YuMincho", "Noto Serif", serif; }
  article.photo-box .icon-share {
    color: #64b1bc;
    font-size: 30px; }
  article.photo-box.contain .photo-box_image {
    background-size: contain; }
  article.photo-box.auto .photo-box_image {
    background-size: auto; }
  @media only screen and (max-width: 767px) {
    article.photo-box.sm-cover .photo-box_image {
      background-size: cover; }
    article.photo-box.sm-contain .photo-box_image {
      background-size: contain; }
    article.photo-box.sm-auto .photo-box_image {
      background-size: auto; } }
  article.photo-box.top-right .photo-box_image {
    background-position: top right; }
  article.photo-box.top-left .photo-box_image {
    background-position: top left; }
  article.photo-box.top-center .photo-box_image {
    background-position: top center; }
  article.photo-box.bottom-right .photo-box_image {
    background-position: bottom right; }
  article.photo-box.bottom-left .photo-box_image {
    background-position: bottom left; }
  article.photo-box.bottom-center .photo-box_image {
    background-position: bottom center; }
  article.photo-box.left-center .photo-box_image {
    background-position: center left; }
  article.photo-box.right-center .photo-box_image {
    background-position: center right; }
  @media only screen and (max-width: 767px) {
    article.photo-box.sm-top-right .photo-box_image {
      background-position: top right; }
    article.photo-box.sm-top-left .photo-box_image {
      background-position: top left; }
    article.photo-box.sm-top-center .photo-box_image {
      background-position: top center; }
    article.photo-box.sm-bottom-right .photo-box_image {
      background-position: bottom right; }
    article.photo-box.sm-bottom-left .photo-box_image {
      background-position: bottom left; }
    article.photo-box.sm-bottom-center .photo-box_image {
      background-position: bottom center; }
    article.photo-box.sm-left-center .photo-box_image {
      background-position: center left; }
    article.photo-box.sm-right-center .photo-box_image {
      background-position: center right; } }

article.press-release .logo {
  background: transparent url("../../app/images/logo-bug.svg") 0 0 no-repeat;
  background-size: contain;
  display: block;
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px; }

article.press-release .image {
  background-color: #F1F8F9;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 150px;
  margin-bottom: 20px;
  position: relative;
  z-index: 0;
  overflow: hidden; }
  article.press-release .image .image_link {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    z-index: 1; }
  article.press-release .image:hover {
    cursor: pointer; }
    article.press-release .image:hover .image_link {
      opacity: 1;
      visibility: visible; }
    article.press-release .image:hover::before {
      background-color: rgba(255, 255, 255, 0.8);
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }

article.press-release .title {
  font-size: 24px;
  margin: 0 0 1rem;
  padding: 0; }

article.press-release .date {
  font-weight: 300; }

article.sidebar-columns .columns {
  display: flex; }
  @media only screen and (max-width: 767px) {
    article.sidebar-columns .columns {
      flex-direction: column; } }
  article.sidebar-columns .columns .sidebar,
  article.sidebar-columns .columns .content {
    flex: 1; }
  @media only screen and (min-width: 768px) {
    article.sidebar-columns .columns .sidebar {
      max-width: 25%; } }
  @media only screen and (max-width: 767px) {
    article.sidebar-columns .columns .sidebar {
      margin-bottom: 20px; } }
  article.sidebar-columns .columns .sidebar h1 {
    font-size: 42px;
    margin: 0 0 40px;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      article.sidebar-columns .columns .sidebar h1 {
        font-size: 40px; } }
  article.sidebar-columns .columns .sidebar .sidebar_links {
    list-style: none;
    margin: 0;
    padding: 0; }
    article.sidebar-columns .columns .sidebar .sidebar_links li {
      font-weight: 600;
      text-transform: uppercase;
      margin: 0 0 20px;
      padding: 0; }
      article.sidebar-columns .columns .sidebar .sidebar_links li:last-of-type {
        margin-bottom: 0; }
      article.sidebar-columns .columns .sidebar .sidebar_links li.active a {
        border-bottom: 2px solid #64b1bc; }
  article.sidebar-columns .columns .content h3 {
    font-size: 24px;
    margin: 15px 0 40px;
    padding: 0; }

article.real-results-container {
  display: flex;
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    article.real-results-container {
      display: block; } }
  article.real-results-container .real-results-filter {
    margin: 0; }
  article.real-results-container .real-results-listings {
    margin: 0 0 -15px 0; }

article.real-results-filter {
  background-color: #F4F6F6;
  margin: 0;
  padding: 40px 25px 40px 75px;
  overflow: hidden;
  width: 345px; }
  article.real-results-filter .mobile-only {
    display: none; }
  article.real-results-filter span.check {
    background-image: url("../../app/images/checkbox.svg");
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px; }
    article.real-results-filter span.check.active {
      background-image: url("../../app/images/checkbox-checked.svg"); }
  @media only screen and (max-width: 767px) {
    article.real-results-filter {
      width: 100%;
      background: #fff;
      padding: 0; }
      article.real-results-filter.open {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 15;
        padding: 30px 30px 80px; }
        article.real-results-filter.open .inner {
          display: block;
          max-height: calc(100% - 15px);
          overflow: auto; }
        article.real-results-filter.open .showFilters {
          display: none; }
      article.real-results-filter .inner {
        display: none; }
      article.real-results-filter .mobile-only {
        display: block; }
      article.real-results-filter .mobile-hidden {
        display: none; }
      article.real-results-filter .close-filter {
        position: absolute;
        top: 30px;
        right: 30px;
        background-image: url("../../app/images/close.svg");
        height: 33px;
        width: 33px;
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: top right; }
      article.real-results-filter .buttons {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px; }
        article.real-results-filter .buttons .apply-filter {
          float: left;
          width: calc(100% - 120px);
          background: #FF9E15;
          padding: 10px;
          text-align: center;
          color: #fff;
          text-transform: capitalize; }
        article.real-results-filter .buttons .reset-filter {
          width: 110px;
          margin-right: 10px;
          float: left;
          margin-top: 10px;
          font-size: 16px;
          color: #264B59;
          letter-spacing: 2.29px;
          text-transform: capitalize; }
      article.real-results-filter .showFilters {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #F4F4F4;
        box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.45);
        font-size: 16px;
        color: #64B1BC;
        letter-spacing: 0;
        padding: 5px 15px;
        z-index: 10; } }
  article.real-results-filter .section h3 {
    margin-bottom: 0;
    line-height: 1;
    font-size: 24px;
    color: #264B59;
    letter-spacing: 0; }
  article.real-results-filter .today {
    font-style: italic;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 0 10px;
    padding: 0; }
  article.real-results-filter .title {
    margin: 0 auto 30px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      article.real-results-filter .title {
        max-width: 50%; } }
    @media only screen and (max-width: 767px) {
      article.real-results-filter .title {
        text-align: left; } }
    article.real-results-filter .title h2 {
      font-size: 36px;
      margin: 0;
      padding: 0; }
  article.real-results-filter .flex_row {
    display: flex;
    margin: 0 -25px; }
    @media only screen and (max-width: 767px) {
      article.real-results-filter .flex_row {
        flex-direction: column;
        margin: 0; } }
  article.real-results-filter .flex_col {
    flex: 0 1 33.33%;
    margin: 0 25px;
    max-width: 33.33%; }
    @media only screen and (max-width: 767px) {
      article.real-results-filter .flex_col {
        flex: 1;
        margin: 0 0 30px;
        max-width: 100%; }
        article.real-results-filter .flex_col:last-of-type {
          margin-bottom: 0; } }
    article.real-results-filter .flex_col .col_title {
      border-bottom: 1px solid #eee;
      display: flex;
      font-size: 24px;
      font-weight: 400;
      margin: 0 0 15px;
      padding: 0 0 10px; }
    @media only screen and (max-width: 767px) {
      article.real-results-filter .flex_col .filter-toggle_title {
        background: url("../../app/images/select-arrow-down.png") right center no-repeat;
        border-color: #c5c6c6;
        margin-bottom: 0; }
        article.real-results-filter .flex_col .filter-toggle_title.expanded {
          background-image: url("../../app/images/select-arrow-up.png"); } }
    @media only screen and (max-width: 767px) {
      article.real-results-filter .flex_col .filter-toggle_list {
        max-height: 0;
        overflow-y: hidden;
        transition: max-height 250ms ease-out; } }
    article.real-results-filter .flex_col .filter-toggle_list.open {
      max-height: 500px; }
    @media only screen and (max-width: 767px) {
      article.real-results-filter .flex_col .filter-toggle_list .filter_list {
        margin-top: 15px; } }
  article.real-results-filter .title-row {
    margin-bottom: 15px; }
    article.real-results-filter .title-row h3 {
      /* Filter: */
      font-size: 28px;
      color: #264B59;
      letter-spacing: 0;
      float: left;
      margin: 0; }
    article.real-results-filter .title-row .reset-filter {
      float: right;
      /* CLEAR ALL: */
      opacity: 0.3;
      font-size: 16px;
      color: #264B59;
      letter-spacing: 0;
      margin-top: 5px;
      cursor: pointer;
      text-transform: capitalize; }
  article.real-results-filter .filter_list {
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    padding-left: 0; }
    @media only screen and (max-width: 767px) {
      article.real-results-filter .filter_list li {
        display: inline-block;
        width: 49%; } }
    article.real-results-filter .filter_list li .pill {
      width: 100%; }
    article.real-results-filter .filter_list li .disabled + span {
      opacity: .5; }
    article.real-results-filter .filter_list .pill {
      background-color: #FFF;
      border-radius: 22px;
      color: #264B59;
      display: inline-block;
      font-size: 13px;
      height: 30px;
      line-height: 30px;
      margin: 0;
      padding: 0 25px;
      text-align: center; }
      article.real-results-filter .filter_list .pill.active {
        background-color: #64b1bc;
        color: #FFF; }
      article.real-results-filter .filter_list .pill.disabled {
        cursor: not-allowed;
        opacity: .5; }

article.real-results-listings {
  width: calc(100% - 350px); }
  @media only screen and (max-width: 767px) {
    article.real-results-listings {
      margin: 30px 0;
      width: 100%; } }
  article.real-results-listings .info {
    max-width: 615px;
    text-align: center;
    padding: 0 15px;
    margin: auto;
    margin-bottom: 20px; }
    article.real-results-listings .info .title {
      font-size: 36px;
      color: #264B59;
      letter-spacing: 0;
      line-height: 46px; }
    article.real-results-listings .info .description {
      font-size: 16px;
      color: #264B59;
      letter-spacing: 0;
      line-height: 24px; }
  article.real-results-listings .results_grid {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      article.real-results-listings .results_grid {
        flex-direction: column; } }
    @media only screen and (min-width: 768px) {
      article.real-results-listings .results_grid .real-results_item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px;
        margin: 0 0 15px 0; } }
    @media only screen and (max-width: 767px) {
      article.real-results-listings .results_grid .real-results_item {
        flex: 1;
        margin: 25px 0; } }
  article.real-results-listings .results_more {
    margin: 60px 0 0;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      article.real-results-listings .results_more {
        margin-top: 30px; } }
    article.real-results-listings .results_more .button {
      display: inline-block;
      font-size: 16px;
      height: 45px;
      line-height: 45px;
      padding: 0 20px; }

article.real-results_item {
  display: block;
  overflow: hidden;
  position: relative; }
  article.real-results_item .pictures {
    display: flex;
    margin: 0 -5px;
    position: relative; }
    @media only screen and (min-width: 1025px) {
      article.real-results_item .pictures {
        height: 300px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      article.real-results_item .pictures {
        height: 250px; } }
    @media only screen and (max-width: 767px) {
      article.real-results_item .pictures {
        height: 150px; } }
    article.real-results_item .pictures .picture {
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      margin: 0 1px;
      position: relative;
      width: 50%; }
      article.real-results_item .pictures .picture.before {
        background-position: top right; }
      article.real-results_item .pictures .picture.after {
        background-position: top left; }
      article.real-results_item .pictures .picture img {
        display: block;
        height: auto;
        max-width: 100%; }
    article.real-results_item .pictures .caption {
      bottom: 10px;
      color: #FFF;
      display: block;
      font-size: 14px;
      position: absolute;
      right: 10px;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  article.real-results_item .text {
    background-color: #F1F8F9;
    display: block;
    height: 100%;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 20px; }
    article.real-results_item .text a {
      color: #64b1bc; }

article.tabbar {
  background-color: #f5f5f5;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    article.tabbar .wrapper {
      border: 0;
      white-space: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      article.tabbar .wrapper::-webkit-scrollbar {
        display: none; } }
  article.tabbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      article.tabbar ul {
        align-items: center;
        display: flex;
        justify-content: center; } }
    @media only screen and (max-width: 767px) {
      article.tabbar ul {
        display: inline-block;
        min-width: 100%;
        padding: 0 10px; } }
    article.tabbar ul li {
      color: #454545;
      cursor: pointer;
      flex: 0 1 auto;
      font-size: 14px;
      font-weight: 700;
      height: 60px;
      /* letter-spacing: 2px; */
      margin: 0 30px;
      padding: 0;
      position: relative;
      text-align: center;
      /* text-transform: uppercase;*/ }
      article.tabbar ul li span {
        display: inline-block;
        line-height: 1; }
      @media only screen and (min-width: 768px) {
        article.tabbar ul li {
          align-items: center;
          display: flex; }
          article.tabbar ul li:first-of-type {
            margin-left: 0; }
          article.tabbar ul li:last-of-type {
            margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        article.tabbar ul li {
          display: inline-block;
          font-size: 13px;
          line-height: 60px;
          margin: 0 10px; } }
      article.tabbar ul li.active::after {
        background-color: #454545;
        bottom: 0;
        content: '';
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        width: 100%; }
  @media only screen and (max-width: 767px) {
    article.tabbar.scrollSpy ul li {
      line-height: 40px; } }
  article.tabbar.full-width-Navigation {
    background: #f5f5f5;
    border-bottom: solid 2px #ffff; }
    article.tabbar.full-width-Navigation ul.tabs {
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        article.tabbar.full-width-Navigation ul.tabs li {
          height: 40px; } }
      article.tabbar.full-width-Navigation ul.tabs li.news-tab {
        flex: 1;
        justify-content: center;
        align-items: center;
        text-transform: capitalize;
        letter-spacing: 0;
        color: #454545;
        height: 40px;
        font-weight: 400; }
        article.tabbar.full-width-Navigation ul.tabs li.news-tab.active {
          font-weight: 700; }
          article.tabbar.full-width-Navigation ul.tabs li.news-tab.active::after {
            height: 2px;
            background-color: #519CAB;
            bottom: -2px; }
            @media only screen and (max-width: 767px) {
              article.tabbar.full-width-Navigation ul.tabs li.news-tab.active::after {
                bottom: 0px; } }

.tabbar_section {
  margin: 20px 0; }

.modal {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.2);
  display: block;
  height: 460px;
  left: 50%;
  max-height: 95%;
  max-width: 80%;
  opacity: 0;
  padding: 20px;
  position: fixed;
  top: 20px;
  transform: translateX(-50%);
  transition: all ease-out 80ms;
  visibility: hidden;
  width: 800px;
  z-index: 9010; }
  @media only screen and (max-width: 767px) {
    .modal {
      background-color: #FFF;
      bottom: 0;
      height: auto;
      left: 0;
      max-height: 100%;
      max-width: 100%;
      padding: 0;
      right: 0;
      top: 0;
      transform: translateX(0);
      width: 100%; } }
  .modal.open {
    opacity: 1;
    visibility: visible; }
  .modal .modal_close {
    background-image: url("../../app/images/close.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 20px;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .modal .modal_close {
        height: 20px;
        right: 30px;
        top: 20px;
        width: 20px; } }
  .modal .modal_inner {
    box-sizing: border-box;
    display: block;
    position: relative;
    height: 100%;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .modal .modal_inner {
        padding: 0 15px; } }

.modal_mask {
  background-color: rgba(0, 0, 0, 0.15);
  bottom: 0;
  display: block;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 9000; }
  .modal_mask.open {
    opacity: 1;
    visibility: visible; }
  @media only screen and (max-width: 767px) {
    .modal_mask {
      display: none; } }

.information-modal {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.2);
  display: block;
  height: auto;
  min-height: 50px;
  left: 50%;
  top: 50%;
  max-height: 95%;
  max-width: 80%;
  opacity: 0;
  padding: 20px;
  position: fixed;
  transform: translateX(-50%);
  transition: all ease-out 80ms;
  visibility: hidden;
  width: 800px;
  z-index: 9020; }
  @media only screen and (max-width: 767px) {
    .information-modal {
      bottom: auto;
      left: 0;
      right: 0;
      height: auto;
      max-height: 90%;
      max-width: 85%;
      top: 60px;
      padding: 0;
      transform: translateX(0);
      width: 100%;
      z-index: 1;
      border: 2px solid #d8dbdc;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5% !important; } }
  .information-modal.open {
    opacity: 1;
    visibility: visible; }
  .information-modal .close-modal {
    background-image: url("../../app/images/close.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 32px;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .information-modal .close-modal {
        height: 25px;
        right: 15px;
        top: 15px;
        width: 25px; } }
  .information-modal h3 {
    font-size: 24px;
    letter-spacing: 0;
    margin: 25px 0;
    padding: 0;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .information-modal h3 {
        font-family: "Inter", arial, sans-serif;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 15px;
        text-align: left; }
        .apac .information-modal h3 {
          font-family: "Noto Serif", serif; }
        html[lang='ja-JP'] .information-modal h3 {
          font-family: "YuMincho", "Noto Serif", serif; } }
  .information-modal .modal-inner {
    border: 2px solid #d8dbdc;
    box-sizing: border-box;
    display: block;
    position: relative;
    height: 100%;
    padding: 25px;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .information-modal .modal-inner {
        border: 0; } }
  .information-modal .content {
    margin-bottom: 25px; }
  .information-modal .buttons {
    margin-top: 15px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .information-modal .buttons {
        text-align: left;
        margin-top: 30px; } }
    .information-modal .buttons .button {
      margin: 0; }
      .information-modal .buttons .button.detail-cta {
        float: left; }
      .information-modal .buttons .button.main-cta {
        float: right; }
      @media only screen and (max-width: 767px) {
        .information-modal .buttons .button {
          display: inline-block;
          min-width: 200px;
          width: auto;
          float: none;
          width: 100%;
          margin-bottom: 10px; }
          .information-modal .buttons .button:last-of-type {
            margin-bottom: 0; } }

.more-info-modal .more-info_inner {
  border: 2px solid #d8dbdc;
  box-sizing: border-box;
  display: block;
  height: 100%;
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .more-info-modal .more-info_inner {
      border: 0; } }

.more-info-modal .more-info_form {
  display: block;
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 350px; }
  @media only screen and (max-width: 767px) {
    .more-info-modal .more-info_form {
      padding: 0 30px;
      width: 100%; } }
  .more-info-modal .more-info_form h3 {
    font-size: 24px;
    letter-spacing: 0;
    margin: 0 0 25px;
    padding: 0;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .more-info-modal .more-info_form h3 {
        font-family: "Inter", arial, sans-serif;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 15px;
        text-align: left; }
        .apac .more-info-modal .more-info_form h3 {
          font-family: "Noto Serif", serif; }
        html[lang='ja-JP'] .more-info-modal .more-info_form h3 {
          font-family: "YuMincho", "Noto Serif", serif; } }
  .more-info-modal .more-info_form input[type="text"], .more-info-modal .more-info_form input[type="password"], .more-info-modal .more-info_form input[type="search"], .more-info-modal .more-info_form input[type="number"], .more-info-modal .more-info_form input[type="datetime"], .more-info-modal .more-info_form input[type="datetime-local"], .more-info-modal .more-info_form input[type="date"], .more-info-modal .more-info_form input[type="month"], .more-info-modal .more-info_form input[type="time"], .more-info-modal .more-info_form input[type="week"], .more-info-modal .more-info_form input[type="email"], .more-info-modal .more-info_form input[type="url"], .more-info-modal .more-info_form input[type="tel"], .more-info-modal .more-info_form input[type="color"] {
    font-weight: 300; }
  .more-info-modal .more-info_form select {
    background-image: url("../../app/images/select-arrow-down.png");
    background-position: center right;
    background-repeat: no-repeat;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    font-size: inherit;
    font-weight: 300;
    margin: 0;
    padding: 10px 15px;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .more-info-modal .more-info_form select {
        border-bottom: 1px solid #264B59;
        box-shadow: none; } }
  .more-info-modal .more-info_form .group {
    line-height: 1em;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .more-info-modal .more-info_form .group {
        display: flex;
        margin: 0 -10px 15px; } }
  @media only screen and (min-width: 768px) {
    .more-info-modal .more-info_form .item {
      margin-top: 0;
      margin-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .more-info-modal .more-info_form .item {
      flex: 1;
      margin: 0 10px; } }
  .more-info-modal .more-info_form .item > label {
    font-weight: 300; }
  @media only screen and (min-width: 768px) {
    .more-info-modal .more-info_form .item.checkbox {
      text-align: center;
      margin-top: 10px; } }
  .more-info-modal .more-info_form .label_checkbox {
    font-size: 10px;
    line-height: 1em; }
    .more-info-modal .more-info_form .label_checkbox input[type=checkbox] {
      display: inline-block;
      font-size: inherit;
      margin: 0 8px 0 0;
      vertical-align: middle; }
  .more-info-modal .more-info_form .buttons {
    margin-top: 15px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .more-info-modal .more-info_form .buttons {
        text-align: left;
        margin-top: 30px; } }
    .more-info-modal .more-info_form .buttons .button {
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .more-info-modal .more-info_form .buttons .button {
          display: inline-block;
          min-width: 200px;
          width: auto; } }

.more-info-modal .form-message {
  visibility: hidden;
  margin: 20px; }

.video-modal {
  height: auto; }
  @media only screen and (min-width: 1025px) {
    .video-modal {
      padding: 60px 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .video-modal {
      padding: 60px;
      max-width: 90%; } }
  .video-modal .modal_close {
    right: 20px;
    top: 20px; }
  .video-modal .video_wrapper {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .video-modal .video_wrapper {
        margin-top: 70px; } }
    .video-modal .video_wrapper.oembed {
      height: 0;
      overflow: hidden;
      padding-bottom: 56.25%;
      padding-top: 30px;
      position: relative; }
      .video-modal .video_wrapper.oembed iframe,
      .video-modal .video_wrapper.oembed object,
      .video-modal .video_wrapper.oembed embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }

@media only screen and (min-width: 768px) {
  .login-prompt {
    top: 50%;
    transform: translate(-50%, -50%); } }

.login-prompt .modal_inner {
  border: 2px solid #d8dbdc; }
  .login-prompt .modal_inner .modal_body {
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px; }
    @media only screen and (max-width: 767px) {
      .login-prompt .modal_inner .modal_body {
        position: relative;
        width: auto; } }
  .login-prompt .modal_inner .modal_body-title {
    margin-bottom: 25px;
    text-align: center; }
    .login-prompt .modal_inner .modal_body-title .title {
      color: #264B59;
      font-size: 36px;
      margin: 0;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .login-prompt .modal_inner .modal_body-title .title {
          font-size: 32px; } }
    .login-prompt .modal_inner .modal_body-title hr {
      display: inline-block; }
  .login-prompt .modal_inner .modal_body-buttons {
    text-align: center; }
    .login-prompt .modal_inner .modal_body-buttons .button {
      display: inline-block;
      margin-bottom: 15px;
      height: 45px;
      line-height: 45px;
      padding-top: 0;
      padding-bottom: 0; }
      .login-prompt .modal_inner .modal_body-buttons .button:last-child {
        margin-bottom: 0; }

@media only screen and (min-width: 768px) {
  .find-brand-partner {
    height: 400px; } }

.find-brand-partner.expand {
  height: 100%; }
  .find-brand-partner.expand .brand-partner_results {
    display: block; }

.find-brand-partner a {
  color: #64B1BC;
  text-decoration: none; }

.find-brand-partner .modal_body {
  border: 2px solid #d8dbdc;
  font-weight: 300;
  padding: 20px;
  bottom: 20px;
  display: block;
  height: auto;
  left: 20px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  right: 20px;
  top: 20px;
  width: auto; }
  @media only screen and (max-width: 767px) {
    .find-brand-partner .modal_body {
      border: 0;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      padding: 40px 30px; } }
  .find-brand-partner .modal_body .modal_body-title {
    text-align: center;
    margin: 0 auto 30px;
    max-width: 100%;
    width: 360px; }
  .find-brand-partner .modal_body .title {
    font-size: 36px;
    margin: 0;
    padding: 0; }
  .find-brand-partner .modal_body hr {
    display: inline-block; }

@media only screen and (min-width: 768px) {
  .find-brand-partner .brand-partner_form {
    margin: 0 auto;
    max-width: 100%;
    width: 360px; } }

.find-brand-partner .brand-partner_form .row {
  margin-bottom: 25px; }
  .find-brand-partner .brand-partner_form .row:last-of-type {
    margin-bottom: 0; }
  .find-brand-partner .brand-partner_form .row.radio label {
    margin-right: 25px; }
    .find-brand-partner .brand-partner_form .row.radio label:last-of-type {
      margin-right: 0; }
    .find-brand-partner .brand-partner_form .row.radio label input[type=radio] {
      display: inline-block;
      margin: 0 6px 0 0;
      padding: 0;
      vertical-align: baseline; }
  .find-brand-partner .brand-partner_form .row.radio .radio_buttons {
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .find-brand-partner .brand-partner_form .row.radio .radio_buttons {
        display: block;
        margin-top: 10px; } }

.find-brand-partner .brand-partner_form .label {
  display: inline-block;
  font-weight: 400;
  margin-right: 25px; }

.find-brand-partner .brand-partner_form .search {
  position: relative; }
  .find-brand-partner .brand-partner_form .search .search_field {
    width: 100%; }
  .find-brand-partner .brand-partner_form .search .search_btn {
    background-color: #FF9913;
    border: 0;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px; }
  .find-brand-partner .brand-partner_form .search .icon-search {
    color: #FFF;
    font-size: 24px;
    margin: 0 auto; }

.find-brand-partner .brand-partner_results {
  border-top: 1px solid #d8dbdc;
  display: none;
  margin: 30px 0 0;
  padding: 30px 0 0; }
  .find-brand-partner .brand-partner_results ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto; }
    @media only screen and (min-width: 1025px) {
      .find-brand-partner .brand-partner_results ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: -15px -30px; } }
    .find-brand-partner .brand-partner_results ul li {
      display: flex; }
      @media only screen and (min-width: 1025px) {
        .find-brand-partner .brand-partner_results ul li {
          flex: 0 0 50%;
          max-width: 50%;
          padding: 15px 30px; } }
      @media only screen and (max-width: 1024px) {
        .find-brand-partner .brand-partner_results ul li {
          margin-bottom: 40px; }
          .find-brand-partner .brand-partner_results ul li:last-of-type {
            margin-bottom: 0; } }
      .find-brand-partner .brand-partner_results ul li .result_image {
        flex: 0 0 auto;
        width: 145px;
        margin-left: 15px; }
        .find-brand-partner .brand-partner_results ul li .result_image img {
          max-width: 100%; }
      .find-brand-partner .brand-partner_results ul li .result_bio {
        flex: 1;
        margin-left: 15px; }
        .find-brand-partner .brand-partner_results ul li .result_bio h3 {
          font-size: 24px;
          margin: 0 0 5px;
          padding: 0; }
        .find-brand-partner .brand-partner_results ul li .result_bio p {
          margin: 0;
          padding: 0; }
        .find-brand-partner .brand-partner_results ul li .result_bio .button {
          margin-top: 25px;
          width: auto; }

article.real-result-carousel .inner {
  margin: 60px;
  width: calc(100% - 120px); }

@media only screen and (max-width: 767px) {
  article.real-result-carousel .slick-carousel {
    padding: 0; } }

article.real-result-carousel .slick-carousel .slick-arrow.slick-next {
  right: -45px; }

article.real-result-carousel .slick-carousel .slick-arrow.slick-prev {
  left: -45px; }

article.real-result-carousel .main-text {
  text-align: center;
  line-height: 1; }
  article.real-result-carousel .main-text h2 {
    margin: 0;
    padding: 0; }
  article.real-result-carousel .main-text hr {
    display: inline-block; }
  article.real-result-carousel .main-text .description {
    margin: 0;
    padding: 0; }

@media only screen and (min-width: 768px) {
  article.real-result-carousel .item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
    margin: 0 0 15px 0; } }

@media only screen and (max-width: 767px) {
  article.real-result-carousel .item {
    flex: 1;
    margin: 25px 0; } }

article.real-result-carousel .item .pictures {
  display: flex;
  margin: 0 -5px;
  position: relative; }
  @media only screen and (min-width: 1025px) {
    article.real-result-carousel .item .pictures {
      height: 300px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    article.real-result-carousel .item .pictures {
      height: 250px; } }
  @media only screen and (max-width: 767px) {
    article.real-result-carousel .item .pictures {
      height: 150px; } }
  article.real-result-carousel .item .pictures .picture {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0 1px;
    position: relative;
    width: 50%; }
    article.real-result-carousel .item .pictures .picture.before {
      background-position: top right; }
    article.real-result-carousel .item .pictures .picture.after {
      background-position: top left; }
    article.real-result-carousel .item .pictures .picture img {
      display: block;
      height: auto;
      max-width: 100%; }
    article.real-result-carousel .item .pictures .picture span {
      color: #FFF;
      position: absolute;
      bottom: 5px;
      left: 15px; }
  article.real-result-carousel .item .pictures .caption {
    bottom: 10px;
    color: #FFF;
    display: block;
    font-size: 14px;
    position: absolute;
    right: 10px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

article.real-result-carousel .item .text {
  background-color: #F1F8F9;
  display: block;
  height: 100%;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 20px; }

article.real-result-carousel button:not(.secondary):hover, article.real-result-carousel a.button:not(.secondary):hover {
  background-color: inherit;
  color: inherit; }

article.generic-carousel.wrapper {
  max-width: 100%;
  margin: 0 auto;
  border: none;
  height: auto; }

article.generic-carousel .inner .slick-slider {
  padding: 0 !important; }
  @media (min-width: 768px) {
    article.generic-carousel .inner .slick-slider {
      padding: 0px 0px 0px !important; } }

article.generic-carousel .generic-slick-carousel {
  margin: 0 auto; }
  article.generic-carousel .generic-slick-carousel .slick-arrow {
    /*display: none!important;*/
    /* @media (min-width:768px) {*/
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 0 1rem;
    background-color: rgba(255, 255, 255, 0);
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s;
    z-index: 5;
    /*   }*/ }
    article.generic-carousel .generic-slick-carousel .slick-arrow:hover {
      background-color: white; }
    article.generic-carousel .generic-slick-carousel .slick-arrow.slick-next, article.generic-carousel .generic-slick-carousel .slick-arrow.slick-prev {
      transition: .2s; }
      @media (min-width: 768px) {
        article.generic-carousel .generic-slick-carousel .slick-arrow.slick-next:hover, article.generic-carousel .generic-slick-carousel .slick-arrow.slick-prev:hover {
          background-color: rgba(238, 238, 238, 0.8); } }
  article.generic-carousel .generic-slick-carousel ul.slick-dots {
    padding: 1rem 0;
    position: initial;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      article.generic-carousel .generic-slick-carousel ul.slick-dots {
        padding: 0; } }
    article.generic-carousel .generic-slick-carousel ul.slick-dots li {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0; }
      article.generic-carousel .generic-slick-carousel ul.slick-dots li.slick-active button {
        background: #8c8c8c !important; }
      article.generic-carousel .generic-slick-carousel ul.slick-dots li button {
        background: #ccc;
        border-radius: 50%;
        height: .45rem;
        width: .45rem;
        margin: auto 3px;
        padding: 0; }
        article.generic-carousel .generic-slick-carousel ul.slick-dots li button::before {
          content: '';
          width: 0;
          height: 0;
          display: none; }

article.generic-carousel .icon-carousel {
  margin: 50px 0; }
  article.generic-carousel .icon-carousel .slick-arrow {
    top: 22px; }
  article.generic-carousel .icon-carousel .slick-prev {
    left: -60px; }
  article.generic-carousel .icon-carousel .slick-next {
    right: -60px; }
  article.generic-carousel .icon-carousel .item .pictures .picture img {
    padding: 0 20px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      article.generic-carousel .icon-carousel .item .pictures .picture img {
        object-fit: none;
        object-position: center; } }

article.generic-carousel .item {
  max-width: 100% !important; }
  article.generic-carousel .item .pictures .picture img {
    width: 100%;
    height: auto; }
  article.generic-carousel .item .pictures .picture span.desktop {
    display: none; }
    @media only screen and (max-width: 767px) {
      article.generic-carousel .item .pictures .picture span.desktop.mobile {
        display: block; } }
  @media (min-width: 768px) {
    article.generic-carousel .item .pictures .picture span.mobile {
      display: none; }
    article.generic-carousel .item .pictures .picture span.desktop {
      display: block; } }

article.generic-carousel button:not(.secondary):hover, article.generic-carousel a.button:not(.secondary):hover {
  background-color: inherit;
  color: inherit; }

.reviews-link {
  margin-bottom: 0 !important; }

.yotpo-stars-link {
  margin-bottom: .75rem; }

h3.header-with-reviews {
  margin-bottom: 5px !important; }

.catalog-yotpo-ui {
  margin-bottom: 3px; }
  .catalog-yotpo-ui .yotpo-display-wrapper a {
    color: #454545 !important; }
    .catalog-yotpo-ui .yotpo-display-wrapper a:hover {
      color: #000 !important; }
  .catalog-yotpo-ui span.yotpo-stars {
    margin-right: .15rem; }

.who-we-are {
  background: #FFF url("../../app/images/pattern-large.jpg") center top no-repeat;
  background-size: contain; }
  @media only screen and (min-width: 768px) {
    .who-we-are {
      padding: 0 0 40px; } }

.press-releases {
  background: #FFF url("../../app/images/pattern-large.jpg") center top no-repeat;
  background-size: cover; }

.legal h4 {
  font-family: "Inter", arial, sans-serif;
  margin: 2rem 0; }
  .apac .legal h4 {
    font-family: "Noto Serif", serif; }
  html[lang='ja-JP'] .legal h4 {
    font-family: "YuMincho", "Noto Serif", serif; }

.legal p {
  margin: 2rem 0;
  padding: 0; }

body.floating-tabbar .tabbar {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 132px; }
  @media only screen and (min-width: 768px) {
    body.floating-tabbar .tabbar {
      left: 50%;
      margin-top: 0;
      max-width: 1930px;
      transform: translateX(-50%); } }
  @media only screen and (max-width: 767px) {
    body.floating-tabbar .tabbar {
      top: 60px;
      z-index: 9999; } }

@media only screen and (min-width: 768px) {
  body.floating-tabbar .pws .tabbar {
    left: 50%;
    margin-top: 0;
    max-width: 1930px;
    transform: translateX(-50%); } }

body.floating-tabbar .tabbar-placeholder {
  display: block;
  height: 60px;
  width: auto; }
  body.floating-tabbar .tabbar-placeholder:empty {
    height: 0;
    /* Set height to 0 when there are no child elements */ }

.shop_hero article:last-of-type,
.shop_hero--detail article:last-of-type {
  margin-bottom: 0; }

.shop_tabbar {
  background-color: #64B1BC; }
  @media only screen and (max-width: 767px) {
    .shop_tabbar .wrapper {
      border: 0;
      white-space: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      .shop_tabbar .wrapper::-webkit-scrollbar {
        display: none; } }
  .shop_tabbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .shop_tabbar ul {
        align-items: center;
        display: flex;
        justify-content: center; } }
    @media only screen and (max-width: 767px) {
      .shop_tabbar ul {
        display: inline-block;
        min-width: 100%;
        padding: 0 10px; } }
    .shop_tabbar ul li {
      color: #FFF;
      cursor: pointer;
      flex: 0 1 auto;
      font-size: 16px;
      font-weight: 700;
      height: 60px;
      letter-spacing: 2px;
      margin: 0 30px;
      padding: 0;
      position: relative;
      text-align: center;
      text-transform: uppercase; }
      .shop_tabbar ul li span {
        display: inline-block;
        line-height: 1; }
      @media only screen and (min-width: 768px) {
        .shop_tabbar ul li {
          align-items: center;
          display: flex; }
          .shop_tabbar ul li:first-of-type {
            margin-left: 0; }
          .shop_tabbar ul li:last-of-type {
            margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .shop_tabbar ul li {
          display: inline-block;
          font-size: 13px;
          line-height: 60px;
          margin: 0 10px; } }
      .shop_tabbar ul li.active::after {
        background-color: #FFF;
        bottom: 0;
        content: '';
        display: block;
        height: 8px;
        left: 0;
        position: absolute;
        width: 100%; }

.shop_list {
  margin: 40px 0; }
  @media only screen and (max-width: 767px) {
    .shop_list {
      margin: 20px 0; } }
  .shop_list:last-of-type {
    margin-bottom: 0; }
  .shop_list .shop_list-title {
    text-align: center;
    width: 49.23611%;
    border-left-width: 0;
    margin-left: 1.52778%;
    margin-left: 25.38194%; }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-title {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-title {
        border-left-width: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-title {
        margin-left: 0; } }
    .shop_list .shop_list-title h2 {
      font-size: 36px;
      margin: 0;
      padding: 0;
      color: #454545;
      margin-bottom: 30px; }
    .shop_list .shop_list-title hr {
      display: inline-block; }
  .shop_list .shop_list-products .wrapper .row {
    display: flex;
    position: relative; }
    @media only screen and (min-width: 1025px) {
      .shop_list .shop_list-products .wrapper .row {
        margin: 0 -20px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .shop_list .shop_list-products .wrapper .row {
        margin: 0 -10px; } }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-products .wrapper .row {
        display: block; }
        .shop_list .shop_list-products .wrapper .row:last-child .product-listing:last-of-type, .shop_list .shop_list-products .wrapper .row:only-child .product-listing:last-of-type {
          border-bottom: 0;
          margin-bottom: 0;
          padding-bottom: 0; } }
    @media only screen and (min-width: 768px) {
      .shop_list .shop_list-products .wrapper .row.open {
        margin-bottom: 920px; } }
  @media only screen and (min-width: 768px) {
    .shop_list .shop_list-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; } }
  .shop_list .shop_list-content .row-wrapper {
    width: 100%; }
  .shop_list .shop_list-content .row {
    display: flex;
    position: relative;
    margin: 0 -20px; }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-content .row {
        flex-direction: column;
        margin: 0; } }
  .shop_list .shop_list-content .product-listing {
    display: flex;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 1rem 3.5rem 1rem; }
    @media (max-width: 768px) {
      .shop_list .shop_list-content .product-listing {
        flex: 0 0 48%;
        max-width: 48%; } }
    @media only screen and (max-width: 767px) {
      .shop_list .shop_list-content .product-listing {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 .25rem 1rem .25rem; } }
  .shop_list .shop_list-CategoryImage img {
    width: 100%;
    height: auto;
    object-fit: cover; }

.real_results .container {
  display: flex;
  margin: 0 auto; }

.real_results .content-container {
  background-color: #f5f5f5; }

.real_results .container-filters {
  flex: 1;
  padding: 2rem 2rem; }

.real_results .filter-mobile-icon {
  position: relative; }

.real_results #clear-categories {
  display: inline-block;
  float: right;
  margin-top: 0px; }
  .real_results #clear-categories button {
    border: 0;
    padding: 0;
    text-transform: none;
    background-color: transparent;
    color: inherit; }

.real_results .ais-Hits-list {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
  padding-right: 20px;
  padding-left: 20px; }

.real_results .ais-Hits-list.ais-Hits-list-no-result {
  display: block; }

.real_results .ais-Hits-item {
  overflow: hidden; }
  .real_results .ais-Hits-item .item {
    margin-bottom: 5px; }
  .real_results .ais-Hits-item .item-content .name {
    margin: 0;
    position: relative;
    background-color: #f5f5f5;
    width: 100%;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 56px;
    box-sizing: border-box;
    overflow: hidden; }
    .real_results .ais-Hits-item .item-content .name a {
      padding: 10px 20px 10px 10px;
      width: 100%;
      margin: 0;
      flex-grow: 1;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-line-clamp: 2;
      -moz-box-orient: vertical;
      display: box;
      line-clamp: 2;
      box-orient: vertical; }
      .real_results .ais-Hits-item .item-content .name a .fa-solid {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -7px; }
  .real_results .ais-Hits-item .watermark-container {
    display: none; }

.real_results .content-header h4 {
  display: inline-block;
  margin: 0; }

.real_results .searchWidget, .real_results .searchWidgetPreview {
  width: auto;
  padding: 0.5rem 0; }

.real_results .borderTop {
  border-top: solid 1px #ccc; }

.real_results .filter-panel {
  padding: 1rem 0; }

.real_results #stats-widget {
  display: inline-block; }

.real_results .ais-SearchBox-form {
  position: relative; }

.real_results .ais-SearchBox-input {
  border-radius: 3px;
  color: rgba(33, 36, 61, 0.8);
  font-size: 0.8rem;
  min-height: 40px;
  padding: 0 15px 0 44px;
  appearance: none;
  background-color: rgba(65, 66, 71, 0.06);
  border: none;
  font-family: inherit;
  outline: none;
  width: 100%;
  border-radius: 20px; }

.real_results .ais-SearchBox-submit, .real_results .ais-SearchBox-reset {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none; }
  .real_results .ais-SearchBox-submit:hover, .real_results .ais-SearchBox-reset:hover {
    background-color: transparent;
    color: inherit; }

.real_results .ais-SearchBox-submit {
  left: 0; }

.real_results .ais-SearchBox-reset {
  right: 0;
  display: none; }

.real_results .filter-mobile-icon, .real_results .fa-arrow-left {
  display: none; }

.real_results .show-clear-wrap {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 20px;
  background-color: #f5f5f5;
  z-index: 100000; }

.real_results .before-after-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 8px;
  margin: 0;
  color: #fff;
  font-size: 12px; }
  .real_results .before-after-wrap .afterText {
    float: right; }

.real_results .slide-productName {
  background-color: #fff;
  padding: 10px;
  position: absolute;
  width: 100%;
  bottom: -16px;
  left: 0; }

.real_results .ais-RefinementList-showMore {
  width: auto;
  padding: 0;
  border: none;
  color: #21243d;
  font-size: 11px;
  font-weight: 600;
  background-color: transparent; }
  .real_results .ais-RefinementList-showMore:hover {
    background-color: transparent;
    color: inherit; }

.real_results .ais-Panel-header {
  border: none;
  color: #21243d;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08rem;
  line-height: 1.6;
  text-transform: uppercase; }

.real_results .ais-Hits--empty {
  padding: 80px 0; }

.real_results .ais-Panel-collapseButton {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 0; }
  .real_results .ais-Panel-collapseButton:hover {
    background-color: transparent;
    color: inherit; }

.real_results .real-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  display: none; }

.real_results .m-top20 {
  margin-top: 20px; }

.real_results .m-right20 {
  margin-right: 20px; }

.real_results .real-modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9); }

.real_results .modal-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  position: absolute; }

.real_results .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  line-height: 20px; }

.real_results .close:hover,
.real_results .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

.real_results .modal-image {
  position: relative; }
  .real_results .modal-image img {
    max-width: 100%; }

.real_results .list-group {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 20px; }
  .real_results .list-group .list-group-item {
    display: none; }
    .real_results .list-group .list-group-item h5 {
      display: inline-block;
      font-weight: 600;
      margin: 0; }
    .real_results .list-group .list-group-item .modal-real-results-productname {
      color: #1D8193; }
    .real_results .list-group .list-group-item .modal-shop-now {
      font-size: 14px;
      background-color: #000;
      color: #fff;
      padding: 10px 20px;
      border-radius: 20px; }
      .real_results .list-group .list-group-item .modal-shop-now:hover {
        background-color: #454545; }

.real_results .modal-body-header {
  display: inline-block;
  width: 100%; }

.real_results .share-download-btn {
  border: none;
  background: #f5f5f5;
  color: inherit;
  text-transform: none;
  font-size: 12px;
  letter-spacing: normal;
  border-radius: 20px;
  padding: 10px 15px;
  line-height: normal; }
  .real_results .share-download-btn:hover {
    background: #f5f5f5;
    color: inherit; }
  .real_results .share-download-btn span {
    margin-left: 3px; }

.real_results .share-button {
  margin-right: 5px; }

.real_results .modalUrlShareMessage {
  width: 180px;
  background-color: #64b1bc;
  color: #fff;
  text-align: center;
  padding: 5px;
  z-index: 1;
  bottom: 25px;
  font-size: 14px;
  border-radius: 5px;
  position: absolute;
  display: none;
  right: -30px;
  bottom: -36px;
  line-height: 26px; }

.real_results .slide-show-wrap {
  overflow: auto; }
  .real_results .slide-show-wrap .slide-show-btn {
    text-transform: none;
    border: solid 1px #454545;
    border-radius: 25px;
    font-size: 12px;
    float: right;
    margin-top: 17px; }
    .real_results .slide-show-wrap .slide-show-btn:hover {
      color: #fff;
      background-color: #113e53;
      border: solid 1px #113e53; }

.real_results .slideshow-popup {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8); }
  .real_results .slideshow-popup .slideshowspinner-wrap {
    background-color: #9ea3a6;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 10;
    text-align: center;
    align-content: center;
    margin-left: -15px; }
    .real_results .slideshow-popup .slideshowspinner-wrap .slideshowspinner {
      font-size: 50px; }

.real_results .slideshow-popup-content {
  background-color: #9ea3a6;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  display: flex;
  position: fixed;
  height: 100%;
  align-items: center; }
  .real_results .slideshow-popup-content .slick-list {
    max-width: 800px;
    margin: 0 auto; }
  .real_results .slideshow-popup-content .slick-slide {
    position: relative; }
  .real_results .slideshow-popup-content .slick-slider {
    padding: 0 10% !important; }
  .real_results .slideshow-popup-content .slickClose {
    position: absolute;
    color: #575757;
    right: 7px;
    font-size: 34px;
    font-weight: bold;
    cursor: pointer;
    top: 0;
    z-index: 1; }
    .real_results .slideshow-popup-content .slickClose:hover, .real_results .slideshow-popup-content .slickClose:focus {
      color: #6a6c77;
      text-decoration: none; }
  .real_results .slideshow-popup-content .before-after-wrap {
    bottom: 45px; }

.real_results .slideshow {
  position: relative; }
  .real_results .slideshow img {
    margin: 0 auto;
    max-width: 800px;
    width: 100%; }
  .real_results .slideshow .slick-arrow {
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #a8abad;
    top: calc(50% - 5px); }
    .real_results .slideshow .slick-arrow:hover {
      background-color: #6a6c77; }

.real_results .show-results-Btn {
  color: #fff;
  background-color: #000;
  border: solid 1px #000;
  border-radius: 20px;
  text-transform: none;
  font-size: 12px;
  float: right; }

.real_results .clear-results-Btn-wrap {
  display: inline-block;
  width: auto; }
  .real_results .clear-results-Btn-wrap .ais-ClearRefinements {
    margin: 0; }
  .real_results .clear-results-Btn-wrap .clear-results-Btn {
    border: 0;
    padding: 0;
    text-transform: none;
    font-size: 12px;
    color: #3498db;
    margin-top: 12px;
    background-color: transparent; }
  .real_results .clear-results-Btn-wrap .ais-ClearRefinements-button--disabled {
    color: rgba(33, 36, 61, 0.5); }
    .real_results .clear-results-Btn-wrap .ais-ClearRefinements-button--disabled:hover {
      background-color: transparent;
      color: inherit; }

.materialIcons {
  vertical-align: middle;
  position: relative;
  top: -0.05em;
  line-height: 1;
  font-size: 1em;
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga'; }

.header {
  position: relative;
  align-items: center;
  background: linear-gradient(to bottom, transparent 36%, rgba(0, 0, 0, 0.1) 100%);
  background-color: #0058a3;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 15.5rem;
  padding: 0.5rem 1rem;
  text-align: center;
  z-index: 10; }

.filtering .header {
  cursor: pointer; }

.container-wrapper {
  flex-basis: 33%; }

.main-wrapper {
  flex-basis: 67%; }

.container-body {
  flex-basis: 21.625rem;
  flex-shrink: 0; }

.container-results {
  flex: 3;
  max-width: 100%;
  position: relative; }

.container-header h2 {
  font-size: 1.5rem;
  font-family: Hind;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.57px; }

.container-results .container-header .title h2 {
  display: block;
  font-size: 2.25rem;
  font-family: Hind;
  font-weight: 500;
  flex-grow: 1;
  letter-spacing: inherit;
  text-transform: inherit; }

.container-header h2 > i {
  margin-right: 0.5rem;
  color: #d4d4dd; }

.container-options {
  display: flex;
  margin-bottom: 1rem;
  padding-right: 2rem; }

.container-options.no-title {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0px;
  padding: 30px 0; }

.container-options .container-option:not(:first-child) {
  margin-left: 3rem; }

.container-options select {
  min-width: 6.25rem; }

.container-footer {
  margin: 4rem 0; }

.widget {
  position: relative;
  margin-bottom: 0.5rem;
  border-radius: 0.125rem;
  transition: border-color 0.15s;
  min-height: 2rem; }

[class^='ais-'] {
  box-sizing: border-box;
  font-size: 0.9rem; }

a[class^='ais-'] {
  color: #21243d;
  text-decoration: none; }

[class^='ais-'][class$='--disabled'],
[class^='ais-'][class$='--disabled'] * {
  cursor: not-allowed; }

.ais-Breadcrumb,
.ais-ClearRefinements,
.ais-ClearRefinements-button,
.ais-CurrentRefinements,
.ais-GeoSearch,
.ais-HierarchicalMenu,
.ais-Hits,
.ais-InfiniteHits,
.ais-InfiniteResults,
.ais-Menu,
.ais-MenuSelect,
.ais-NumericMenu,
.ais-NumericSelector,
.ais-Pagination,
.ais-Panel,
.ais-PoweredBy,
.ais-RangeInput,
.ais-RangeSlider,
.ais-RatingMenu,
.ais-RefinementList,
.ais-Results,
.ais-ResultsPerPage,
.ais-SortBy,
.ais-SortBy-select,
.ais-Stats,
.ais-ToggleRefinement {
  color: #21243d;
  font-size: 0.75rem; }

.preview-searcharea .ais-VoiceSearch {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  border-left-width: 1px;
  border-color: rgba(17, 20, 50, 0.16);
  height: 100%; }

.preview-searcharea .ais-VoiceSearch-button {
  outline: none; }

.preview-searcharea .ais-VoiceSearch-button svg {
  height: 1.5rem;
  width: auto;
  stroke: #21243d; }

.preview-searcharea .ais-VoiceSearch-status {
  display: none; }

.ais-Panel--collapsible {
  position: relative; }

.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsed .ais-Panel-footer {
  display: none; }

.ais-Panel--collapsible {
  position: relative; }

.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsed .ais-Panel-footer {
  display: none; }

.ais-Stats,
.ais-Stats-text {
  font-size: 0.875rem; }

.ais-Pagination-list {
  justify-content: center; }

.ais-RefinementList-list {
  padding: 0;
  margin-bottom: 0; }
  .ais-RefinementList-list li {
    list-style: none; }

.ais-Pagination-item,
.ais-Pagination-link {
  align-items: center;
  display: flex;
  justify-content: center; }

.ais-Pagination-item {
  height: 38px;
  width: 38px;
  background-color: rgba(65, 66, 71, 0.08);
  border-radius: 4px;
  color: #414247; }

.ais-Pagination-item--selected {
  font-weight: 700; }

.ais-Pagination-item--firstPage,
.ais-Pagination-item--lastPage,
.ais-Pagination-item--nextPage,
.ais-Pagination-item--previousPage {
  background: none; }

.ais-Pagination-item.ais-Pagination-item--page {
  margin-right: 4px; }

.ais-Pagination-item.ais-Pagination-item--previousPage {
  margin-right: 1rem; }

.ais-Pagination-item.ais-Pagination-item--nextPage {
  margin-left: calc(1rem - 4px); }

.ais-Pagination-link {
  height: 100%;
  width: 100%; }

.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link,
.ais-RefinementList-label {
  align-items: baseline;
  display: flex; }

.ais-Menu-checkbox,
.ais-RefinementList-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(65, 66, 71, 0.08);
  border: none;
  border-radius: 2px;
  height: 1rem;
  margin: 0 1rem 0 0;
  position: relative;
  width: 1rem;
  top: 4px; }

.ais-HierarchicalMenu-item,
.ais-Menu-item,
.ais-RatingMenu-item,
.ais-RefinementList-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ais-Menu-item,
.ais-RatingMenu-item,
.ais-RefinementList-item * {
  cursor: pointer; }

.ais-HierarchicalMenu-link,
.ais-Menu-item,
.ais-RatingMenu-item,
.ais-RefinementList-item {
  padding-bottom: 1rem; }

.ais-Breadcrumb-item--selected,
.ais-HierarchicalMenu-item--selected,
.ais-Menu-item--selected {
  font-weight: 700; }

.ais-Menu-item--selected,
.ais-RefinementList-item--selected {
  font-weight: 700; }

.ais-Menu-item--selected .ais-Menu-checkbox,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox {
  background-color: #64b1bc; }

.ais-Menu-item--selected .ais-Menu-checkbox:after,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox:after {
  background-color: #fff;
  border-radius: 4px;
  content: '';
  height: 4px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-2px) translateY(-2px);
  width: 4px; }

.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RatingMenu-count,
.ais-RefinementList-count,
.ais-ToggleRefinement-count {
  align-items: center;
  background-color: rgba(65, 66, 71, 0.08);
  border-radius: 4px;
  color: rgba(33, 36, 61, 0.8);
  display: flex;
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 1.1px;
  margin-left: 8px;
  padding: 0 4px;
  margin-right: 5px; }

.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore {
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: #21243d;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: #f5f5fa; }

.ais-HierarchicalMenu--showMore-disabled,
.ais-HierarchicalMenu-showMore--disabled,
.ais-Menu-showMore--disabled,
.ais-RefinementList--showMore-disabled {
  display: none; }

.ais-HierarchicalMenu-list {
  font-weight: 400; }

.ais-HierarchicalMenu-list--child {
  margin-left: 1rem; }

.ais-HierarchicalMenu-link:before {
  align-items: center;
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2390919E' d='M0 4l4-4 4 4z'/%3E%3C/svg%3E");
  display: flex;
  height: 8px;
  justify-content: center;
  margin-right: 1rem;
  width: 8px; }

.ais-HierarchicalMenu-item--selected .ais-HierarchicalMenu-link:before {
  transform: rotate(180deg); }

.ais-HierarchicalMenu-item--selected .ais-HierarchicalMenu-item:not(.ais-HierarchicalMenu-item--selected) .ais-HierarchicalMenu-link:before {
  transform: rotate(0); }

.ais-RangeSlider > .rheostat {
  position: relative;
  cursor: pointer;
  width: calc(100% - 10px); }

.ais-RangeSlider > .rheostat .DefaultBackground {
  background-color: rgba(65, 66, 71, 0.08);
  border: none;
  border-radius: 3px;
  height: 3px; }

.ais-RangeSlider > .rheostat .DefaultProgressBar_progressBar {
  background-color: #64b1bc;
  border-radius: 3px;
  height: 3px;
  top: 0;
  max-width: 100%; }

/* CSS for IS Vanilla slider */
.rheostat-progress {
  position: relative;
  background-color: #64b1bc;
  border-radius: 3px;
  height: 3px;
  top: 0;
  max-width: 100%; }

.rheostat-handle {
  touch-action: none;
  background-image: linear-gradient(0deg, #f5f5fa, #fff);
  border: none;
  box-shadow: 0 4px 11px 0 rgba(37, 44, 97, 0.15), 0 2px 3px 0 rgba(93, 100, 148, 0.2);
  margin-left: -5px;
  border-radius: 50%;
  width: 20px;
  position: relative;
  top: -7px;
  z-index: 1; }

.rheostat-tooltip {
  position: relative;
  top: -30px;
  text-align: center;
  font-weight: 700; }

/* end adding */
.ais-RangeSlider .rheostat-marker {
  font-weight: 700;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ais-RangeSlider > .rheostat .DefaultHandle_handle {
  touch-action: none;
  background-image: linear-gradient(0deg, #f5f5fa, #fff);
  border: none;
  box-shadow: 0 4px 11px 0 rgba(37, 44, 97, 0.15), 0 2px 3px 0 rgba(93, 100, 148, 0.2);
  margin-left: -5px; }

.ais-RangeSlider > .rheostat .rheostat-marker {
  top: -14px; }

.ais-RangeSlider > .rheostat {
  overflow: visible;
  margin-top: 40px;
  margin-bottom: 40px; }

.ais-RangeSlider > .rheostat .DefaultBackground {
  top: 0;
  width: 100%; }

.ais-RangeSlider > .rheostat .DefaultHandle_handle {
  top: -7px; }

.ais-RangeSlider > .rheostat .DefaultBackground {
  position: relative; }

.ais-RangeSlider > .rheostat .DefaultProgressBar_progressBar {
  position: absolute; }

.ais-RangeSlider > .rheostat .handleContainer {
  position: relative;
  top: -5px; }

.rheostat .DefaultHandle_handle {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: -webkit-grab;
  cursor: grab; }

.rheostat-marker {
  margin-left: -1px;
  position: absolute;
  width: 1px;
  height: 5px; }

.rheostat-marker--large {
  height: 9px; }

.rheostat-value {
  margin-left: 50%;
  position: absolute;
  top: -22px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
  background: rgba(83, 105, 255, 0.24);
  font-style: normal; }

.ais-Highlight-highlighted {
  font-style: normal; }

.ais-ClearRefinements {
  margin-left: 1rem;
  margin-top: 0.25rem; }

.ais-ClearRefinements,
.ais-ClearRefinements-button {
  color: rgba(33, 36, 61, 0.7); }

.ais-ClearRefinements-button--disabled {
  color: rgba(33, 36, 61, 0.5); }

.ais-RatingMenu-starIcon--full {
  fill: #e2a400; }

.ais-RatingMenu-starIcon--empty {
  fill: rgba(0, 0, 0, 0.08); }

.ais-RatingMenu-item:not(.ais-RatingMenu-item--selected) {
  opacity: 0.5; }

.ais-RatingMenu-starIcon {
  margin-right: 0.5rem;
  display: block;
  width: 20px;
  height: 20px; }

.hidden {
  display: none; }

.mb-4 {
  margin-bottom: 1rem; }

.base {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-shadow: 0px 2px 3px -2px rgba(17, 20, 50, 0.32);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.primary {
  color: #f5f5fa;
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.16) 0%, rgba(17, 20, 50, 0.16) 100%) #5465fc;
  background-clip: padding-box; }

.tooltips {
  position: absolute;
  top: 1rem;
  left: 1rem; }

.hint {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  font-size: 1.25rem;
  cursor: pointer; }

.hintText {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  margin-top: 0.5rem;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 8px -1px rgba(17, 20, 50, 0.64), 0px 16px 32px 0px rgba(17, 20, 50, 0.32);
  text-align: left;
  line-height: 1.5rem;
  font-size: 0.875rem;
  cursor: auto;
  top: 100%;
  left: 0;
  z-index: 10;
  min-width: 20rem;
  transition: all 0.15s;
  transform: translateY(-1rem);
  white-space: pre-wrap; }

.hintText:before {
  left: calc(1rem - 4px);
  position: absolute;
  border-width: 4px;
  border-color: transparent;
  content: '';
  bottom: 100%;
  border-bottom-color: white; }

.hint:hover .hintText {
  visibility: visible;
  opacity: 100;
  transform: none; }

.ais-Pagination-item,
.ais-Pagination-link,
.ais-Pagination-list {
  justify-content: center;
  display: flex;
  align-items: center; }

.ais-Pagination-item--firstPage,
.ais-Pagination-item--lastPage,
.ais-Pagination-item--nextPage,
.ais-Pagination-item--previousPage {
  background-color: #f5f5fa; }

.ais-Pagination-item--disabled {
  color: #d4d4dd; }

.ais-Pagination-item--selected a {
  color: #fff; }

.ais-Pagination-item {
  height: 38px;
  width: 38px;
  background-color: rgba(65, 66, 71, 0.08);
  border-radius: 4px;
  color: #414247; }
  .ais-Pagination-item.ais-Pagination-item--page {
    margin-right: 4px; }
  .ais-Pagination-item.ais-Pagination-item--previousPage {
    margin-right: 1rem; }
  .ais-Pagination-item.ais-Pagination-item--nextPage {
    margin-left: calc(1rem - 4px); }

.ais-Pagination-item--selected {
  background-color: #64b1bc;
  font-weight: 700; }

.ais-Pagination-link {
  height: 100%;
  width: 100%; }

.ais-Page-stats,
#stats-top {
  font-size: 0.75rem; }

.ais-Page-stats {
  color: #9494a4;
  margin-left: 2rem; }

.searchWidget {
  padding: 0.5rem 1rem; }

.searchWidget,
.searchWidgetPreview {
  max-width: 100%;
  width: 47rem; }

#voicesearch-input {
  height: 100%;
  display: inline; }

.hits {
  flex-grow: 1;
  margin: 0 0.875rem; }

.hitsWidgetWrapper {
  margin: 0 -1.75rem;
  padding: 0.875rem;
  max-width: 100%; }

.hit h1 {
  font-size: 0.875rem;
  font-weight: 700; }

.hit-image-container {
  margin: auto;
  width: 100%; }

.hit-image-container-box {
  position: relative; }

.hit-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; }

.hit-promoted-container {
  position: absolute;
  text-align: center;
  width: 100%;
  margin-top: -0.5rem; }

.hit-promoted {
  padding: 0.25rem 1rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  background-color: #64b1bc;
  color: #fff;
  text-align: center;
  font-family: Open Sans;
  white-space: nowrap; }

.hit-info-container {
  line-height: 1.25rem;
  word-break: break-word;
  font-family: Open Sans;
  font-size: 0.875rem; }

.hit-category {
  height: 12px;
  font-size: 12px;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: 8px; }

.hit-category,
.hit-tag {
  line-height: 1;
  opacity: 0.7;
  text-transform: uppercase; }

.hit-tag {
  font-size: 0.8rem;
  font-weight: 800;
  margin-bottom: 0.4rem; }

.hit-description {
  margin-top: 0.125rem; }

.hit-list-tags {
  font-size: 0.75rem;
  background-color: #f5f5fa;
  margin-right: 0.25rem;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #757689;
  white-space: nowrap; }

.hit-tags {
  margin-top: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis; }

.hit-currency {
  color: #64b1bc;
  font-size: 0.8rem;
  font-weight: 600; }

.hit-no-image {
  width: 100%;
  font-size: 1.5rem;
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 0.25rem;
  background-color: #f5f5fa; }

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

.max-w-xs {
  max-width: 20rem; }

.mx-auto {
  margin-left: auto;
  margin-right: auto; }

#additional-categories {
  margin: 16px 0;
  margin-bottom: 24px; }
  #additional-categories .additional-filter {
    font-size: 14px;
    padding: 12px 16px;
    background-color: #64b1bc;
    border-radius: 4px;
    color: white;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin-right: 8px;
    transition: transform 0.2s;
    transform: translateY(-5px);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5); }
  #additional-categories:hover {
    transform: translateY(-5px) scale(1.04); }
  #additional-categories:active {
    transform: translateY(0px);
    transition: none; }
  #additional-categories:focus {
    outline-color: #f3a57e;
    outline-width: 2px; }

.real-results-error {
  display: none;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0; }

@media (max-width: 520px) {
  .real_results .modal-content {
    width: 100%;
    height: 100%; } }

@media (min-width: 521px) {
  .real_results .modal-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); } }

@media (max-width: 768px) {
  .real_results .slideshow-popup-content .slick-prev {
    left: -10px; }
  .real_results .slideshow-popup-content .slick-next {
    right: -10px; } }

@media (min-width: 768px) {
  .real_results .ais-Hits-list {
    grid-template-columns: 1fr 1fr 1fr; } }

@media (max-width: 900px) {
  .real_results .content-container {
    display: none;
    position: fixed;
    top: 0;
    transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
    width: 100%;
    will-change: transform;
    z-index: 100000;
    height: 100%;
    overflow-y: auto; }
  .real_results .slide-show-wrap {
    position: absolute;
    right: 0;
    top: -56px; }
  .real_results .hit {
    display: flex;
    height: 100%; }
  .real_results .hit-image-container {
    flex: 1;
    margin-right: 2rem; }
  .real_results .hit-info-container {
    flex: 2; }
  .real_results .header {
    cursor: pointer;
    background-position: bottom;
    background-size: cover;
    min-height: 10.75rem;
    position: relative;
    transition: transform 0.2s ease-out; }
  .real_results [data-layout='desktop'] {
    display: none; }
  .real_results [data-layout='mobile'] {
    display: none; }
  .real_results .modal-body-header {
    position: absolute;
    top: 0;
    left: 0; }
  .real_results .modal-image {
    padding-top: 30px; }
  .real_results .close {
    margin-right: 20px;
    margin-top: 10px; }
  .real_results .list-group-item {
    font-size: 14px; }
    .real_results .list-group-item h5 {
      font-size: 14px; }
  .real_results .m-top20 {
    margin-top: 15px; }
  .main-wrapper {
    flex-basis: 100%; }
  .ais-Pagination-list {
    margin-right: 2rem; }
  .ais-Menu,
  .ais-RefinementList {
    font-size: 1rem; }
  .ais-Menu-checkbox,
  .ais-RefinementList-checkbox {
    height: 1.5rem;
    min-width: 1.5rem; }
  .ais-Menu-item--selected .ais-Menu-checkbox:after,
  .ais-RefinementList-item--selected .ais-RefinementList-checkbox:after {
    align-items: center;
    background: none;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='9'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h24v24H0z'/%3E%3C/defs%3E%3Cg fill='%23fff' fill-rule='evenodd' transform='translate(-6 -8)'%3E%3Cmask id='b'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill-rule='nonzero' d='M16.5 8.5L18 10l-6.99 7-4.51-4.5L8 11l3.01 3z' mask='url(../../app/styles/%23b)'/%3E%3C/g%3E%3C/svg%3E");
    display: flex;
    height: 100%;
    justify-content: center;
    left: auto;
    position: relative;
    top: auto;
    transform: none;
    width: auto; }
  .container-options,
  .filtering .container-results {
    display: none; }
  .filtering .container-filters {
    position: absolute;
    transform: translateY(4rem);
    z-index: 40; }
  .container-filters-button {
    display: flex;
    justify-content: center; }
  .filters-button {
    align-items: center;
    border-style: none;
    border-radius: 0.5rem;
    bottom: 2rem;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.875rem;
    font-weight: 700;
    justify-content: center;
    min-height: 40px;
    min-width: 112px;
    position: fixed; }
  .filtering .filters-button,
  .container-filters-footer {
    display: none; }
  .filtering .container-filters-footer {
    background-color: #fff;
    border-top: 1px solid #ebecf3;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    position: fixed;
    width: 100%;
    z-index: 41; }
  .container-filters-footer-button-wrapper {
    width: calc(50% - 0.5rem); }
  .container-filters-footer-button-wrapper .ais-ClearRefinements {
    margin-top: 0;
    margin-left: 1rem; }
  .container-filters-footer .ais-ClearRefinements-button,
  .container-filters-footer .button {
    background-color: rgba(65, 66, 71, 0.08);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    justify-content: center;
    padding: 12px;
    text-align: center;
    width: 100%; }
  .container-filters-footer .button-primary {
    background-color: #5465fc;
    color: #fff; }
  .real_results .filter-mobile-icon {
    display: block; }
    .real_results .filter-mobile-icon button {
      margin: 20px 0 0 20px;
      text-transform: none;
      border: solid 1px #454545;
      border-radius: 25px;
      font-size: 12px; }
      .real_results .filter-mobile-icon button:hover {
        color: #fff;
        background-color: #113e53;
        border: solid 1px #113e53; }
  .real_results .fa-arrow-left {
    display: block;
    cursor: pointer;
    margin-bottom: 12px; }
  .real_results .ais-RefinementList-list li {
    width: 50%;
    display: inline-block; }
  .real_results .container-options.no-title {
    padding: 0; } }

@media (min-width: 901px) {
  .real_results .content-container {
    display: block !important;
    width: 360px; }
  .real_results .slideshow-popup-content .slick-slider {
    padding: 0 15% !important; } }

@media (min-width: 1200px) {
  .real_results .ais-Hits-list {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
  .real_results .slideshow-popup-content .slick-slider {
    padding: 0 20% !important; }
  .real_results .modal-content {
    width: 65%; } }

@media only screen and (max-height: 400px) {
  .real_results .grid-sm-col-5, .real_results .grid-sm-col-7 {
    max-width: 50%; }
  .real_results .list-group-item {
    font-size: 12px; }
    .real_results .list-group-item h5 {
      font-size: 12px; } }

/*.defaulttheme {*/
.addReadMore .readMore, .addReadMore .readLess {
  color: #454545; }

.tag label.primary {
  background: #454545; }

.tag label.secondary {
  background: #1D8193; }

.tag label.outOfStock {
  background: #DEDEDE; }

.grayborder .container {
  border-bottom-color: #DFDFDF; }

article.default.default-theme {
  background: #CDE2E5; }

article.default.gray-theme {
  background: #F2F2F2; }

article.default.lite-default-theme {
  background: #F2F8F9; }

article.default.holiday-theme {
  background: #71303F; }

article.default p, article.default h3, article.default h2 {
  color: #454545; }

article .generic-button {
  background: #454545;
  border-color: #454545; }
  article .generic-button:hover {
    background: #525252; }

article .generic-link {
  color: #454545; }
  article .generic-link:hover {
    border-bottom: 1px solid #454545;
    text-decoration: none !important; }

article .full-banner-text {
  color: #454545; }

.product-detail-info figure {
  border-color: #DFDFDF; }

.product-detail-info .media ul.slick-dots li button:before {
  color: #DFDFDF; }

.product-detail-info .media ul.slick-dots li.slick-active button:before {
  color: #1D8193; }

.product-detail-info .media .image-gallery ul li.slick-current a {
  border-color: #1D8193; }

.product-detail-info .media .image-gallery ul li.slick-current.slick-active a {
  box-shadow: 0px 0px 5px rgba(29, 129, 147, 0.3) inset; }

.product-detail-info .media .image-gallery ul li a:hover {
  border-color: #1D8193;
  box-shadow: 0px 0px 5px rgba(29, 129, 147, 0.3) inset; }

.product-detail-info .desc h1, .product-detail-info .desc h3, .product-detail-info .desc h4 {
  color: #454545; }

.product-detail-info .desc .Share-wrap {
  border-bottom: solid 1px #DFDFDF; }

.product-detail-info .desc .yotpo {
  /*border-bottom: solid 1px $neora-default-bordercolor;*/ }
  .product-detail-info .desc .yotpo a {
    color: #64b1bc !important; }

.product-detail-info .desc a {
  color: #454545 !important; }

.product-detail-info .desc p {
  color: #454545; }

.product-detail-info .desc b {
  color: #454545; }

.product-detail-info .desc .includes ul li {
  color: #454545; }

.product-detail-info .detail_prices .price-box {
  border-color: #DFDFDF; }
  .product-detail-info .detail_prices .price-box:hover, .product-detail-info .detail_prices .price-box.active {
    border-color: #454545;
    background: #EAF5F7; }
  .product-detail-info .detail_prices .price-box .price-strike {
    color: #1D8193; }
  .product-detail-info .detail_prices .price-box .price-value {
    color: #454545; }
    .product-detail-info .detail_prices .price-box .price-value.prime {
      color: #454545; }
  .product-detail-info .detail_prices .price-box .perks-popup {
    color: #1D8193; }
  .product-detail-info .detail_prices .price-box .icon-more-info {
    background: #1D8193; }
  .product-detail-info .detail_prices .price-box .edit-info {
    color: #454545; }
  .product-detail-info .detail_prices .price-box .price-box_label {
    color: #454545; }
    .product-detail-info .detail_prices .price-box .price-box_label.prime {
      color: #454545; }
  .product-detail-info .detail_prices .price-box .save {
    color: #1D8193; }

.product-detail-info .button.addProductToCart {
  background: #454545;
  border-color: #454545; }
  .product-detail-info .button.addProductToCart:hover {
    background: #1D8193; }

.product-detail-info .detail_bottom p {
  color: #454545; }
  .product-detail-info .detail_bottom p.prime {
    color: #454545; }

/*}*/
.ikon-text .text {
  color: #454545; }

.container-popup .smartshop-perks .container h2 {
  color: #454545; }

.container-popup .smartshop-perks h2.title {
  background: #454545; }

.holiday-theme {
  /*.defaulttheme {*/
  /*}*/ }
  .holiday-theme .addReadMore .readMore, .holiday-theme .addReadMore .readLess {
    color: #454545; }
  .holiday-theme .tag label.primary {
    background: #113E53; }
  .holiday-theme .tag label.secondary {
    background: #1D8193; }
  .holiday-theme .tag label.outOfStock {
    background: #E2E5E7; }
  .holiday-theme .grayborder .container {
    border-bottom-color: #DFDFDF; }
  .holiday-theme article.default.default-theme {
    background: #F5F5F5; }
  .holiday-theme article.default.gray-theme {
    background: #F2F2F2; }
  .holiday-theme article.default.lite-default-theme {
    background: #F2F8F9; }
  .holiday-theme article.default.holiday-theme {
    background: #B81830; }
  .holiday-theme article.default p, .holiday-theme article.default h3, .holiday-theme article.default h2 {
    color: #113E53; }
  .holiday-theme .product-detail-info figure {
    border-color: #DFDFDF; }
  .holiday-theme .product-detail-info .media ul.slick-dots li button:before {
    color: #DFDFDF; }
  .holiday-theme .product-detail-info .media ul.slick-dots li.slick-active button:before {
    color: #1D8193; }
  .holiday-theme .product-detail-info .media .image-gallery ul li.slick-current a {
    border-color: #1D8193; }
  .holiday-theme .product-detail-info .media .image-gallery ul li.slick-current.slick-active a {
    box-shadow: 0px 0px 5px rgba(29, 129, 147, 0.3) inset; }
  .holiday-theme .product-detail-info .media .image-gallery ul li a:hover {
    border-color: #1D8193;
    box-shadow: 0px 0px 5px rgba(29, 129, 147, 0.3) inset; }
  .holiday-theme .product-detail-info .desc {
    /*    .yotpo {
      border-bottom: solid 1px $neora-default-bordercolor;
    }*/ }
    .holiday-theme .product-detail-info .desc h1 {
      color: #454545; }
    .holiday-theme .product-detail-info .desc h3 {
      color: #B81830; }
    .holiday-theme .product-detail-info .desc a {
      color: #454545 !important; }
    .holiday-theme .product-detail-info .desc p {
      color: #113E53; }
    .holiday-theme .product-detail-info .desc b {
      color: #454545; }
    .holiday-theme .product-detail-info .desc .includes ul li {
      color: #454545; }
  .holiday-theme .product-detail-info .detail_prices .price-box {
    border-color: #DFDFDF; }
    .holiday-theme .product-detail-info .detail_prices .price-box:hover, .holiday-theme .product-detail-info .detail_prices .price-box.active {
      border-color: #113E53;
      background: #EAF5F7; }
    .holiday-theme .product-detail-info .detail_prices .price-box .price-strike {
      color: #1D8193; }
    .holiday-theme .product-detail-info .detail_prices .price-box .price-value {
      color: #454545; }
      .holiday-theme .product-detail-info .detail_prices .price-box .price-value.prime {
        color: #113E53; }
    .holiday-theme .product-detail-info .detail_prices .price-box .perks-popup {
      color: #1D8193; }
    .holiday-theme .product-detail-info .detail_prices .price-box .icon-more-info {
      background: #1D8193; }
    .holiday-theme .product-detail-info .detail_prices .price-box .edit-info {
      color: #454545; }
    .holiday-theme .product-detail-info .detail_prices .price-box .price-box_label {
      color: #454545; }
      .holiday-theme .product-detail-info .detail_prices .price-box .price-box_label.prime {
        color: #113E53; }
    .holiday-theme .product-detail-info .detail_prices .price-box .save {
      color: #1D8193; }
  .holiday-theme .product-detail-info .button.addProductToCart {
    background: #113E53;
    border-color: #113E53; }
    .holiday-theme .product-detail-info .button.addProductToCart:hover {
      background: #1D8193; }
  .holiday-theme .product-detail-info .detail_bottom p {
    color: #454545; }
    .holiday-theme .product-detail-info .detail_bottom p.prime {
      color: #113E53; }
  .holiday-theme .ikon-text .text {
    color: #113E53; }
  .holiday-theme .container-popup .smartshop-perks .container h2 {
    color: #113E53; }
  .holiday-theme .container-popup .smartshop-perks h2.title {
    background: #113E53; }

/*product listing*/
.component-listing .components {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  /*    gap: 10px;*/ }
  @media only screen and (min-width: 768px) {
    .component-listing .components {
      display: flex; } }
  .component-listing .components > * {
    flex: 1; }
  .component-listing .components .elements ul {
    list-style-type: none;
    display: flex;
    flex-direction: column; }
    .component-listing .components .elements ul.align-right li {
      justify-content: flex-end; }
    .component-listing .components .elements ul.align-right .ikon-image {
      float: right;
      margin-left: 10px;
      order: 2; }
    .component-listing .components .elements ul.align-right .text {
      text-align: right; }
    .component-listing .components .elements ul.align-left li {
      justify-content: flex-start; }
    .component-listing .components .elements ul.align-left .ikon-image {
      float: left;
      margin-right: 10px; }
    .component-listing .components .elements ul li {
      margin-top: 30px;
      display: flex;
      flex-direction: row; }
      .component-listing .components .elements ul li:first-child {
        margin-top: 0; }
      .component-listing .components .elements ul li .ikon-image {
        width: 50px;
        height: 50px; }
        .component-listing .components .elements ul li .ikon-image img {
          width: 100%;
          height: 100%;
          object-fit: fill; }
      .component-listing .components .elements ul li .text {
        font-family: "Inter", arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0px;
        font-family: "Inter", arial, sans-serif;
        font-weight: 600;
        width: 90%; }
        .apac .component-listing .components .elements ul li .text {
          font-family: "Noto Sans", sans; }
        html[lang='ja-JP'] .component-listing .components .elements ul li .text {
          font-family: "Noto Sans", sans; }
        .apac .component-listing .components .elements ul li .text {
          font-family: "Noto Sans", sans; }
        html[lang='ja-JP'] .component-listing .components .elements ul li .text {
          font-family: "Noto Sans", sans; }
        .component-listing .components .elements ul li .text h3 {
          margin-top: 0; }
        .component-listing .components .elements ul li .text p {
          font-weight: 400; }
  .component-listing .components .middle-column picture {
    overflow: hidden; }
    .component-listing .components .middle-column picture img {
      width: 100%;
      height: 100%;
      object-fit: fill; }

.component-listing .description {
  position: relative;
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .component-listing .description {
      margin-top: 20px; } }
  .component-listing .description h4 {
    /*@include tiny-header;*/
    margin: 15px 0 5px 0; }
  .component-listing .description p {
    text-align: left;
    font-size: 14px; }

@media only screen and (max-width: 767px) {
  .component-listing .ikon-image img {
    margin: 0 auto; }
  .component-listing .generic-slick-carousel {
    padding: 0 50px; }
    .component-listing .generic-slick-carousel .slick-dots {
      left: 0; }
    .component-listing .generic-slick-carousel ul.slick-dots {
      padding: 1rem 0;
      position: initial;
      display: flex;
      justify-content: center;
      align-items: center; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      .component-listing .generic-slick-carousel ul.slick-dots {
        padding: 0; } }

@media only screen and (max-width: 767px) {
      .component-listing .generic-slick-carousel ul.slick-dots li {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0; }
        .component-listing .generic-slick-carousel ul.slick-dots li.slick-active button {
          background: #8c8c8c !important; }
        .component-listing .generic-slick-carousel ul.slick-dots li button {
          background: #ccc;
          border-radius: 50%;
          height: .45rem;
          width: .45rem;
          margin: auto 3px;
          padding: 0; }
          .component-listing .generic-slick-carousel ul.slick-dots li button::before {
            content: '';
            width: 0;
            height: 0;
            display: none; } }

hide {
  display: none !important; }

.text-left {
  text-align: left; }

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

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

@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none !important; } }

/*Text Alignment*/
.text-align-right ul li {
  text-align: right !important; }
  .text-align-right ul li h6, .text-align-right ul li p {
    text-align: right !important; }

.text-align-left ul li {
  text-align: left !important; }
  .text-align-left ul li h6, .text-align-left ul li p {
    text-align: left !important; }

.text-align-center ul li {
  text-align: center !important; }
  .text-align-center ul li h6, .text-align-center ul li p {
    text-align: center !important; }

/*Icon Alignment*/
.icon-align-right ul li {
  text-align: right; }
  .icon-align-right ul li .ikon-wrap {
    margin: 0 0 0 auto !important; }

.icon-align-left ul li {
  text-align: left; }
  .icon-align-left ul li .ikon-wrap {
    margin: 0 auto 0 0 !important; }

.icon-align-center ul li {
  text-align: center; }
  .icon-align-center ul li .ikon-wrap {
    margin: 0 auto !important; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.grayborder .container {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding-bottom: 20px; }

main article.full-banner-text.padding-100:first-child {
  padding-top: 0 !important; }

main article:first-child {
  padding-top: 0 !important; }

article h2 {
  font-size: 44px;
  color: #454545; }

article.default-theme, article.gray-theme, article.lite-default-theme, article.holiday-theme {
  padding: 20px 0;
  margin: 0 !important; }

article.border .container {
  padding-bottom: 30px;
  border: solid 1px #DFDFDF; }

article.border-left .container {
  padding-bottom: 30px;
  border-left: solid 2px #DFDFDF; }

article.border-right .container {
  padding-bottom: 30px;
  border-right: solid 2px #DFDFDF; }

article.border-top .container {
  padding-bottom: 30px;
  border-top: solid 2px #DFDFDF; }

article.border-bottom .container {
  padding-bottom: 30px;
  border-bottom: solid 2px #DFDFDF; }

@media only screen and (min-width: 768px) {
  article.image-position-left .text-item {
    order: 2; }
  article.image-position-left .image-item {
    order: 1; } }

@media only screen and (max-width: 767px) {
  article.image-position-left .text-item {
    order: 2; }
    article.image-position-left .text-item .image {
      margin-top: 20px; }
  article.image-position-left .image-item {
    order: 1; } }

@media only screen and (min-width: 768px) {
  article.image-position-right .text-item {
    order: 1; }
  article.image-position-right .image-item {
    order: 2; } }

@media only screen and (max-width: 767px) {
  article.image-position-right .text-item {
    order: 2; }
    article.image-position-right .text-item image {
      margin-top: 20px; }
  article.image-position-right .image-item {
    order: 1; } }

article.default {
  margin: 20px 0;
  font-family: "Inter", arial, sans-serif; }
  .apac article.default {
    font-family: "Noto Sans", sans; }
  html[lang='ja-JP'] article.default {
    font-family: "Noto Sans", sans; }
  article.default.padding-100 {
    margin: 0;
    padding: 45px 0 !important; }
    @media only screen and (max-width: 767px) {
      article.default.padding-100 {
        padding: 25px 0 !important; } }
  article.default h1, article.default h2, article.default h3, article.default h4, article.default h5, article.default h6, article.default p {
    font-family: "Inter", arial, sans-serif;
    letter-spacing: 0;
    color: #454545; }
    .apac article.default h1, .apac article.default h2, .apac article.default h3, .apac article.default h4, .apac article.default h5, .apac article.default h6, .apac article.default p {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] article.default h1, html[lang='ja-JP'] article.default h2, html[lang='ja-JP'] article.default h3, html[lang='ja-JP'] article.default h4, html[lang='ja-JP'] article.default h5, html[lang='ja-JP'] article.default h6, html[lang='ja-JP'] article.default p {
      font-family: "Noto Sans", sans; }
    @media only screen and (max-width: 767px) {
      article.default h1, article.default h2, article.default h3, article.default h4, article.default h5, article.default h6, article.default p {
        width: 100%;
        text-align: center;
        font-weight: 700; } }
  article.default.default-theme {
    padding: 20px 0; }
  article.default h2 {
    font-family: "Inter", arial, sans-serif;
    font-size: 44px;
    line-height: 54px;
    letter-spacing: 0px;
    margin-bottom: 16px;
    text-align: center;
    font-weight: bold;
    margin: 0;
    font-family: "Inter", arial, sans-serif; }
    .apac article.default h2 {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] article.default h2 {
      font-family: "Noto Sans", sans; }
    @media only screen and (max-width: 767px) {
      article.default h2 {
        font-size: 28px;
        line-height: 34px;
        font-weight: 400; } }
    .apac article.default h2 {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] article.default h2 {
      font-family: "Noto Sans", sans; }
    @media only screen and (max-width: 767px) {
      article.default h2 {
        font-weight: bold; } }
  article.default h3 {
    font-family: "Inter", arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0px;
    font-weight: bold;
    margin: 0; }
    .apac article.default h3 {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] article.default h3 {
      font-family: "Noto Sans", sans; }
    @media only screen and (max-width: 767px) {
      article.default h3 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400; } }
  article.default h4 {
    font-size: 18px;
    font-weight: 400; }
  article.default ul {
    margin: 20px 0 0 0;
    padding: 0; }
    article.default ul li {
      list-style-type: none; }
  article.default p {
    margin: 0;
    font-family: "Inter", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0px;
    padding-bottom: 1rem; }
    .apac article.default p {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] article.default p {
      font-family: "Noto Sans", sans; }
    article.default p:last-child {
      padding-bottom: 0; }
  article.default ul li p {
    line-height: 20px; }
  article.default.list-whitebackround-theme {
    background: #F5F5F5;
    padding: 50px 0; }
    @media only screen and (max-width: 767px) {
      article.default.list-whitebackround-theme {
        padding: 20px 0; } }
    article.default.list-whitebackround-theme h2 {
      font-size: 1.25rem;
      line-height: 2rem;
      text-shadow: 1px 1px 0px #fff; }
      article.default.list-whitebackround-theme h2 + p {
        font-size: 2.75rem;
        font-weight: 600;
        line-height: 2rem;
        margin: 1rem 0 2rem 0;
        text-shadow: 1px 1px 0px #fff; }
        @media only screen and (max-width: 767px) {
          article.default.list-whitebackround-theme h2 + p {
            line-height: 3rem; } }
    article.default.list-whitebackround-theme a {
      font-weight: bold;
      font-size: 12px;
      word-spacing: -2px; }
      article.default.list-whitebackround-theme a:after {
        content: "﹥";
        font-size: 10px; }
      article.default.list-whitebackround-theme a:hover {
        text-decoration: underline; }
    article.default.list-whitebackround-theme ul {
      align-items: stretch;
      gap: 5%; }
      @media only screen and (max-width: 767px) {
        article.default.list-whitebackround-theme ul {
          gap: 20px;
          flex-direction: column; } }
      article.default.list-whitebackround-theme ul li {
        background: #FFF;
        padding: 20px;
        position: relative;
        border-radius: 8px;
        box-shadow: 0px 0px 1px 0px #eee; }
        article.default.list-whitebackround-theme ul li .text h6 {
          margin-top: 20px;
          font-size: 1.25rem;
          margin-bottom: 5px;
          line-height: 1.5rem;
          font-weight: 700; }
        article.default.list-whitebackround-theme ul li .text p {
          font-size: 16px;
          line-height: 24px; }
        @media only screen and (min-width: 768px) {
          article.default.list-whitebackround-theme ul li .story-link {
            position: absolute;
            bottom: 10px;
            width: 100%;
            left: 0; } }
        article.default.list-whitebackround-theme ul li .story-link a {
          font-size: 12px;
          word-spacing: -2px;
          font-family: "Inter", arial, sans-serif;
          font-size: 16px;
          line-height: 24px;
          font-weight: 400;
          letter-spacing: 0px;
          position: relative;
          font-weight: bold; }
          .apac article.default.list-whitebackround-theme ul li .story-link a {
            font-family: "Noto Sans", sans; }
          html[lang='ja-JP'] article.default.list-whitebackround-theme ul li .story-link a {
            font-family: "Noto Sans", sans; }
          article.default.list-whitebackround-theme ul li .story-link a:after {
            content: "﹥";
            font-size: 10px;
            position: absolute;
            right: -12px;
            top: -1px; }
          article.default.list-whitebackround-theme ul li .story-link a:hover {
            text-decoration: underline; }
  article.default .link {
    margin-top: 20px; }
    article.default .link .generic-button {
      display: inline-block;
      letter-spacing: 0px;
      text-transform: none;
      border-radius: 40px;
      color: #fff;
      padding: 12px 24px;
      border-style: solid;
      border-width: 1px;
      min-width: 200px;
      font-weight: 700;
      background: #454545;
      border-color: #454545; }
      article.default .link .generic-button:hover {
        background: #1D8193; }
    article.default .link .generic-link {
      padding-bottom: 3px;
      position: relative;
      font-family: "Inter", arial, sans-serif;
      font-weight: 600;
      font-size: 14px;
      line-height: 26px;
      word-spacing: 0; }
      .apac article.default .link .generic-link {
        font-family: "Noto Sans", sans; }
      html[lang='ja-JP'] article.default .link .generic-link {
        font-family: "Noto Sans", sans; }
      article.default .link .generic-link:after {
        content: "›";
        position: absolute;
        right: -12px;
        font-size: 20px;
        top: -4px;
        font-weight: 400; }

article.image-gallery {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }

@media only screen and (max-width: 767px) {
  article.mobile-fullwidth ul {
    row-gap: 20px; }
    article.mobile-fullwidth ul li {
      flex: 0 0 100%;
      display: flex;
      flex-direction: row;
      column-gap: 10px; }
      article.mobile-fullwidth ul li .ikon-wrap {
        margin: 0 !important; }
      article.mobile-fullwidth ul li h6 {
        margin-bottom: 0; } }

article.center {
  text-align: center;
  /*h1, h2, h3, h4, h5, h6, span, p, div {
      text-align: center;
    }*/ }
  article.center .text-item {
    display: block !important; }

article.text-align-left {
  text-align: left; }
  article.text-align-left h1, article.text-align-left h2, article.text-align-left h3, article.text-align-left h4, article.text-align-left h5, article.text-align-left h6, article.text-align-left span, article.text-align-left p, article.text-align-left div {
    text-align: left; }
  article.text-align-left .text-item {
    display: block !important; }

article.text-align-right {
  text-align: right;
  /*h1, h2, h3, h4, h5, h6, span, p, div {
      text-align: right;
    }*/ }
  article.text-align-right .text-item {
    display: block !important; }

article.full-banner-text {
  position: relative; }
  article.full-banner-text.main-header-align-left h1, article.full-banner-text.main-header-align-left h2, article.full-banner-text.main-header-align-left h3 {
    text-align: left; }
  article.full-banner-text.sub-header-align-left h4, article.full-banner-text.sub-header-align-left h5, article.full-banner-text.sub-header-align-left h6 {
    text-align: left; }
  article.full-banner-text.body-text-align-left .rich-text {
    text-align: left; }
  article.full-banner-text.body-text-align-left p, article.full-banner-text.body-text-align-left span {
    text-align: left; }
  article.full-banner-text.cta-position-align-left .link {
    text-align: left; }
  article.full-banner-text.main-header-align-center h1, article.full-banner-text.main-header-align-center h2, article.full-banner-text.main-header-align-center h3 {
    text-align: center; }
  article.full-banner-text.sub-header-align-center h4, article.full-banner-text.sub-header-align-center h5, article.full-banner-text.sub-header-align-center h6 {
    text-align: center; }
  article.full-banner-text.body-text-align-center .rich-text {
    text-align: center; }
  article.full-banner-text.body-text-align-center p, article.full-banner-text.body-text-align-center span {
    text-align: center; }
  article.full-banner-text.cta-position-align-center .link {
    text-align: center; }
  article.full-banner-text.main-header-align-right h1, article.full-banner-text.main-header-align-right h2, article.full-banner-text.main-header-align-right h3 {
    text-align: right; }
  article.full-banner-text.sub-header-align-right h4, article.full-banner-text.sub-header-align-right h5, article.full-banner-text.sub-header-align-right h6 {
    text-align: right; }
  article.full-banner-text.body-text-align-right .rich-text {
    text-align: right; }
  article.full-banner-text.body-text-align-right p, article.full-banner-text.body-text-align-right span {
    text-align: right; }
  article.full-banner-text.cta-position-align-right .link {
    text-align: right; }
  article.full-banner-text.text-align-center h1, article.full-banner-text.text-align-center h2, article.full-banner-text.text-align-center h3, article.full-banner-text.text-align-center h4, article.full-banner-text.text-align-center h5, article.full-banner-text.text-align-center h6, article.full-banner-text.text-align-center .link {
    text-align: center !important; }
  article.full-banner-text.image-position-Top {
    display: flex;
    flex-direction: column; }
    article.full-banner-text.image-position-Top .container h1 {
      font-size: 40px;
      margin: 20px 0; }
      @media only screen and (max-width: 767px) {
        article.full-banner-text.image-position-Top .container h1 {
          font-size: 32px;
          margin: 5px 0; } }
    article.full-banner-text.image-position-Top > :nth-child(1) {
      order: 2;
      margin-top: 20px !important;
      margin-bottom: 20px !important; }
    article.full-banner-text.image-position-Top > :nth-child(2) {
      order: 1; }
    article.full-banner-text.image-position-Top > :nth-child(3), article.full-banner-text.image-position-Top .one-column-content {
      order: 3; }
    article.full-banner-text.image-position-Top picture {
      margin-left: auto !important;
      margin-right: auto !important;
      display: flex;
      max-width: 1298px;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent; }
      article.full-banner-text.image-position-Top picture img {
        width: 100%; }
    article.full-banner-text.image-position-Top .container .text-content-absolute {
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      width: 100%; }
  article.full-banner-text .container .text-content-absolute {
    position: absolute; }
    @media only screen and (min-width: 768px) {
      article.full-banner-text .container .text-content-absolute {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%; } }
    @media only screen and (min-width: 1025px) {
      article.full-banner-text .container .text-content-absolute {
        width: 1198px; } }
    @media only screen and (max-width: 767px) {
      article.full-banner-text .container .text-content-absolute {
        top: 20%;
        left: 0;
        padding: 0 20px; } }
  @media only screen and (max-width: 767px) {
    article.full-banner-text .container h3 {
      font-size: 16px; } }
  article.full-banner-text .container h2 {
    margin-bottom: 30px;
    font-weight: 600; }
  article.full-banner-text .container h1 {
    font-size: 64px;
    line-height: 40px;
    margin: 30px 0;
    font-weight: 600; }
    @media only screen and (max-width: 767px) {
      article.full-banner-text .container h1 {
        font-size: 44px;
        line-height: 36px; } }
  article.full-banner-text .container .text {
    font-size: 16px;
    line-height: 24px; }
    @media only screen and (max-width: 767px) {
      article.full-banner-text .container .text {
        font-size: 16px; } }

article .image-with-text h2 {
  line-height: 36px;
  margin: 10px 0;
  font-weight: bold; }
  @media only screen and (min-width: 768px) {
    article .image-with-text h2 {
      line-height: 3rem;
      margin: 30px 0; } }

article .image-with-text h3 {
  margin: 10px 0;
  line-height: 26px; }
  @media only screen and (min-width: 768px) {
    article .image-with-text h3 {
      margin: 30px 0; } }

article .image-with-text .text {
  font-size: 16px;
  line-height: 20px; }

article.text-white h1, article.text-white h2, article.text-white h3, article.text-white h4, article.text-white h5, article.text-white h6, article.text-white div, article.text-white p, article.text-white span {
  color: #fff !important; }

.reveal-overlay .reveal {
  backface-visibility: hidden;
  padding: 1rem;
  border-radius: 0;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
  max-height: 100%;
  top: 10%; }
  .reveal-overlay .reveal iframe {
    width: 100%;
    height: 100%;
    min-height: 500px;
    border: none; }
  .reveal-overlay .reveal .close-button {
    position: absolute;
    top: -30px;
    right: -20px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    z-index: 1001;
    border-color: #454545; }
    @media only screen and (max-width: 767px) {
      .reveal-overlay .reveal .close-button {
        top: -10px;
        right: 0px; } }
    .reveal-overlay .reveal .close-button:hover {
      background-color: #454545; }
    .reveal-overlay .reveal .close-button span {
      font-size: 30px;
      line-height: 46px;
      margin-left: 5px; }

.site-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden; }

.media-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: .3s ease;
  z-index: 1000; }
  .media-popup > iframe {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -280px; }

.show-media-popup .media-popup {
  opacity: 1;
  visibility: visible; }

.shop__addtobag {
  background-color: #454545;
  color: #fff;
  width: 100%;
  margin-top: auto;
  align-self: flex-start;
  width: auto; }
  @media only screen and (max-width: 767px) {
    .shop__addtobag {
      width: 100%; } }
  .shop__addtobag:hover {
    background-color: #525252; }

/*Carousel*/
article.realresults.generic-carousel .real-results-imageswrap {
  max-width: 1585px; }
  article.realresults.generic-carousel .real-results-imageswrap .slick-arrow {
    background-color: rgba(238, 238, 238, 0.8); }
    article.realresults.generic-carousel .real-results-imageswrap .slick-arrow:hover {
      background-color: rgba(251, 251, 251, 0.8); }

article.generic-carousel {
  padding-top: 40px;
  /*&:first-child {
      padding-top: 40px !important;
    }*/ }
  article.generic-carousel.realresults .inner .generic-slick-carousel {
    margin-top: 20px; }
    article.generic-carousel.realresults .inner .generic-slick-carousel .slick-arrow {
      top: 50%; }
      @media only screen and (max-width: 767px) {
        article.generic-carousel.realresults .inner .generic-slick-carousel .slick-arrow {
          margin-top: -20px; } }
      article.generic-carousel.realresults .inner .generic-slick-carousel .slick-arrow.slick-disabled {
        opacity: 0.4; }
    article.generic-carousel.realresults .inner .generic-slick-carousel .slick-slider, article.generic-carousel.realresults .inner .generic-slick-carousel .slick-track, article.generic-carousel.realresults .inner .generic-slick-carousel .slick-slide, article.generic-carousel.realresults .inner .generic-slick-carousel .item {
      max-height: 320px; }
    article.generic-carousel.realresults .inner .generic-slick-carousel .slick-slide {
      padding: .5rem; }
    article.generic-carousel.realresults .inner .generic-slick-carousel .pictures {
      display: flex;
      max-height: inherit; }
      article.generic-carousel.realresults .inner .generic-slick-carousel .pictures .picture {
        max-height: inherit;
        width: 100%;
        overflow: hidden; }
        article.generic-carousel.realresults .inner .generic-slick-carousel .pictures .picture img {
          height: 100%;
          width: 100%;
          object-fit: fill; }

article .slick-disabled {
  opacity: 0.1;
  cursor: not-allowed; }

@media only screen and (max-width: 767px) {
  .ikon-text h2, .ikon-text-subtext h2 {
    font-size: 24px !important; } }

.ikon-text ul, .ikon-text-subtext ul {
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  /*@include breakpoint(small) {
      flex-wrap: wrap;
    }*/ }
  .ikon-text ul.how-to-use, .ikon-text-subtext ul.how-to-use {
    gap: 20px 0; }
    .ikon-text ul.how-to-use li, .ikon-text-subtext ul.how-to-use li {
      flex: 1 1; }
  @media only screen and (min-width: 768px) {
    .ikon-text ul, .ikon-text-subtext ul {
      gap: 40px 20px; }
      .ikon-text ul > *, .ikon-text-subtext ul > * {
        flex: 1 1 10%; } }
  .ikon-text ul li, .ikon-text-subtext ul li {
    list-style-type: none; }
    @media only screen and (max-width: 767px) {
      .ikon-text ul li, .ikon-text-subtext ul li {
        margin: 0;
        padding: 0;
        flex: 0 0 50%; } }
    .ikon-text ul li .ikon-wrap, .ikon-text-subtext ul li .ikon-wrap {
      /*margin: 0 auto;
        width: 50px;*/ }
      .ikon-text ul li .ikon-wrap img, .ikon-text-subtext ul li .ikon-wrap img {
        vertical-align: top;
        border-style: none;
        max-width: 100%;
        height: 100%; }
      .ikon-text ul li .ikon-wrap + p, .ikon-text-subtext ul li .ikon-wrap + p {
        font-family: "Inter", arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0px;
        font-weight: 600;
        line-height: 16px;
        margin-top: 5px; }
        .apac .ikon-text ul li .ikon-wrap + p, .apac .ikon-text-subtext ul li .ikon-wrap + p {
          font-family: "Noto Sans", sans; }
        html[lang='ja-JP'] .ikon-text ul li .ikon-wrap + p, html[lang='ja-JP'] .ikon-text-subtext ul li .ikon-wrap + p {
          font-family: "Noto Sans", sans; }
    .ikon-text ul li .text, .ikon-text-subtext ul li .text {
      font-family: "Inter", arial, sans-serif;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: 0px;
      font-weight: bold;
      line-height: 18px;
      flex: 1 1 80%;
      font-size: 14px;
      margin-bottom: 5px;
      /*width:80%;*/ }
      .apac .ikon-text ul li .text, .apac .ikon-text-subtext ul li .text {
        font-family: "Noto Sans", sans; }
      html[lang='ja-JP'] .ikon-text ul li .text, html[lang='ja-JP'] .ikon-text-subtext ul li .text {
        font-family: "Noto Sans", sans; }
      @media only screen and (max-width: 767px) {
        .ikon-text ul li .text, .ikon-text-subtext ul li .text {
          font-size: 20px;
          line-height: 24px;
          font-weight: 400; } }
      @media only screen and (max-width: 767px) {
        .ikon-text ul li .text, .ikon-text-subtext ul li .text {
          font-size: 14px;
          font-weight: 700;
          line-height: 14px;
          margin-bottom: 0; } }
      @media only screen and (min-width: 768px) {
        .ikon-text ul li .text, .ikon-text-subtext ul li .text {
          margin-top: 20px;
          margin-left: 0;
          font-size: 16px; } }
      .ikon-text ul li .text h3, .ikon-text ul li .text p, .ikon-text-subtext ul li .text h3, .ikon-text-subtext ul li .text p {
        text-align: inherit; }
      @media only screen and (max-width: 767px) {
        .ikon-text ul li .text h3, .ikon-text-subtext ul li .text h3 {
          font-weight: bold; } }
      .ikon-text ul li .text h3 + p, .ikon-text-subtext ul li .text h3 + p {
        font-weight: 400; }
      .ikon-text ul li .text p, .ikon-text-subtext ul li .text p {
        font-weight: bold; }
      .ikon-text ul li .text + p, .ikon-text-subtext ul li .text + p {
        font-family: "Inter", arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 20px;
        margin-top: 5px; }
        .apac .ikon-text ul li .text + p, .apac .ikon-text-subtext ul li .text + p {
          font-family: "Noto Sans", sans; }
        html[lang='ja-JP'] .ikon-text ul li .text + p, html[lang='ja-JP'] .ikon-text-subtext ul li .text + p {
          font-family: "Noto Sans", sans; }
        @media only screen and (max-width: 767px) {
          .ikon-text ul li .text + p, .ikon-text-subtext ul li .text + p {
            margin-bottom: 0px; } }

.ikon-text ul {
  /*li {
      .ikon-wrap {
        border-radius: 50%;
        height: 50px;
      }
    }*/ }
  @media only screen and (max-width: 767px) {
    .ikon-text ul {
      row-gap: 30px; } }

.ikon-text.space-evenly ul {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .ikon-text.space-evenly ul > * {
      flex: 1; } }
  .ikon-text.space-evenly ul li {
    margin-bottom: 30px;
    padding-right: 20px; }
  @media only screen and (min-width: 768px) {
    .ikon-text.space-evenly ul {
      gap: 1em; }
      .ikon-text.space-evenly ul li {
        flex: 1;
        width: 50%; } }

.ikon-text .ikon-image {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  text-align: center; }
  .ikon-text .ikon-image img {
    width: 100%;
    height: 100%;
    object-fit: fill; }

.ikon-text-subtext h3 {
  font-weight: 600; }

.ikon-text-subtext ul {
  display: flex; }
  @media only screen and (min-width: 768px) {
    .ikon-text-subtext ul {
      flex-wrap: wrap;
      gap: 30px; } }
  @media only screen and (max-width: 767px) {
    .ikon-text-subtext ul {
      flex-direction: column;
      row-gap: 20px; } }
  .ikon-text-subtext ul li {
    width: 100%;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .ikon-text-subtext ul li {
        min-height: auto; } }
    @media only screen and (min-width: 768px) {
      .ikon-text-subtext ul li {
        flex: 0 0 30%;
        align-items: flex-start; } }

.ikon-text-subtext .ikon-wrap {
  float: left; }

.ikon-text-subtext .text {
  margin-left: 10px; }

.accordion__row-button {
  background: #fff;
  width: 100%;
  border-radius: 10px;
  margin: 5px 0;
  position: relative;
  border: 1px solid #c5c5c5; }
  .accordion__row-button strong {
    color: #1D8193; }
  .accordion__row-button.accordion-open, .accordion__row-button.accordion-closed {
    padding: 15px; }
    @media only screen and (max-width: 767px) {
      .accordion__row-button.accordion-open, .accordion__row-button.accordion-closed {
        padding: 15px 40px 15px 15px; } }
    .accordion__row-button.accordion-open:after, .accordion__row-button.accordion-closed:after {
      position: absolute;
      right: 8px;
      top: 13px;
      padding: 10px;
      background: #454545;
      border-radius: 100%;
      line-height: 10px;
      color: #fff;
      cursor: pointer;
      width: 9px;
      text-align: center; }
  .accordion__row-button.accordion-open:after {
    content: '-'; }
  .accordion__row-button.accordion-closed > ul {
    display: none; }
  .accordion__row-button.accordion-closed:after {
    content: '+'; }
  .accordion__row-button .how-to-use {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    background-color: white; }

/*Image with Text*/
.max-width-content {
  width: 100%;
  margin: 0 auto; }
  .max-width-content .image-with-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    /*    &.float-right-image {*/
    /*    }*/ }
    @media only screen and (min-width: 768px) {
      .max-width-content .image-with-text {
        flex-direction: row; } }
    .max-width-content .image-with-text .text-item {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start; }
      @media only screen and (min-width: 768px) {
        .max-width-content .image-with-text .text-item {
          width: 50%;
          padding: 2rem; } }
      .max-width-content .image-with-text .text-item .image {
        width: 100%; }
    @media only screen and (max-width: 767px) {
      .max-width-content .image-with-text .image-item {
        margin-top: 20px !important; } }
    @media only screen and (min-width: 768px) {
      .max-width-content .image-with-text .image-item {
        width: 50%;
        display: inline-flex; } }
    .max-width-content .image-with-text picture {
      /*max-height: 400px;
        overflow: hidden;*/ }
      .max-width-content .image-with-text picture img {
        width: 100%;
        height: 100%;
        object-fit: contain; }

.container-popup {
  position: relative;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 1001;
  cursor: default; }
  .container-popup .smartshop-perks {
    position: fixed;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 1002;
    cursor: pointer;
    top: 5%;
    /*to hide popup initially*/ }
    @media only screen and (min-width: 768px) {
      .container-popup .smartshop-perks {
        width: 60%;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%; } }
    .container-popup .smartshop-perks h2.title {
      color: #fff;
      font-family: "Inter", arial, sans-serif;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: 0px;
      font-weight: bold;
      font-weight: 600;
      padding: 10px 0; }
      .apac .container-popup .smartshop-perks h2.title {
        font-family: "Noto Sans", sans; }
      html[lang='ja-JP'] .container-popup .smartshop-perks h2.title {
        font-family: "Noto Sans", sans; }
      @media only screen and (max-width: 767px) {
        .container-popup .smartshop-perks h2.title {
          font-size: 20px;
          line-height: 24px;
          font-weight: 400; } }
    .container-popup .smartshop-perks .close-btn {
      position: absolute;
      left: 20px;
      top: 12px;
      color: white; }
    .container-popup .smartshop-perks .container {
      padding: 20px; }
      @media only screen and (min-width: 768px) {
        .container-popup .smartshop-perks .container {
          padding: 20px; } }
      .container-popup .smartshop-perks .container h2 {
        font-family: "Inter", arial, sans-serif;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0px;
        font-weight: bold; }
        .apac .container-popup .smartshop-perks .container h2 {
          font-family: "Noto Sans", sans; }
        html[lang='ja-JP'] .container-popup .smartshop-perks .container h2 {
          font-family: "Noto Sans", sans; }
        @media only screen and (max-width: 767px) {
          .container-popup .smartshop-perks .container h2 {
            font-size: 20px;
            line-height: 24px;
            font-weight: 400; } }
      .container-popup .smartshop-perks .container ul {
        display: flex;
        flex-direction: column;
        margin: 10px auto; }
        @media only screen and (min-width: 768px) {
          .container-popup .smartshop-perks .container ul {
            width: 50%; } }
        .container-popup .smartshop-perks .container ul li {
          margin-top: 15px;
          list-style-type: none; }
          .container-popup .smartshop-perks .container ul li .ikon-image {
            float: left;
            margin-right: 20px; }
          .container-popup .smartshop-perks .container ul li h3 {
            text-align: left;
            margin: 10px 0 0 0;
            font-family: "Inter", arial, sans-serif;
            font-size: 24px;
            line-height: 28px;
            letter-spacing: 0px;
            font-weight: bold; }
            .apac .container-popup .smartshop-perks .container ul li h3 {
              font-family: "Noto Sans", sans; }
            html[lang='ja-JP'] .container-popup .smartshop-perks .container ul li h3 {
              font-family: "Noto Sans", sans; }
            @media only screen and (max-width: 767px) {
              .container-popup .smartshop-perks .container ul li h3 {
                font-size: 20px;
                line-height: 24px;
                font-weight: 400; } }
          .container-popup .smartshop-perks .container ul li p {
            text-align: left;
            font-family: "Inter", arial, sans-serif;
            font-size: 12px;
            line-height: 16px;
            font-weight: 400;
            letter-spacing: 0px; }
            .apac .container-popup .smartshop-perks .container ul li p {
              font-family: "Noto Sans", sans; }
            html[lang='ja-JP'] .container-popup .smartshop-perks .container ul li p {
              font-family: "Noto Sans", sans; }

.pro-tip .header-tip {
  font-family: "Inter", arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0px;
  margin-bottom: 30px; }
  .apac .pro-tip .header-tip {
    font-family: "Noto Sans", sans; }
  html[lang='ja-JP'] .pro-tip .header-tip {
    font-family: "Noto Sans", sans; }
  .pro-tip .header-tip b {
    font-family: "Inter", arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0px;
    font-weight: bold; }
    .apac .pro-tip .header-tip b {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] .pro-tip .header-tip b {
      font-family: "Noto Sans", sans; }
    @media only screen and (max-width: 767px) {
      .pro-tip .header-tip b {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400; } }

.pro-tip ul {
  display: flex;
  gap: 25px;
  align-items: flex-start;
  justify-content: space-evenly;
  flex-direction: column; }
  @media only screen and (min-width: 768px) {
    .pro-tip ul {
      flex-direction: row;
      align-items: stretch; } }
  .pro-tip ul li {
    background: #F2F2F2;
    padding: 15px;
    border-radius: 8px; }
    .pro-tip ul li picture {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      flex: 0 0 50%;
      margin: 0;
      position: relative;
      height: auto; }
      @media only screen and (min-width: 768px) {
        .pro-tip ul li picture {
          height: 325px; } }
      .pro-tip ul li picture img {
        height: 100%;
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        vertical-align: top;
        line-height: 0;
        object-fit: contain; }
    .pro-tip ul li .details {
      margin-top: 10px; }
      .pro-tip ul li .details h6 {
        font-family: "Inter", arial, sans-serif;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0px;
        font-weight: bold;
        margin: 5px 0; }
        .apac .pro-tip ul li .details h6 {
          font-family: "Noto Sans", sans; }
        html[lang='ja-JP'] .pro-tip ul li .details h6 {
          font-family: "Noto Sans", sans; }
        @media only screen and (max-width: 767px) {
          .pro-tip ul li .details h6 {
            font-size: 16px;
            line-height: 20px;
            font-weight: 400; } }
      .pro-tip ul li .details p {
        font-family: "Inter", arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0px;
        margin: 0;
        line-height: 20px;
        font-weight: 600; }
        .apac .pro-tip ul li .details p {
          font-family: "Noto Sans", sans; }
        html[lang='ja-JP'] .pro-tip ul li .details p {
          font-family: "Noto Sans", sans; }
        .pro-tip ul li .details p.spl-price {
          color: #1D8193; }
    .pro-tip ul li .view-details {
      font-family: "Inter", arial, sans-serif;
      font-size: 12px;
      line-height: 16px;
      font-weight: 400;
      letter-spacing: 0px;
      text-decoration: underline;
      color: #454545; }
      .apac .pro-tip ul li .view-details {
        font-family: "Noto Sans", sans; }
      html[lang='ja-JP'] .pro-tip ul li .view-details {
        font-family: "Noto Sans", sans; }
      .pro-tip ul li .view-details:hover {
        text-decoration: none;
        color: #1D8193; }
      .pro-tip ul li .view-details:after {
        content: "❯";
        font-size: 10px; }

nav ul {
  margin: 20px 0 0 0;
  padding: 0; }
  nav ul.page-breadcrumbs li {
    float: left;
    font-size: 14px;
    cursor: default;
    list-style-type: none;
    color: #454545; }
    nav ul.page-breadcrumbs li:first-child {
      margin-left: 0;
      text-transform: capitalize; }
    nav ul.page-breadcrumbs li a {
      color: #1D8193;
      font-weight: 600; }
      nav ul.page-breadcrumbs li a:hover {
        color: #454545; }
    nav ul.page-breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 2px;
      content: "/";
      color: #cacaca; }

@media only screen and (min-width: 768px) {
  .product-detail-info {
    display: flex; } }

@media only screen and (min-width: 768px) {
  .product-detail-info .media {
    width: 50%; } }

.product-detail-info .media figure {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  flex: 0 0 50%;
  margin: 0;
  position: relative;
  border-style: solid;
  border-width: 1px; }
  .product-detail-info .media figure .LabelContainer {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 3px 0 0 5px;
    list-style: none; }
    .product-detail-info .media figure .LabelContainer li {
      line-height: 14px; }
    .product-detail-info .media figure .LabelContainer .productLabel {
      font-size: 11px;
      list-style: none;
      display: inline-flex;
      line-height: 11px; }
      .product-detail-info .media figure .LabelContainer .productLabel .fa-heart {
        margin-right: 4px; }
    .product-detail-info .media figure .LabelContainer .outofstockLabel {
      background: #DEDEDE;
      color: #454545;
      font-size: 11px;
      padding: 0 12px;
      list-style: none;
      border-top-left-radius: 15px;
      border-bottom-right-radius: 15px; }
  @media only screen and (min-width: 768px) {
    .product-detail-info .media figure iframe {
      height: 350px; } }
  @media only screen and (max-width: 767px) {
    .product-detail-info .media figure {
      max-height: 250px;
      overflow: hidden; } }
  .product-detail-info .media figure img {
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    vertical-align: top;
    line-height: 0;
    object-fit: contain; }
    @media only screen and (min-width: 768px) {
      .product-detail-info .media figure img {
        height: 350px; } }
  .product-detail-info .media figure .tags {
    position: absolute;
    left: 20px;
    top: 20px; }
    .product-detail-info .media figure .tags .tag {
      margin: 5px 0; }
      .product-detail-info .media figure .tags .tag label {
        padding: 5px 15px;
        color: #fff;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        font-size: 12px; }
        .product-detail-info .media figure .tags .tag label.outOfStock {
          color: #454545;
          font-weight: 600; }

.product-detail-info .media .image-gallery {
  width: 100%;
  min-width: 100%; }
  .product-detail-info .media .image-gallery ul li.slick-current a {
    border-style: solid;
    border-width: 1px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) inset; }
  .product-detail-info .media .image-gallery ul li a {
    border: solid 1px transparent;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .product-detail-info .media .image-gallery ul li a:hover {
      border-style: solid;
      border-width: 1px; }
    .product-detail-info .media .image-gallery ul li a img {
      display: block;
      height: 100%;
      margin: 0 auto;
      max-width: 100%;
      width: 100%;
      vertical-align: top;
      line-height: 0;
      object-fit: cover; }

@media only screen and (min-width: 768px) {
  .product-detail-info .info {
    padding: 0px 30px; } }

@media only screen and (min-width: 768px) {
  .product-detail-info .info {
    width: 50%; } }

.product-detail-info .info .desc {
  margin-bottom: 20px; }
  .product-detail-info .info .desc h1, .product-detail-info .info .desc h3 {
    margin: 0; }
  .product-detail-info .info .desc h1 {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700; }
    @media only screen and (min-width: 768px) {
      .product-detail-info .info .desc h1 {
        font-size: 40px;
        line-height: 42px; } }
  .product-detail-info .info .desc h3 {
    font-family: "Inter", arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 20px;
    font-weight: 600; }
    .apac .product-detail-info .info .desc h3 {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] .product-detail-info .info .desc h3 {
      font-family: "Noto Sans", sans; }
    @media only screen and (max-width: 767px) {
      .product-detail-info .info .desc h3 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400; } }
    .product-detail-info .info .desc h3:empty {
      margin: 0; }
  .product-detail-info .info .desc h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin: 0; }
  .product-detail-info .info .desc p, .product-detail-info .info .desc li {
    font-size: 14px; }
  .product-detail-info .info .desc .Promotiontext {
    color: #B81830; }
    .product-detail-info .info .desc .Promotiontext * {
      color: inherit; }
  .product-detail-info .info .desc .short-desc {
    line-height: 20px;
    font-family: "Inter", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0px;
    height: 176px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .apac .product-detail-info .info .desc .short-desc {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] .product-detail-info .info .desc .short-desc {
      font-family: "Noto Sans", sans; }
    .product-detail-info .info .desc .short-desc p {
      margin: 0;
      padding-bottom: 0; }
    .product-detail-info .info .desc .short-desc .promoLabelContainer {
      margin: 0;
      padding: 0;
      list-style: none; }
      .product-detail-info .info .desc .short-desc .promoLabelContainer .productPromoTextLabel {
        padding: 5px;
        background-color: #e2f3f5;
        color: #000;
        display: inline-flex;
        margin-bottom: 4px;
        line-height: 15px; }
        .product-detail-info .info .desc .short-desc .promoLabelContainer .productPromoTextLabel .fa-heart {
          margin-right: 4px; }
  .product-detail-info .info .desc .includes {
    margin: 0;
    padding: 0px 0 0 20px; }
  .product-detail-info .info .desc ul {
    padding-left: 20px; }
    .product-detail-info .info .desc ul li {
      list-style-type: disc; }
  .product-detail-info .info .desc p {
    margin: 13px 0;
    text-align: left; }
  .product-detail-info .info .desc .Share-wrap {
    position: relative;
    padding: 5px 0;
    margin-bottom: 10px;
    min-height: 25px;
    /*&:hover .tooltiptext {
          visibility: visible;
          opacity: 1;
        }*/
    /*&:active, &:focus {
          visibility: visible;
          opacity: 1;
        }*/ }
    .product-detail-info .info .desc .Share-wrap a.share-icon {
      position: absolute;
      top: 0;
      right: 0;
      font-weight: 600;
      font-size: 14px;
      cursor: pointer; }
      .product-detail-info .info .desc .Share-wrap a.share-icon:hover {
        color: #6DB2BD !important; }
      .product-detail-info .info .desc .Share-wrap a.share-icon i {
        margin-left: 5px;
        color: #6DB2BD;
        font-weight: 600; }
    .product-detail-info .info .desc .Share-wrap .tooltiptext {
      width: 200px;
      background-color: #64b1bc;
      color: #fff;
      text-align: center;
      padding: 5px;
      z-index: 1;
      bottom: 25px;
      transition: opacity 0.3s;
      font-size: 14px;
      border-radius: 5px;
      position: absolute;
      display: none;
      right: -30px;
      bottom: -36px;
      line-height: 26px; }
      .product-detail-info .info .desc .Share-wrap .tooltiptext::after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #64b1bc;
        content: "test";
        margin: 0 auto;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -15px; }

.product-detail-info .info .price-box_dropdown {
  display: none; }

.product-detail-info .info .detail_prices {
  flex-direction: column; }
  .product-detail-info .info .detail_prices .price-box {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    flex: 0 1 100%;
    font-size: 16px;
    width: 100%;
    border-radius: 5px;
    padding: 3px 8px;
    margin-bottom: 10px;
    position: relative;
    min-height: 80px; }
    @media only screen and (min-width: 768px) {
      .product-detail-info .info .detail_prices .price-box {
        padding: 3px 15px; } }
    .product-detail-info .info .detail_prices .price-box.active {
      border-style: solid;
      border-width: 1px; }
    .product-detail-info .info .detail_prices .price-box .price-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      margin-top: 5px;
      line-height: 16px;
      min-height: 48px; }
      .product-detail-info .info .detail_prices .price-box .price-container .price {
        flex-grow: 1;
        text-align: left; }
        .product-detail-info .info .detail_prices .price-box .price-container .price .price-strike {
          font-size: 16px; }
        .product-detail-info .info .detail_prices .price-box .price-container .price .price-value {
          font-size: 20px;
          font-weight: 700;
          line-height: 20px; }
          .product-detail-info .info .detail_prices .price-box .price-container .price .price-value.price-strike {
            font-size: 16px;
            text-decoration: line-through; }
          .product-detail-info .info .detail_prices .price-box .price-container .price .price-value.sale-price {
            color: red;
            font-size: 20px; }
      .product-detail-info .info .detail_prices .price-box .price-container .details {
        flex-grow: 9; }
        .product-detail-info .info .detail_prices .price-box .price-container .details .price-box_label {
          font-weight: 700;
          font-size: 14px;
          line-height: 14px; }
        .product-detail-info .info .detail_prices .price-box .price-container .details .save {
          font-weight: 600;
          font-size: 14px;
          line-height: 14px; }
    .product-detail-info .info .detail_prices .price-box .perks-popup {
      position: absolute;
      right: 5px;
      top: 2px;
      font-size: 12px; }
      .product-detail-info .info .detail_prices .price-box .perks-popup .icon-more-info {
        color: #fff;
        border-radius: 100px;
        float: right;
        margin: 3px 0 0 3px;
        font-size: 14px; }
    .product-detail-info .info .detail_prices .price-box .edit-info {
      font-size: 12px;
      position: absolute;
      bottom: 0; }

.product-detail-info .info .button.addProductToCart {
  width: 100%;
  display: inline-block;
  letter-spacing: 0px;
  text-transform: none;
  border-radius: 20px;
  color: #fff;
  padding: 10px 0;
  border-style: solid;
  border-width: 1px; }
  .product-detail-info .info .button.addProductToCart.outOfStock {
    cursor: not-allowed;
    background: #DEDEDE;
    border-color: #DEDEDE; }

.product-detail-info .info .detail_bottom {
  text-align: center; }
  .product-detail-info .info .detail_bottom .guarantee-text {
    margin-top: 20px;
    display: flex;
    align-items: center; }
    .product-detail-info .info .detail_bottom .guarantee-text .main-image {
      width: 75px; }
      .product-detail-info .info .detail_bottom .guarantee-text .main-image img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 100%; }
    .product-detail-info .info .detail_bottom .guarantee-text p {
      margin: 0;
      font-size: 14px;
      line-height: 16px; }
      .product-detail-info .info .detail_bottom .guarantee-text p.prime {
        text-align: left;
        margin-left: 20px;
        padding-bottom: 0; }
        .product-detail-info .info .detail_bottom .guarantee-text p.prime span {
          display: block; }

.product-detail-info .info .availabilityText {
  font-family: "Inter", arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  margin-bottom: 5px;
  color: #454545; }
  .apac .product-detail-info .info .availabilityText {
    font-family: "Noto Sans", sans; }
  html[lang='ja-JP'] .product-detail-info .info .availabilityText {
    font-family: "Noto Sans", sans; }

.items-slider-container {
  margin: 0 auto;
  max-width: 1200px;
  display: none; }
  .items-slider-container .slick-slider {
    padding: 0;
    margin: 0; }
    .items-slider-container .slick-slider.slider-for {
      background-color: #fff;
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .items-slider-container .slick-slider.slider-for {
          margin-bottom: 40px; }
          .items-slider-container .slick-slider.slider-for .slick-dots li button:before {
            font-size: 20px;
            opacity: 1; } }
      .items-slider-container .slick-slider.slider-for img {
        max-width: 100%; }
      .items-slider-container .slick-slider.slider-for .item-slide-title {
        position: absolute;
        left: 0;
        top: 0;
        color: red; }
    .items-slider-container .slick-slider.slider-nav {
      margin-bottom: 10px;
      margin-top: 5px; }
      @media only screen and (max-width: 767px) {
        .items-slider-container .slick-slider.slider-nav {
          display: none; } }
      .items-slider-container .slick-slider.slider-nav .slick-track {
        width: 100% !important;
        transform: translate3d(0px, 0px, 0px) !important; }
        @media only screen and (min-width: 768px) {
          .items-slider-container .slick-slider.slider-nav .slick-track iframe {
            height: 350px; } }
      .items-slider-container .slick-slider.slider-nav .slick-slide {
        position: relative;
        padding: 3px;
        width: 25% !important;
        height: 75px; }
        .items-slider-container .slick-slider.slider-nav .slick-slide:hover {
          cursor: pointer; }
        .items-slider-container .slick-slider.slider-nav .slick-slide.current-slide, .items-slider-container .slick-slider.slider-nav .slick-slide.slick-current {
          background-color: #fff; }
          .items-slider-container .slick-slider.slider-nav .slick-slide.current-slide img, .items-slider-container .slick-slider.slider-nav .slick-slide.slick-current img {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1; }
      .items-slider-container .slick-slider.slider-nav .slick-slide img {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        /*opacity: 0.5;*/
        max-width: 100%;
        margin: 0 auto;
        border: solid 1px #f6f6f6;
        object-fit: contain; }

@media screen and (min-width: 600px) {
  .items-slider-container .slider-for .item-informations-container .item-slide-title {
    font-size: 71px;
    font-size: 7.1rem; }
  .items-slider-container .slider-for .item-informations-container .item-slide-info-1 {
    font-size: 34px;
    font-size: 3.4rem; }
  .items-slider-container .slider-for .item-informations-container .item-slide-info-2 {
    font-size: 34px;
    font-size: 3.4rem; } }

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess,
.viewmore.showlesscontent .SecSec,
.viewmore.showlesscontent .readLess {
  display: none; }

.addReadMore.showmorecontent .readMore,
.viewmore.showmorecontent .readMore {
  display: none; }

.addReadMore .readMore,
.addReadMore .readLess {
  font-family: "Inter", arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  font-weight: bold;
  margin-left: 2px;
  cursor: pointer;
  display: block; }
  .apac .addReadMore .readMore, .apac
  .addReadMore .readLess {
    font-family: "Noto Sans", sans; }
  html[lang='ja-JP'] .addReadMore .readMore, html[lang='ja-JP']
  .addReadMore .readLess {
    font-family: "Noto Sans", sans; }

.viewmore .readMore,
.viewmore .readLess {
  font-family: "Inter", arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0px;
  font-weight: bold;
  margin-left: 2px;
  cursor: pointer;
  display: block; }
  .apac .viewmore .readMore, .apac
  .viewmore .readLess {
    font-family: "Noto Sans", sans; }
  html[lang='ja-JP'] .viewmore .readMore, html[lang='ja-JP']
  .viewmore .readLess {
    font-family: "Noto Sans", sans; }
  @media only screen and (max-width: 767px) {
    .viewmore .readMore,
    .viewmore .readLess {
      font-family: "Inter", arial, sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      letter-spacing: 0px; }
      .apac .viewmore .readMore, .apac
      .viewmore .readLess {
        font-family: "Noto Sans", sans; }
      html[lang='ja-JP'] .viewmore .readMore, html[lang='ja-JP']
      .viewmore .readLess {
        font-family: "Noto Sans", sans; } }

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
  display: block; }

.viewmore .readMore, .viewmore .readLess {
  position: absolute;
  top: -40px;
  text-align: center;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .viewmore .readMore, .viewmore .readLess {
      top: -30px; } }

@media only screen and (max-width: 767px) {
  .showlesscontent p {
    display: none; } }

@media only screen and (max-width: 767px) {
  .showmorecontent p {
    display: block; } }

.readlabel {
  display: block; }
  .readlabel a {
    font-family: "Inter", arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0px;
    font-weight: bold;
    margin-left: 2px;
    cursor: pointer;
    display: block; }
    .apac .readlabel a {
      font-family: "Noto Sans", sans; }
    html[lang='ja-JP'] .readlabel a {
      font-family: "Noto Sans", sans; }
  .readlabel .readLess {
    display: none; }

.ingredientsinfo {
  display: none; }

.moredesc,
.lessdesc,
.see-all,
.see-less {
  font-family: "Inter", arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  font-weight: bold;
  margin-left: 2px;
  cursor: pointer;
  display: block;
  text-decoration: underline; }
  .apac .moredesc, .apac
  .lessdesc, .apac
  .see-all, .apac
  .see-less {
    font-family: "Noto Sans", sans; }
  html[lang='ja-JP'] .moredesc, html[lang='ja-JP']
  .lessdesc, html[lang='ja-JP']
  .see-all, html[lang='ja-JP']
  .see-less {
    font-family: "Noto Sans", sans; }

.lessdesc, .see-less {
  display: none; }

.image-gallery .title {
  font-size: 2.75rem;
  color: #454545;
  width: 100%;
  font-weight: 700;
  text-align: center;
  line-height: 1.75;
  margin: 0 auto 1.5rem; }
  @media only screen and (max-width: 767px) {
    .image-gallery .title {
      font-size: 1.5rem; } }

.image-gallery section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  gap: 15px;
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .image-gallery section {
      display: grid;
      height: auto; } }
  .image-gallery section.social .column-block {
    /*height: 300px;*/
    width: 33%;
    position: relative;
    /*&.inner-block{
            gap:15px 0;
        }*/ }
    .image-gallery section.social .column-block i {
      position: absolute;
      width: 30px;
      height: 30px;
      left: 10px;
      top: 10px;
      background-size: 30px 30px;
      background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      .image-gallery section.social .column-block {
        width: 100%;
        display: grid;
        height: auto;
        /*max-height: 250px;*/ }
        .image-gallery section.social .column-block img {
          /* max-height: 250px;*/ } }
    .image-gallery section.social .column-block img {
      width: 100%;
      height: 100%;
      object-fit: fill;
      /*vertical-align:super;*/ }
    .image-gallery section.social .column-block:nth-child(2) {
      background: none;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      /*align-items: flex-start;
          align-content: end;
          justify-content: space-between;*/ }
      @media only screen and (max-width: 767px) {
        .image-gallery section.social .column-block:nth-child(2) {
          max-height: fit-content; } }
    .image-gallery section.social .column-block .square-block {
      width: 50%;
      height: 50%;
      position: relative; }
      .image-gallery section.social .column-block .square-block a {
        display: inline-block;
        width: 100%;
        height: 100%; }
      .image-gallery section.social .column-block .square-block:nth-child(1) a {
        padding-bottom: 8px;
        padding-right: 7px; }
      .image-gallery section.social .column-block .square-block:nth-child(2) a {
        padding-bottom: 8px;
        padding-left: 8px; }
      .image-gallery section.social .column-block .square-block:nth-child(3) a {
        padding-top: 7px;
        padding-right: 7px; }
      .image-gallery section.social .column-block .square-block:nth-child(4) a {
        padding-top: 7px;
        padding-left: 8px; }
      .image-gallery section.social .column-block .square-block img {
        width: 100%;
        height: 100%;
        object-fit: fill; }

article.default.preview-list {
  padding: 40px 0;
  background: #f5f5f5;
  margin: 0; }
  article.default.preview-list:first-child {
    padding: 40px 0 !important; }
  article.default.preview-list p {
    text-align: center;
    font-size: 20px; }
  article.default.preview-list .morelessbtn {
    border: solid 1px #113E53;
    border-radius: 25px;
    text-align: center;
    padding: 10px 25px;
    text-decoration: none;
    margin: 20px auto 0 auto;
    width: 150px; }
    article.default.preview-list .morelessbtn:hover {
      color: #fff;
      background: #113E53; }
  article.default.preview-list ul {
    margin-top: 50px;
    text-align: center; }
    article.default.preview-list ul.preview-more-list {
      display: none; }
      @media only screen and (max-width: 767px) {
        article.default.preview-list ul.preview-more-list {
          flex-direction: column; } }
    @media only screen and (min-width: 768px) {
      article.default.preview-list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        align-content: space-between;
        gap: 70px;
        justify-content: center; } }
    article.default.preview-list ul li {
      background: #fff;
      padding-bottom: 120px;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
      width: 100%;
      margin-bottom: 30px;
      position: relative;
      /*cursor:pointer;*/ }
      @media only screen and (min-width: 768px) {
        article.default.preview-list ul li {
          width: 300px; } }
      article.default.preview-list ul li picture {
        margin-bottom: 30px; }
        article.default.preview-list ul li picture img {
          width: 100%;
          object-fit: fill;
          height: auto; }
      article.default.preview-list ul li p {
        font-size: 14px;
        margin: 20px 0; }
      article.default.preview-list ul li h5 {
        font-size: 18px;
        margin: 0 auto 20px auto;
        width: 90%;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      article.default.preview-list ul li a {
        color: #2F8B9F;
        font-size: 12px;
        font-weight: 700;
        position: relative; }
        article.default.preview-list ul li a:after {
          content: "›";
          margin-left: 4px;
          position: absolute;
          right: -8px;
          top: -1px; }
      article.default.preview-list ul li:hover {
        color: #0d6c82; }
    article.default.preview-list ul .ikon-wrap {
      position: absolute;
      width: 100%;
      bottom: 30px; }

a.btn-primary,
button.btn-primary {
  display: block;
  text-align: center;
  border-radius: 40px;
  padding: 8px 24px;
  transition: 0.2s ease-in-out;
  text-transform: capitalize;
  min-width: 200px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400; }
  a.btn-primary:hover,
  button.btn-primary:hover {
    cursor: pointer; }

.four-column-content {
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  padding: 2rem 0;
  margin: 0 auto;
  background-color: #f5f5f5; }
  .four-column-content__container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 1rem; }
    @media only screen and (min-width: 768px) {
      .four-column-content__container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch; } }
  .four-column-content__eyebrow {
    color: #454545;
    font-size: 1rem;
    width: 100%;
    font-weight: 700;
    text-align: center;
    margin: 0; }
    @media only screen and (min-width: 1024px) {
      .four-column-content__eyebrow {
        font-size: 1.5rem; } }
  .four-column-content__main-header {
    color: #454545;
    font-size: 1.75rem;
    width: 100%;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    margin: 0.5rem auto; }
    @media only screen and (min-width: 768px) {
      .four-column-content__main-header {
        font-size: 2.125rem; } }
    @media only screen and (min-width: 1024px) {
      .four-column-content__main-header {
        font-size: 2.75rem; } }
  .four-column-content__sub-header {
    color: #454545;
    font-size: 1.25rem;
    width: 100%;
    max-width: 1280px;
    text-align: center;
    margin: 0.5rem auto;
    line-height: 1.25;
    padding: 0 1rem; }
    @media only screen and (min-width: 768px) {
      .four-column-content__sub-header {
        font-size: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .four-column-content__sub-header {
        font-size: 1.5rem; } }
  .four-column-content__text-header {
    color: #454545;
    font-size: 1rem;
    width: 100%;
    max-width: 1280px;
    text-align: center;
    margin: 0.5rem auto;
    line-height: 1.5;
    padding: 0 1rem; }
  .four-column-content__main-cta {
    background-color: #454545;
    color: white;
    font-size: 1rem;
    margin: .5rem auto;
    padding: 12px 48px !important;
    font-weight: 700 !important;
    border-radius: 8px !important; }
    .four-column-content__main-cta:hover {
      background-color: #525252; }
  .four-column-content__text-link {
    text-align: center;
    color: #454545;
    font-weight: 700;
    display: inline-block;
    margin: 1rem auto;
    transition: color 0.2s ease;
    font-size: 1rem; }
    .four-column-content__text-link::after {
      content: "\203A";
      margin-left: .25rem;
      position: absolute; }
    .four-column-content__text-link:hover {
      text-decoration: underline;
      text-underline-offset: 5px; }
  .four-column-content__content-group {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: center;
    width: 100%;
    margin: 0.5rem 0; }
    @media only screen and (min-width: 768px) {
      .four-column-content__content-group {
        width: 50%;
        position: relative;
        padding: 0.5rem 0.5rem 3.5rem 0.5rem; } }
    @media only screen and (min-width: 1024px) {
      .four-column-content__content-group {
        width: 25%; } }
  .four-column-content__content-img-link {
    position: relative; }
  .four-column-content__content-label {
    position: absolute;
    background-color: #113e53;
    top: 0.75rem;
    border-radius: 0 4px 4px 0; }
    .four-column-content__content-label p {
      color: white;
      font-weight: 700;
      padding: 0.25rem 0.5rem;
      margin: 0; }
  .four-column-content__content-img {
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    z-index: 0;
    width: 100%; }
  .four-column-content__content-header {
    font-size: 1.25rem;
    color: #454545;
    font-weight: 700;
    margin: 0.75rem 0;
    line-height: 1.25;
    text-align: center;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .four-column-content__content-header {
        font-size: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .four-column-content__content-header {
        font-size: 1.5rem; } }
  .four-column-content__content-text {
    font-size: 1rem;
    color: #454545;
    margin: 0 0 0.5rem;
    text-align: center;
    line-height: 1.5;
    padding-bottom: .5rem;
    width: 100%; }
  .four-column-content__content-button-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: .5rem; }
    @media only screen and (min-width: 768px) {
      .four-column-content__content-button-group {
        position: absolute;
        bottom: 0; } }
  .four-column-content__content-cta {
    background-color: #454545;
    color: white;
    margin: .5rem auto;
    padding: 12px 48px !important;
    font-weight: 700 !important;
    border-radius: 8px !important; }
    .four-column-content__content-cta:hover {
      background-color: #525252; }
    @media only screen and (min-width: 768px) {
      .four-column-content__content-cta {
        position: relative; } }
  .four-column-content__content-textlink {
    display: block;
    margin: 0.5rem auto;
    color: #454545;
    font-weight: 700;
    text-align: center; }
    .four-column-content__content-textlink::after {
      content: "\203A";
      margin-left: .25rem;
      position: absolute; }
    .four-column-content__content-textlink:hover {
      text-decoration: underline;
      text-underline-offset: 5px; }
    @media only screen and (min-width: 768px) {
      .four-column-content__content-textlink {
        position: relative; } }

.background-white {
  background-color: #ffffff; }

.background-tertiary {
  background-color: #F2F8F9; }

.background-cta-neoraprimary .btn-primary {
  background-color: #113e53 !important; }
  .background-cta-neoraprimary .btn-primary:hover {
    background-color: #154e68 !important; }

.content-header-align-left .four-column-content__content-header {
  text-align: left; }

.content-text-align-left .four-column-content__content-text {
  text-align: left; }

.content-cta-text-link-left .four-column-content__content-textlink {
  margin: .5rem auto .5rem 0;
  text-align: left; }

.content-cta-text-link-left .four-column-content__content-cta {
  margin: .5rem auto .5rem 0; }

.content-label-secondary .four-column-content__content-label {
  background-color: #1d8193; }

.content-label-cranberry .four-column-content__content-label {
  background-color: #b1036e; }

.content-label-red .four-column-content__content-label {
  background-color: #b81830; }

.content-label-none .four-column-content__content-label {
  background-color: transparent; }

.content-half-width .four-column-content__content-group {
  width: 48%;
  position: relative;
  padding: 0.5rem 0.5rem 3.5rem 0.5rem; }

.content-half-width .four-column-content__container {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1440px; }

.content-half-width .four-column-content__content-button-group {
  position: absolute;
  bottom: 0; }

.main-header-lora .four-column-content__main-header {
  font-family: 'Lora', serif;
  font-weight: normal; }

.content-group-header-lora .four-column-content__content-header {
  font-family: 'Lora', serif;
  font-weight: normal; }

.horizontal-scroll .four-column-content__container {
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: scroll;
  overflow-y: hidden; }
  @media only screen and (min-width: 1024px) {
    .horizontal-scroll .four-column-content__container {
      overflow: hidden;
      justify-content: center; } }

.horizontal-scroll .four-column-content__content-group {
  min-width: 280px;
  margin: 1rem; }
  @media only screen and (min-width: 1024px) {
    .horizontal-scroll .four-column-content__content-group {
      width: 25%;
      padding: .5rem;
      margin: 0;
      min-width: auto; } }

.horizontal-scroll .four-column-content__content-text, .horizontal-scroll .four-column-content__content-textlink {
  width: 100%;
  margin: .25rem 0; }

.horizontal-scroll .four-column-content__content-textlink::after {
  position: static; }

.horizontal-scroll .four-column-content__content-button-group {
  position: static;
  padding: 0; }

.content-label-text-color-black .four-column-content__content-label p {
  color: #454545; }

.content-label-text-color-black .fa-heart {
  color: #454545; }

.image-banner {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%; }
  .image-banner a {
    width: 100%; }
  .image-banner__mobile {
    width: 100%; }
    @media (min-width: 768px) {
      .image-banner__mobile {
        display: none; } }
  .image-banner__tablet {
    width: 100%;
    display: none; }
    @media (min-width: 768px) {
      .image-banner__tablet {
        display: block; } }
    @media (min-width: 1024px) {
      .image-banner__tablet {
        display: none; } }
  .image-banner__desktop {
    width: 100%;
    display: none; }
    @media (min-width: 1024px) {
      .image-banner__desktop {
        display: block; } }

.two-column-content-image {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  padding: 2rem 0;
  border-radius: 10px; }
  .two-column-content-image__content-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    padding: 1rem; }
    @media only screen and (min-width: 768px) {
      .two-column-content-image__content-container {
        flex-direction: row; } }
  .two-column-content-image__main-image {
    width: 100%;
    padding: 0;
    border-radius: 10px; }
    @media (min-width: 768px) {
      .two-column-content-image__main-image {
        width: 50%;
        order: 1; } }
  .two-column-content-image__video-container {
    width: 100%;
    padding: 0;
    border-radius: 10px; }
    @media (min-width: 768px) {
      .two-column-content-image__video-container {
        width: 50%;
        order: 1; } }
  .two-column-content-image__video-image {
    width: 100%;
    border-radius: 10px; }
  .two-column-content-image__copy-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    color: #454545; }
    @media (min-width: 768px) {
      .two-column-content-image__copy-container {
        width: 50%;
        order: 1;
        padding: 0 2rem; } }
  .two-column-content-image__image {
    margin: 0.5rem auto;
    border-radius: 50%;
    width: 100px; }
    @media only screen and (min-width: 768px) {
      .two-column-content-image__image {
        margin: 0.5rem auto 0.5rem 0; } }
  .two-column-content-image__eyebrow {
    width: 100%;
    color: #454545;
    font-weight: 700;
    font-size: 1rem;
    margin: 0.25rem 0;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .two-column-content-image__eyebrow {
        font-size: 1rem;
        text-align: left; } }
    @media only screen and (min-width: 1024px) {
      .two-column-content-image__eyebrow {
        font-size: 1.5rem; } }
  .two-column-content-image__header {
    color: #454545;
    font-size: 1.75rem;
    max-width: 100%;
    font-weight: 700;
    text-align: left;
    width: 100%;
    line-height: 1.25;
    text-align: center;
    margin: .25rem 0; }
    @media only screen and (min-width: 768px) {
      .two-column-content-image__header {
        font-size: 2.125rem;
        text-align: left;
        margin: .5rem 0; } }
    @media only screen and (min-width: 1024px) {
      .two-column-content-image__header {
        font-size: 2.75rem; } }
  .two-column-content-image__subheader {
    color: #454545;
    text-align: left;
    width: 100%;
    font-weight: 700;
    font-size: 1.25rem;
    margin: 0.25rem 0;
    line-height: 1.25;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .two-column-content-image__subheader {
        font-size: 1.5rem;
        text-align: left; } }
    @media only screen and (min-width: 1024px) {
      .two-column-content-image__subheader {
        font-size: 1.5rem; } }
  .two-column-content-image__text {
    color: #454545;
    width: 100%;
    line-height: 1.5;
    text-align: center;
    margin: .25rem 0; }
    @media only screen and (min-width: 768px) {
      .two-column-content-image__text {
        text-align: left; } }
  .two-column-content-image__cta, .two-column-content-image__video-button {
    margin: .5rem auto !important;
    min-width: 200px;
    background-color: #454545;
    color: white;
    transition: all 0.25s ease-in-out;
    border-radius: 6px !important;
    padding: 12px 48px !important;
    font-weight: 700 !important; }
    @media only screen and (min-width: 768px) {
      .two-column-content-image__cta, .two-column-content-image__video-button {
        margin: 1rem auto 1rem 0 !important; } }
    .two-column-content-image__cta:hover, .two-column-content-image__video-button:hover {
      background-color: #525252; }
  .two-column-content-image__text-link {
    color: #454545;
    text-align: center;
    font-weight: 700;
    transition: all 0.25s ease-in-out;
    margin: .25rem auto;
    display: inline-block; }
    .two-column-content-image__text-link::after {
      content: "\203A";
      margin-left: .25rem;
      position: absolute; }
    .two-column-content-image__text-link:hover {
      text-decoration: underline; }
    @media only screen and (min-width: 768px) {
      .two-column-content-image__text-link {
        text-align: left;
        margin: 1rem auto 1rem 0 !important; } }

@media (min-width: 768px) {
  .image-right .two-column-content-image__main-image, .image-right .two-column-content-image__video-container {
    width: 50%;
    order: 2; } }

.background-lightgrey {
  background-color: #f5f5f5; }

.background-tertiary {
  background-color: #F2F8F9; }

.subheader-color-secondary .two-column-content-image__subheader {
  color: #1d8193; }

.content-left .two-column-content-image__eyebrow, .content-left .two-column-content-image__header, .content-left .two-column-content-image__subheader, .content-left .two-column-content-image__text {
  text-align: left; }

.content-left .two-column-content-image__cta, .content-left .two-column-content-image__text-link, .content-left .two-column-content-image__image {
  margin: 0.5rem auto 0.5rem 0 !important; }

@media only screen and (min-width: 768px) {
  .content-center .two-column-content-image__eyebrow, .content-center .two-column-content-image__header, .content-center .two-column-content-image__subheader, .content-center .two-column-content-image__text {
    text-align: center; }
  .content-center .two-column-content-image__cta, .content-center .two-column-content-image__text-link, .content-center .two-column-content-image__image {
    margin: .5rem auto !important; } }

.main-header-lora .two-column-content-image__header {
  font-family: 'Lora', serif;
  font-weight: normal; }

.one-column-content-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  padding: 2rem 0;
  border-radius: 10px;
  margin: 0 auto; }
  .one-column-content-image__content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1024px;
    padding: 1rem;
    margin: 0 auto; }
  .one-column-content-image__eyebrow {
    width: 100%;
    color: #454545;
    font-weight: 700;
    font-size: 1rem;
    margin: 0.25rem 0;
    text-align: center;
    max-width: 1024px; }
    @media only screen and (min-width: 1024px) {
      .one-column-content-image__eyebrow {
        font-size: 1.5rem; } }
  .one-column-content-image__header {
    color: #454545;
    font-size: 1.75rem;
    max-width: 1024px;
    font-weight: 700;
    width: 100%;
    line-height: 1.25;
    text-align: center;
    margin: 0.25rem 0; }
    @media only screen and (min-width: 768px) {
      .one-column-content-image__header {
        font-size: 2.125rem; } }
    @media only screen and (min-width: 1024px) {
      .one-column-content-image__header {
        font-size: 2.75rem; } }
  .one-column-content-image__subheader {
    color: #454545;
    width: 100%;
    font-weight: 700;
    font-size: 1.25rem;
    margin: 0.25rem 0;
    line-height: 1.25;
    text-align: center;
    max-width: 1024px; }
    @media only screen and (min-width: 768px) {
      .one-column-content-image__subheader {
        font-size: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .one-column-content-image__subheader {
        font-size: 1.5rem; } }
  .one-column-content-image__text {
    color: #454545;
    width: 100%;
    line-height: 1.5;
    text-align: center;
    margin: 0.25rem auto;
    max-width: 1024px; }
  .one-column-content-image__cta {
    margin: 0.5rem auto !important;
    min-width: 200px;
    background-color: #454545;
    color: white;
    transition: all 0.25s ease-in-out;
    border-radius: 6px !important;
    padding: 12px 48px !important;
    font-weight: 700 !important; }
    .one-column-content-image__cta:hover {
      background-color: #525252; }
  .one-column-content-image__text-link {
    color: #454545;
    text-align: center;
    font-weight: 700;
    transition: all 0.25s ease-in-out;
    margin: 0.5rem auto;
    display: inline-block; }
    .one-column-content-image__text-link::after {
      content: '\203A';
      margin-left: 0.25rem;
      position: absolute; }
    .one-column-content-image__text-link:hover {
      text-decoration: underline; }
  .one-column-content-image__main-image {
    width: 100%;
    padding: 0.5rem 0;
    border-radius: 10px; }
    @media only screen and (min-width: 1024px) {
      .one-column-content-image__main-image {
        max-width: 1024px; } }
  .one-column-content-image__video-container {
    width: 100%;
    padding: 0.5rem 0;
    border-radius: 10px; }
    @media only screen and (min-width: 1024px) {
      .one-column-content-image__video-container {
        max-width: 1024px; } }
  .one-column-content-image__video {
    width: 100%;
    border-radius: 10px; }

.video-first .one-column-content-image__video-container,
.video-first .one-column-content-image__main-image {
  order: -1; }

.video-middle .one-column-content-image__text {
  order: 1; }

.video-middle .one-column-content-image__cta {
  order: 2; }

.video-middle .one-column-content-image__text-link {
  order: 3; }

.subheader-secondary .one-column-content-image__subheader {
  color: #1D8193; }

.header-text-alignment-left .one-column-content-image__header, .header-text-alignment-left .one-column-content-image__subheader, .header-text-alignment-left .one-column-content-image__eyebrow {
  text-align: left; }

.text-alignment-left .one-column-content-image__text {
  text-align: left; }

.cta-alignment-left .one-column-content-image__cta, .cta-alignment-left .one-column-content-image__text-link {
  margin: .5rem auto .5rem 0 !important; }

.background-lightgrey {
  background-color: #f5f5f5; }

.background-tertiary {
  background-color: #F2F8F9; }

@media only screen and (min-width: 1024px) {
  .media-small .one-column-content-image__video-container, .media-small .one-column-content-image__main-image {
    max-width: 768px; } }

@media only screen and (min-width: 1024px) {
  .media-large .one-column-content-image__video-container, .media-large .one-column-content-image__main-image {
    max-width: 1280px; } }

.main-header-lora .one-column-content-image__header {
  font-family: 'Lora', serif;
  font-weight: normal; }

.double-image {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%; }
  .double-image__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1280px; }
    @media only screen and (min-width: 768px) {
      .double-image__container {
        flex-direction: row; } }
  .double-image__image-one-mobile, .double-image__image-two-mobile {
    width: 100%;
    padding: 1rem; }
    @media (min-width: 768px) {
      .double-image__image-one-mobile, .double-image__image-two-mobile {
        display: none; } }
  .double-image__image-one-tablet, .double-image__image-two-tablet {
    width: 50%;
    display: none;
    padding: 1rem; }
    @media (min-width: 768px) {
      .double-image__image-one-tablet, .double-image__image-two-tablet {
        display: block; } }
    @media (min-width: 1024px) {
      .double-image__image-one-tablet, .double-image__image-two-tablet {
        display: none; } }
  .double-image__image-one-desktop, .double-image__image-two-desktop {
    width: 50%;
    display: none;
    padding: 1rem; }
    @media (min-width: 1024px) {
      .double-image__image-one-desktop, .double-image__image-two-desktop {
        display: block; } }

.width-medium .double-image__container {
  max-width: 1280px; }

.width-small .double-image__container {
  max-width: 1024px; }

/*
    12 columns class grid-xs-col-12
    6 columns on small screens grid-sm-col-6 
*/
/* Variables */
@media (min-width: 576px) {
  .grid-sm-col-3 {
    flex: 0 0 25%;
    max-width: 25%; } }

@media (min-width: 576px) {
  .grid-sm-col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; } }

@media (min-width: 576px) {
  .grid-sm-col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; } }

@media (min-width: 576px) {
  .grid-sm-col-6 {
    flex: 0 0 50%;
    max-width: 50%; } }

@media (min-width: 576px) {
  .grid-sm-col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; } }

@media (min-width: 576px) {
  .grid-sm-col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; } }

@media (min-width: 576px) {
  .grid-sm-col-12 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 0) {
  .grid-xs-row {
    display: flex;
    flex-wrap: wrap; } }

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }

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

.p-10 {
  padding: 10px; }

.p-20 {
  padding: 20px; }

.p-60 {
  padding: 60px; }

.pt-10 {
  padding-top: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.pl-5 {
  padding-left: 5px; }

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

.h-of {
  overflow: hidden; }

/* Form styles */
.request_more_info_wrapper label {
  display: block;
  font-size: .875rem;
  color: #565758; }

.request_more_info_wrapper input[type="text"],
.request_more_info_wrapper input[type="tel"],
.request_more_info_wrapper input[type="email"],
.request_more_info_wrapper input[type="password"],
.request_more_info_wrapper textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #cacaca;
  border-radius: 5px;
  font-size: 1rem;
  box-sizing: border-box;
  margin-top: 5px;
  color: #0a0a0a; }
  .request_more_info_wrapper input[type="text"].error,
  .request_more_info_wrapper input[type="tel"].error,
  .request_more_info_wrapper input[type="email"].error,
  .request_more_info_wrapper input[type="password"].error,
  .request_more_info_wrapper textarea.error {
    border-color: red; }

.request_more_info_wrapper textarea {
  resize: none;
  height: 150px; }

.request_more_info_wrapper .form-success-message {
  color: green;
  margin-top: 5px; }

.request_more_info_wrapper .form-error-message {
  color: red;
  margin-top: 5px;
  font-size: .8em;
  position: absolute; }

.request_more_info_wrapper .alert-success, .request_more_info_wrapper .alert-danger {
  margin-top: 20px; }

.request_more_info_wrapper #messageError {
  bottom: 0; }

.request_more_info_wrapper .p-r {
  position: relative; }

.request_more_info_wrapper button[type="submit"] {
  background-color: #113E53;
  color: #fff;
  padding: 8px 28px;
  border: solid 1px #113E53;
  border-radius: 20px;
  cursor: pointer;
  font-size: 16px;
  min-width: 110px;
  float: right;
  text-transform: none; }
  .request_more_info_wrapper button[type="submit"].loading:after {
    content: 'Loading...'; }
  .request_more_info_wrapper button[type="submit"]:hover {
    background-color: #1D8193; }

.request_more_info_wrapper button[disabled="disabled"], .request_more_info_wrapper button[disabled] {
  cursor: not-allowed; }

.request_more_info_wrapper .mandatory {
  color: red; }

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

.request_more_info_wrapper .textarea-character-count {
  text-align: right;
  font-size: .8em; }

.request_more_info_wrapper .img_mobile {
  display: none; }

@media (max-width: 1300px) {
  .request_more_info_wrapper .p-60 {
    padding: 10px 40px; }
  .request_more_info_form .grid-sm-col-6 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%; }
  .request_more_info_form .pl-5 {
    padding-left: 0; } }

@media (max-width: 860px) {
  .request_more_info_wrapper .p-60 {
    padding: 20px; }
  .request_more_info_wrapper .grid-sm-col-6 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%; }
  .request_more_info_form .grid-sm-col-6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%; }
  .request_more_info_form .pl-5 {
    padding-left: 5px; } }

@media (max-width: 575px) {
  [class*="grid-sm-col-"] {
    width: 100%;
    max-width: 100%; }
  .request_more_info_form .grid-sm-col-6 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%; }
  .request_more_info_form .pl-5 {
    padding-left: 0; }
  .request_more_info_wrapper .img_mobile {
    display: block; }
  .request_more_info_wrapper .img_desktop {
    display: none; } }