@import url(https://p.typekit.net/p.css?s=1&k=rye0egt&ht=tk&f=10797.24567.24570&a=7014611&app=typekit&e=css);/*
 *  Bootstrap TouchSpin - v3.1.1
 *  A mobile and touch friendly input spinner component for Bootstrap 3.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */

.bootstrap-touchspin .input-group-btn-vertical{position:relative;white-space:nowrap;width:1%;vertical-align:middle;display:table-cell}.bootstrap-touchspin .input-group-btn-vertical>.btn{display:block;float:none;width:100%;max-width:100%;padding:8px 10px;margin-left:-1px;position:relative}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0;border-top-right-radius:4px}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{margin-top:-2px;border-radius:0;border-bottom-right-radius:4px}.bootstrap-touchspin .input-group-btn-vertical i{position:absolute;top:3px;left:5px;font-size:9px;font-weight:400}@charset "UTF-8";
/*!
 * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com)
 * Copyright 2011-2016 The Bootstrap Authors
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template,
[hidden] {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

button,
input,
select,
textarea {
  font: inherit; }

optgroup {
  font-weight: bold; }

button,
input,
select {
  overflow: visible; }

button,
input,
select,
textarea {
  margin: 0; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

[disabled] {
  cursor: default; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

@media print {
  *,
  *::before,
  *::after,
  *::first-letter,
  *::first-line {
    text-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .tag {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

html {
  box-sizing: border-box; }

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

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

html {
  font-size: 16px;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #373a3c;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #f3f3f3; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

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

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #10318E;
  text-decoration: none; }
  a:focus, a:hover {
    color: #081949;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: none; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

table {
  border-collapse: collapse;
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6A6A6A;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit; }

h1, .h1 {
  font-size: 1.375rem; }

h2, .h2 {
  font-size: 1.25rem; }

h3, .h3 {
  font-size: 1.125rem; }

h4, .h4 {
  font-size: 1.125rem; }

h5, .h5 {
  font-size: 1rem; }

h6, .h6 {
  font-size: 0.9375rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 3.125rem;
  font-weight: 600; }

.display-2 {
  font-size: 2.188rem;
  font-weight: 300; }

.display-3 {
  font-size: 1.563rem;
  font-weight: 300; }

.display-4 {
  font-size: 1.25rem;
  font-weight: 300; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: normal; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #fafafa; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #f3f3f3; }
  .blockquote-footer::before {
    content: "\2014   \A0"; }

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #fafafa;
  border-left: 0; }

.blockquote-reverse .blockquote-footer::before {
  content: ""; }

.blockquote-reverse .blockquote-footer::after {
  content: "\A0   \2014"; }

dl.row > dd + dt {
  clear: left; }

.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0.3rem; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #f3f3f3; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 8px; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #373a3c; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid::after {
    content: "";
    display: table;
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row::after {
    content: "";
    display: table;
    clear: both; }

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

.col-xs-1 {
  float: left;
  width: 8.33333%; }

.col-xs-2 {
  float: left;
  width: 16.66667%; }

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

.col-xs-4 {
  float: left;
  width: 33.33333%; }

.col-xs-5 {
  float: left;
  width: 41.66667%; }

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

.col-xs-7 {
  float: left;
  width: 58.33333%; }

.col-xs-8 {
  float: left;
  width: 66.66667%; }

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

.col-xs-10 {
  float: left;
  width: 83.33333%; }

.col-xs-11 {
  float: left;
  width: 91.66667%; }

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

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

.pull-xs-1 {
  right: 8.33333%; }

.pull-xs-2 {
  right: 16.66667%; }

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

.pull-xs-4 {
  right: 33.33333%; }

.pull-xs-5 {
  right: 41.66667%; }

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

.pull-xs-7 {
  right: 58.33333%; }

.pull-xs-8 {
  right: 66.66667%; }

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

.pull-xs-10 {
  right: 83.33333%; }

.pull-xs-11 {
  right: 91.66667%; }

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

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

.push-xs-1 {
  left: 8.33333%; }

.push-xs-2 {
  left: 16.66667%; }

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

.push-xs-4 {
  left: 33.33333%; }

.push-xs-5 {
  left: 41.66667%; }

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

.push-xs-7 {
  left: 58.33333%; }

.push-xs-8 {
  left: 66.66667%; }

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

.push-xs-10 {
  left: 83.33333%; }

.push-xs-11 {
  left: 91.66667%; }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 544px) {
  .col-sm-1 {
    float: left;
    width: 8.33333%; }
  .col-sm-2 {
    float: left;
    width: 16.66667%; }
  .col-sm-3 {
    float: left;
    width: 25%; }
  .col-sm-4 {
    float: left;
    width: 33.33333%; }
  .col-sm-5 {
    float: left;
    width: 41.66667%; }
  .col-sm-6 {
    float: left;
    width: 50%; }
  .col-sm-7 {
    float: left;
    width: 58.33333%; }
  .col-sm-8 {
    float: left;
    width: 66.66667%; }
  .col-sm-9 {
    float: left;
    width: 75%; }
  .col-sm-10 {
    float: left;
    width: 83.33333%; }
  .col-sm-11 {
    float: left;
    width: 91.66667%; }
  .col-sm-12 {
    float: left;
    width: 100%; }
  .pull-sm-0 {
    right: auto; }
  .pull-sm-1 {
    right: 8.33333%; }
  .pull-sm-2 {
    right: 16.66667%; }
  .pull-sm-3 {
    right: 25%; }
  .pull-sm-4 {
    right: 33.33333%; }
  .pull-sm-5 {
    right: 41.66667%; }
  .pull-sm-6 {
    right: 50%; }
  .pull-sm-7 {
    right: 58.33333%; }
  .pull-sm-8 {
    right: 66.66667%; }
  .pull-sm-9 {
    right: 75%; }
  .pull-sm-10 {
    right: 83.33333%; }
  .pull-sm-11 {
    right: 91.66667%; }
  .pull-sm-12 {
    right: 100%; }
  .push-sm-0 {
    left: auto; }
  .push-sm-1 {
    left: 8.33333%; }
  .push-sm-2 {
    left: 16.66667%; }
  .push-sm-3 {
    left: 25%; }
  .push-sm-4 {
    left: 33.33333%; }
  .push-sm-5 {
    left: 41.66667%; }
  .push-sm-6 {
    left: 50%; }
  .push-sm-7 {
    left: 58.33333%; }
  .push-sm-8 {
    left: 66.66667%; }
  .push-sm-9 {
    left: 75%; }
  .push-sm-10 {
    left: 83.33333%; }
  .push-sm-11 {
    left: 91.66667%; }
  .push-sm-12 {
    left: 100%; }
  .offset-sm-0 {
    margin-left: 0%; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md-1 {
    float: left;
    width: 8.33333%; }
  .col-md-2 {
    float: left;
    width: 16.66667%; }
  .col-md-3 {
    float: left;
    width: 25%; }
  .col-md-4 {
    float: left;
    width: 33.33333%; }
  .col-md-5 {
    float: left;
    width: 41.66667%; }
  .col-md-6 {
    float: left;
    width: 50%; }
  .col-md-7 {
    float: left;
    width: 58.33333%; }
  .col-md-8 {
    float: left;
    width: 66.66667%; }
  .col-md-9 {
    float: left;
    width: 75%; }
  .col-md-10 {
    float: left;
    width: 83.33333%; }
  .col-md-11 {
    float: left;
    width: 91.66667%; }
  .col-md-12 {
    float: left;
    width: 100%; }
  .pull-md-0 {
    right: auto; }
  .pull-md-1 {
    right: 8.33333%; }
  .pull-md-2 {
    right: 16.66667%; }
  .pull-md-3 {
    right: 25%; }
  .pull-md-4 {
    right: 33.33333%; }
  .pull-md-5 {
    right: 41.66667%; }
  .pull-md-6 {
    right: 50%; }
  .pull-md-7 {
    right: 58.33333%; }
  .pull-md-8 {
    right: 66.66667%; }
  .pull-md-9 {
    right: 75%; }
  .pull-md-10 {
    right: 83.33333%; }
  .pull-md-11 {
    right: 91.66667%; }
  .pull-md-12 {
    right: 100%; }
  .push-md-0 {
    left: auto; }
  .push-md-1 {
    left: 8.33333%; }
  .push-md-2 {
    left: 16.66667%; }
  .push-md-3 {
    left: 25%; }
  .push-md-4 {
    left: 33.33333%; }
  .push-md-5 {
    left: 41.66667%; }
  .push-md-6 {
    left: 50%; }
  .push-md-7 {
    left: 58.33333%; }
  .push-md-8 {
    left: 66.66667%; }
  .push-md-9 {
    left: 75%; }
  .push-md-10 {
    left: 83.33333%; }
  .push-md-11 {
    left: 91.66667%; }
  .push-md-12 {
    left: 100%; }
  .offset-md-0 {
    margin-left: 0%; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg-1 {
    float: left;
    width: 8.33333%; }
  .col-lg-2 {
    float: left;
    width: 16.66667%; }
  .col-lg-3 {
    float: left;
    width: 25%; }
  .col-lg-4 {
    float: left;
    width: 33.33333%; }
  .col-lg-5 {
    float: left;
    width: 41.66667%; }
  .col-lg-6 {
    float: left;
    width: 50%; }
  .col-lg-7 {
    float: left;
    width: 58.33333%; }
  .col-lg-8 {
    float: left;
    width: 66.66667%; }
  .col-lg-9 {
    float: left;
    width: 75%; }
  .col-lg-10 {
    float: left;
    width: 83.33333%; }
  .col-lg-11 {
    float: left;
    width: 91.66667%; }
  .col-lg-12 {
    float: left;
    width: 100%; }
  .pull-lg-0 {
    right: auto; }
  .pull-lg-1 {
    right: 8.33333%; }
  .pull-lg-2 {
    right: 16.66667%; }
  .pull-lg-3 {
    right: 25%; }
  .pull-lg-4 {
    right: 33.33333%; }
  .pull-lg-5 {
    right: 41.66667%; }
  .pull-lg-6 {
    right: 50%; }
  .pull-lg-7 {
    right: 58.33333%; }
  .pull-lg-8 {
    right: 66.66667%; }
  .pull-lg-9 {
    right: 75%; }
  .pull-lg-10 {
    right: 83.33333%; }
  .pull-lg-11 {
    right: 91.66667%; }
  .pull-lg-12 {
    right: 100%; }
  .push-lg-0 {
    left: auto; }
  .push-lg-1 {
    left: 8.33333%; }
  .push-lg-2 {
    left: 16.66667%; }
  .push-lg-3 {
    left: 25%; }
  .push-lg-4 {
    left: 33.33333%; }
  .push-lg-5 {
    left: 41.66667%; }
  .push-lg-6 {
    left: 50%; }
  .push-lg-7 {
    left: 58.33333%; }
  .push-lg-8 {
    left: 66.66667%; }
  .push-lg-9 {
    left: 75%; }
  .push-lg-10 {
    left: 83.33333%; }
  .push-lg-11 {
    left: 91.66667%; }
  .push-lg-12 {
    left: 100%; }
  .offset-lg-0 {
    margin-left: 0%; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl-1 {
    float: left;
    width: 8.33333%; }
  .col-xl-2 {
    float: left;
    width: 16.66667%; }
  .col-xl-3 {
    float: left;
    width: 25%; }
  .col-xl-4 {
    float: left;
    width: 33.33333%; }
  .col-xl-5 {
    float: left;
    width: 41.66667%; }
  .col-xl-6 {
    float: left;
    width: 50%; }
  .col-xl-7 {
    float: left;
    width: 58.33333%; }
  .col-xl-8 {
    float: left;
    width: 66.66667%; }
  .col-xl-9 {
    float: left;
    width: 75%; }
  .col-xl-10 {
    float: left;
    width: 83.33333%; }
  .col-xl-11 {
    float: left;
    width: 91.66667%; }
  .col-xl-12 {
    float: left;
    width: 100%; }
  .pull-xl-0 {
    right: auto; }
  .pull-xl-1 {
    right: 8.33333%; }
  .pull-xl-2 {
    right: 16.66667%; }
  .pull-xl-3 {
    right: 25%; }
  .pull-xl-4 {
    right: 33.33333%; }
  .pull-xl-5 {
    right: 41.66667%; }
  .pull-xl-6 {
    right: 50%; }
  .pull-xl-7 {
    right: 58.33333%; }
  .pull-xl-8 {
    right: 66.66667%; }
  .pull-xl-9 {
    right: 75%; }
  .pull-xl-10 {
    right: 83.33333%; }
  .pull-xl-11 {
    right: 91.66667%; }
  .pull-xl-12 {
    right: 100%; }
  .push-xl-0 {
    left: auto; }
  .push-xl-1 {
    left: 8.33333%; }
  .push-xl-2 {
    left: 16.66667%; }
  .push-xl-3 {
    left: 25%; }
  .push-xl-4 {
    left: 33.33333%; }
  .push-xl-5 {
    left: 41.66667%; }
  .push-xl-6 {
    left: 50%; }
  .push-xl-7 {
    left: 58.33333%; }
  .push-xl-8 {
    left: 66.66667%; }
  .push-xl-9 {
    left: 75%; }
  .push-xl-10 {
    left: 83.33333%; }
  .push-xl-11 {
    left: 91.66667%; }
  .push-xl-12 {
    left: 100%; }
  .offset-xl-0 {
    margin-left: 0%; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #fafafa; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #fafafa; }
  .table tbody + tbody {
    border-top: 2px solid #fafafa; }
  .table .table {
    background-color: #fff; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #fafafa; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #fafafa; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8; }

.table-hover .table-success:hover {
  background-color: #d0e9c6; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #d0e9c6; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7; }

.table-hover .table-info:hover {
  background-color: #c4e3f3; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #c4e3f3; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3; }

.table-hover .table-warning:hover {
  background-color: #faf2cc; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #faf2cc; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede; }

.table-hover .table-danger:hover {
  background-color: #ebcccc; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ebcccc; }

.thead-inverse th {
  color: #fff;
  background-color: #373a3c; }

.thead-default th {
  color: #6A6A6A;
  background-color: #fafafa; }

.table-inverse {
  color: #fafafa;
  background-color: #373a3c; }
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #6A6A6A; }
  .table-inverse.table-bordered {
    border: 0; }

.table-responsive {
  display: block;
  width: 100%;
  min-height: .01%;
  overflow-x: auto; }

.table-reflow thead {
  float: left; }

.table-reflow tbody {
  display: block;
  white-space: nowrap; }

.table-reflow th,
.table-reflow td {
  border-top: 1px solid #fafafa;
  border-left: 1px solid #fafafa; }
  .table-reflow th:last-child,
  .table-reflow td:last-child {
    border-right: 1px solid #fafafa; }

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #fafafa; }

.table-reflow tr {
  float: left; }
  .table-reflow tr th,
  .table-reflow tr td {
    display: block !important;
    border: 1px solid #fafafa; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #6A6A6A;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 8px; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #6A6A6A;
    background-color: #fff;
    border-color: #66afe9;
    outline: none; }
  .form-control::-webkit-input-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999;
    opacity: 1; }
  .form-control::placeholder {
    color: #999;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #fafafa;
    opacity: 1; }
  .form-control:disabled {
    cursor: not-allowed; }

select.form-control:not([size]):not([multiple]) {
  height: 2.5rem; }

select.form-control:focus::-ms-value {
  color: #6A6A6A;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block; }

.col-form-label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0; }

.col-form-label-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.9375rem; }

.col-form-label-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem; }

.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem; }

.form-control-static {
  min-height: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0; }
  .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 1.8125rem; }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 0.9375rem;
  border-radius: 0.3rem; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 2.75rem; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.75rem; }
  .form-check + .form-check {
    margin-top: -.25rem; }
  .form-check.disabled .form-check-label {
    color: #6A6A6A;
    cursor: not-allowed; }

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer; }

.form-check-input {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem; }
  .form-check-input:only-child {
    position: static; }

.form-check-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer; }
  .form-check-inline + .form-check-inline {
    margin-left: .75rem; }
  .form-check-inline.disabled {
    cursor: not-allowed; }

.form-control-feedback {
  margin-top: 0.25rem; }

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.625rem;
  background-size: 1.25rem 1.25rem; }

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
  color: #4cbb6c; }

.has-success .form-control {
  border-color: #4cbb6c; }

.has-success .input-group-addon {
  color: #4cbb6c;
  border-color: #4cbb6c;
  background-color: #e0f3e5; }

.has-success .form-control-feedback {
  color: #4cbb6c; }

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); }

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
  color: #ff9a52; }

.has-warning .form-control {
  border-color: #ff9a52; }

.has-warning .input-group-addon {
  color: #ff9a52;
  border-color: #ff9a52;
  background-color: white; }

.has-warning .form-control-feedback {
  color: #ff9a52; }

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); }

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
  color: #ff4c4c; }

.has-danger .form-control {
  border-color: #ff4c4c; }

.has-danger .input-group-addon {
  color: #ff4c4c;
  border-color: #ff4c4c;
  background-color: white; }

.has-danger .form-control-feedback {
  color: #ff4c4c; }

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); }

@media (min-width: 544px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-check-label {
    padding-left: 0; }
  .form-inline .form-check-input {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 8px; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:focus, .btn:hover {
    text-decoration: none; }
  .btn.focus {
    text-decoration: none; }
  .btn:active, .btn.active {
    background-image: none;
    outline: 0; }
  .btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #10318E;
  border-color: transparent; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0b2160;
    border-color: rgba(0, 0, 0, 0); }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0b2160;
    border-color: rgba(0, 0, 0, 0); }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0b2160;
    border-color: rgba(0, 0, 0, 0);
    background-image: none; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #071640;
      border-color: rgba(0, 0, 0, 0); }
  .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
    background-color: #10318E;
    border-color: transparent; }
  .btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #10318E;
    border-color: transparent; }

.btn-secondary {
  color: #10318E;
  background-color: #ffc62c;
  border-color: transparent; }
  .btn-secondary:hover {
    color: #10318E;
    background-color: #f8b500;
    border-color: rgba(0, 0, 0, 0); }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #10318E;
    background-color: #f8b500;
    border-color: rgba(0, 0, 0, 0); }
  .btn-secondary:active, .btn-secondary.active,
  .open > .btn-secondary.dropdown-toggle {
    color: #10318E;
    background-color: #f8b500;
    border-color: rgba(0, 0, 0, 0);
    background-image: none; }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
    .open > .btn-secondary.dropdown-toggle:hover,
    .open > .btn-secondary.dropdown-toggle:focus,
    .open > .btn-secondary.dropdown-toggle.focus {
      color: #10318E;
      background-color: #d49b00;
      border-color: rgba(0, 0, 0, 0); }
  .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
    background-color: #ffc62c;
    border-color: transparent; }
  .btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    background-color: #ffc62c;
    border-color: transparent; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2;
    background-image: none; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1f7e9a; }
  .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-info.disabled:hover, .btn-info:disabled:hover {
    background-color: #5bc0de;
    border-color: #5bc0de; }

.btn-success {
  color: #fff;
  background-color: #4cbb6c;
  border-color: #4cbb6c; }
  .btn-success:hover {
    color: #fff;
    background-color: #3a9a56;
    border-color: #389252; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #3a9a56;
    border-color: #389252; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #3a9a56;
    border-color: #389252;
    background-image: none; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #318047;
      border-color: #256237; }
  .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
    background-color: #4cbb6c;
    border-color: #4cbb6c; }
  .btn-success.disabled:hover, .btn-success:disabled:hover {
    background-color: #4cbb6c;
    border-color: #4cbb6c; }

.btn-warning {
  color: white;
  background-color: #FF9A52;
  border-color: #FF9A52; }
  .btn-warning:hover {
    color: white;
    background-color: #ff7c1f;
    border-color: #ff7615; }
  .btn-warning:focus, .btn-warning.focus {
    color: white;
    background-color: #ff7c1f;
    border-color: #ff7615; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: white;
    background-color: #ff7c1f;
    border-color: #ff7615;
    background-image: none; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: white;
      background-color: #fa6800;
      border-color: #d25700; }
  .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
    background-color: #FF9A52;
    border-color: #FF9A52; }
  .btn-warning.disabled:hover, .btn-warning:disabled:hover {
    background-color: #FF9A52;
    border-color: #FF9A52; }

.btn-danger {
  color: #fff;
  background-color: #ff4c4c;
  border-color: #ff4c4c; }
  .btn-danger:hover {
    color: #fff;
    background-color: #ff1919;
    border-color: #ff0f0f; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #ff1919;
    border-color: #ff0f0f; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff1919;
    border-color: #ff0f0f;
    background-image: none; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #f40000;
      border-color: #cc0000; }
  .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
    background-color: #ff4c4c;
    border-color: #ff4c4c; }
  .btn-danger.disabled:hover, .btn-danger:disabled:hover {
    background-color: #ff4c4c;
    border-color: #ff4c4c; }

.btn-outline-primary {
  color: #10318E;
  background-image: none;
  background-color: transparent;
  border-color: #10318E; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #10318E;
    border-color: #10318E; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    color: #fff;
    background-color: #10318E;
    border-color: #10318E; }
  .btn-outline-primary:active, .btn-outline-primary.active,
  .open > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #10318E;
    border-color: #10318E; }
    .btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus,
    .open > .btn-outline-primary.dropdown-toggle:hover,
    .open > .btn-outline-primary.dropdown-toggle:focus,
    .open > .btn-outline-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #071640;
      border-color: #03091b; }
  .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
    border-color: #1e53e6; }
  .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
    border-color: #1e53e6; }

.btn-outline-secondary {
  color: transparent;
  background-image: none;
  background-color: transparent;
  border-color: transparent; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    color: #fff;
    background-color: transparent;
    border-color: transparent; }
  .btn-outline-secondary:active, .btn-outline-secondary.active,
  .open > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: transparent; }
    .btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus,
    .open > .btn-outline-secondary.dropdown-toggle:hover,
    .open > .btn-outline-secondary.dropdown-toggle:focus,
    .open > .btn-outline-secondary.dropdown-toggle.focus {
      color: #fff;
      background-color: rgba(0, 0, 0, 0);
      border-color: rgba(0, 0, 0, 0); }
  .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus {
    border-color: rgba(51, 51, 51, 0); }
  .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {
    border-color: rgba(51, 51, 51, 0); }

.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-outline-info:active, .btn-outline-info.active,
  .open > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }
    .btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus,
    .open > .btn-outline-info.dropdown-toggle:hover,
    .open > .btn-outline-info.dropdown-toggle:focus,
    .open > .btn-outline-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1f7e9a; }
  .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus {
    border-color: #b0e1ef; }
  .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {
    border-color: #b0e1ef; }

.btn-outline-success {
  color: #4cbb6c;
  background-image: none;
  background-color: transparent;
  border-color: #4cbb6c; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #4cbb6c;
    border-color: #4cbb6c; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    color: #fff;
    background-color: #4cbb6c;
    border-color: #4cbb6c; }
  .btn-outline-success:active, .btn-outline-success.active,
  .open > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #4cbb6c;
    border-color: #4cbb6c; }
    .btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus,
    .open > .btn-outline-success.dropdown-toggle:hover,
    .open > .btn-outline-success.dropdown-toggle:focus,
    .open > .btn-outline-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #318047;
      border-color: #256237; }
  .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus {
    border-color: #96d7a9; }
  .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {
    border-color: #96d7a9; }

.btn-outline-warning {
  color: #FF9A52;
  background-image: none;
  background-color: transparent;
  border-color: #FF9A52; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #FF9A52;
    border-color: #FF9A52; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    color: #fff;
    background-color: #FF9A52;
    border-color: #FF9A52; }
  .btn-outline-warning:active, .btn-outline-warning.active,
  .open > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #FF9A52;
    border-color: #FF9A52; }
    .btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus,
    .open > .btn-outline-warning.dropdown-toggle:hover,
    .open > .btn-outline-warning.dropdown-toggle:focus,
    .open > .btn-outline-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #fa6800;
      border-color: #d25700; }
  .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus {
    border-color: #ffd6b8; }
  .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {
    border-color: #ffd6b8; }

.btn-outline-danger {
  color: #ff4c4c;
  background-image: none;
  background-color: transparent;
  border-color: #ff4c4c; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #ff4c4c;
    border-color: #ff4c4c; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    color: #fff;
    background-color: #ff4c4c;
    border-color: #ff4c4c; }
  .btn-outline-danger:active, .btn-outline-danger.active,
  .open > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff4c4c;
    border-color: #ff4c4c; }
    .btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus,
    .open > .btn-outline-danger.dropdown-toggle:hover,
    .open > .btn-outline-danger.dropdown-toggle:focus,
    .open > .btn-outline-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #f40000;
      border-color: #cc0000; }
  .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus {
    border-color: #ffb2b2; }
  .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {
    border-color: #ffb2b2; }

.btn-link {
  font-weight: normal;
  color: #10318E;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #081949;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link:disabled:focus, .btn-link:disabled:hover {
    color: #f3f3f3;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 0.9375rem;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:focus {
  outline: 0; }

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px; }

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }
  .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #10318E;
    outline: 0; }
  .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    color: #f3f3f3; }
  .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 5px 20px;
  font-size: 0.875rem;
  color: #f3f3f3;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -0.5rem; }
  .btn-toolbar::after {
    content: "";
    display: table;
    clear: both; }
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 0.5rem; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
  .btn + .dropdown-toggle-split::after {
    margin-left: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 0.3em 0.3em; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  width: 100%;
  display: table;
  border-collapse: separate; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #6A6A6A;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 8px; }
  .input-group-addon.form-control-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem; }
  .input-group-addon.form-control-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 0.75rem 1.5rem;
    font-size: 0.9375rem;
    border-radius: 0.3rem; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:not(:last-child) {
  border-right: 0; }

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
      z-index: 3; }
  .input-group-btn:not(:last-child) > .btn,
  .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px; }
  .input-group-btn:not(:first-child) > .btn,
  .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px; }
    .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
    .input-group-btn:not(:first-child) > .btn-group:focus,
    .input-group-btn:not(:first-child) > .btn-group:active,
    .input-group-btn:not(:first-child) > .btn-group:hover {
      z-index: 3; }

.custom-control {
  position: relative;
  display: inline;
  padding-left: 1.5rem;
  cursor: pointer; }
  .custom-control + .custom-control {
    margin-left: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #0074d9; }
  .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }
  .custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #84c6ff; }
  .custom-control-input:disabled ~ .custom-control-indicator {
    cursor: not-allowed;
    background-color: #eee; }
  .custom-control-input:disabled ~ .custom-control-description {
    color: #767676;
    cursor: not-allowed; }

.custom-control-indicator {
  position: absolute;
  top: .0625rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.custom-checkbox .custom-control-indicator {
  border-radius: 8px; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0074d9;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }

.custom-radio .custom-control-indicator {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }

.custom-controls-stacked .custom-control {
  display: inline; }
  .custom-controls-stacked .custom-control::after {
    display: block;
    margin-bottom: 0.25rem;
    content: ""; }
  .custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0; }

.custom-select {
  display: inline-block;
  max-width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  padding-right: 0.75rem \9;
  color: #6A6A6A;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .custom-select:focus {
    border-color: #51a7e8;
    outline: none; }
    .custom-select:focus::-ms-value {
      color: #6A6A6A;
      background-color: #fff; }
  .custom-select:disabled {
    color: #f3f3f3;
    cursor: not-allowed;
    background-color: #fafafa; }
  .custom-select::-ms-expand {
    opacity: 0; }

.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  cursor: pointer; }

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px; }
  .custom-file-control:lang(en)::after {
    content: "Choose file..."; }
  .custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 0 8px 8px 0; }
  .custom-file-control:lang(en)::before {
    content: "Browse"; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: inline-block; }
  .nav-link:focus, .nav-link:hover {
    text-decoration: none; }
  .nav-link.disabled {
    color: #f3f3f3; }
    .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
      color: #f3f3f3;
      cursor: not-allowed;
      background-color: transparent; }

.nav-inline .nav-item {
  display: inline-block; }

.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs::after {
    content: "";
    display: table;
    clear: both; }
  .nav-tabs .nav-item {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs .nav-item + .nav-item {
      margin-left: 0.2rem; }
  .nav-tabs .nav-link {
    display: block;
    padding: 0.5em 1em;
    border: 1px solid transparent;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px; }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      border-color: #fafafa #fafafa #ddd; }
    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
      color: #f3f3f3;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
  .nav-tabs .nav-item.open .nav-link,
  .nav-tabs .nav-item.open .nav-link:focus,
  .nav-tabs .nav-item.open .nav-link:hover {
    color: #6A6A6A;
    background-color: #fff;
    border-color: #ddd #ddd transparent; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }

.nav-pills::after {
  content: "";
  display: table;
  clear: both; }

.nav-pills .nav-item {
  float: left; }
  .nav-pills .nav-item + .nav-item {
    margin-left: 0.2rem; }

.nav-pills .nav-link {
  display: block;
  padding: 0.5em 1em;
  border-radius: 8px; }

.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff;
  cursor: default;
  background-color: #10318E; }

.nav-stacked .nav-item {
  display: block;
  float: none; }
  .nav-stacked .nav-item + .nav-item {
    margin-top: 0.2rem;
    margin-left: 0; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  padding: 0.5rem 1rem; }
  .navbar::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .navbar {
      border-radius: 8px; } }

.navbar-full {
  z-index: 1000; }
  @media (min-width: 544px) {
    .navbar-full {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 544px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0; }

.navbar-fixed-bottom {
  bottom: 0; }

.navbar-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%; }
  @media (min-width: 544px) {
    .navbar-sticky-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-right: 1rem;
  font-size: 0.9375rem; }
  .navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }

.navbar-divider {
  float: left;
  width: 1px;
  padding-top: .425rem;
  padding-bottom: .425rem;
  margin-right: 1rem;
  margin-left: 1rem;
  overflow: hidden; }
  .navbar-divider::before {
    content: "\A0"; }

.navbar-toggler {
  padding: .5rem .75rem;
  font-size: 0.9375rem;
  line-height: 1;
  background: none;
  border: 1px solid transparent;
  border-radius: 8px; }
  .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none; }

.navbar-nav .nav-item {
  float: left; }

.navbar-nav .nav-link {
  display: block;
  padding-top: .425rem;
  padding-bottom: .425rem; }
  .navbar-nav .nav-link + .nav-link {
    margin-left: 1rem; }

.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.8); }
  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.3); }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.6); }

.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075); }

.navbar-dark .navbar-brand {
  color: white; }
  .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: white; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: white; }

.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075); }

.navbar-toggleable-xs::after {
  content: "";
  display: table;
  clear: both; }

@media (max-width: 543px) {
  .navbar-toggleable-xs .navbar-nav .nav-item {
    float: none;
    margin-left: 0; } }

@media (min-width: 544px) {
  .navbar-toggleable-xs {
    display: block !important; } }

.navbar-toggleable-sm::after {
  content: "";
  display: table;
  clear: both; }

@media (max-width: 767px) {
  .navbar-toggleable-sm .navbar-nav .nav-item {
    float: none;
    margin-left: 0; } }

@media (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block !important; } }

.navbar-toggleable-md::after {
  content: "";
  display: table;
  clear: both; }

@media (max-width: 991px) {
  .navbar-toggleable-md .navbar-nav .nav-item {
    float: none;
    margin-left: 0; } }

@media (min-width: 992px) {
  .navbar-toggleable-md {
    display: block !important; } }

.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.125); }

.card-block {
  padding: 1.25rem; }
  .card-block::after {
    content: "";
    display: table;
    clear: both; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px; }

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }

.card-header {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header::after {
    content: "";
    display: table;
    clear: both; }
  .card-header:first-child {
    border-radius: 8px 8px 0 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer::after {
    content: "";
    display: table;
    clear: both; }
  .card-footer:last-child {
    border-radius: 0 0 8px 8px; }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-primary {
  background-color: #10318E;
  border-color: #10318E; }
  .card-primary .card-header,
  .card-primary .card-footer {
    background-color: transparent; }

.card-success {
  background-color: #4cbb6c;
  border-color: #4cbb6c; }
  .card-success .card-header,
  .card-success .card-footer {
    background-color: transparent; }

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de; }
  .card-info .card-header,
  .card-info .card-footer {
    background-color: transparent; }

.card-warning {
  background-color: #ff9a52;
  border-color: #ff9a52; }
  .card-warning .card-header,
  .card-warning .card-footer {
    background-color: transparent; }

.card-danger {
  background-color: #ff4c4c;
  border-color: #ff4c4c; }
  .card-danger .card-header,
  .card-danger .card-footer {
    background-color: transparent; }

.card-outline-primary {
  background-color: transparent;
  border-color: #10318E; }

.card-outline-secondary {
  background-color: transparent;
  border-color: transparent; }

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de; }

.card-outline-success {
  background-color: transparent;
  border-color: #4cbb6c; }

.card-outline-warning {
  background-color: transparent;
  border-color: #FF9A52; }

.card-outline-danger {
  background-color: transparent;
  border-color: #ff4c4c; }

.card-inverse .card-header,
.card-inverse .card-footer {
  border-color: rgba(255, 255, 255, 0.2); }

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff; }

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65); }

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff; }

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0; }

.card-img {
  border-radius: 0.25rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img-top {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px; }

.card-img-bottom {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }

@media (min-width: 544px) {
  .card-deck {
    display: table;
    width: 100%;
    margin-bottom: 0.75rem;
    table-layout: fixed;
    border-spacing: 1.25rem 0; }
    .card-deck .card {
      display: table-cell;
      margin-bottom: 0;
      vertical-align: top; }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem; } }

@media (min-width: 544px) {
  .card-group {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .card-group .card {
      display: table-cell;
      vertical-align: top; }
      .card-group .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-top {
          border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-bottom {
          border-bottom-right-radius: 0; }
      .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-top {
          border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-bottom {
          border-bottom-left-radius: 0; }
      .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0; }
        .card-group .card:not(:first-child):not(:last-child) .card-img-top,
        .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
          border-radius: 0; } }

@media (min-width: 544px) {
  .card-columns {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem; }
    .card-columns .card {
      width: 100%; } }

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #fafafa;
  border-radius: 8px; }
  .breadcrumb::after {
    content: "";
    display: table;
    clear: both; }

.breadcrumb-item {
  float: left; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #f3f3f3;
    content: "/"; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none; }
  .breadcrumb-item.active {
    color: #f3f3f3; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 8px; }

.page-item {
  display: inline; }
  .page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px; }
  .page-item:last-child .page-link {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px; }
  .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #10318E;
    border-color: #10318E; }
  .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #f3f3f3;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  color: #10318E;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }
  .page-link:focus, .page-link:hover {
    color: #081949;
    background-color: #fafafa;
    border-color: #ddd; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 0.9375rem; }

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem; }

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }

.tag {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 8px; }
  .tag:empty {
    display: none; }

.btn .tag {
  position: relative;
  top: -1px; }

a.tag:focus, a.tag:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.tag-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.tag-default {
  background-color: #f3f3f3; }
  .tag-default[href]:focus, .tag-default[href]:hover {
    background-color: #dadada; }

.tag-primary {
  background-color: #10318E; }
  .tag-primary[href]:focus, .tag-primary[href]:hover {
    background-color: #0b2160; }

.tag-success {
  background-color: #4cbb6c; }
  .tag-success[href]:focus, .tag-success[href]:hover {
    background-color: #3a9a56; }

.tag-info {
  background-color: #5bc0de; }
  .tag-info[href]:focus, .tag-info[href]:hover {
    background-color: #31b0d5; }

.tag-warning {
  background-color: #ff9a52; }
  .tag-warning[href]:focus, .tag-warning[href]:hover {
    background-color: #ff7c1f; }

.tag-danger {
  background-color: #ff4c4c; }
  .tag-danger[href]:focus, .tag-danger[href]:hover {
    background-color: #ff1919; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #fafafa;
  border-radius: 0.3rem; }
  @media (min-width: 544px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-hr {
  border-top-color: #e1e1e1; }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 8px; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: bold; }

.alert-dismissible {
  padding-right: 2rem; }
  .alert-dismissible .close {
    position: relative;
    top: -.125rem;
    right: -1rem;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c1e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6d5ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: rgba(255, 154, 82, 0.3);
  border-color: #FF9A52;
  color: #323232; }
  .alert-warning hr {
    border-top-color: #ff8b39; }
  .alert-warning .alert-link {
    color: #191919; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9b9; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem; }

.progress[value] {
  background-color: #eee;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 8px; }

.progress[value]::-ms-fill {
  background-color: #0074d9;
  border: 0; }

.progress[value]::-moz-progress-bar {
  background-color: #0074d9;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px; }

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px; }

.progress[value="100"]::-moz-progress-bar {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px; }

.progress[value="100"]::-webkit-progress-value {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px; }

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 8px; }

base::-moz-progress-bar,
.progress[value] {
  background-color: #eee;
  border-radius: 8px; }

@media screen and (min-width: 0\0) {
  .progress {
    background-color: #eee;
    border-radius: 8px; }
  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px; }
  .progress[width="100%"] {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px; } }

.progress-striped[value]::-webkit-progress-value {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-striped[value]::-moz-progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-striped[value]::-ms-fill {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

@media screen and (min-width: 0\0) {
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem; } }

.progress-animated[value]::-webkit-progress-value {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite; }

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite; }

@media screen and (min-width: 0\0) {
  .progress-animated .progress-bar-striped {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite; } }

.progress-success[value]::-webkit-progress-value {
  background-color: #4cbb6c; }

.progress-success[value]::-moz-progress-bar {
  background-color: #4cbb6c; }

.progress-success[value]::-ms-fill {
  background-color: #4cbb6c; }

@media screen and (min-width: 0\0) {
  .progress-success .progress-bar {
    background-color: #4cbb6c; } }

.progress-info[value]::-webkit-progress-value {
  background-color: #5bc0de; }

.progress-info[value]::-moz-progress-bar {
  background-color: #5bc0de; }

.progress-info[value]::-ms-fill {
  background-color: #5bc0de; }

@media screen and (min-width: 0\0) {
  .progress-info .progress-bar {
    background-color: #5bc0de; } }

.progress-warning[value]::-webkit-progress-value {
  background-color: #ff9a52; }

.progress-warning[value]::-moz-progress-bar {
  background-color: #ff9a52; }

.progress-warning[value]::-ms-fill {
  background-color: #ff9a52; }

@media screen and (min-width: 0\0) {
  .progress-warning .progress-bar {
    background-color: #ff9a52; } }

.progress-danger[value]::-webkit-progress-value {
  background-color: #ff4c4c; }

.progress-danger[value]::-moz-progress-bar {
  background-color: #ff4c4c; }

.progress-danger[value]::-ms-fill {
  background-color: #ff4c4c; }

@media screen and (min-width: 0\0) {
  .progress-danger .progress-bar {
    background-color: #ff4c4c; } }

.media,
.media-body {
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right {
  padding-left: 10px; }

.media-left {
  padding-right: 10px; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px; }
  .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #f3f3f3;
    cursor: not-allowed;
    background-color: #fafafa; }
    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
      color: inherit; }
    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
      color: #f3f3f3; }
  .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #10318E;
    border-color: #10318E; }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > .small {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
      color: #7a99f0; }

.list-group-flush .list-group-item {
  border-radius: 0; }

.list-group-item-action {
  width: 100%;
  color: #555;
  text-align: inherit; }
  .list-group-item-action .list-group-item-heading {
    color: #333; }
  .list-group-item-action:focus, .list-group-item-action:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:focus, a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
  button.list-group-item-success.active,
  button.list-group-item-success.active:focus,
  button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:focus, a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
  button.list-group-item-info.active,
  button.list-group-item-info.active:focus,
  button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:focus, a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:focus, a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9 {
  padding-bottom: 42.85714%; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.embed-responsive-1by1 {
  padding-bottom: 100%; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch; }
  .modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%); }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.in {
    opacity: 0.5; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header::after {
    content: "";
    display: table;
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer::after {
    content: "";
    display: table;
    clear: both; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 544px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto; }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.in {
    opacity: 0.9; }
  .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
    padding: 5px 0;
    margin-top: -3px; }
    .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #ff4c4c; }
  .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
    padding: 0 5px;
    margin-left: 3px; }
    .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #ff4c4c; }
  .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
    padding: 5px 0;
    margin-top: 3px; }
    .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #ff4c4c; }
  .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
    padding: 0 5px;
    margin-left: -3px; }
    .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #ff4c4c; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #ff4c4c;
  border-radius: 8px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover.popover-top, .popover.bs-tether-element-attached-bottom {
    margin-top: -10px; }
    .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
      bottom: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-color: rgba(0, 0, 0, 0.25);
      border-bottom-width: 0; }
      .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
        bottom: 1px;
        margin-left: -10px;
        content: "";
        border-top-color: #fff;
        border-bottom-width: 0; }
  .popover.popover-right, .popover.bs-tether-element-attached-left {
    margin-left: 10px; }
    .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-right-color: rgba(0, 0, 0, 0.25);
      border-left-width: 0; }
      .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
        bottom: -10px;
        left: 1px;
        content: "";
        border-right-color: #fff;
        border-left-width: 0; }
  .popover.popover-bottom, .popover.bs-tether-element-attached-top {
    margin-top: 10px; }
    .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
      top: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
        top: 1px;
        margin-left: -10px;
        content: "";
        border-top-width: 0;
        border-bottom-color: #fff; }
  .popover.popover-left, .popover.bs-tether-element-attached-right {
    margin-left: -10px; }
    .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
        right: 1px;
        bottom: -10px;
        content: "";
        border-right-width: 0;
        border-left-color: #fff; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0.2375rem 0.2375rem 0 0; }
  .popover-title:empty {
    display: none; }

.popover-content {
  padding: 9px 14px; }

.popover-arrow, .popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover-arrow {
  border-width: 11px; }

.popover-arrow::after {
  content: "";
  border-width: 10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .carousel-item {
    position: relative;
    display: none;
    transition: .6s ease-in-out left; }
    .carousel-inner > .carousel-item > img,
    .carousel-inner > .carousel-item > a > img {
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .carousel-item {
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-perspective: 1000px;
                perspective: 1000px; }
        .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
          left: 0;
          -webkit-transform: translate3d(100%, 0, 0);
                  transform: translate3d(100%, 0, 0); }
        .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
          left: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
                  transform: translate3d(-100%, 0, 0); }
        .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
          left: 0;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5; }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev::before {
    content: "\2039"; }
  .carousel-control .icon-next::before {
    content: "\203A"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media (min-width: 544px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.bg-faded {
  background-color: #f7f7f9; }

.bg-primary {
  color: #fff !important;
  background-color: #10318E !important; }

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #0b2160 !important; }

.bg-success {
  color: #fff !important;
  background-color: #4cbb6c !important; }

a.bg-success:focus, a.bg-success:hover {
  background-color: #3a9a56 !important; }

.bg-info {
  color: #fff !important;
  background-color: #5bc0de !important; }

a.bg-info:focus, a.bg-info:hover {
  background-color: #31b0d5 !important; }

.bg-warning {
  color: #fff !important;
  background-color: #ff9a52 !important; }

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ff7c1f !important; }

.bg-danger {
  color: #fff !important;
  background-color: #ff4c4c !important; }

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #ff1919 !important; }

.bg-inverse {
  color: #fff !important;
  background-color: #373a3c !important; }

a.bg-inverse:focus, a.bg-inverse:hover {
  background-color: #1f2021 !important; }

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

.d-block {
  display: block !important; }

.d-inline-block {
  display: inline-block !important; }

.d-inline {
  display: inline !important; }

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

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

.pull-xs-none {
  float: none !important; }

@media (min-width: 544px) {
  .pull-sm-left {
    float: left !important; }
  .pull-sm-right {
    float: right !important; }
  .pull-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .pull-md-left {
    float: left !important; }
  .pull-md-right {
    float: right !important; }
  .pull-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .pull-lg-left {
    float: left !important; }
  .pull-lg-right {
    float: right !important; }
  .pull-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .pull-xl-left {
    float: left !important; }
  .pull-xl-right {
    float: right !important; }
  .pull-xl-none {
    float: none !important; } }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.w-100 {
  width: 100% !important; }

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.m-a-0 {
  margin: 0 0 !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-a-1 {
  margin: 1rem 1rem !important; }

.m-t-1 {
  margin-top: 1rem !important; }

.m-r-1 {
  margin-right: 1rem !important; }

.m-b-1 {
  margin-bottom: 1rem !important; }

.m-l-1 {
  margin-left: 1rem !important; }

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-a-2 {
  margin: 1.5rem 1.5rem !important; }

.m-t-2 {
  margin-top: 1.5rem !important; }

.m-r-2 {
  margin-right: 1.5rem !important; }

.m-b-2 {
  margin-bottom: 1.5rem !important; }

.m-l-2 {
  margin-left: 1.5rem !important; }

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-a-3 {
  margin: 3rem 3rem !important; }

.m-t-3 {
  margin-top: 3rem !important; }

.m-r-3 {
  margin-right: 3rem !important; }

.m-b-3 {
  margin-bottom: 3rem !important; }

.m-l-3 {
  margin-left: 3rem !important; }

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.p-a-0 {
  padding: 0 0 !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-l-0 {
  padding-left: 0 !important; }

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-a-1 {
  padding: 1rem 1rem !important; }

.p-t-1 {
  padding-top: 1rem !important; }

.p-r-1 {
  padding-right: 1rem !important; }

.p-b-1 {
  padding-bottom: 1rem !important; }

.p-l-1 {
  padding-left: 1rem !important; }

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-a-2 {
  padding: 1.5rem 1.5rem !important; }

.p-t-2 {
  padding-top: 1.5rem !important; }

.p-r-2 {
  padding-right: 1.5rem !important; }

.p-b-2 {
  padding-bottom: 1.5rem !important; }

.p-l-2 {
  padding-left: 1.5rem !important; }

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-a-3 {
  padding: 3rem 3rem !important; }

.p-t-3 {
  padding-top: 3rem !important; }

.p-r-3 {
  padding-right: 3rem !important; }

.p-b-3 {
  padding-bottom: 3rem !important; }

.p-l-3 {
  padding-left: 3rem !important; }

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-xs-left {
  text-align: left !important; }

.text-xs-right {
  text-align: right !important; }

.text-xs-center {
  text-align: center !important; }

@media (min-width: 544px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-normal {
  font-weight: normal; }

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

.font-italic {
  font-style: italic; }

.text-muted {
  color: #6A6A6A !important; }

a.text-muted:focus, a.text-muted:hover {
  color: #515151 !important; }

.text-primary {
  color: #10318E !important; }

a.text-primary:focus, a.text-primary:hover {
  color: #0b2160 !important; }

.text-success {
  color: #4cbb6c !important; }

a.text-success:focus, a.text-success:hover {
  color: #3a9a56 !important; }

.text-info {
  color: #5bc0de !important; }

a.text-info:focus, a.text-info:hover {
  color: #31b0d5 !important; }

.text-warning {
  color: #ff9a52 !important; }

a.text-warning:focus, a.text-warning:hover {
  color: #ff7c1f !important; }

.text-danger {
  color: #ff4c4c !important; }

a.text-danger:focus, a.text-danger:hover {
  color: #ff1919 !important; }

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

.invisible {
  visibility: hidden !important; }

.hidden-xs-up {
  display: none !important; }

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

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

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

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

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

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

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

.hidden-xl-down {
  display: none !important; }

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

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

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

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

@font-face {
  font-family: "nimbus-sans";
  src: url("https://use.typekit.net/af/50ea52/00000000000000000001011c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/50ea52/00000000000000000001011c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/50ea52/00000000000000000001011c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: "nimbus-sans";
  src: url("https://use.typekit.net/af/da0c19/00000000000000000001518d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/da0c19/00000000000000000001518d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/da0c19/00000000000000000001518d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal; }

@font-face {
  font-family: "nimbus-sans";
  src: url("https://use.typekit.net/af/360cf4/000000000000000000012544/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/360cf4/000000000000000000012544/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/360cf4/000000000000000000012544/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal; }

@font-face {
  font-family: "filson-pro";
  src: url("https://use.typekit.net/af/849db4/0000000000000000000157c5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/849db4/0000000000000000000157c5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/849db4/0000000000000000000157c5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
  font-style: normal;
  font-weight: 200;
  font-display: swap; }

@font-face {
  font-family: "filson-pro";
  src: url("https://use.typekit.net/af/fcca1c/0000000000000000000157c8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/fcca1c/0000000000000000000157c8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/fcca1c/0000000000000000000157c8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap; }

.tk-nimbus-sans {
  font-family: "nimbus-sans",sans-serif; }

.tk-filson-pro {
  font-family: "filson-pro",sans-serif; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../css/e79bfd88537def476913f3ed52f4f4b3.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../css/570eb83859dc23dd0eec423a49e147fe.woff2) format("woff2"), url(../css/012cf6a10129e2275d79d6adac7f3b02.woff) format("woff"), url(../css/a37b0c01c0baf1888ca812cc0508f6e2.ttf) format("truetype"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga'; }

.lang-rtl * {
  direction: rtl !important; }

.lang-rtl main {
  text-align: right !important; }

body,
html {
  height: 100%;
  font-size: 16px; }

body {
  font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6A6A6A;
  line-height: 1.25em;
  overflow-x: hidden; }

blockquote, h1, h2, h3, h4, h5 {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
  letter-spacing: 0.5px;
  color: #10318E;
  margin-bottom: 1rem;
  font-weight: 600; }

blockquote {
  font-size: 3rem;
  line-height: 1.125em;
  text-shadow: 3px 3px 8px #5e5e5e; }

h1 {
  font-size: 2rem;
  line-height: 1.25em;
  margin-bottom: 2rem; }

h2 {
  font-size: 1.525rem;
  line-height: 1.15384615em; }

h3 {
  font-size: 1.275rem;
  line-height: 1.13636364em; }

h4 {
  font-size: 1.125rem;
  line-height: 1.11111111em; }

@media (min-width: 544px) {
  body {
    line-height: 1.375em; }
  blockquote {
    font-size: 3.5rem;
    line-height: 1.05em; }
  h1 {
    font-size: 2rem;
    line-height: 1.25em;
    margin-bottom: 2rem; }
  h2 {
    font-size: 1.625rem;
    line-height: 1.15384615em; }
  h3 {
    font-size: 1.375rem;
    line-height: 1.13636364em; }
  h4 {
    font-size: 1.125rem;
    line-height: 1.11111111em; } }

@media (min-width: 768px) {
  blockquote {
    font-size: 4rem;
    line-height: 1.05em; }
  h1 {
    font-size: 2rem;
    line-height: 1.125em; }
  h2 {
    font-size: 1.825rem;
    line-height: 1.25em; }
  h3 {
    font-size: 1.5rem;
    line-height: 1.25em; }
  h4 {
    font-size: 1.125rem;
    line-height: 1.22222222em; } }

@media (min-width: 992px) {
  blockquote {
    font-size: 5rem;
    line-height: 1em; }
  h1 {
    font-size: 2.25rem;
    line-height: 1.05em; }
  h2 {
    font-size: 2rem;
    line-height: 1.25em; }
  h3 {
    font-size: 1.625rem;
    line-height: 1.25em; }
  h4 {
    font-size: 1.125rem;
    line-height: 1.22222222em; } }

@media (min-width: 1200px) {
  blockquote {
    font-size: 6rem;
    line-height: 1em; }
  h1 {
    font-size: 2.5rem;
    line-height: 1.05em; }
  h2 {
    font-size: 2.125rem;
    line-height: 1.25em; }
  h3 {
    font-size: 1.7rem;
    line-height: 1.25em; }
  h4 {
    font-size: 1.125rem;
    line-height: 1.22222222em; } }

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

ul {
  list-style: none;
  padding-left: 0; }

a:hover, a:visited, a:active, a:focus {
  text-decoration: none; }

a:hover {
  color: #10318E; }

p, li {
  font-weight: 400;
  line-height: 1.4em;
  text-align: left;
  max-width: 700px;
  margin: 0 auto 1rem; }

video {
  width: 100%; }

small,
.small {
  font-weight: 400; }

.dropdown-item:focus, .dropdown-item:hover {
  background: none; }

.color,
.custom-checkbox input[type="checkbox"] + span.color {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  margin: 0.3125rem;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-size: contain; }
  .color.active, .color:hover,
  .custom-checkbox input[type="checkbox"] + span.color.active,
  .custom-checkbox input[type="checkbox"] + span.color:hover {
    border: 2px solid #323232; }

.facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color {
  border: 2px solid #323232; }

.h1,
.h2,
.h3 {
  text-transform: uppercase;
  color: #10318E; }

.h4 {
  font-weight: 600;
  color: #10318E; }

.btn {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
  text-transform: none;
  font-weight: normal;
  padding: 0.5rem 1.25rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  font-weight: normal;
  /*blue*/
  /*yellow*/
  /*orange*/ }
  .btn.btn-lg, .btn-group-lg > .btn {
    height: 2.75rem;
    line-height: inherit;
    padding: 0.625rem 1.5rem; }
  .btn.btn-reverse {
    border-width: 1px; }
  .btn.focus, .btn:focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none; }
  .btn b {
    font-weight: normal; }
  .btn.btn-primary {
    color: #fff;
    background-color: #10318E;
    border-color: transparent; }
    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active {
      color: #fff;
      background-color: #1339a5;
      border-color: transparent; }
      .btn.btn-primary:hover:focus, .btn.btn-primary:hover:active, .btn.btn-primary:hover.active, .btn.btn-primary:focus:focus, .btn.btn-primary:focus:active, .btn.btn-primary:focus.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:active, .btn.btn-primary:active.active, .btn.btn-primary.active:focus, .btn.btn-primary.active:active, .btn.btn-primary.active.active {
        box-shadow: 0 0 0 0.2rem rgba(16, 49, 142, 0.25); }
    .btn.btn-primary.btn-reverse {
      color: #10318E;
      background-color: #fff;
      border-color: #10318E; }
      .btn.btn-primary.btn-reverse:hover, .btn.btn-primary.btn-reverse:focus, .btn.btn-primary.btn-reverse:active, .btn.btn-primary.btn-reverse.active {
        color: #1339a5;
        border-color: #1339a5; }
        .btn.btn-primary.btn-reverse:hover:focus, .btn.btn-primary.btn-reverse:hover:active, .btn.btn-primary.btn-reverse:hover.active, .btn.btn-primary.btn-reverse:focus:focus, .btn.btn-primary.btn-reverse:focus:active, .btn.btn-primary.btn-reverse:focus.active, .btn.btn-primary.btn-reverse:active:focus, .btn.btn-primary.btn-reverse:active:active, .btn.btn-primary.btn-reverse:active.active, .btn.btn-primary.btn-reverse.active:focus, .btn.btn-primary.btn-reverse.active:active, .btn.btn-primary.btn-reverse.active.active {
          box-shadow: 0 0 0 0.2rem rgba(16, 49, 142, 0.25); }
  .btn.btn-secondary {
    color: #10318E;
    background-color: #ffc62c;
    border-color: transparent; }
    .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary.active {
      color: #10318E;
      background-color: #ffcd46;
      border-color: transparent; }
      .btn.btn-secondary:hover:focus, .btn.btn-secondary:hover:active, .btn.btn-secondary:hover.active, .btn.btn-secondary:focus:focus, .btn.btn-secondary:focus:active, .btn.btn-secondary:focus.active, .btn.btn-secondary:active:focus, .btn.btn-secondary:active:active, .btn.btn-secondary:active.active, .btn.btn-secondary.active:focus, .btn.btn-secondary.active:active, .btn.btn-secondary.active.active {
        box-shadow: 0 0 0 0.2rem rgba(255, 198, 44, 0.25); }
    .btn.btn-secondary.btn-reverse {
      color: #ffc62c;
      background-color: #fff;
      border-color: #ffc62c; }
      .btn.btn-secondary.btn-reverse:hover, .btn.btn-secondary.btn-reverse:focus, .btn.btn-secondary.btn-reverse:active, .btn.btn-secondary.btn-reverse.active {
        color: #ffcd46;
        border-color: #ffcd46; }
        .btn.btn-secondary.btn-reverse:hover:focus, .btn.btn-secondary.btn-reverse:hover:active, .btn.btn-secondary.btn-reverse:hover.active, .btn.btn-secondary.btn-reverse:focus:focus, .btn.btn-secondary.btn-reverse:focus:active, .btn.btn-secondary.btn-reverse:focus.active, .btn.btn-secondary.btn-reverse:active:focus, .btn.btn-secondary.btn-reverse:active:active, .btn.btn-secondary.btn-reverse:active.active, .btn.btn-secondary.btn-reverse.active:focus, .btn.btn-secondary.btn-reverse.active:active, .btn.btn-secondary.btn-reverse.active.active {
          box-shadow: 0 0 0 0.2rem rgba(255, 198, 44, 0.25); }
  .btn.btn-tertiary {
    color: #fff;
    background-color: #e96952;
    border-color: transparent; }
    .btn.btn-tertiary:hover, .btn.btn-tertiary:focus, .btn.btn-tertiary:active, .btn.btn-tertiary.active {
      color: #fff;
      background-color: #ec7d69;
      border-color: transparent; }
      .btn.btn-tertiary:hover:focus, .btn.btn-tertiary:hover:active, .btn.btn-tertiary:hover.active, .btn.btn-tertiary:focus:focus, .btn.btn-tertiary:focus:active, .btn.btn-tertiary:focus.active, .btn.btn-tertiary:active:focus, .btn.btn-tertiary:active:active, .btn.btn-tertiary:active.active, .btn.btn-tertiary.active:focus, .btn.btn-tertiary.active:active, .btn.btn-tertiary.active.active {
        box-shadow: 0 0 0 0.2rem rgba(233, 105, 82, 0.25); }
    .btn.btn-tertiary.btn-reverse {
      color: #e96952;
      background-color: #fff;
      border-color: #e96952; }
      .btn.btn-tertiary.btn-reverse:hover, .btn.btn-tertiary.btn-reverse:focus, .btn.btn-tertiary.btn-reverse:active, .btn.btn-tertiary.btn-reverse.active {
        color: #ec7d69;
        border-color: #ec7d69; }
        .btn.btn-tertiary.btn-reverse:hover:focus, .btn.btn-tertiary.btn-reverse:hover:active, .btn.btn-tertiary.btn-reverse:hover.active, .btn.btn-tertiary.btn-reverse:focus:focus, .btn.btn-tertiary.btn-reverse:focus:active, .btn.btn-tertiary.btn-reverse:focus.active, .btn.btn-tertiary.btn-reverse:active:focus, .btn.btn-tertiary.btn-reverse:active:active, .btn.btn-tertiary.btn-reverse:active.active, .btn.btn-tertiary.btn-reverse.active:focus, .btn.btn-tertiary.btn-reverse.active:active, .btn.btn-tertiary.btn-reverse.active.active {
          box-shadow: 0 0 0 0.2rem rgba(233, 105, 82, 0.25); }
  .btn.btn-white {
    color: #10318E;
    background-color: #fff; }
  .btn.ajax-loading:after {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #b0c8e8;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out; }

.btn-minor {
  display: block;
  width: 100%;
  padding: 0.3125rem;
  border: 1px solid #6A6A6A;
  border-radius: 8px;
  color: #6A6A6A; }
  .btn-minor:hover {
    color: #10318E;
    border-color: #10318E; }

.btn-unstyle {
  background-color: transparent;
  border: none;
  padding: 0;
  text-align: inherit;
  font: inherit;
  color: inherit;
  cursor: pointer; }
  .btn-unstyle:focus {
    outline: 0; }
    .btn-unstyle:focus .expand-more {
      color: #10318E; }

.card {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }

label, .label {
  color: #323232; }

small.label, small.value {
  font-size: 0.8125rem; }

.input-group.focus {
  outline: 0.1875rem solid #10318E; }

.input-group .form-control:focus {
  outline: none; }

.input-group .input-group-btn {
  height: 100%; }
  .input-group .input-group-btn > .btn {
    border: 0;
    box-shadow: none;
    color: #ffffff;
    font-size: 0.6875rem;
    /*font-weight: normal;*/
    margin-left: 0;
    padding: 0.625rem 1rem;
    text-transform: uppercase; }
    .input-group .input-group-btn > .btn[data-action="show-password"] {
      background: #6A6A6A;
      height: 100%; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #6A6A6A; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6A6A6A; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #6A6A6A; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #6A6A6A; }

input:active::-webkit-input-placeholder, textarea:active::-webkit-input-placeholder {
  color: #323232; }

input:active::-moz-placeholder, textarea:active::-moz-placeholder {
  color: #323232; }

input:active:-ms-input-placeholder, textarea:active:-ms-input-placeholder {
  color: #323232; }

input:active:-moz-placeholder, textarea:active:-moz-placeholder {
  color: #323232; }

.form-control-select {
  height: 2.625rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #f3f3f3 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem;
  padding: 0 0.5rem; }

.form-control-valign {
  padding-top: 0.5rem; }

.form-control-comment {
  font-size: 0.875rem;
  padding-top: 0.5rem;
  color: #6A6A6A; }

.form-control-submit.disabled {
  background: #5bc0de;
  color: white; }

.form-group.has-error input,
.form-group.has-error select {
  outline: 0.1875rem solid #ff4c4c; }

.group-span-filestyle label {
  margin: 0; }

.group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin {
  background: #10318E;
  color: white;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 0.875rem;
  padding: 0.5rem 1rem; }

.bootstrap-touchspin {
  width: auto;
  float: left;
  display: inline-block;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
  .bootstrap-touchspin input:focus {
    outline: none; }
  .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
    color: #323232;
    background-color: white;
    height: 2.5rem;
    padding: 0.175rem 0.5rem;
    width: 3rem;
    border: 1px solid rgba(0, 0, 0, 0.25);
    float: left; }
  .bootstrap-touchspin .btn-touchspin {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    height: 1.3125rem; }
    .bootstrap-touchspin .btn-touchspin:hover {
      background-color: #f3f3f3; }
  .bootstrap-touchspin .input-group-btn-vertical {
    color: #323232;
    width: auto;
    float: left; }
    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
      border-radius: 0; }
    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
      border-radius: 0; }
    .bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after {
      content: "\E5CE"; }
    .bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after {
      content: "\E5CF"; }
    .bootstrap-touchspin .input-group-btn-vertical i {
      top: 0.0625rem;
      left: 0.1875rem;
      font-size: 0.9375rem; }

.custom-radio {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: #10318E 2px solid;
  background: white;
  margin-right: 1.25rem; }
  .custom-radio input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1; }
  .custom-radio input[type="radio"]:checked + span {
    display: block;
    background-color: #10318E;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 0.125rem;
    top: 0.125rem; }
  .custom-radio input[type="radio"]:focus + span {
    border-color: #6A6A6A; }

.custom-checkbox {
  position: relative;
  cursor: pointer; }
  .custom-checkbox input[type="checkbox"] {
    opacity: 0;
    cursor: pointer;
    position: absolute; }
    .custom-checkbox input[type="checkbox"] + span {
      margin-right: 0.325rem;
      margin-bottom: 0.1rem;
      display: inline-block;
      width: 1rem;
      height: 1rem;
      vertical-align: middle;
      cursor: pointer;
      border: 2px #10318E solid;
      border-radius: 3px; }
      .custom-checkbox input[type="checkbox"] + span:hover {
        background-color: #fff; }
      .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
        display: none;
        margin: -0.1rem -0.125rem;
        font-size: 1rem;
        color: #fff;
        background: #10318E;
        border-radius: 3px; }
    .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
      display: block; }
    .custom-checkbox input[type="checkbox"]:focus + span {
      border-color: #6A6A6A; }
  .custom-checkbox label {
    text-align: left;
    cursor: pointer; }

.form-radio-group label {
  cursor: pointer; }

.text-muted {
  font-size: 0.875rem; }

.done {
  color: #4cbb6c;
  display: inline-block;
  padding: 0 0.8125rem;
  margin-right: 1.563rem; }

.thumb-mask > .mask {
  position: relative;
  width: 3.438rem;
  height: 3.438rem;
  overflow: hidden;
  border: #f3f3f3 1px solid;
  margin: 0.625rem 0; }
  .thumb-mask > .mask img {
    width: 55px;
    height: 55px; }

.definition-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .definition-list dl dd,
  .definition-list dl dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    background: #f3f3f3;
    padding: 0.625rem;
    margin: 0.125rem; }
    .definition-list dl dd:nth-of-type(even),
    .definition-list dl dt:nth-of-type(even) {
      background: #fafafa; }

.help-block {
  margin-top: 0.625rem; }

.btn.disabled,
.btn.disabled:hover {
  background: #6A6A6A; }

.form-errors .alert {
  display: table;
  border: none;
  width: 100%;
  padding: 0; }

.form-errors .alert-danger {
  background-color: #ff706d;
  color: #fff; }

.form-errors .alert-icon {
  display: table-cell;
  vertical-align: middle;
  background-color: #e64646;
  padding: 0.5rem;
  border-radius: 8px 0 0 8px;
  color: #fff; }

.form-errors .alert-text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0.5rem;
  font-size: 0.9rem;
  color: #fff; }

.alert-warning .material-icons {
  color: #FF9A52;
  font-size: 2rem;
  margin-right: 0.625rem;
  padding-top: 0.3125rem; }

.alert-warning .alert-text {
  font-size: 0.9375rem;
  padding-top: 0.625rem; }

.alert-warning .alert-link {
  border-radius: 2px;
  border-width: 2px;
  margin-left: 0.625rem;
  padding: 0.3125rem 1.25rem;
  font-weight: 600;
  font-size: 0.8125rem;
  color: #fff; }

.alert-warning ul li:last-child .alert-link {
  color: white; }

.alert-warning .warning-buttons {
  margin-top: 0.3125rem; }

.nav-item .nav-link,
.nav-item .nav-separtor {
  color: #6A6A6A;
  font-weight: 600; }
  .nav-item .nav-link.active,
  .nav-item .nav-separtor.active {
    color: #323232; }

.separator {
  margin: 0;
  border-color: rgba(0, 0, 0, 0.25); }

.flex-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto; }
  .flex-div > div {
    height: auto; }

@media (min-width: 768px) {
  .flex-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .flex-div.flex-reverse-div {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }

.flex-div-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.standard-wrapper {
  max-width: 700px;
  margin: auto;
  text-align: center; }
  .standard-wrapper.wide-wrapper {
    max-width: 1200px; }

.hero-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .hero-wrapper .hero-wrapper-image {
    width: 100%; }
    .hero-wrapper .hero-wrapper-image img {
      width: 100%; }
  .hero-wrapper .hero-wrapper-content {
    width: 100%;
    padding: 1rem;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

@media (min-width: 768px) {
  .hero-wrapper {
    height: 38rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .hero-wrapper .hero-wrapper-image {
      width: 50%; }
    .hero-wrapper .hero-wrapper-content {
      width: 50%;
      padding-left: 10%;
      padding-right: 3rem; } }

.flex-responsive {
  display: block; }
  .flex-responsive .three-items img {
    margin: 1rem auto; }

@media (min-width: 768px) {
  .flex-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .flex-responsive .three-items {
      width: 30%; }
      .flex-responsive .three-items img {
        margin: 2rem auto; } }

.dark-bg {
  background-color: #10318E; }
  .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5 {
    color: #fff; }
  .dark-bg p, .dark-bg span, .dark-bg a {
    color: #f3f3f3;
    text-decoration: none !important; }

.gradient-bg {
  background-image: linear-gradient(-180deg, #deeff9 0, #f4ffff 23%, white 68%, #fff 100%); }

.pad {
  padding: 2rem 1rem; }

/*Effect*/
.hover-zoomin {
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }
  .hover-zoomin:hover {
    -webkit-transform: scale(1.05, 1.05) translate(0px, -3px);
            transform: scale(1.05, 1.05) translate(0px, -3px); }

.iwt .flex-div .iwt-image img {
  width: 300px;
  margin-bottom: 1rem; }

.iwt .flex-div .iwt-content {
  text-align: left; }

@media (min-width: 768px) {
  .iwt .flex-div .iwt-image {
    width: 50%;
    margin-right: 2rem; }
  .iwt .flex-div .iwt-content {
    width: 50%; } }

.iwt-fluid .flex-div .iwt-image {
  width: 100%; }
  .iwt-fluid .flex-div .iwt-image img {
    width: 100%; }

.iwt-fluid .flex-div .iwt-content {
  text-align: left;
  width: 100%;
  padding: 2rem 1rem; }

@media (min-width: 768px) {
  .iwt-fluid .flex-div {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    .iwt-fluid .flex-div .iwt-image {
      width: 50%; }
    .iwt-fluid .flex-div .iwt-content {
      width: 50%;
      margin-left: 2rem;
      max-width: 600px; }
  .iwt-reverse .flex-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .iwt-reverse .flex-div .iwt-content {
      margin-left: 0;
      margin-right: 2rem; } }

.page-hero.flex-div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.no-padding {
  padding: 0; }

.hidden {
  display: none !important; }

.toFixed {
  position: fixed !important;
  display: block !important; }

.form-field-group {
  padding: 0 0.5rem;
  position: relative;
  font-size: 1rem;
  text-align: left;
  /* @include media-breakpoint-down(md){
	&.has-error {
	  .help-block {
		padding: 0 .5rem;
		top: inherit;
		right: inherit;
		max-width: inherit;
		position: inherit;
	  }
	}
  } */ }
  .form-field-group input:focus, .form-field-group select:focus, .form-field-group form-control:focus {
    outline: none;
    border-color: #003772; }
  .form-field-group label {
    text-align: left;
    font-size: .925rem;
    margin-bottom: 0; }
  .form-field-group .form-radio-group label {
    font-size: 0.8rem; }
  .form-field-group .form-control {
    background-color: #fff;
    color: #10318E !important;
    border-radius: 8px;
    font-size: .9rem;
    transition: all .2s ease-in-out;
    height: 2.8rem !important; }
  .form-field-group .form-control-label {
    color: #686868;
    position: absolute;
    top: 0;
    margin-bottom: 0;
    pointer-events: none;
    text-indent: .65rem;
    font-size: 0.8rem;
    padding: 0.8rem 0;
    transition: all .2s ease-in-out; }
  .form-field-group.birthday .form-control-label {
    position: relative;
    padding: 0; }
    .form-field-group.birthday .form-control-label small {
      font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif; }
  .form-field-group.birthday .js-parent-focus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .form-field-group.birthday .js-parent-focus select {
      font-size: 1rem; }
  .form-field-group .radio-inline {
    margin-bottom: 0; }
  .form-field-group.has-error input, .form-field-group.has-error select {
    border-bottom: 1.5px #ff4c4c solid;
    border-radius: 8px 8px 0 0; }
  .form-field-group.has-error ul, .form-field-group.has-error li {
    margin: 0; }
  .form-field-group.has-error .help-block {
    color: #ff4c4c;
    margin: 0;
    padding: 0 0.5rem; }
    .form-field-group.has-error .help-block .alert {
      margin: 0;
      padding: 0; }
    .form-field-group.has-error .help-block .alert-icon {
      display: none; }
    .form-field-group.has-error .help-block .alert-danger {
      background-color: transparent;
      border: none;
      color: red;
      font-size: 0.7rem; }

.is-required {
  color: red;
  padding-left: 2px; }

.hr-text {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .5; }
  .hr-text:before {
    content: '';
    background: transparent;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px; }
  .hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #818078;
    background-color: transparent; }

.password-row .show-password-btn {
  position: absolute;
  top: .6rem;
  right: 1rem;
  color: #003722;
  cursor: pointer;
  font-size: .8rem; }

.popup-video .modal-dialog {
  transition: none !important;
  -webkit-transform: translateY(20vh) !important;
          transform: translateY(20vh) !important;
  max-width: 850px !important; }

.popup-video .modal-body {
  padding: 0; }

.popup-video .modal-content {
  border: 0;
  background-color: transparent; }

@media (min-width: 768px) {
  .popup-video .modal-dialog {
    -webkit-transform: translateY(10vh) !important;
            transform: translateY(10vh) !important; } }

a.btn.btn-margin {
  margin-top: 1rem; }

/* For Firefox */
input[type='number'] {
  -moz-appearance: textfield; }

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

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

abbr[title] {
  text-decoration: none !important; }

.floating-label.has-text label {
  font-size: 0.7rem;
  top: -0.6rem; }

.floating-label .floating-input, .floating-label .floating-select {
  padding-top: 1rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  padding-bottom: 0;
  font-size: 1rem; }
  @media (max-width: 767px) {
    .floating-label .floating-input[name="firstname"], .floating-label .floating-select[name="firstname"] {
      margin-bottom: 1rem; } }

.floating-label .floating-input:focus, .floating-label .floating-select:focus {
  outline: none; }

.floating-label .floating-input:focus ~ label {
  font-size: 0.7rem;
  top: -0.6rem; }

.floating-label .floating-input:not(:placeholder-shown) ~ label {
  font-size: 0.7rem;
  top: -0.6rem; }

.floating-label .floating-input:-webkit-autofill ~ label {
  font-size: 0.7rem;
  top: -0.6rem; }

.floating-label .floating-select:focus ~ label {
  font-size: 0.7rem;
  top: -0.6rem; }

.floating-label .floating-select:not([value=""]):valid ~ label {
  font-size: 0.7rem;
  top: -0.6rem; }

.floating-label .floating-select:-webkit-autofill ~ label {
  font-size: 0.7rem;
  top: -0.6rem; }

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

.ajax-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999999999;
  cursor: pointer; }
  .ajax-overlay .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .ajax-overlay .load-spin {
    width: 100px !important;
    height: 100px !important;
    border: 10px solid !important;
    border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.78) transparent transparent !important; }

.card-block {
  background-color: #fff;
  border-radius: 8px; }
  .card-block .header {
    border-radius: 8px 8px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .card-block .footer {
    border-radius: 0 0 8px 8px; }
  .card-block .header, .card-block .footer {
    padding: 1rem 2rem; }
    .card-block .header h1, .card-block .header h2, .card-block .header h3, .card-block .header h4, .card-block .header h5, .card-block .footer h1, .card-block .footer h2, .card-block .footer h3, .card-block .footer h4, .card-block .footer h5 {
      margin-bottom: 0; }
    .card-block .header.primary-bg h1, .card-block .header.primary-bg h2, .card-block .header.primary-bg h3, .card-block .header.primary-bg h4, .card-block .header.primary-bg h5, .card-block .header.primary-bg p, .card-block .header.sec-gray-bg h1, .card-block .header.sec-gray-bg h2, .card-block .header.sec-gray-bg h3, .card-block .header.sec-gray-bg h4, .card-block .header.sec-gray-bg h5, .card-block .header.sec-gray-bg p, .card-block .header.sec-orange-bg h1, .card-block .header.sec-orange-bg h2, .card-block .header.sec-orange-bg h3, .card-block .header.sec-orange-bg h4, .card-block .header.sec-orange-bg h5, .card-block .header.sec-orange-bg p, .card-block .footer.primary-bg h1, .card-block .footer.primary-bg h2, .card-block .footer.primary-bg h3, .card-block .footer.primary-bg h4, .card-block .footer.primary-bg h5, .card-block .footer.primary-bg p, .card-block .footer.sec-gray-bg h1, .card-block .footer.sec-gray-bg h2, .card-block .footer.sec-gray-bg h3, .card-block .footer.sec-gray-bg h4, .card-block .footer.sec-gray-bg h5, .card-block .footer.sec-gray-bg p, .card-block .footer.sec-orange-bg h1, .card-block .footer.sec-orange-bg h2, .card-block .footer.sec-orange-bg h3, .card-block .footer.sec-orange-bg h4, .card-block .footer.sec-orange-bg h5, .card-block .footer.sec-orange-bg p {
      color: #fff; }
    @media (max-width: 767px) {
      .card-block .header, .card-block .footer {
        padding: 1rem 1rem; } }

.primary-bg {
  background-color: #10318E; }

.sec-bg {
  background-color: #b0c8e8; }

.sec-orange-bg {
  background-color: #e96952; }

.sec-yellow-bg {
  background-color: #ffc62c; }

.sec-gray-bg {
  background-color: #efeeee; }

.light-bg {
  background-color: #deeff9; }

.shadow {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }

.shadow-light {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.text-white {
  color: #fff; }

.headings {
  text-decoration: underline;
  text-underline-position: under; }

.noscroll {
  overflow: hidden; }

svg.icon {
  width: 85px; }
  @media (max-width: 1199px) {
    svg.icon {
      width: 80px; } }
  @media (max-width: 991px) {
    svg.icon {
      width: 70px; } }
  @media (max-width: 767px) {
    svg.icon {
      width: 65px; } }
  @media (max-width: 543px) {
    svg.icon {
      width: 60px; } }

.usp-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0; }
  .usp-wrapper .usp-item {
    padding: 1rem;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (max-width: 767px) {
      .usp-wrapper .usp-item {
        padding: 1rem 0.5rem; } }
    @media (max-width: 543px) {
      .usp-wrapper .usp-item {
        padding: 0 0.25rem; } }
  .usp-wrapper .usp-block {
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%; }
    .usp-wrapper .usp-block::after {
      content: "";
      display: table;
      clear: both; }
    @media (max-width: 543px) {
      .usp-wrapper .usp-block {
        padding: 1rem 0.5rem; } }
  .usp-wrapper .usp-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .usp-wrapper .feature-icon {
    height: 80px;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    z-index: 1; }
    @media (max-width: 767px) {
      .usp-wrapper .feature-icon {
        height: 70px !important;
        top: -40px !important; } }
    @media (max-width: 543px) {
      .usp-wrapper .feature-icon {
        height: 60px !important;
        top: -50px !important; } }
  .usp-wrapper h3 {
    width: 100%;
    font-size: 1.175rem;
    margin-top: 1.5rem; }
    @media (max-width: 767px) {
      .usp-wrapper h3 {
        font-size: 1.125rem;
        margin-top: 1rem; } }
    @media (max-width: 543px) {
      .usp-wrapper h3 {
        font-size: 0.8rem;
        font-weight: 400;
        margin: 0.5rem 0 0 0; } }
  .usp-wrapper p {
    text-align: center;
    margin: 0; }
  @media (max-width: 543px) {
    .usp-wrapper .icon-ellipse {
      position: absolute;
      top: 10px; } }

@media (max-width: 543px) {
  .offset-xs-top {
    padding-top: 5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }

.landing .page-hero {
  position: relative;
  overflow: hidden; }
  .landing .page-hero .hero-image {
    width: 100%;
    height: 100%; }
    .landing .page-hero .hero-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  .landing .page-hero .hero-content {
    padding: 2rem 6rem;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%; }
    @media (max-width: 991px) {
      .landing .page-hero .hero-content {
        padding: 4rem 1rem; } }
    .landing .page-hero .hero-content.left {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .landing .page-hero .hero-content.center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .landing .page-hero .hero-content.right {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .landing .page-hero .hero-content .content-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .landing .page-hero .hero-content .content-wrapper.left {
        text-align: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .landing .page-hero .hero-content .content-wrapper.left p {
          text-align: left;
          margin-left: 0; }
      .landing .page-hero .hero-content .content-wrapper.center {
        text-align: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .landing .page-hero .hero-content .content-wrapper.center p {
          text-align: center; }
      .landing .page-hero .hero-content .content-wrapper.right {
        text-align: right;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        .landing .page-hero .hero-content .content-wrapper.right p {
          text-align: right;
          margin-right: 0; }

.sameday-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .sameday-result svg {
    width: 50px;
    display: none; }
  .sameday-result p {
    max-width: 100%;
    margin-left: 0.5rem; }

.header-underline {
  display: inline-block; }
  .header-underline::after {
    content: '';
    display: block;
    height: 0.5rem;
    border-radius: 2.5px;
    margin: 0.5rem 0; }

.blue-underline::after {
  background: #003b71; }

.orange-underline::after {
  background: #e96952; }

.yellow-underline::after {
  background: #ffc62c; }

.light-blue-underline::after {
  background: #b0c8e8; }

.pink-underline::after {
  background: #e7ad9e; }

.grey-underline::after {
  background: #b2b1af; }

.d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important; }

@media (min-width: 576px) {
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; } }

@media (min-width: 768px) {
  .d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; } }

@media (min-width: 992px) {
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; } }

@media (min-width: 1200px) {
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; } }

.flex-row {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-direction: row !important; }

.flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
          flex-direction: column !important; }

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
          flex-direction: row-reverse !important; }

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
          flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important; }

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  -webkit-box-flex: 0 !important;
          flex-grow: 0 !important; }

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 1 !important;
          flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
          align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
          align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
          align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
      align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
      align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
      align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important; }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important; }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important; }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important; }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important; }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important; }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important; }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
        align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
        align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important; }
  .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important; }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important; }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important; }
  .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important; }
  .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important; }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important; }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
        align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
        align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important; }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important; }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important; }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important; }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important; }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important; }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important; }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
        align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
        align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important; }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important; }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important; }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important; }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important; }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important; }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important; }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
        align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
        align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
        align-self: stretch !important; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

/* Functions
 */
/* Switcher - Candy Theme */
.switch-toggle.switch-candy,
.switch-light.switch-candy > span {
  background-color: #f3f3f3;
  border-radius: 8px;
  /*border: 1px solid #d7d7d7;*/
  /*box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);*/ }

.switch-light.switch-candy span span,
.switch-light.switch-candy input:checked ~ span span:first-child,
.switch-toggle.switch-candy label {
  color: #003b71;
  font-weight: 500;
  text-align: center; }

.switch-light.switch-candy input ~ span span:first-child,
.switch-light.switch-candy input:checked ~ span span:nth-child(2),
.switch-candy input:checked + label {
  color: #003b71; }

.switch-candy a {
  /*box-shadow: 0 0 0 0.2rem rgba(0, 59, 113, 0.25);*/
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
  /*background-color: #003b71;*/
  /*background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));*/
  border: 2px solid #003b71; }

.switch-candy-blue a {
  background-color: #38a3d4; }

.switch-candy-yellow a {
  background-color: #f5e560; }

/* Switcher - Shared */
/* Switcher Toggle */
.switch-toggle {
  position: relative;
  display: block;
  /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */
  padding: 0 !important;
  /* 2 items
   */
  /* 3 items
   */
  /* 4 items
   */
  /* 5 items
   */
  /* 6 items
   */ }
  .switch-toggle::after {
    content: "";
    display: table;
    clear: both; }
  .switch-toggle *,
  .switch-toggle *:before,
  .switch-toggle *:after {
    box-sizing: border-box; }
  .switch-toggle a {
    display: block;
    transition: all 0.4s ease-out; }
  .switch-toggle label,
  .switch-toggle > span {
    /* breathing room for bootstrap/foundation classes.
     */
    line-height: 2em; }
  .switch-toggle input:focus ~ span a,
  .switch-toggle input:focus + label {
    outline-width: 0px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
     */ }
    @media (-webkit-min-device-pixel-ratio: 0) {
      .switch-toggle input:focus ~ span a,
      .switch-toggle input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }
  .switch-toggle label {
    clear: none !important; }
  .switch-toggle input {
    position: absolute;
    left: 0;
    opacity: 0; }
  .switch-toggle input + label {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    padding: 0 0.5em;
    margin: 0;
    text-align: center; }
  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 10px;
    height: 100%; }
  .switch-toggle label:nth-child(2):nth-last-child(4),
  .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
  .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
    width: 50%; }
  .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
    left: 50%; }
  .switch-toggle label:nth-child(2):nth-last-child(6),
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
    width: 33.33%; }
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
    left: 33.33%; }
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
    left: 66.66%; }
  .switch-toggle label:nth-child(2):nth-last-child(8),
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
    width: 25%; }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
    left: 25%; }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
    left: 50%; }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
    left: 75%; }
  .switch-toggle label:nth-child(2):nth-last-child(10),
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
    width: 20%; }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
    left: 20%; }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
    left: 40%; }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
    left: 60%; }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
    left: 80%; }
  .switch-toggle label:nth-child(2):nth-last-child(12),
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
    width: 16.6%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
    left: 16.6%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
    left: 33.2%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
    left: 49.8%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
    left: 66.4%; }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
    left: 83%; }

/*@import "partials/_hovereffects";*/
/*@import "partials/_animate";*/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .animated.delay-1s {
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .animated.delay-2s {
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .animated.delay-3s {
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }
  .animated.delay-4s {
    -webkit-animation-delay: 4s;
            animation-delay: 4s; }
  .animated.delay-5s {
    -webkit-animation-delay: 5s;
            animation-delay: 5s; }
  .animated.fast {
    -webkit-animation-duration: 800ms;
            animation-duration: 800ms; }
  .animated.faster {
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms; }
  .animated.slow {
    -webkit-animation-duration: 2s;
            animation-duration: 2s; }
  .animated.slower {
    -webkit-animation-duration: 3s;
            animation-duration: 3s; }

#index .perfect-mattress .iwt-image {
  visibility: hidden; }

#product .features-overview.middle .features-overview-item, #product .features-overview.bottom .features-overview-item {
  visibility: hidden; }

#product .features-overview.top svg.feature-icon,
#product .features-overview.top svg.icon-ellipse {
  visibility: hidden; }

#product .difference-item {
  visibility: hidden; }

#product .product-ecosa-mattress .mattress-inner-item {
  visibility: hidden; }

#product .product-ecosa-pillow .pillow-inner-item {
  visibility: hidden; }

#product .product-ecosa-silk-pillowcase .silkpc-intro-wrapper {
  visibility: hidden; }

#product .product-ecosa-topper .topper-inner-item {
  visibility: hidden; }

#product .product-ecosa-bamboo-sheet .ecosa-difference .feature-item {
  visibility: hidden; }

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

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

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

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

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

.jump {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: jump;
          animation-name: jump;
  -webkit-animation-duration: 1.75s;
          animation-duration: 1.75s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

.grow {
  -webkit-animation-name: grow;
          animation-name: grow;
  -webkit-animation-duration: 1.75s;
          animation-duration: 1.75s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes jump {
  100% {
    -webkit-transform: translateY(0) scale3d(1, 1, 1);
            transform: translateY(0) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: translateY(-48%) scale3d(1, 1.1, 1);
            transform: translateY(-48%) scale3d(1, 1.1, 1);
    opacity: 1; }
  25% {
    -webkit-transform: translateY(48%) scale3d(0.3, 0.1, 1);
            transform: translateY(48%) scale3d(0.3, 0.1, 1);
    opacity: 0; }
  0% {
    -webkit-transform: translateY(48%) scale3d(0.3, 0, 1);
            transform: translateY(48%) scale3d(0.3, 0, 1);
    opacity: 0; } }

@keyframes jump {
  100% {
    -webkit-transform: translateY(0) scale3d(1, 1, 1);
            transform: translateY(0) scale3d(1, 1, 1); }
  50% {
    -webkit-transform: translateY(-48%) scale3d(1, 1.1, 1);
            transform: translateY(-48%) scale3d(1, 1.1, 1);
    opacity: 1; }
  25% {
    -webkit-transform: translateY(48%) scale3d(0.3, 0.1, 1);
            transform: translateY(48%) scale3d(0.3, 0.1, 1);
    opacity: 0; }
  0% {
    -webkit-transform: translateY(48%) scale3d(0.3, 0, 1);
            transform: translateY(48%) scale3d(0.3, 0, 1);
    opacity: 0; } }

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

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

/*** HEADER ***/
#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101; }
  #header.toFixed .content {
    overflow: hidden;
    height: 100%; }
  #header .logo {
    max-width: 100%;
    width: 120px;
    padding: 0.5rem; }
    @media (max-width: 1279px) {
      #header .logo {
        width: 100px; } }
  #header a:hover {
    color: #b0c8e8; }
  #header .header-nav {
    position: fixed;
    width: 100%;
    top: 1.35rem;
    z-index: 1; }
    @media screen and (min-width: 992px) and (max-width: 1200px) {
      #header .header-nav .shop-list {
        margin-left: 0; }
        #header .header-nav .shop-list > li.prod-item {
          padding: 0 0.3rem; }
      #header .header-nav .shop-list > li span, #header .header-nav .links a {
        font-size: .85rem;
        line-height: 1.4rem; }
      #header .header-nav .links a {
        display: none; }
      #header .header-nav .user-info {
        margin-left: 0 !important; } }
    #header .header-nav .container {
      position: relative;
      max-width: 100%;
      width: 100%;
      background: #fff;
      border-bottom: 1px solid #eee; }
      #header .header-nav .container .row {
        margin: 0; }
      #header .header-nav .container.scrolldown {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
    #header .header-nav #menu-icon {
      background: none;
      border: none;
      padding: 0;
      margin: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none; }
      #header .header-nav #menu-icon .material-icons {
        line-height: 45px;
        height: 100%;
        color: #10318E;
        cursor: pointer; }
      #header .header-nav #menu-icon .open-the-menu {
        display: inline; }
      #header .header-nav #menu-icon .close-the-menu {
        display: none; }
    #header .header-nav .left-nav {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 100%; }
    #header .header-nav .right-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%; }
    #header .header-nav .more-products-menu {
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      padding: 0.5rem 0;
      top: 50px;
      border: none; }
      #header .header-nav .more-products-menu li.dropdown-item {
        padding: 0.5rem 0.75rem;
        margin: 0; }
        #header .header-nav .more-products-menu li.dropdown-item a {
          transition: padding-left .3s ease-out; }
          #header .header-nav .more-products-menu li.dropdown-item a:hover, #header .header-nav .more-products-menu li.dropdown-item a:focus {
            padding-left: 0.5rem; }
    #header .header-nav .shop-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 0.5rem;
      margin-bottom: 0;
      height: 100%; }
      #header .header-nav .shop-list > li {
        display: block;
        padding: 0 0.5rem;
        margin-bottom: 0; }
        #header .header-nav .shop-list > li span {
          font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
      #header .header-nav .shop-list a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100%; }
    #header .header-nav .links {
      margin-left: auto; }
      #header .header-nav .links ul, #header .header-nav .links li {
        display: inline; }
      #header .header-nav .links li:not(:first-of-type) {
        margin-left: 0.8rem; }
    #header .header-nav .shop-selector-wrapper {
      display: none;
      margin-left: 1.25rem; }
      #header .header-nav .shop-selector-wrapper button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      #header .header-nav .shop-selector-wrapper .shop-dropdown-menu {
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
        top: 42px;
        left: -0.7rem;
        padding: 0px;
        border: 1px transparent; }
        #header .header-nav .shop-selector-wrapper .shop-dropdown-menu li {
          margin: 0; }
          #header .header-nav .shop-selector-wrapper .shop-dropdown-menu li:hover {
            background: #c9e9ff; }
      #header .header-nav .shop-selector-wrapper .shop-dropdown-item {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        padding: 0.5rem 0.7rem;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start; }
      #header .header-nav .shop-selector-wrapper svg {
        width: 22px;
        height: 22px; }
      #header .header-nav .shop-selector-wrapper .country-flag-caption {
        color: #6A6A6A;
        margin-left: 1.5rem; }
    #header .header-nav .user-info {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      padding: 0.65rem 0.5rem;
      margin-left: 0.5rem; }
      #header .header-nav .user-info span {
        color: #6A6A6A;
        display: none; }
  #header.toFixed {
    height: 100%;
    z-index: 999999; }
    #header.toFixed .header-nav #menu-icon .open-the-menu {
      display: none; }
    #header.toFixed .header-nav #menu-icon .close-the-menu {
      display: inline; }

nav.header-nav .desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3rem; }

nav.header-nav .mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 45px; }
  nav.header-nav .mobile #menu-icon {
    background: none;
    border: none;
    z-index: 1; }
  nav.header-nav .mobile #mobile-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 0; }
  nav.header-nav .mobile #mobile-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1; }
  nav.header-nav .mobile #_mobile_cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    nav.header-nav .mobile #_mobile_cart .blockcart {
      margin-left: 0; }

#mobile_top_menu_wrapper {
  position: fixed;
  top: 69px;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: auto;
  max-height: 85%;
  border-radius: 0 0 8px 8px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  overflow-y: auto;
  z-index: 1; }
  #mobile_top_menu_wrapper .js-top-menu-bottom {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    background: #fff;
    width: 100%;
    margin: 0 auto; }
    #mobile_top_menu_wrapper .js-top-menu-bottom a {
      color: #6A6A6A;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left;
      padding: 0 1rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      #mobile_top_menu_wrapper .js-top-menu-bottom a .new-flag {
        position: absolute;
        top: -7px;
        right: -23px; }
    #mobile_top_menu_wrapper .js-top-menu-bottom ul, #mobile_top_menu_wrapper .js-top-menu-bottom li {
      margin: 0;
      max-width: 100%; }
    #mobile_top_menu_wrapper .js-top-menu-bottom li {
      padding: 0.75rem 0; }
    #mobile_top_menu_wrapper .js-top-menu-bottom .prodlists {
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .prodlists span {
        color: #10318E;
        position: relative; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .prodlists li.prod-item:not(:first-child) {
        border-top: 1px solid #f3f3f3; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .prodlists li.prod-item .icon-more, #mobile_top_menu_wrapper .js-top-menu-bottom .prodlists li.prod-item .icon-less {
        display: none; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .prodlists .more-products-dropdown {
        display: none; }
    #mobile_top_menu_wrapper .js-top-menu-bottom .links li {
      background-color: #10318E; }
    #mobile_top_menu_wrapper .js-top-menu-bottom .links a {
      color: #FFFFFF;
      font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif; }
    #mobile_top_menu_wrapper .js-top-menu-bottom #_desktop_wishlist {
      display: none; }
    #mobile_top_menu_wrapper .js-top-menu-bottom #_desktop_user_info {
      border-top: 1px solid #f3f3f3;
      border-bottom: 1px solid #f3f3f3;
      padding: 0.75rem 0;
      text-align: center; }
      @media (max-width: 1279px) {
        #mobile_top_menu_wrapper .js-top-menu-bottom #_desktop_user_info .member-icon {
          display: none; } }
    #mobile_top_menu_wrapper .js-top-menu-bottom .shop-selector-wrapper {
      padding: 0.75rem 0; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .shop-selector-wrapper ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .shop-selector-wrapper li {
        padding: 0;
        background-color: #fff; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .shop-selector-wrapper span {
        font-size: 0.7rem; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .shop-selector-wrapper svg {
        width: 22px;
        height: 22px;
        border-radius: 14px; }
      #mobile_top_menu_wrapper .js-top-menu-bottom .shop-selector-wrapper .shop-dropdown-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }

.new-flag {
  position: relative;
  top: -0.5rem;
  font-size: 11px;
  color: #e96952; }

#_desktop_cart, #_desktop_user_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }

.blockoffer {
  margin-left: 0.9375rem; }
  .blockoffer .offers-dropdown-menu {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    top: 50px;
    padding: 0px;
    border: 1px transparent;
    width: 245px;
    overflow-y: scroll;
    max-height: 450px;
    text-align: center; }
    .blockoffer .offers-dropdown-menu h4, .blockoffer .offers-dropdown-menu li {
      margin: 0.5rem; }
    .blockoffer .offers-dropdown-menu li {
      color: #10318E;
      font-size: 0.9rem; }
    .blockoffer .offers-dropdown-menu .offer-description {
      display: block;
      margin-bottom: 0.5rem; }
    .blockoffer .offers-dropdown-menu .dropdown-divider {
      background-color: #10318E; }
    .blockoffer .offers-dropdown-menu::-webkit-scrollbar {
      width: 6px;
      background-color: #F5F5F5; }
    .blockoffer .offers-dropdown-menu::-webkit-scrollbar-thumb {
      border-radius: 8px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: azure; }

.blockcart .header, .blockoffer .header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.65rem 0.5rem; }
  @media (max-width: 767px) {
    .blockcart .header.open, .blockoffer .header.open {
      background-color: #003b71; }
      .blockcart .header.open svg, .blockoffer .header.open svg {
        fill: #fff; } }

.blockcart svg, .blockoffer svg {
  fill: #10318E;
  height: 26px;
  max-width: 26px;
  max-height: 26px; }

.blockcart .cart-products-count, .blockcart .offers-count, .blockoffer .cart-products-count, .blockoffer .offers-count {
  position: absolute;
  top: 3px;
  left: 29px;
  font-size: 10px;
  background: #ff4c4c;
  text-align: center;
  line-height: 1em;
  border-radius: 50%;
  font-weight: 600;
  color: #fff;
  width: 16px;
  height: 16px; }

@media (max-width: 767px) {
  #header .blocker {
    opacity: 0;
    transition: opacity .3s ease-in; }
  #header.toFixed .blocker {
    height: 100%;
    width: 100%;
    background: rgba(0, 59, 113, 0.75);
    z-index: -1;
    position: fixed;
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s ease-out;
    overflow: hidden; }
  body.noscroll {
    position: fixed;
    width: 100%;
    height: 100%; } }

@media (max-width: 991px) {
  body.lang-ja.country-jp #header .blocker {
    opacity: 0;
    transition: opacity .3s ease-in; }
  body.lang-ja.country-jp #header.toFixed .blocker {
    height: 100%;
    width: 100%;
    background: rgba(0, 59, 113, 0.75);
    z-index: -1;
    position: fixed;
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s ease-out;
    overflow: hidden; }
  body.lang-ja.country-jp body.noscroll {
    position: fixed;
    width: 100%;
    height: 100%; } }

@media all and (-ms-high-contrast: none) {
  #header .header-nav #menu-icon {
    top: 1.25rem;
    left: 1.3rem; }
  nav.header-nav .mobile #_mobile_cart {
    top: 1.45rem;
    height: 45px; } }

@media (min-width: 992px) {
  body.country-jp .header-top, body.country-jp #mobile_top_menu_wrapper, body.country-jp .header-nav .container .row .mobile {
    display: none; } }

@media (max-width: 991px) {
  body.country-jp .header-nav .container .row .desktop {
    display: none; } }

@media (min-width: 1280px) {
  body:not(.country-jp) .header-top, body:not(.country-jp) #mobile_top_menu_wrapper, body:not(.country-jp) .header-nav .container .row .mobile {
    display: none; } }

@media (max-width: 1279px) {
  body:not(.country-jp) .header-nav .container .row .desktop {
    display: none; } }

#header .header-nav .shop-list > li.has-items:hover .more-products-menu {
  display: block;
  top: 46px; }

#header.promo .header-nav {
  top: 46px; }

@media (max-width: 767px) {
  #header.promo .header-nav {
    top: 56px; }
  #header.promo .discount_wrapper {
    background-position: center;
    background-size: contain; } }

#header.promo #mobile_top_menu_wrapper {
  top: 91px;
  left: 0;
  -webkit-transform: none;
          transform: none; }
  @media (max-width: 767px) {
    #header.promo #mobile_top_menu_wrapper {
      top: 101px; } }

#header .navbar-wrapper-v2.header-nav {
  top: 36px !important; }

#header .navbar-wrapper-v2 .prod-item a span,
#header .navbar-wrapper-v2 .custom-page-link {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }

@media (min-width: 1280px) {
  #header .navbar-wrapper-v2 .logo {
    width: 7rem;
    padding: .75rem 0; } }

@media (max-width: 1279px) {
  #header .navbar-wrapper-v2 .container {
    padding: 0 1rem !important; }
  #header .navbar-wrapper-v2 #_desktop_user_info {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left; } }

#header .navbar-wrapper-v2 .desktop {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto; }
  #header .navbar-wrapper-v2 .desktop .navbar-v2-level-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: 56px; }
  #header .navbar-wrapper-v2 .desktop .navbar-v2-level-2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 56px; }
    @media (max-width: 1399px) {
      #header .navbar-wrapper-v2 .desktop .navbar-v2-level-2 li:nth-last-child(-n+5):not(:nth-last-child(-n+2)) {
        display: none; } }

#header .navbar-wrapper-v2 #_desktop_cart, #header .navbar-wrapper-v2 #_desktop_user_info {
  height: initial; }

#header .navbar-wrapper-v2 .container {
  width: 100%;
  box-shadow: none;
  padding: 0 2rem;
  border-bottom: 1px solid #f8f8fa;
  border-radius: 0 !important; }
  #header .navbar-wrapper-v2 .container .shop-list {
    margin-left: 0; }
    #header .navbar-wrapper-v2 .container .shop-list > .nav-title a {
      padding: .25rem; }

@media (min-width: 1280px) {
  .navbar-v2-top.page-authentication, .navbar-v2-top.page-password, .navbar-v2-top#history, .navbar-v2-top#guest-tracking {
    padding-top: 10rem; } }

@media (max-width: 1279px) {
  .navbar-v2-top.page-customer-account #main .page-header, .navbar-v2-top.page-addresses #main .page-header {
    padding: 1rem; } }

.navbar-v2-top .featured-discount {
  height: 36px !important;
  min-height: 36px !important; }

.navbar-v2-top #header a:hover {
  color: #10318E; }

.navbar-v2-top #header .nav-title:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 19px;
  -webkit-text-decoration-color: #10318E;
          text-decoration-color: #10318E; }

.navbar-v2-top #mobile_top_menu_wrapper {
  top: 82px !important;
  border-radius: 0; }
  .navbar-v2-top #mobile_top_menu_wrapper .js-top-menu-bottom {
    width: 100%;
    padding: 0 !important;
    border-radius: 0; }
    .navbar-v2-top #mobile_top_menu_wrapper .js-top-menu-bottom a {
      padding: .5rem 1rem !important; }
    .navbar-v2-top #mobile_top_menu_wrapper .js-top-menu-bottom .shop-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .navbar-v2-top #mobile_top_menu_wrapper .js-top-menu-bottom .prod-item {
      background: #FFFFFF !important;
      -webkit-box-ordinal-group: 100;
          -ms-flex-order: 99;
              order: 99; }
      .navbar-v2-top #mobile_top_menu_wrapper .js-top-menu-bottom .prod-item.title-shop-all {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        border-bottom: 1px solid #F3F3F3; }
  .navbar-v2-top #mobile_top_menu_wrapper .shop-selector-wrapper {
    display: none; }

body.country-us #header .header-nav .shop-list > li,
body.country-ca #header .header-nav .shop-list > li {
  padding-top: 12px;
  padding-bottom: 12px; }
  body.country-us #header .header-nav .shop-list > li:hover > a,
  body.country-ca #header .header-nav .shop-list > li:hover > a {
    text-decoration: underline;
    text-underline-position: under;
    color: #10318e; }
  body.country-us #header .header-nav .shop-list > li span,
  body.country-ca #header .header-nav .shop-list > li span {
    font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif; }

.wishlist-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1rem; }

.ps-alert-error {
  margin-bottom: 0; }

.ps-alert-error .item,
.ps-alert-success .item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px #ff4c4c solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ff4c4c;
  margin-bottom: 1rem; }
  .ps-alert-error .item i,
  .ps-alert-success .item i {
    border: 15px #ff4c4c solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ps-alert-error .item i svg,
    .ps-alert-success .item i svg {
      background-color: #ff4c4c;
      width: 24px;
      height: 24px; }
  .ps-alert-error .item p,
  .ps-alert-success .item p {
    background-color: #fff;
    margin: 0;
    padding: 18px 20px 18px 20px;
    width: 100%; }

.ps-alert-success {
  padding: 0.25rem 0.25rem 2.75rem 0.25rem; }
  .ps-alert-success .item {
    border-color: #4cbb6c;
    background-color: #4cbb6c; }
    .ps-alert-success .item i {
      border-color: #4cbb6c; }
      .ps-alert-success .item i svg {
        background-color: #4cbb6c; }

p.alert {
  background: transparent;
  border: 0;
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  padding: 0.3125rem; }
  p.alert.alert-danger {
    color: #ff9a52; }
  p.alert.alert-success {
    color: #4cbb6c; }

article.alert ul li {
  margin-bottom: 0; }

noscript + aside#notifications {
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 544px) {
    noscript + aside#notifications {
      width: 95%; } }

.dropdown {
  color: #6A6A6A; }
  .dropdown:hover .expand-more {
    color: #10318E; }
  .dropdown .expand-more {
    color: #323232;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .dropdown .active {
    max-height: 200px;
    overflow-y: hidden;
    visibility: visible; }
  .dropdown select {
    -moz-appearance: none;
    border: 0 none;
    outline: 0 none;
    color: #323232;
    background: white; }

.dropdown-item:focus, .dropdown-item:hover {
  background: none;
  text-decoration: none;
  color: #10318E; }

.search-widget {
  float: right; }
  .search-widget form {
    position: relative; }
    .search-widget form input[type=text] {
      border: none;
      padding: 10px;
      /*min-width: 255px;*/
      color: #6A6A6A;
      border: 1px solid rgba(0, 0, 0, 0.25); }
      .search-widget form input[type=text]:focus {
        outline: 3px #10318E solid;
        color: #323232;
        background: white; }
        .search-widget form input[type=text]:focus + button .search {
          color: #10318E; }
    .search-widget form button[type=submit] {
      position: absolute;
      background: none;
      border: none;
      bottom: 0.3125rem;
      right: 0.125rem;
      color: #6A6A6A; }
      .search-widget form button[type=submit] .search:hover {
        color: #10318E; }

.header-top .search-widget form input[type="text"] {
  min-width: inherit;
  width: 100%; }

#checkout #search_widget {
  display: none;
  /* Not ideal solution by allows to reuse same hooks/templates */ }

#pagenotfound .page-content #search_widget {
  width: 100%; }

.page-not-found .search-widget form {
  display: inline-block; }

/*** Responsive part ***/
@media (max-width: 767px) {
  .header-top .search-widget {
    float: none;
    padding: 0 0.9375rem; }
    .header-top .search-widget form {
      margin: 0 auto; }
      .header-top .search-widget form input[type="text"] {
        min-width: inherit;
        background: white; } }

/**** ORDER CONFIRMATION *****/
#order-items {
  border-right: #f3f3f3 1px solid; }
  #order-items hr {
    border-top-color: #323232; }
  #order-items table {
    width: 100%; }
    #order-items table tr {
      height: 1.875rem; }
      #order-items table tr td:last-child {
        text-align: right; }
  #order-items .order-line {
    margin-top: 1rem; }
  #order-items .image img {
    width: 100%;
    border: 1px solid #fafafa;
    margin-bottom: 1rem; }
  #order-items .details {
    margin-bottom: 1rem; }
    #order-items .details .customizations {
      margin-top: 0.625rem; }
  #order-items .qty {
    margin-bottom: 1rem;
    margin: 0; }
    #order-items .qty p {
      float: right;
      margin: 0; }
    #order-items .qty .strikethrough-price {
      font-size: 80%;
      font-weight: 400;
      color: #666;
      text-decoration: line-through;
      float: right;
      padding-right: 10px;
      line-height: 20px; }

#order-confirmation #registration-form {
  margin: 0 auto; }
  #order-confirmation #registration-form .card-block {
    padding-top: 0; }

#order-confirmation .cart-products-count {
  display: none; }

@media (max-width: 991px) {
  .done {
    margin: 0;
    padding: 0; }
  #order-confirmation #registration-form {
    width: 100%; }
  #order-confirmation .cart-products-count {
    display: none; } }

@media (max-width: 767px) {
  #order-items {
    border-right: 0;
    margin-bottom: 2.5rem; }
    #order-items .card-title {
      border-bottom: 1px solid #f3f3f3;
      margin-bottom: 1rem;
      padding-bottom: 1rem; }
    #order-items hr {
      border-top-color: #f3f3f3; }
  .bold {
    font-weight: 600; }
  #order-details {
    padding-left: 0.9375rem; }
    #order-details .card-title {
      border-bottom: 1px solid #f3f3f3;
      margin-bottom: 1rem;
      padding-bottom: 1rem; } }

.js-payment-binary {
  display: none; }
  .js-payment-binary .accept-cgv {
    display: none; }
  .js-payment-binary.disabled {
    opacity: 0.6;
    cursor: not-allowed; }
    .js-payment-binary.disabled::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      pointer-events: none; }
    .js-payment-binary.disabled .accept-cgv {
      display: block; }

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; }

.ui-widget {
  font-size: 0.8rem !important; }

/*Order Confirmation Page*/
#order-confirmation-section .address {
  border: 1px solid #D8D8D8;
  box-sizing: border-box;
  border-radius: 8px;
  max-width: 700px;
  margin: auto;
  margin-bottom: 1.5rem; }
  #order-confirmation-section .address .card-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #order-confirmation-section .address .card-block .contact-us {
      margin: 0;
      margin-top: 1rem;
      margin-bottom: 0; }

#order-confirmation-section .delivery-address,
#order-confirmation-section .billing-address,
#order-confirmation-section .pick-up-summary {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  text-align: left;
  padding-right: .5rem; }
  #order-confirmation-section .delivery-address .title,
  #order-confirmation-section .billing-address .title,
  #order-confirmation-section .pick-up-summary .title {
    font-weight: bold; }

#order-confirmation-section .signup {
  max-width: 950px;
  width: 100%;
  margin: auto;
  padding: 32px 16px; }
  #order-confirmation-section .signup .card-block {
    background-color: #F6F6F6;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
  #order-confirmation-section .signup .social-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #order-confirmation-section .signup .title {
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 32px; }
  #order-confirmation-section .signup .emailSignUpBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    @media (max-width: 543px) {
      #order-confirmation-section .signup .emailSignUpBtn {
        width: 100%; }
        #order-confirmation-section .signup .emailSignUpBtn .btn {
          width: 100%; } }
  #order-confirmation-section .signup #registration-form {
    padding-top: 0;
    padding-bottom: 0; }

#order-confirmation-section .order-details + .signup {
  padding-top: 0; }

#order-confirmation-section .order-summary {
  text-align: center; }
  #order-confirmation-section .order-summary .order-overview * {
    text-align: center; }
  #order-confirmation-section .order-summary .order-overview .tick-icon {
    margin-bottom: .5rem; }
  #order-confirmation-section .order-summary .order-overview h3 {
    font-weight: 500; }
  #order-confirmation-section .order-summary .order-overview li {
    margin-top: 1rem; }
  #order-confirmation-section .order-summary .order-confirm-table .order-line-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 1.5rem; }
    #order-confirmation-section .order-summary .order-confirm-table .order-line-wrapper:last-of-type {
      padding-bottom: 2rem; }
    #order-confirmation-section .order-summary .order-confirm-table .order-line-wrapper .order-line-details {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    #order-confirmation-section .order-summary .order-confirm-table .order-line-wrapper .qty {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  #order-confirmation-section .order-summary .order-confirm-table .order-line-img {
    position: relative;
    display: block; }
    #order-confirmation-section .order-summary .order-confirm-table .order-line-img img {
      float: left;
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
      border-radius: 4px; }
  #order-confirmation-section .order-summary .order-confirm-table .order-line-details {
    padding: 0 1rem;
    text-align: left; }
    #order-confirmation-section .order-summary .order-confirm-table .order-line-details .product-name {
      font-weight: bold; }
    #order-confirmation-section .order-summary .order-confirm-table .order-line-details .product-attributes {
      line-height: 1rem; }
  #order-confirmation-section .order-summary .order-confirm-table .product-quantity {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 12px;
    background: #333;
    border-radius: 50%;
    color: #fff;
    width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 600; }
  #order-confirmation-section .order-summary .order-confirm-table .gift-badge {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #10318E;
    color: #fff;
    text-align: center;
    letter-spacing: .4px;
    font-size: .825rem;
    line-height: 1.2rem;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-transform: uppercase; }
  #order-confirmation-section .order-summary .order-confirm-table .qty p {
    margin-bottom: unset;
    text-align: right; }
  #order-confirmation-section .order-summary .order-confirm-table .qty .strikethrough-price {
    font-weight: 400;
    text-decoration: line-through;
    line-height: 20px;
    float: right; }
  #order-confirmation-section .order-summary .order-confirm-table table {
    width: 100%; }
    #order-confirmation-section .order-summary .order-confirm-table table tr {
      height: 1rem;
      text-align: left;
      font-size: 0.9rem; }
    #order-confirmation-section .order-summary .order-confirm-table table td:last-of-type {
      float: right; }
    #order-confirmation-section .order-summary .order-confirm-table table td:not(.font-weight-bold) {
      font-size: 90%; }
    #order-confirmation-section .order-summary .order-confirm-table table td.gst {
      font-size: 95%; }
    #order-confirmation-section .order-summary .order-confirm-table table td.font-weight-bold {
      font-size: 1.15rem;
      padding-top: 1rem; }
    #order-confirmation-section .order-summary .order-confirm-table table .currency {
      font-size: .9rem; }

#order-confirmation-section .order-summary-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #order-confirmation-section .order-summary-wrapper #new-order-items {
    padding: 2rem; }
  #order-confirmation-section .order-summary-wrapper .order-overview .order-num {
    font-size: 1.15rem; }

@media (max-width: 1199px) {
  #order-confirmation-section .delivery-address {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%; }
  #order-confirmation-section .billing-address {
    display: none; } }

@media (min-width: 768px) {
  #order-confirmation-section .signup .social-login {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (max-width: 767px) {
  #order-confirmation-section .signup .social-login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media (max-width: 400px) {
  #order-confirmation-section .order-summary .order-confirm-table .order-line-img {
    max-width: 25%; } }

#content-hook_order_confirmation .order-confirmation-title i {
  font-size: 8rem;
  color: #10318E; }

#content-hook_order_confirmation .order-confirmation-message {
  padding-top: 8rem;
  background: #deeff9; }
  #content-hook_order_confirmation .order-confirmation-message .order-confirmation-message-wrapper {
    text-align: left;
    max-width: 500px;
    margin: auto; }
    #content-hook_order_confirmation .order-confirmation-message .order-confirmation-message-wrapper h5.gray {
      color: #6A6A6A; }
      #content-hook_order_confirmation .order-confirmation-message .order-confirmation-message-wrapper h5.gray span {
        font-size: 1.4em; }
    #content-hook_order_confirmation .order-confirmation-message .order-confirmation-message-wrapper p {
      margin-bottom: 0; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 300px white inset; }

/*Order Confirmation Register Modal*/
@media (min-width: 544px) {
  #order-confirmation-register-modal.in .modal-dialog {
    -webkit-transform: translate(0, 5rem);
            transform: translate(0, 5rem); } }

#order-confirmation-register-modal .modal-content {
  border-radius: 8px;
  border: none; }
  #order-confirmation-register-modal .modal-content .header {
    padding: 1rem; }
    #order-confirmation-register-modal .modal-content .header .close {
      position: absolute;
      top: .5rem;
      right: 1rem;
      outline: none;
      color: #003b71;
      font-size: 2.5rem;
      opacity: 1; }
    #order-confirmation-register-modal .modal-content .header h3 {
      margin-bottom: 0; }
  #order-confirmation-register-modal .modal-content #registration-form {
    background-color: #f3f3f3;
    padding: 1rem;
    border-radius: 0 0 8px 8px; }

/*Order Confirmation Page Revamp*/
#order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper {
  padding-top: 8rem;
  padding-bottom: 0; }
  #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper .order-overview {
    padding-left: 1rem;
    padding-right: 1rem; }
    #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper .order-overview .content-wrapper {
      max-width: 1440px;
      margin: 0 auto; }
      #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper .order-overview .content-wrapper h3 {
        font-size: 2.8125rem;
        color: #10318E; }
        @media (max-width: 767px) {
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper .order-overview .content-wrapper h3 {
            font-size: 1.875rem; } }
      #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper .order-overview .content-wrapper .hero_description {
        font-size: 18px;
        margin-top: 1rem;
        color: #10318E;
        max-width: 700px; }
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper .order-overview .content-wrapper .hero_description a {
          color: #10318E;
          text-decoration: underline; }
        @media (max-width: 767px) {
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper .order-overview .content-wrapper .hero_description {
            font-size: 1.125rem; } }
  #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details {
    max-width: 950px;
    width: 100%;
    padding: 4rem 1rem 32px 1rem;
    margin: 0 auto; }
    #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
      -ms-grid-rows: (auto)[2];
          grid-template-rows: repeat(2, auto);
      grid-row-gap: 1rem;
      grid-column-gap: 1rem; }
      @media (max-width: 767px) {
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper {
          -ms-grid-columns: (1fr)[1];
              grid-template-columns: repeat(1, 1fr);
          -ms-grid-rows: auto;
              grid-template-rows: auto; } }
      #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items {
        -ms-grid-column: 1;
            grid-column-start: 1;
        grid-column-end: 3;
        background: #FAFAFA;
        border-radius: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        padding: 2rem 5rem 0.5rem; }
        @media (max-width: 1199px) {
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items {
            max-width: unset;
            width: 100%;
            padding: 2rem 1rem 0; } }
        @media (max-width: 767px) {
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items {
            grid-column-end: unset;
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1; } }
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-confirm-table-head {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          @media (max-width: 767px) {
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-confirm-table-head {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -ms-flex-line-pack: center;
                  align-content: center;
              row-gap: 2rem;
              margin-bottom: .8rem; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-confirm-table-head .order-title {
            color: #10318E;
            font-size: 1.5625rem;
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            font-weight: 400; }
            @media (max-width: 767px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-confirm-table-head .order-title {
                font-size: 1.5625rem; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-confirm-table-head .order-num {
            text-align: right;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            color: #10318E;
            font-size: 1.1875rem;
            line-height: 24px;
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            font-weight: 400; }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-confirm-table-head .order-num .order-number {
              color: #595959;
              font-size: 1.25rem;
              font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif; }
            @media (max-width: 767px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-confirm-table-head .order-num {
                text-align: center; } }
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .invoice-download {
          text-align: left;
          font-size: 1.125rem;
          color: #595959;
          padding-top: 1rem; }
          @media (max-width: 767px) {
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .invoice-download {
              text-align: center;
              font-size: 1rem;
              padding-top: 0;
              padding-right: 2rem; } }
          @media (max-width: 543px) {
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .invoice-download {
              white-space: normal;
              padding-right: 0; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .invoice-download a {
            color: #10318E;
            font-size: 1rem;
            position: relative;
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            font-weight: 400;
            left: .8rem; }
            @media (max-width: 543px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .invoice-download a {
                left: 0; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .invoice-download a:after {
            content: url("/img/checkout/invoice_download.svg");
            position: relative;
            width: 14px;
            height: 12px;
            top: 40%;
            right: -5px;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          @media (max-width: 767px) {
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper {
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-img {
            -ms-flex-preferred-size: calc(100px + 5%);
                flex-basis: calc(100px + 5%);
            -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0; }
            @media (max-width: 543px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-img {
                -ms-flex-preferred-size: unset;
                    flex-basis: unset; } }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-img img {
              background: #FFFFFF;
              width: 100px; }
              @media (max-width: 767px) {
                #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-img img {
                  width: 70px; } }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-img .gift-badge {
              max-width: 100px; }
              @media (max-width: 767px) {
                #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-img .gift-badge {
                  max-width: 70px; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-details {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            row-gap: .4rem;
            padding-top: 0;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            @media (max-width: 767px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-details {
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between; } }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-details .product-name {
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              color: #10318E;
              font-weight: 400;
              font-size: 1.1875rem; }
              @media (max-width: 767px) {
                #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-details .product-name {
                  font-size: 1rem;
                  max-width: 130px; } }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-details .product-attributes {
              font-size: 1rem;
              color: #595959; }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .order-line-details .product-quantity-new {
              font-size: 1rem;
              color: #595959; }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .qty {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -ms-flex-line-pack: end;
                align-content: flex-end; }
            @media (max-width: 767px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .qty {
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                line-height: 22.4px; } }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .qty .normal_price {
              color: #10318E;
              font-size: 1.125rem;
              text-align: right; }
              @media (max-width: 767px) {
                #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .qty .normal_price {
                  font-size: 1rem; } }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .qty .strikethrough-price {
              font-size: 1rem;
              color: #595959;
              text-align: right; }
              @media (max-width: 767px) {
                #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-order-items .order-confirm-table .order-line-wrapper .qty .strikethrough-price {
                  font-size: 0.875rem; } }
      #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items {
        background: #F2F5FB;
        border-radius: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 2rem; }
        @media (max-width: 767px) {
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items {
            -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                    order: 3;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            row-gap: 1rem;
            padding: 2rem 1rem; } }
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .address-wrapper {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; }
          @media (max-width: 767px) {
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .address-wrapper {
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%; } }
          @media (max-width: 767px) {
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .address-wrapper .delivery-address .delivery-address {
              text-indent: 1px; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .address-wrapper .delivery-address .delivery-address .title {
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            font-weight: 400;
            font-size: 1.1875rem;
            color: #10318E; }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .address-wrapper .pick-up-address .title,
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .address-wrapper .pick-up-time .title {
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            font-weight: 400;
            font-size: 1.1875rem;
            color: #10318E; }
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .billing-address-wrapper {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; }
          @media (max-width: 767px) {
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .billing-address-wrapper {
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .billing-address-wrapper .billing-address {
            display: block; }
            @media (max-width: 767px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .billing-address-wrapper .billing-address {
                text-indent: 1px; } }
            #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .billing-address-wrapper .billing-address .title {
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              font-weight: 400;
              font-size: 1.1875rem;
              color: #10318E; }
            @media (max-width: 767px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-deliver-items .billing-address-wrapper .billing-address {
                padding-left: 0; } }
      #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items {
        background: #F2F5FB;
        border-radius: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        padding: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-column-gap: 1rem;
                column-gap: 1rem;
        position: relative; }
        @media (max-width: 767px) {
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2;
            padding: 2rem 1rem; } }
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items .content-wrapper {
          width: 100%;
          margin: 0 auto;
          margin-bottom: 0.5rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items .content-wrapper .label {
            color: #585858;
            font-size: 1rem; }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items .content-wrapper .price {
            color: #585858;
            font-size: 1.125rem; }
            @media (max-width: 767px) {
              #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items .content-wrapper .price {
                font-size: 1rem; } }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items .content-wrapper .total_title {
            text-transform: capitalize;
            color: #10318E;
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            font-weight: 400;
            font-size: 1.5625rem;
            text-align: left; }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items .content-wrapper .total_price {
            color: #10318E;
            font-weight: 700;
            font-size: 1.25rem; }
          #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items .content-wrapper .gst {
            color: #585858;
            font-size: 0.9375rem; }
        #order-confirmation-section .order-confirmation-container .order-summary-new .order-summary-wrapper #order-confirmation-details .order-confirmation-details-wrapper #new-price-items hr {
          width: 100%; }

#order-confirmation-section .order-update {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 3;
  padding-top: 2rem; }
  @media (max-width: 767px) {
    #order-confirmation-section .order-update {
      grid-column-end: 2;
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; } }
  #order-confirmation-section .order-update .update-section {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -.5rem;
    padding-top: 1.5rem; }
    #order-confirmation-section .order-update .update-section .btn {
      margin: 0 0.5rem; }
      @media (max-width: 543px) {
        #order-confirmation-section .order-update .update-section .btn {
          margin-bottom: 1rem;
          width: 100%; } }
      #order-confirmation-section .order-update .update-section .btn.btn-primary-outline {
        color: #10318E;
        background-color: #fff;
        border-color: #10318E; }
        #order-confirmation-section .order-update .update-section .btn.btn-primary-outline:hover, #order-confirmation-section .order-update .update-section .btn.btn-primary-outline:focus, #order-confirmation-section .order-update .update-section .btn.btn-primary-outline:active, #order-confirmation-section .order-update .update-section .btn.btn-primary-outline.active {
          color: #fff;
          background-color: #10318E; }
      @media (min-width: 544px) {
        #order-confirmation-section .order-update .update-section .btn.order-save {
          width: auto !important; } }

#order-confirmation-section .signup-line {
  width: 100%;
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 3; }
  @media (max-width: 767px) {
    #order-confirmation-section .signup-line {
      grid-column-end: 2;
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; } }

@media (max-width: 1199px) {
  .country-us #order-confirmation-section .order-summary-wrapper, .country-ca #order-confirmation-section .order-summary-wrapper {
    padding-top: 4.5rem; } }

@media (max-width: 767px) {
  .country-us #order-confirmation-section .order-summary-wrapper, .country-ca #order-confirmation-section .order-summary-wrapper {
    padding-top: 4.3rem; } }

@media (max-width: 543px) {
  .country-us #order-confirmation-section .order-summary-wrapper, .country-ca #order-confirmation-section .order-summary-wrapper {
    padding-top: 4.2rem; } }

@media (max-width: 1199px) {
  .country-us #order-confirmation-section .order-summary-wrapper .order-details, .country-ca #order-confirmation-section .order-summary-wrapper .order-details {
    top: 124px; } }

@media (max-width: 767px) {
  .country-us #order-confirmation-section .order-summary-wrapper .order-details, .country-ca #order-confirmation-section .order-summary-wrapper .order-details {
    top: 122px; } }

@media (max-width: 543px) {
  .country-us #order-confirmation-section .order-summary-wrapper .order-details, .country-ca #order-confirmation-section .order-summary-wrapper .order-details {
    top: 119px; } }

@media (max-width: 360px) {
  .country-jp #order-confirmation-section .social-login .emailSignUpBtn .btn.btn-primary {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 14px; } }

.country-jp #new-price-items .gst {
  text-align: left;
  padding-left: 2px; }

#order-confirmation .header-nav.nav-simple, #orderupdate .header-nav.nav-simple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1.5rem;
  height: 55px;
  top: 0 !important;
  background: #fff;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); }

#order-confirmation .logo, #orderupdate .logo {
  height: auto; }

#order-confirmation .marketing-optin-label, #orderupdate .marketing-optin-label {
  display: none; }

#order-confirmation .donation {
  padding: 32px 0 4rem;
  color: #10318E;
  background-image: url("https://ecosas3.imgix.net/checkout/bg_donation_desk_v2.png?auto=format");
  background-size: cover;
  background-position: top; }
  @media (max-width: 543px) {
    #order-confirmation .donation {
      background-image: url("https://ecosas3.imgix.net/checkout/bg_donation_mob_v2.png?auto=format"); } }
  #order-confirmation .donation .title {
    font-size: 36px;
    font-weight: 500;
    line-height: 125%;
    margin-top: 2rem; }
  #order-confirmation .donation .org-desc {
    color: #595959; }
  #order-confirmation .donation .organizations {
    gap: 2rem; }
    #order-confirmation .donation .organizations .org-content, #order-confirmation .donation .organizations .org-summary {
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto; }
    #order-confirmation .donation .organizations .org-content {
      max-width: 562px;
      margin: 0 auto;
      text-align: left; }
    #order-confirmation .donation .organizations .org-name {
      font-size: 30px;
      font-weight: 500;
      line-height: 125%;
      text-align: left; }
    #order-confirmation .donation .organizations .org-desc {
      line-height: 140%;
      color: #000000; }
    #order-confirmation .donation .organizations .line {
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
      font-weight: 500;
      font-size: 22px;
      line-height: 110%;
      margin-bottom: 1rem; }
      #order-confirmation .donation .organizations .line.donate-total {
        font-size: 64px; }
      #order-confirmation .donation .organizations .line.since {
        font-size: 18px; }
    #order-confirmation .donation .organizations a.btn {
      min-width: 240px; }
  #order-confirmation .donation .read-more {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 1rem; }
  #order-confirmation .donation .donation-popup-body {
    padding: 32px 16px 24px;
    max-width: 700px;
    margin: 0 auto; }
    #order-confirmation .donation .donation-popup-body .organizations {
      padding: 1rem 0; }
      #order-confirmation .donation .donation-popup-body .organizations .org-image {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%; }
      #order-confirmation .donation .donation-popup-body .organizations .org-content {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      #order-confirmation .donation .donation-popup-body .organizations .donate-more {
        text-align: center; }
      #order-confirmation .donation .donation-popup-body .organizations .line {
        font-size: 16px; }
      #order-confirmation .donation .donation-popup-body .organizations a.btn {
        width: 100%; }
      #order-confirmation .donation .donation-popup-body .organizations .read-more {
        font-weight: 400;
        font-family: "nimbus-sans", 'Noto Sans JP', microsoft jhenghei, sans-serif; }

/* Popup Modal Styles */
.donation-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  overflow-y: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .donation-popup-overlay.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.donation-popup {
  position: relative;
  max-width: 900px;
  width: 95%;
  margin: 1rem auto;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); }

.donation-popup-heading {
  background-image: url("https://ecosas3.imgix.net/checkout/bg_donation_desk_v2.png?auto=format");
  background-size: cover;
  background-position: top;
  border-radius: 16px 16px 0 0;
  padding: 32px 16px; }
  @media (max-width: 543px) {
    .donation-popup-heading {
      background-image: url("https://ecosas3.imgix.net/checkout/bg_donation_mob_v2.png?auto=format"); } }

.donation-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-size: 28px;
  line-height: 28px;
  color: #333;
  padding: 0; }
  .donation-popup-close:hover {
    color: #000; }

.donation-popup-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 125%;
  max-width: 500px;
  margin: 1rem auto 0; }

.donation-popup-subtitle {
  text-align: center;
  margin-bottom: 0; }

.donation-popup-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px; }

.donation-popup-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease; }
  .donation-popup-option:hover {
    border-color: #10318E;
    background-color: #f8f9ff; }
  .donation-popup-option.selected {
    border-color: #10318E;
    background-color: #f0f3ff; }
    .donation-popup-option.selected .donation-popup-radio {
      border-color: #10318E; }
      .donation-popup-option.selected .donation-popup-radio:after {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        background: #10318E;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }

.donation-popup-radio {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-left: 15px;
  position: relative;
  transition: all 0.3s ease; }

.donation-popup-org-logo {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 15px; }

.donation-popup-org-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left; }

.donation-popup-org-name {
  font-size: 18px;
  font-weight: 500;
  color: #10318E;
  margin-bottom: 5px; }

.donation-popup-org-desc {
  font-size: 16px;
  color: #595959;
  line-height: 1.4; }

.donation-popup-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  margin-top: 30px; }

.donation-popup-btn {
  padding: 16px 32px;
  max-width: 360px;
  width: 100%;
  margin: 0 auto; }
  .donation-popup-btn:disabled {
    background-color: #e0e0e0;
    color: #6A6A6A;
    cursor: not-allowed; }
  @media (max-width: 425px) {
    .donation-popup-btn {
      max-width: 100%; } }

.donation-popup-skip {
  font-size: 14px;
  text-decoration: underline;
  color: #595959; }
  .donation-popup-skip:hover {
    text-decoration: underline; }

/*** SOME GENERIC STYLES ***/
.table-labeled th {
  vertical-align: middle; }

.table-labeled td {
  vertical-align: middle; }

.table-labeled .label {
  font-weight: 400;
  border-radius: 3px;
  font-size: inherit;
  padding: 0.25rem 0.375rem;
  margin: 0.125rem;
  color: white;
  white-space: nowrap; }

.page-order .table {
  margin-bottom: 0; }

.page-order table th {
  padding: 0.5rem; }

.page-order table td {
  padding: 0.5rem; }

.page-order table thead th {
  text-align: center; }

#authentication .tooltip.tooltip-bottom {
  padding: 0;
  margin: 0; }

#authentication .custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #authentication .custom-checkbox span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0.9375rem;
            flex: 0 0 0.9375rem; }
  #authentication .custom-checkbox label {
    padding-left: 0.625rem; }

#authentication .floating-label .floating-input,
#authentication .floating-label .floating-select {
  border: 1px solid rgba(0, 0, 0, 0.25); }

#identity .radio-inline,
#authentication .radio-inline {
  padding: 0; }
  #identity .radio-inline .custom-radio,
  #authentication .radio-inline .custom-radio {
    margin-right: 0; }

#identity .subscription_list,
#authentication .subscription_list {
  margin-left: 30px; }

body#password .floating-label .floating-input,
body#password .floating-label .floating-select {
  border: 1px solid rgba(0, 0, 0, 0.25); }

/*** Most of the customer account pages ***/
.country-us.page-customer-account #main .page-header, .country-us.page-addresses #main .page-header, .country-ca.page-customer-account #main .page-header, .country-ca.page-addresses #main .page-header {
  padding: 2rem 1rem 1rem 1rem !important; }

.page-customer-account,
.page-addresses {
  padding-top: 6rem; }
  .page-customer-account #main .page-header,
  .page-addresses #main .page-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 6rem 1rem 1rem 1rem;
    max-width: 1200px;
    margin: 0 auto; }
    .page-customer-account #main .page-header h3,
    .page-addresses #main .page-header h3 {
      margin: 0;
      text-transform: capitalize;
      text-align: left; }
      @media (min-width: 992px) {
        .page-customer-account #main .page-header h3,
        .page-addresses #main .page-header h3 {
          font-size: 36px; } }
    .page-customer-account #main .page-header a.signout_btn,
    .page-addresses #main .page-header a.signout_btn {
      color: #6A6A6A;
      min-width: 60px; }
      .page-customer-account #main .page-header a.signout_btn span,
      .page-addresses #main .page-header a.signout_btn span {
        text-decoration: underline;
        font-size: 90%; }
  .page-customer-account #content,
  .page-addresses #content {
    max-width: 1200px;
    margin: 0 auto; }
    .page-customer-account #content .order-actions a,
    .page-addresses #content .order-actions a {
      padding: 0 0.125rem; }
    .page-customer-account #content .forgot-password,
    .page-addresses #content .forgot-password {
      text-align: center;
      font-size: 0.875rem;
      margin-top: 1rem;
      padding-bottom: 0.9375rem; }
    .page-customer-account #content .no-account,
    .page-addresses #content .no-account {
      text-align: center;
      font-size: 16px; }
  .page-customer-account .link-item,
  .page-addresses .link-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left; }
    .page-customer-account .link-item .svg-icon, .page-customer-account .link-item svg,
    .page-addresses .link-item .svg-icon,
    .page-addresses .link-item svg {
      width: 24px;
      height: 24px;
      min-width: 24px;
      min-height: 24px; }
    .page-customer-account .link-item span,
    .page-addresses .link-item span {
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
      font-weight: normal;
      font-size: 15px; }
      @media (max-width: 767px) {
        .page-customer-account .link-item span,
        .page-addresses .link-item span {
          font-size: 18px;
          max-width: 90%; } }
  .page-customer-account:not(#authentication) #customer-form .form-group-newsletter,
  .page-addresses:not(#authentication) #customer-form .form-group-newsletter {
    display: none; }
  .page-customer-account:not(#authentication) #customer-form, .page-customer-account:not(#authentication) .js-address-form,
  .page-addresses:not(#authentication) #customer-form,
  .page-addresses:not(#authentication) .js-address-form {
    max-width: 700px; }
    .page-customer-account:not(#authentication) #customer-form .form-footer, .page-customer-account:not(#authentication) .js-address-form .form-footer,
    .page-addresses:not(#authentication) #customer-form .form-footer,
    .page-addresses:not(#authentication) .js-address-form .form-footer {
      padding: 0 0.5rem;
      text-align: left; }
      .page-customer-account:not(#authentication) #customer-form .form-footer .btn-primary, .page-customer-account:not(#authentication) .js-address-form .form-footer .btn-primary,
      .page-addresses:not(#authentication) #customer-form .form-footer .btn-primary,
      .page-addresses:not(#authentication) .js-address-form .form-footer .btn-primary {
        height: 50px; }
  .page-customer-account:not(#authentication) .form-field-group .form-control,
  .page-addresses:not(#authentication) .form-field-group .form-control {
    border: 1px solid #E0E0E0; }
  @media (max-width: 543px) {
    .page-customer-account #customer-form .form-field-group.birthday .js-parent-focus,
    .page-addresses #customer-form .form-field-group.birthday .js-parent-focus {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .page-customer-account #customer-form .form-field-group.birthday .js-parent-focus select:not(:last-child),
      .page-addresses #customer-form .form-field-group.birthday .js-parent-focus select:not(:last-child) {
        margin-bottom: 1rem; } }
  .page-customer-account .js-address-form .form-group-default_shipping, .page-customer-account .js-address-form .form-group-default_billing,
  .page-addresses .js-address-form .form-group-default_shipping,
  .page-addresses .js-address-form .form-group-default_billing {
    display: none; }
  .page-customer-account .floating-label .floating-input,
  .page-customer-account .floating-label .floating-select,
  .page-addresses .floating-label .floating-input,
  .page-addresses .floating-label .floating-select {
    border-width: 0; }
  .page-customer-account .floating-label .floating-input[data-border],
  .page-customer-account .floating-label .floating-select[data-border],
  .page-addresses .floating-label .floating-input[data-border],
  .page-addresses .floating-label .floating-select[data-border] {
    border-width: 1px; }
  .page-customer-account .form-field-group .form-control-label,
  .page-addresses .form-field-group .form-control-label {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    color: #10318E;
    text-transform: capitalize; }

/*** Login page ***/
.page-authentication,
.page-password {
  padding-top: 6rem; }
  .page-authentication #notifications .container,
  .page-password #notifications .container {
    padding: 0;
    max-width: 100%; }
    .page-authentication #notifications .container .alert,
    .page-password #notifications .container .alert {
      margin: 0;
      padding: 0.5rem; }
      .page-authentication #notifications .container .alert li,
      .page-password #notifications .container .alert li {
        text-align: center; }
        @media (max-width: 767px) {
          .page-authentication #notifications .container .alert li,
          .page-password #notifications .container .alert li {
            text-align: left; } }
  .page-authentication #main,
  .page-password #main {
    min-height: 400px; }
  .page-authentication #content,
  .page-password #content {
    max-width: 448px;
    margin: 0 auto; }
    .page-authentication #content h3,
    .page-password #content h3 {
      text-align: left;
      font-weight: 400; }
    .page-authentication #content .login-form .form-field-group,
    .page-authentication #content .reset-pw-form .form-field-group,
    .page-authentication #content .register-form .form-field-group,
    .page-password #content .login-form .form-field-group,
    .page-password #content .reset-pw-form .form-field-group,
    .page-password #content .register-form .form-field-group {
      padding: 0 15px; }
    .page-authentication #content .login-form button,
    .page-authentication #content .reset-pw-form button,
    .page-authentication #content .register-form button,
    .page-password #content .login-form button,
    .page-password #content .reset-pw-form button,
    .page-password #content .register-form button {
      width: 100%; }
    .page-authentication #content .login-form small.forgot-password,
    .page-authentication #content .reset-pw-form small.forgot-password,
    .page-authentication #content .register-form small.forgot-password,
    .page-password #content .login-form small.forgot-password,
    .page-password #content .reset-pw-form small.forgot-password,
    .page-password #content .register-form small.forgot-password {
      display: block;
      padding: 0;
      font-size: 0.8rem; }
      .page-authentication #content .login-form small.forgot-password a,
      .page-authentication #content .reset-pw-form small.forgot-password a,
      .page-authentication #content .register-form small.forgot-password a,
      .page-password #content .login-form small.forgot-password a,
      .page-password #content .reset-pw-form small.forgot-password a,
      .page-password #content .register-form small.forgot-password a {
        color: #6A6A6A; }
    .page-authentication #content .register-form label.radio-inline,
    .page-password #content .register-form label.radio-inline {
      display: none; }
    @media (min-width: 768px) {
      .page-authentication #content .register-form .form-field-group.col-md-6:first-child,
      .page-password #content .register-form .form-field-group.col-md-6:first-child {
        padding: 0 5px 0 15px; }
      .page-authentication #content .register-form .form-field-group.col-md-6:last-child,
      .page-password #content .register-form .form-field-group.col-md-6:last-child {
        padding: 0 15px 0 5px; } }
    .page-authentication #content .forgotten-password,
    .page-password #content .forgotten-password {
      padding: 0; }
    .page-authentication #content .send-renew-password-link,
    .page-password #content .send-renew-password-link {
      padding: 0; }
    .page-authentication #content .renew-password,
    .page-password #content .renew-password {
      margin: 0; }
      .page-authentication #content .renew-password button[type=submit],
      .page-password #content .renew-password button[type=submit] {
        margin: 0; }

#authentication.country-jp nav.header-nav {
  display: none; }

@media (max-width: 767px) {
  .page-authentication #content input.form-control[name='firstname'],
  .page-authentication #content input.form-control[name='city'],
  .page-authentication #content input.form-control[name='postcode'],
  .page-password #content input.form-control[name='firstname'],
  .page-password #content input.form-control[name='city'],
  .page-password #content input.form-control[name='postcode'],
  .page-customer-account #content input.form-control[name='firstname'],
  .page-customer-account #content input.form-control[name='city'],
  .page-customer-account #content input.form-control[name='postcode'] {
    margin-bottom: 1rem; }
  .country-jp.page-authentication #content input.form-control[name='firstname'], .country-jp.page-password #content input.form-control[name='firstname'], .country-jp.page-customer-account #content input.form-control[name='firstname'] {
    margin-bottom: 0; }
  .country-jp.page-authentication #content input.form-control[name='lastname'], .country-jp.page-password #content input.form-control[name='lastname'], .country-jp.page-customer-account #content input.form-control[name='lastname'] {
    margin-bottom: 1rem; }
  .country-jp.page-customer-account #header .header-nav .container {
    width: 100%;
    border-radius: 0; }
  .country-jp.page-customer-account #jp-back-button {
    width: 40px; } }

.show-password-btn {
  display: none; }

/*** Addresses page ***/
.page-addresses .customer-addresses {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px; }
  @media (max-width: 767px) {
    .page-addresses .customer-addresses {
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 543px) {
    .page-addresses .customer-addresses {
      -ms-grid-columns: (1fr)[1];
          grid-template-columns: repeat(1, 1fr); } }

@media (max-width: 543px) {
  .page-addresses .block-address {
    padding: 0; } }

.page-addresses .address {
  background: white;
  border-radius: 8px;
  color: #323232;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #D2DFF3; }
  .page-addresses .address .address-body {
    padding: 1.5rem 1rem;
    text-align: left; }
    .page-addresses .address .address-body h4 {
      display: none; }
    .page-addresses .address .address-body address {
      min-height: 6rem;
      margin: 0; }
  .page-addresses .address .address-footer {
    padding: 1.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .page-addresses .address .address-footer a {
      margin-bottom: 0.5rem; }
      .page-addresses .address .address-footer a span {
        display: none; }
  .page-addresses .address .is_primary {
    position: absolute;
    left: 5px;
    top: 10px;
    background: #10318E;
    color: white;
    padding: 3px;
    box-shadow: 2px 2px 5px #888888; }
  .page-addresses .address .address-tag {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #10318E;
    color: white;
    padding: 6px;
    box-shadow: 2px 2px 5px #888888;
    font-size: 0.6rem;
    font-weight: 300; }

.page-addresses .addresses-footer {
  margin: 0 0.9375rem; }
  .page-addresses .addresses-footer a {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-weight: normal;
    color: #003C71;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* &:hover {
				color: $gray-darker;
			}
			i {
				font-size: $base-font-size;
			}
			span {
				font-size: $base-font-size;
				vertical-align: middle;
				margin-top: $small-space;
			} */ }
    .page-addresses .addresses-footer a span {
      font-size: 18px;
      margin-left: 0.5rem; }

/*** Order details page ***/
.page-order-detail {
  font-size: 0.875rem;
  color: #6A6A6A; }
  .page-order-detail .box {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    background: white;
    padding: 1rem;
    margin-bottom: 1rem; }
  .page-order-detail h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #323232;
    margin-bottom: 1rem; }
  .page-order-detail #order-infos ul {
    margin: 0; }
  .page-order-detail #order-history .history-lines .history-line {
    padding: 0.5rem 0;
    border-bottom: 1px solid #fafafa; }
    .page-order-detail #order-history .history-lines .history-line:last-child {
      border-bottom: 0; }
    .page-order-detail #order-history .history-lines .history-line .label {
      display: inline-block;
      margin: 0.25rem 0;
      padding: 0.25rem 0.375rem;
      color: white;
      border-radius: 3px; }
  .page-order-detail .addresses {
    margin: 0 -0.9375rem; }
    .page-order-detail .addresses h4 {
      font-size: 16px;
      font-weight: 600; }
  .page-order-detail #order-products.return {
    margin-bottom: 1rem; }
    .page-order-detail #order-products.return th.head-checkbox {
      width: 30px; }
    .page-order-detail #order-products.return td {
      padding: 1.375rem 0.75rem; }
      .page-order-detail #order-products.return td.qty {
        min-width: 125px; }
        .page-order-detail #order-products.return td.qty .current {
          width: 30%;
          float: left;
          text-align: right;
          padding-right: 0.5rem; }
        .page-order-detail #order-products.return td.qty .select {
          width: 70%;
          float: left;
          margin: -0.625rem 0;
          padding-left: 0.25rem; }
          .page-order-detail #order-products.return td.qty .select select {
            text-align: center; }
  .page-order-detail .order-items {
    padding: 0 !important; }
    .page-order-detail .order-items .order-item {
      padding: 1rem 1rem 0;
      border-bottom: 1px solid #fafafa; }
      .page-order-detail .order-items .order-item .checkbox {
        width: 30px;
        float: left;
        padding: 0 0.9375rem; }
      .page-order-detail .order-items .order-item .content {
        width: calc(100% - 30px);
        float: left;
        padding: 0 0.9375rem; }
      .page-order-detail .order-items .order-item .desc {
        margin-bottom: 1rem; }
        .page-order-detail .order-items .order-item .desc .name {
          font-weight: 600; }
      .page-order-detail .order-items .order-item .qty {
        margin-bottom: 1rem; }
        .page-order-detail .order-items .order-item .qty .q {
          margin-bottom: 0.25rem; }
        .page-order-detail .order-items .order-item .qty .s {
          margin-bottom: 0.25rem; }
  .page-order-detail .messages .message {
    margin-top: 0.5rem;
    border-bottom: 1px solid #fafafa; }
    .page-order-detail .messages .message:last-child {
      border-bottom: 0; }
    .page-order-detail .messages .message > div {
      margin-bottom: 0.5rem; }
  .page-order-detail .customization {
    margin-top: 0.75rem; }

/*** Order return page ***/
#order-return-infos .thead-default th {
  color: #323232; }

#order-return-infos .customization {
  margin-top: 0.75rem; }

/*** My account landing page ***/
.page-my-account #content .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .page-my-account #content .links a {
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6A6A6A;
    padding: 0 0.9375rem;
    margin-bottom: 1.875rem; }
    .page-my-account #content .links a .link-item {
      display: block;
      height: 100%;
      box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
      background: white;
      padding: 1rem; }
    .page-my-account #content .links a i {
      display: block;
      font-size: 2.6rem;
      width: 100%;
      color: #323232;
      padding-bottom: 3.4rem; }
    .page-my-account #content .links a:hover {
      color: #323232; }
      .page-my-account #content .links a:hover i {
        color: #10318E; }

/*** History page ***/
#history,
#guest-tracking {
  padding-top: 6rem; }
  #history #main .page-header,
  #guest-tracking #main .page-header {
    padding-top: 1rem; }
  #history .orders-content .row-group,
  #guest-tracking .orders-content .row-group {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #fff;
    border-radius: 8px; }
    #history .orders-content .row-group h5,
    #guest-tracking .orders-content .row-group h5 {
      text-align: left;
      line-height: 2em;
      margin-left: -1.2rem;
      background: #10318E;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      border-radius: 0 8px 8px 0px;
      padding: 0.2rem 1rem;
      color: #fff;
      font-weight: normal; }
    #history .orders-content .row-group h6,
    #guest-tracking .orders-content .row-group h6 {
      color: #10318E;
      font-size: 1rem;
      margin: 0;
      width: 180px;
      text-align: left;
      line-height: 1.2em; }
    #history .orders-content .row-group i,
    #guest-tracking .orders-content .row-group i {
      color: #10318E;
      font-size: 1rem;
      line-height: 1.2em; }
    #history .orders-content .row-group address,
    #guest-tracking .orders-content .row-group address {
      text-align: left; }
    #history .orders-content .row-group article,
    #guest-tracking .orders-content .row-group article {
      padding-left: 5px; }
    #history .orders-content .row-group b,
    #guest-tracking .orders-content .row-group b {
      color: #10318E; }
    #history .orders-content .row-group p,
    #guest-tracking .orders-content .row-group p {
      color: #10318E;
      margin-bottom: 0.5rem;
      line-height: 1.2em; }
    #history .orders-content .row-group .delivery-details table tr:nth-of-type(odd),
    #guest-tracking .orders-content .row-group .delivery-details table tr:nth-of-type(odd) {
      background: #deeff9; }
    #history .orders-content .row-group .delivery-details table tr th,
    #history .orders-content .row-group .delivery-details table tr td,
    #guest-tracking .orders-content .row-group .delivery-details table tr th,
    #guest-tracking .orders-content .row-group .delivery-details table tr td {
      padding: 0;
      text-align: center; }
    #history .orders-content .row-group .delivery-details table tr th,
    #guest-tracking .orders-content .row-group .delivery-details table tr th {
      background-color: #10318E;
      color: #ffffff; }
    #history .orders-content .row-group .delivery-details table tr td a,
    #guest-tracking .orders-content .row-group .delivery-details table tr td a {
      text-decoration: underline; }
    #history .orders-content .row-group .box,
    #guest-tracking .orders-content .row-group .box {
      text-align: left; }
    #history .orders-content .row-group .order-info,
    #guest-tracking .orders-content .row-group .order-info {
      margin-bottom: 1rem; }
      #history .orders-content .row-group .order-info .label,
      #guest-tracking .orders-content .row-group .order-info .label {
        padding: 0 10px;
        border-radius: 5px; }
      #history .orders-content .row-group .order-info .order-totals,
      #guest-tracking .orders-content .row-group .order-info .order-totals {
        margin: 0;
        border-radius: 5px;
        overflow: hidden; }
        #history .orders-content .row-group .order-info .order-totals .order-total-details,
        #guest-tracking .orders-content .row-group .order-info .order-totals .order-total-details {
          margin: 0;
          border: 1px solid #10318E;
          border-radius: 5px 5px 0 0;
          background: #fff; }
          #history .orders-content .row-group .order-info .order-totals .order-total-details .order-total,
          #guest-tracking .orders-content .row-group .order-info .order-totals .order-total-details .order-total {
            padding: .2rem 1rem;
            font-size: 0.925rem; }
        #history .orders-content .row-group .order-info .order-totals .order-total[data-toggle="collapse"],
        #guest-tracking .orders-content .row-group .order-info .order-totals .order-total[data-toggle="collapse"] {
          cursor: pointer;
          font-weight: 600;
          background: #10318E;
          margin: 0;
          color: white; }
      #history .orders-content .row-group .order-info .order-update,
      #guest-tracking .orders-content .row-group .order-info .order-update {
        text-align: left;
        margin-top: 4px; }
      #history .orders-content .row-group .order-info .action-btn,
      #guest-tracking .orders-content .row-group .order-info .action-btn {
        border: 1px solid #10318E;
        border-radius: 8px;
        margin: 0.5rem auto 0.5rem 0;
        background: #FFFFFF; }
        #history .orders-content .row-group .order-info .action-btn a,
        #guest-tracking .orders-content .row-group .order-info .action-btn a {
          font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
          color: #10318E;
          padding: 11px 25px;
          line-height: 16px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          #history .orders-content .row-group .order-info .action-btn a svg,
          #guest-tracking .orders-content .row-group .order-info .action-btn a svg {
            margin-right: 0.5rem; }
      #history .orders-content .row-group .order-info .download-btn,
      #guest-tracking .orders-content .row-group .order-info .download-btn {
        border: none;
        border-radius: 5px;
        margin: 0.5rem auto 0.5rem 0;
        background: #10318E; }
        #history .orders-content .row-group .order-info .download-btn a,
        #guest-tracking .orders-content .row-group .order-info .download-btn a {
          color: white;
          display: block; }
      #history .orders-content .row-group .order-info .reorder_btn,
      #guest-tracking .orders-content .row-group .order-info .reorder_btn {
        display: none;
        border: 1px solid #CCC;
        border-radius: 5px;
        margin: 0.5rem auto 0.5rem 0;
        background: #b0c8e8; }
        #history .orders-content .row-group .order-info .reorder_btn a,
        #guest-tracking .orders-content .row-group .order-info .reorder_btn a {
          color: white;
          display: block; }
  #history .orders-content .delivery-details,
  #history .orders-content .delivery-addr,
  #history .orders-content .invoice-addr,
  #guest-tracking .orders-content .delivery-details,
  #guest-tracking .orders-content .delivery-addr,
  #guest-tracking .orders-content .invoice-addr {
    margin-top: 0.5rem;
    color: #6A6A6A; }
    #history .orders-content .delivery-details [data-toggle="collapse"],
    #history .orders-content .delivery-addr [data-toggle="collapse"],
    #history .orders-content .invoice-addr [data-toggle="collapse"],
    #guest-tracking .orders-content .delivery-details [data-toggle="collapse"],
    #guest-tracking .orders-content .delivery-addr [data-toggle="collapse"],
    #guest-tracking .orders-content .invoice-addr [data-toggle="collapse"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer; }
      #history .orders-content .delivery-details [data-toggle="collapse"] .expand_more,
      #history .orders-content .delivery-addr [data-toggle="collapse"] .expand_more,
      #history .orders-content .invoice-addr [data-toggle="collapse"] .expand_more,
      #guest-tracking .orders-content .delivery-details [data-toggle="collapse"] .expand_more,
      #guest-tracking .orders-content .delivery-addr [data-toggle="collapse"] .expand_more,
      #guest-tracking .orders-content .invoice-addr [data-toggle="collapse"] .expand_more {
        display: none; }
      #history .orders-content .delivery-details [data-toggle="collapse"] .expand_less,
      #history .orders-content .delivery-addr [data-toggle="collapse"] .expand_less,
      #history .orders-content .invoice-addr [data-toggle="collapse"] .expand_less,
      #guest-tracking .orders-content .delivery-details [data-toggle="collapse"] .expand_less,
      #guest-tracking .orders-content .delivery-addr [data-toggle="collapse"] .expand_less,
      #guest-tracking .orders-content .invoice-addr [data-toggle="collapse"] .expand_less {
        display: inline-block; }
      #history .orders-content .delivery-details [data-toggle="collapse"].collapsed .expand_more,
      #history .orders-content .delivery-addr [data-toggle="collapse"].collapsed .expand_more,
      #history .orders-content .invoice-addr [data-toggle="collapse"].collapsed .expand_more,
      #guest-tracking .orders-content .delivery-details [data-toggle="collapse"].collapsed .expand_more,
      #guest-tracking .orders-content .delivery-addr [data-toggle="collapse"].collapsed .expand_more,
      #guest-tracking .orders-content .invoice-addr [data-toggle="collapse"].collapsed .expand_more {
        display: inline-block; }
      #history .orders-content .delivery-details [data-toggle="collapse"].collapsed .expand_less,
      #history .orders-content .delivery-addr [data-toggle="collapse"].collapsed .expand_less,
      #history .orders-content .invoice-addr [data-toggle="collapse"].collapsed .expand_less,
      #guest-tracking .orders-content .delivery-details [data-toggle="collapse"].collapsed .expand_less,
      #guest-tracking .orders-content .delivery-addr [data-toggle="collapse"].collapsed .expand_less,
      #guest-tracking .orders-content .invoice-addr [data-toggle="collapse"].collapsed .expand_less {
        display: none; }
    #history .orders-content .delivery-details .row,
    #history .orders-content .delivery-addr .row,
    #history .orders-content .invoice-addr .row,
    #guest-tracking .orders-content .delivery-details .row,
    #guest-tracking .orders-content .delivery-addr .row,
    #guest-tracking .orders-content .invoice-addr .row {
      padding: 0.5rem 1rem; }
  #history .orders-content .order-details,
  #guest-tracking .orders-content .order-details {
    background: #fafafa;
    padding: 1rem 0;
    margin: 1rem 0;
    border-radius: 5px; }
    #history .orders-content .order-details .details-show-hide,
    #guest-tracking .orders-content .order-details .details-show-hide {
      position: absolute;
      bottom: -28px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      z-index: 5; }
      #history .orders-content .order-details .details-show-hide .show-update-delivery-detail-label,
      #history .orders-content .order-details .details-show-hide .show-order-details-label,
      #history .orders-content .order-details .details-show-hide .hide-order-details-label,
      #guest-tracking .orders-content .order-details .details-show-hide .show-update-delivery-detail-label,
      #guest-tracking .orders-content .order-details .details-show-hide .show-order-details-label,
      #guest-tracking .orders-content .order-details .details-show-hide .hide-order-details-label {
        border: 1px solid #10318E;
        color: #10318E;
        background: #FFF;
        padding: 2px 20px;
        border-radius: 5px;
        font-weight: 600;
        cursor: pointer;
        display: block;
        font-size: 0.925rem; }
      #history .orders-content .order-details .details-show-hide .show-update-delivery-detail-label,
      #guest-tracking .orders-content .order-details .details-show-hide .show-update-delivery-detail-label {
        margin: 0 1em; }
      #history .orders-content .order-details .details-show-hide .show-order-details-label,
      #guest-tracking .orders-content .order-details .details-show-hide .show-order-details-label {
        display: none; }
    #history .orders-content .order-details .order-detail,
    #guest-tracking .orders-content .order-details .order-detail {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 0.5rem; }
      #history .orders-content .order-details .order-detail .order-detail-img-qty,
      #guest-tracking .orders-content .order-details .order-detail .order-detail-img-qty {
        position: relative; }
        @media (max-width: 767px) {
          #history .orders-content .order-details .order-detail .order-detail-img-qty,
          #guest-tracking .orders-content .order-details .order-detail .order-detail-img-qty {
            margin-bottom: 0.5rem; } }
        #history .orders-content .order-details .order-detail .order-detail-img-qty img,
        #guest-tracking .orders-content .order-details .order-detail .order-detail-img-qty img {
          width: 100px;
          border-radius: 5px; }
        #history .orders-content .order-details .order-detail .order-detail-img-qty b,
        #guest-tracking .orders-content .order-details .order-detail .order-detail-img-qty b {
          margin: 0 0.5rem; }
      #history .orders-content .order-details .order-detail .order-detail-total,
      #guest-tracking .orders-content .order-details .order-detail .order-detail-total {
        font-weight: bold;
        color: #000000; }
    @media (min-width: 768px) {
      #history .orders-content .order-details .order-detail .order-detail-name,
      #guest-tracking .orders-content .order-details .order-detail .order-detail-name {
        margin: 0 1rem;
        width: 300px;
        text-align: left; }
      #history .orders-content .order-details .order-detail .order-detail-total,
      #guest-tracking .orders-content .order-details .order-detail .order-detail-total {
        margin: 0 1rem; } }
    #history .orders-content .order-details.small div,
    #guest-tracking .orders-content .order-details.small div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #history .orders-content .order-details.small div .show-order-details-label,
      #guest-tracking .orders-content .order-details.small div .show-order-details-label {
        display: block; }
      #history .orders-content .order-details.small div .hide-order-details-label,
      #guest-tracking .orders-content .order-details.small div .hide-order-details-label {
        display: none; }
      #history .orders-content .order-details.small div .order-detail div,
      #guest-tracking .orders-content .order-details.small div .order-detail div {
        display: none; }
        #history .orders-content .order-details.small div .order-detail div:first-child,
        #guest-tracking .orders-content .order-details.small div .order-detail div:first-child {
          display: block;
          width: auto; }
      #history .orders-content .order-details.small div .product-count,
      #guest-tracking .orders-content .order-details.small div .product-count {
        display: block;
        position: absolute;
        top: -5px;
        right: -5px;
        font-size: 12px;
        background: #6a6a6a;
        text-align: center;
        line-height: 1.25;
        border-radius: 50%;
        color: #fff;
        width: 16px;
        height: 16px; }
    #history .orders-content .order-details .product-count,
    #guest-tracking .orders-content .order-details .product-count {
      display: none; }
    #history .orders-content .order-details .gift-badge,
    #guest-tracking .orders-content .order-details .gift-badge {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #10318E;
      color: #fff;
      text-align: center;
      letter-spacing: .4px;
      font-size: .825rem;
      line-height: 1.2rem;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      text-transform: uppercase; }
    #history .orders-content .order-details .product-name,
    #guest-tracking .orders-content .order-details .product-name {
      display: block;
      line-height: 1; }
    #history .orders-content .order-details .product-attribute,
    #guest-tracking .orders-content .order-details .product-attribute {
      font-size: 90%; }
  #history .orders,
  #guest-tracking .orders {
    margin: 0 -1rem; }
    #history .orders .order,
    #guest-tracking .orders .order {
      padding: 0.75rem 1rem;
      border-bottom: 1px solid #fafafa; }
      #history .orders .order a h3,
      #guest-tracking .orders .order a h3 {
        color: #6A6A6A; }
      #history .orders .order .label,
      #guest-tracking .orders .order .label {
        display: inline-block;
        margin: 0.25rem 0;
        padding: 0.25rem 0.375rem;
        color: white;
        border-radius: 3px; }
      #history .orders .order:last-child,
      #guest-tracking .orders .order:last-child {
        border-bottom: 0; }
  #history #click-collect-details .collect-tables,
  #guest-tracking #click-collect-details .collect-tables {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    grid-gap: 1px;
    margin-bottom: 1rem; }
    @media (max-width: 767px) {
      #history #click-collect-details .collect-tables,
      #guest-tracking #click-collect-details .collect-tables {
        -ms-grid-columns: (1fr)[1];
            grid-template-columns: repeat(1, 1fr); } }
  #history #click-collect-details .collect-info,
  #guest-tracking #click-collect-details .collect-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #history #click-collect-details .collect-info .heading,
    #guest-tracking #click-collect-details .collect-info .heading {
      background-color: #10318E;
      color: #FFFFFF;
      font-weight: bold; }
    #history #click-collect-details .collect-info .content,
    #guest-tracking #click-collect-details .collect-info .content {
      background: #DEEFF9;
      padding: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }

/*** FOOTER ***/
.page-footer .account-link {
  margin-right: 1rem; }
  .page-footer .account-link i {
    font-size: 16px; }
  .page-footer .account-link span {
    font-size: 0.875rem;
    vertical-align: middle; }

.page-content.customer {
  padding: 1rem; }

.customer .tabs-left {
  position: relative; }
  .customer .tabs-left .signout_btn {
    position: absolute;
    top: -40px;
    right: 0; }
  .customer .tabs-left > nav .nav-tabs {
    border-bottom: 0;
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px; }
    @media (max-width: 767px) {
      .customer .tabs-left > nav .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0; } }
    @media (max-width: 767px) {
      .customer .tabs-left > nav .nav-tabs.top > li, .customer .tabs-left > nav .nav-tabs.bottom > li {
        position: relative; }
        .customer .tabs-left > nav .nav-tabs.top > li.active:after, .customer .tabs-left > nav .nav-tabs.top > li.inactive:after, .customer .tabs-left > nav .nav-tabs.bottom > li.active:after, .customer .tabs-left > nav .nav-tabs.bottom > li.inactive:after {
          content: "";
          position: absolute;
          top: 50%;
          right: 10px;
          background-size: 100%;
          background-position: center; }
        .customer .tabs-left > nav .nav-tabs.top > li.active:after, .customer .tabs-left > nav .nav-tabs.bottom > li.active:after {
          background-image: url("data:image/svg+xml,%3Csvg width='18' height='3' viewBox='0 0 18 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6154 2.76923H1.38462C0.619183 2.76923 0 2.14962 0 1.38418C0 0.61875 0.619183 0 1.38462 0H16.6154C17.3808 0 18 0.61875 18 1.38418C18 2.14962 17.3813 2.76923 16.6154 2.76923Z' fill='%23003C71'/%3E%3C/svg%3E%0A");
          width: 18px;
          height: 3px; }
        .customer .tabs-left > nav .nav-tabs.top > li.inactive:after, .customer .tabs-left > nav .nav-tabs.bottom > li.inactive:after {
          background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9C18 9.76543 17.38 10.385 16.6154 10.385H10.3846V16.6158C10.3846 17.3813 9.76457 18 9 18C8.23543 18 7.61539 17.3813 7.61539 16.6158V10.385H1.38462C0.620048 10.385 0 9.76543 0 9C0 8.23457 0.620048 7.61582 1.38462 7.61582H7.61539V1.38505C7.61539 0.619615 8.23543 0 9 0C9.76457 0 10.3846 0.619615 10.3846 1.38505V7.61582H16.6154C17.3813 7.61538 18 8.23413 18 9Z' fill='%23003C71'/%3E%3C/svg%3E%0A");
          width: 18px;
          height: 18px; } }
    .customer .tabs-left > nav .nav-tabs.top {
      z-index: 50; }
      @media (max-width: 767px) {
        .customer .tabs-left > nav .nav-tabs.top .inactive:not(.show-header) {
          display: none; }
        .customer .tabs-left > nav .nav-tabs.top .show-header {
          border-radius: 16px 16px 0px 0px;
          margin-bottom: -10px; }
          .customer .tabs-left > nav .nav-tabs.top .show-header a {
            padding-bottom: 15px; }
        .customer .tabs-left > nav .nav-tabs.top > li.active {
          z-index: 50; }
        .customer .tabs-left > nav .nav-tabs.top > li:after {
          -webkit-transform: translateY(-70%);
                  transform: translateY(-70%); } }
    @media (max-width: 767px) {
      .customer .tabs-left > nav .nav-tabs.bottom .active {
        display: none; }
      .customer .tabs-left > nav .nav-tabs.bottom .inactive:not(.show-header) {
        display: none; }
      .customer .tabs-left > nav .nav-tabs.bottom .show-header {
        border-radius: 0px 0px 16px 16px;
        margin-top: -10px; }
        .customer .tabs-left > nav .nav-tabs.bottom .show-header a {
          padding-top: 20px; }
      .customer .tabs-left > nav .nav-tabs.bottom > li:after {
        -webkit-transform: translateY(-30%);
                transform: translateY(-30%); } }
    .customer .tabs-left > nav .nav-tabs > li {
      float: none;
      border: 1px solid #E0E0E0;
      margin: 0;
      margin-bottom: -1px;
      margin-right: -1px;
      float: left;
      text-align: center;
      border-radius: 16px 16px 0px 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      background: #fff; }
      @media (max-width: 767px) {
        .customer .tabs-left > nav .nav-tabs > li {
          width: 100%;
          max-width: 100%; } }
      .customer .tabs-left > nav .nav-tabs > li.active {
        border-bottom: 0;
        background: linear-gradient(180deg, #003C71 0%, #FAFAFA 100%);
        padding-top: 1px;
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 0; }
        .customer .tabs-left > nav .nav-tabs > li.active > a {
          background: linear-gradient(180deg, #D2DFF3 0%, #FAFAFA 92.19%);
          border-radius: 14px 14px 0px 0px; }
          .customer .tabs-left > nav .nav-tabs > li.active > a .link-item {
            color: #003C71; }
            .customer .tabs-left > nav .nav-tabs > li.active > a .link-item span {
              text-decoration: underline; }
      .customer .tabs-left > nav .nav-tabs > li > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        max-width: 180px; }
        @media (max-width: 767px) {
          .customer .tabs-left > nav .nav-tabs > li > a {
            width: 100%;
            max-width: 100%;
            height: 80px; } }
        .customer .tabs-left > nav .nav-tabs > li > a .link-item {
          color: #6A6A6A; }
          .customer .tabs-left > nav .nav-tabs > li > a .link-item span {
            margin-left: 0.5rem; }
  .customer .tabs-left .tab-content {
    border: 1px solid #E0E0E0;
    position: relative;
    padding: 1.5rem 1rem;
    min-height: 350px;
    background: #FAFAFA;
    border-radius: 0 8px 8px 8px; }
    @media (max-width: 767px) {
      .customer .tabs-left .tab-content {
        border-radius: 0 0 16px 16px;
        padding: 1rem 1rem 1.5rem 1rem;
        min-height: unset;
        z-index: 25; } }
    .customer .tabs-left .tab-content form .row {
      margin-left: 0;
      margin-right: 0; }
    .customer .tabs-left .tab-content .change-password {
      width: 180px; }
      .customer .tabs-left .tab-content .change-password.expand .form-field-group:after {
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50037 0C5.7014 0 5.90254 0.0732422 6.05575 0.219727L10.7698 4.71973C11.0767 5.0127 11.0767 5.4873 10.7698 5.78027C10.4629 6.07324 9.96573 6.07324 9.65882 5.78027L5.50037 1.80938L1.34118 5.77969C1.03427 6.07266 0.537086 6.07266 0.23018 5.77969C-0.076726 5.48672 -0.076726 5.01211 0.23018 4.71914L4.94425 0.219141C5.09771 0.0726566 5.29904 0 5.50037 0Z' fill='%23003C71'/%3E%3C/svg%3E%0A"); }
      .customer .tabs-left .tab-content .change-password .form-field-group:after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49963 6C5.2986 6 5.09746 5.92676 4.94425 5.78027L0.230179 1.28027C-0.0767265 0.987305 -0.0767265 0.512695 0.230179 0.219727C0.537085 -0.0732422 1.03427 -0.0732422 1.34118 0.219727L5.49963 4.19062L9.65882 0.220312C9.96573 -0.0726564 10.4629 -0.0726564 10.7698 0.220312C11.0767 0.513281 11.0767 0.98789 10.7698 1.28086L6.05575 5.78086C5.90229 5.92734 5.70096 6 5.49963 6Z' fill='%23003C71'/%3E%3C/svg%3E%0A");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
        position: absolute;
        right: -8px;
        top: 40%; }
      .customer .tabs-left .tab-content .change-password a {
        text-decoration: underline;
        color: #003C71;
        font-size: 90%; }
  .customer .tabs-left .clear {
    clear: both; }

#guest-tracking #guestOrderTrackingForm {
  max-width: 600px;
  padding: 1rem 0; }
  #guest-tracking #guestOrderTrackingForm .form-field-group {
    padding: 0 15px; }
  #guest-tracking #guestOrderTrackingForm .btn {
    width: 100%; }

#guest-tracking .tabbable ul.nav-tabs {
  display: none; }

#guest-tracking .tabbable .tab-content {
  float: none;
  margin: 0 auto;
  width: 100%;
  border-radius: 8px; }

#credit .request-history * {
  font-size: 14px; }

#credit .datatable {
  border: 1px solid #f7f7f7; }

#credit .datatable thead th,
#credit .datatable tbody td {
  text-align: left; }

#credit .datatable th,
#credit .datatable td {
  padding: 3px 5px !important;
  border-top: 1px solid #f7f7f7; }

.communication-preferences {
  max-width: 700px;
  text-align: left;
  color: #000000; }
  @media (min-width: 992px) {
    .communication-preferences .tab-header h2 {
      font-size: 30px; }
    .communication-preferences .form-sub-header h3 {
      font-size: 25px; } }
  .communication-preferences fieldset.form-fields.row {
    border: none;
    padding: 0;
    margin: 0;
    margin-left: -0.5rem !important; }
  .communication-preferences .form-fields.row {
    margin-left: -0.5rem !important; }
  .communication-preferences .preference label, .communication-preferences .preference .checkbox-desc {
    font-size: 16px;
    line-height: 140%; }
  .communication-preferences .preference label {
    font-weight: bold; }
  .communication-preferences .preference .checkbox-desc {
    margin-left: 27px; }
  .communication-preferences .empty-phone-alert {
    color: #CC0000;
    margin-left: 35px; }
    .communication-preferences .empty-phone-alert a {
      color: #CC0000;
      text-decoration: underline; }
  .communication-preferences .privacy-disclaimer a {
    text-decoration: underline; }

.header-font-normal {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
  font-weight: normal; }

.forgotten-password {
  padding: 4px; }
  .forgotten-password .form-fields .center-email-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 767px) {
      .forgotten-password .form-fields .center-email-fields {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .forgotten-password .form-fields .center-email-fields button {
          margin: 10px;
          width: calc(100% - 20px); } }
    .forgotten-password .form-fields .center-email-fields button {
      height: 38px; }
  .forgotten-password .form-fields .email {
    padding-left: 0;
    padding-right: 0;
    width: 430px; }
    @media (max-width: 767px) {
      .forgotten-password .form-fields .email {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%; } }
    .forgotten-password .form-fields .email input {
      height: 38px; }
  .forgotten-password .form-fields label.required {
    width: 130px; }

.renew-password {
  margin-left: 10px; }
  .renew-password .email {
    padding-bottom: 30px; }
  .renew-password [type=submit] {
    margin-left: 50px; }

.carousel {
  box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 1.5rem; }
  .carousel .direction {
    z-index: auto; }
  .carousel .carousel-inner {
    height: 340px; }
    @media (max-width: 767px) {
      .carousel .carousel-inner {
        height: auto; } }
  .carousel .carousel-item {
    height: 100%; }
    @media (max-width: 767px) {
      .carousel .carousel-item img {
        max-width: 100%;
        height: auto; } }
    @media (min-width: 768px) {
      .carousel .carousel-item img {
        width: 100%;
        margin-left: 0; } }
    .carousel .carousel-item .caption {
      position: absolute;
      color: white;
      max-width: 340px; }
      @media (min-width: 768px) {
        .carousel .carousel-item .caption {
          bottom: 28px;
          left: 90px; } }
      @media (max-width: 767px) {
        .carousel .carousel-item .caption {
          bottom: 5px;
          left: 40px; } }
      .carousel .carousel-item .caption .caption-description p {
        color: white; }
    @media (max-width: 767px) {
      .carousel .carousel-item figure {
        margin: 0; } }
  .carousel .carousel-control {
    opacity: 1; }
    .carousel .carousel-control .icon-next::before,
    .carousel .carousel-control .icon-prev::before {
      content: ""; }
    .carousel .carousel-control .icon-next i,
    .carousel .carousel-control .icon-prev i {
      font-size: 3.125rem;
      color: white; }
    .carousel .carousel-control .icon-next:hover i,
    .carousel .carousel-control .icon-prev:hover i {
      color: #10318E; }
    .carousel .carousel-control .icon-prev {
      left: 1rem; }
    .carousel .carousel-control .icon-next {
      right: 2rem; }
    .carousel .carousel-control.left, .carousel .carousel-control.right {
      background: none; }

#products, .featured-products, .product-accessories, .product-miniature {
  /*  .thumbnail-container {
    position: relative;
    margin-bottom: 1.563rem;
    height: 318px;
    width: 257px;
    background: white;
    @include box-shadow;
    &:hover, &:focus {
      .highlighted-informations {
        bottom: 5.5rem;
        &::after {
          opacity: 1;
        }
        &.no-variants{
          bottom: 4.2rem;
        }
      }
      .product-description::after{
        content: "";
        border-top: $gray 1px solid;
        position: absolute;
        width: 80%;
        top: 0;
        left: 10%;
        opacity: .25;
      }
    }
  }*/
  /*  .highlighted-informations {
    position: absolute;
    bottom: 1.25rem;
    padding-top: 0.625rem;
    z-index: 0;
    background: white;
    text-align: center;
    width: 257px;
    height: 3.125rem;
    box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
    transition: bottom .3s;
    .quick-view {
      color: $gray;
      font-size: $base-font-size;
      &:hover {
        color: $brand-primary;
      }
    }
  }*/
  /*  .product-description {
    position: absolute;
    z-index: 1;
    background: white;
    width: 257px;
    bottom: 0;
    height: 70px;
  }*/
  /*  img {
    margin-left: 4px;
  }*/ }
  #products .products.flex-div, .featured-products .products.flex-div, .product-accessories .products.flex-div, .product-miniature .products.flex-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /*display: flex;*/
    /*justify-content: flex-start;*/ }
  #products .product-thumbnail, .featured-products .product-thumbnail, .product-accessories .product-thumbnail, .product-miniature .product-thumbnail {
    display: block; }
    #products .product-thumbnail img, .featured-products .product-thumbnail img, .product-accessories .product-thumbnail img, .product-miniature .product-thumbnail img {
      margin-bottom: 1rem; }
  #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {
    color: #6A6A6A;
    font-size: 0.875rem;
    text-decoration: none;
    text-align: center;
    font-weight: 400; }
  #products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title, .product-miniature .products-section-title {
    text-align: center;
    margin-bottom: 1.5rem; }
  #products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {
    text-align: center;
    text-transform: capitalize;
    margin-top: 1rem; }
  #products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping {
    color: #323232;
    font-weight: 600;
    text-align: center; }
  #products .variant-links, .featured-products .variant-links, .product-accessories .variant-links, .product-miniature .variant-links {
    position: relative;
    text-align: center;
    width: 100%;
    top: -0.25em;
    padding-top: 0.1875rem;
    min-height: 2.5rem;
    background: white; }
  #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {
    max-width: 320px;
    margin: 1rem; }
    #products .product-miniature .discount, .featured-products .product-miniature .discount, .product-accessories .product-miniature .discount, .product-miniature .product-miniature .discount {
      display: none; }
    #products .product-miniature .thumbnail-container, .featured-products .product-miniature .thumbnail-container, .product-accessories .product-miniature .thumbnail-container, .product-miniature .product-miniature .thumbnail-container {
      position: relative; }
    #products .product-miniature .product-flags .new,
    #products .product-miniature .online-only,
    #products .product-miniature .on-sale,
    #products .product-miniature .discount-percentage,
    #products .product-miniature .pack, .featured-products .product-miniature .product-flags .new,
    .featured-products .product-miniature .online-only,
    .featured-products .product-miniature .on-sale,
    .featured-products .product-miniature .discount-percentage,
    .featured-products .product-miniature .pack, .product-accessories .product-miniature .product-flags .new,
    .product-accessories .product-miniature .online-only,
    .product-accessories .product-miniature .on-sale,
    .product-accessories .product-miniature .discount-percentage,
    .product-accessories .product-miniature .pack, .product-miniature .product-miniature .product-flags .new,
    .product-miniature .product-miniature .online-only,
    .product-miniature .product-miniature .on-sale,
    .product-miniature .product-miniature .discount-percentage,
    .product-miniature .product-miniature .pack {
      display: block;
      position: absolute;
      left: -0.4375rem;
      padding: 0.3125rem 0.4375rem;
      color: white;
      background: #10318E;
      text-transform: uppercase;
      min-width: 3.125rem;
      min-height: 1.875rem;
      font-size: 16px;
      font-weight: 600;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
      #products .product-miniature .product-flags .new.discount-percentage,
      #products .product-miniature .online-only.discount-percentage,
      #products .product-miniature .on-sale.discount-percentage,
      #products .product-miniature .discount-percentage.discount-percentage,
      #products .product-miniature .pack.discount-percentage, .featured-products .product-miniature .product-flags .new.discount-percentage,
      .featured-products .product-miniature .online-only.discount-percentage,
      .featured-products .product-miniature .on-sale.discount-percentage,
      .featured-products .product-miniature .discount-percentage.discount-percentage,
      .featured-products .product-miniature .pack.discount-percentage, .product-accessories .product-miniature .product-flags .new.discount-percentage,
      .product-accessories .product-miniature .online-only.discount-percentage,
      .product-accessories .product-miniature .on-sale.discount-percentage,
      .product-accessories .product-miniature .discount-percentage.discount-percentage,
      .product-accessories .product-miniature .pack.discount-percentage, .product-miniature .product-miniature .product-flags .new.discount-percentage,
      .product-miniature .product-miniature .online-only.discount-percentage,
      .product-miniature .product-miniature .on-sale.discount-percentage,
      .product-miniature .product-miniature .discount-percentage.discount-percentage,
      .product-miniature .product-miniature .pack.discount-percentage {
        z-index: 2;
        background: #b0c8e8; }
      #products .product-miniature .product-flags .new.on-sale,
      #products .product-miniature .online-only.on-sale,
      #products .product-miniature .on-sale.on-sale,
      #products .product-miniature .discount-percentage.on-sale,
      #products .product-miniature .pack.on-sale, .featured-products .product-miniature .product-flags .new.on-sale,
      .featured-products .product-miniature .online-only.on-sale,
      .featured-products .product-miniature .on-sale.on-sale,
      .featured-products .product-miniature .discount-percentage.on-sale,
      .featured-products .product-miniature .pack.on-sale, .product-accessories .product-miniature .product-flags .new.on-sale,
      .product-accessories .product-miniature .online-only.on-sale,
      .product-accessories .product-miniature .on-sale.on-sale,
      .product-accessories .product-miniature .discount-percentage.on-sale,
      .product-accessories .product-miniature .pack.on-sale, .product-miniature .product-miniature .product-flags .new.on-sale,
      .product-miniature .product-miniature .online-only.on-sale,
      .product-miniature .product-miniature .on-sale.on-sale,
      .product-miniature .product-miniature .discount-percentage.on-sale,
      .product-miniature .product-miniature .pack.on-sale {
        background: #b0c8e8;
        width: 100%;
        text-align: center;
        left: 0;
        top: 0; }
      #products .product-miniature .product-flags .new.online-only,
      #products .product-miniature .online-only.online-only,
      #products .product-miniature .on-sale.online-only,
      #products .product-miniature .discount-percentage.online-only,
      #products .product-miniature .pack.online-only, .featured-products .product-miniature .product-flags .new.online-only,
      .featured-products .product-miniature .online-only.online-only,
      .featured-products .product-miniature .on-sale.online-only,
      .featured-products .product-miniature .discount-percentage.online-only,
      .featured-products .product-miniature .pack.online-only, .product-accessories .product-miniature .product-flags .new.online-only,
      .product-accessories .product-miniature .online-only.online-only,
      .product-accessories .product-miniature .on-sale.online-only,
      .product-accessories .product-miniature .discount-percentage.online-only,
      .product-accessories .product-miniature .pack.online-only, .product-miniature .product-miniature .product-flags .new.online-only,
      .product-miniature .product-miniature .online-only.online-only,
      .product-miniature .product-miniature .on-sale.online-only,
      .product-miniature .product-miniature .discount-percentage.online-only,
      .product-miniature .product-miniature .pack.online-only {
        font-size: 0.8125rem;
        margin-top: 13rem;
        margin-left: 8.688rem; }
        #products .product-miniature .product-flags .new.online-only::before,
        #products .product-miniature .online-only.online-only::before,
        #products .product-miniature .on-sale.online-only::before,
        #products .product-miniature .discount-percentage.online-only::before,
        #products .product-miniature .pack.online-only::before, .featured-products .product-miniature .product-flags .new.online-only::before,
        .featured-products .product-miniature .online-only.online-only::before,
        .featured-products .product-miniature .on-sale.online-only::before,
        .featured-products .product-miniature .discount-percentage.online-only::before,
        .featured-products .product-miniature .pack.online-only::before, .product-accessories .product-miniature .product-flags .new.online-only::before,
        .product-accessories .product-miniature .online-only.online-only::before,
        .product-accessories .product-miniature .on-sale.online-only::before,
        .product-accessories .product-miniature .discount-percentage.online-only::before,
        .product-accessories .product-miniature .pack.online-only::before, .product-miniature .product-miniature .product-flags .new.online-only::before,
        .product-miniature .product-miniature .online-only.online-only::before,
        .product-miniature .product-miniature .on-sale.online-only::before,
        .product-miniature .product-miniature .discount-percentage.online-only::before,
        .product-miniature .product-miniature .pack.online-only::before {
          content: "\E30A";
          font-family: 'Material Icons';
          vertical-align: middle;
          margin: 0.3125rem; }
  #products .comments_note, .featured-products .comments_note, .product-accessories .comments_note, .product-miniature .comments_note {
    text-align: center;
    color: #6A6A6A; }
  #products .regular-price, .featured-products .regular-price, .product-accessories .regular-price, .product-miniature .regular-price {
    color: #6A6A6A;
    text-decoration: line-through;
    font-size: 0.875rem; }
  #products .count, .featured-products .count, .product-accessories .count, .product-miniature .count {
    color: #6A6A6A;
    font-weight: 600;
    position: relative;
    bottom: 0.5rem; }
  #products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link, .product-miniature .all-product-link {
    clear: both;
    color: #6A6A6A;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }

.featured-products {
  background: #fafafa; }

/*@include media-breakpoint-down(sm) {
  #products,.featured-products,.product-accessories  {
    .thumbnail-container {
      @include box-shadow;
      .product-description{
        box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
      }
    }
  }
}*/
#custom-text {
  display: none;
  background: white;
  border-radius: 2px;
  margin-bottom: 1.5rem;
  padding: 3.125rem 3.125rem;
  text-align: center; }
  #custom-text h3 {
    text-transform: uppercase;
    color: #323232;
    font-size: 1.563rem;
    font-weight: 600; }
  #custom-text p {
    color: #323232;
    font-weight: 400;
    font-size: 1.1em; }
    #custom-text p .dark {
      color: #6A6A6A;
      font-weight: 400; }

.page-cms .accod {
  cursor: pointer; }
  .page-cms .accod .material-icons {
    color: #10318E;
    margin-right: 3rem; }
    @media (max-width: 543px) {
      .page-cms .accod .material-icons {
        margin-right: 1rem; } }
  .page-cms .accod .icon-more {
    display: none; }
  .page-cms .accod .icon-less {
    display: inline-block; }
  .page-cms .accod.collapsed .icon-more {
    display: inline-block; }
  .page-cms .accod.collapsed .icon-less {
    display: none; }

#products {
  color: #6A6A6A; }
  #products .products-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #products .up {
    margin-bottom: 1rem; }
    #products .up .btn-secondary {
      color: #6A6A6A;
      text-transform: inherit; }
      #products .up .btn-secondary .material-icons {
        margin-right: 0; }

.block-category {
  min-height: 13.75rem;
  margin-bottom: 1.563rem; }
  .block-category #category-description p,
  .block-category #category-description strong {
    font-weight: 400;
    color: #6A6A6A; }
  .block-category #category-description p {
    color: #323232;
    margin-bottom: 0; }
    .block-category #category-description p:first-child {
      margin-bottom: 1.25rem; }
  .block-category .category-cover {
    position: absolute;
    right: 0.75rem;
    bottom: 0; }
    .block-category .category-cover img {
      width: 141px;
      height: 180px; }

.products-selection .sort-by-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.products-selection .sort-by {
  white-space: normal;
  word-break: break-word;
  margin-right: -0.9375rem;
  margin-left: 0.9375rem;
  text-align: right; }

.products-selection .total-products {
  padding-top: 0.625rem; }

.products-selection h1 {
  padding-top: 0.625rem; }

.products-sort-order {
  color: #6A6A6A; }
  .products-sort-order .select-title {
    display: inline-block;
    width: 100%;
    color: #323232;
    background: white;
    padding: 0.625rem;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
  .products-sort-order .select-list {
    display: block;
    color: #323232;
    padding: 0.625rem 1.25rem; }
    .products-sort-order .select-list:hover {
      background: #10318E;
      color: white;
      text-decoration: none; }
  .products-sort-order .dropdown-menu {
    left: auto;
    width: 16.88rem;
    background: #fafafa;
    border: none;
    border-radius: 0;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
    margin: 0; }

.facet-dropdown {
  color: #6A6A6A;
  padding-left: 0;
  padding-right: 0;
  background: #f3f3f3;
  border: 3px solid transparent;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px 1px #f3f3f3; }
  .facet-dropdown.open {
    border: 0; }
    .facet-dropdown.open > .select-title {
      border: 3px solid #10318E;
      background: #fafafa; }
  .facet-dropdown .select-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
    width: 100%;
    color: #323232;
    background: #f3f3f3;
    padding: 0.625rem 0.625rem 0.625rem 1.25rem;
    cursor: pointer; }
    .facet-dropdown .select-title > i {
      margin-left: auto; }
  .facet-dropdown .select-list {
    display: block;
    color: #323232;
    background: #fafafa;
    padding: 0.625rem 1.25rem; }
    .facet-dropdown .select-list:hover {
      background: #10318E;
      color: white;
      text-decoration: none; }
  .facet-dropdown .dropdown-menu {
    padding: 0;
    margin-top: 3px;
    left: auto;
    width: 100%;
    background: #fafafa;
    border: none;
    box-shadow: 1px 1px 1px 1px #f3f3f3; }

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.563rem;
  background: white;
  padding: 1.563rem 1.25rem; }
  #search_filters .facet,
  #search_filters_brands .facet,
  #search_filters_suppliers .facet {
    padding-top: 0.625rem; }
    #search_filters .facet .collapse,
    #search_filters_brands .facet .collapse,
    #search_filters_suppliers .facet .collapse {
      display: block; }
    #search_filters .facet .facet-title,
    #search_filters_brands .facet .facet-title,
    #search_filters_suppliers .facet .facet-title {
      color: #6A6A6A; }
    #search_filters .facet .facet-label,
    #search_filters_brands .facet .facet-label,
    #search_filters_suppliers .facet .facet-label {
      margin-bottom: 0; }
      #search_filters .facet .facet-label a,
      #search_filters_brands .facet .facet-label a,
      #search_filters_suppliers .facet .facet-label a {
        margin-top: 0.4375rem;
        color: #323232;
        display: inline-block;
        font-size: 0.9375rem; }

#search_filters_brands .facet,
#search_filters_suppliers .facet {
  padding-top: 0; }
  #search_filters_brands .facet .facet-label,
  #search_filters_suppliers .facet .facet-label {
    margin-bottom: 0.3125rem; }

.pagination {
  width: 100%; }
  .pagination > div:first-child {
    line-height: 2.5rem; }
  .pagination .page-list {
    background: white;
    padding: 0.375rem;
    margin-bottom: 0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
    .pagination .page-list li {
      display: inline; }
  .pagination a {
    color: black;
    font-weight: 600; }
    .pagination a:not(.previous):not(.next) {
      letter-spacing: 0.125rem; }
  .pagination .previous {
    float: left; }
  .pagination .next {
    float: right; }
  .pagination .disabled {
    color: #6A6A6A; }
  .pagination .current a {
    color: #10318E;
    text-decoration: none;
    font-size: 1.25rem; }

.active_filters {
  background: #dededd;
  padding: 0.625rem 1.875rem 0;
  margin-bottom: 1.25rem; }
  .active_filters .active-filter-title {
    display: inline;
    margin-right: 0.625rem;
    font-weight: 600; }
  .active_filters ul {
    display: inline; }
  .active_filters .filter-block {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    color: #323232;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    background: white;
    padding: 0.625rem;
    display: inline-block;
    font-size: 0.8125rem; }
    .active_filters .filter-block .close {
      color: #323232;
      font-size: 0.9375rem;
      opacity: 1;
      margin-top: 0.1875rem;
      margin-left: 0.3125rem; }

.block-categories {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  background: white;
  padding: 1.563rem 1.25rem;
  margin-bottom: 1.563rem; }
  .block-categories .category-sub-menu {
    margin-top: 0.625rem; }
    .block-categories .category-sub-menu .category-sub-link {
      font-size: 0.875rem; }
    .block-categories .category-sub-menu li {
      position: relative; }
      .block-categories .category-sub-menu li[data-depth="1"] {
        margin-bottom: 0.625rem; }
    .block-categories .category-sub-menu li[data-depth="0"] > a {
      font-weight: 600;
      border-bottom: rgba(0, 0, 0, 0.25) 1px solid;
      width: 100%;
      display: inline-block;
      margin: 0.3125rem 0 0;
      padding-bottom: 0.1875rem; }
    .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) {
      padding-left: 0.3125rem; }
      .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before {
        content: "-";
        margin-right: 0.3125rem; }
  .block-categories a {
    color: #323232; }
  .block-categories .collapse-icons {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    cursor: pointer; }
    .block-categories .collapse-icons[aria-expanded="true"] .add {
      display: none; }
    .block-categories .collapse-icons[aria-expanded="true"] .remove {
      display: block; }
    .block-categories .collapse-icons .add:hover,
    .block-categories .collapse-icons .remove:hover {
      color: #10318E; }
    .block-categories .collapse-icons .remove {
      display: none; }
  .block-categories .arrows .arrow-right,
  .block-categories .arrows .arrow-down {
    font-size: 0.875rem;
    cursor: pointer;
    margin-left: 2px; }
    .block-categories .arrows .arrow-right:hover,
    .block-categories .arrows .arrow-down:hover {
      color: #10318E; }
  .block-categories .arrows .arrow-down {
    display: none; }
  .block-categories .arrows[aria-expanded="true"] .arrow-right {
    display: none; }
  .block-categories .arrows[aria-expanded="true"] .arrow-down {
    display: inline-block; }

.facets-title {
  color: #323232; }

.products-selection .filter-button .btn-secondary {
  padding: 0.75rem 0.5rem 0.6875rem; }

/*** Responsive part ***/
@media (max-width: 767px) {
  #category #left-column {
    width: 100%; }
    #category #left-column #search_filters_wrapper {
      margin-left: -30px;
      margin-right: -30px; }
    #category #left-column #search_filter_controls {
      text-align: center;
      margin-bottom: 1rem; }
      #category #left-column #search_filter_controls button {
        margin: 0 0.5rem; }
    #category #left-column #search_filters {
      margin-bottom: 0;
      box-shadow: none;
      padding: 0;
      border-top: 1px solid #fafafa; }
      #category #left-column #search_filters .facet {
        padding-top: 0;
        border-bottom: 1px solid #fafafa; }
        #category #left-column #search_filters .facet .title {
          cursor: pointer; }
          #category #left-column #search_filters .facet .title .collapse-icons .remove {
            display: none; }
        #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add {
          display: none; }
        #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove {
          display: block; }
        #category #left-column #search_filters .facet .facet-title {
          color: #323232;
          text-transform: uppercase; }
        #category #left-column #search_filters .facet .h6 {
          margin-bottom: 0;
          padding: 0.625rem;
          display: inline-block; }
        #category #left-column #search_filters .facet .navbar-toggler {
          display: inline-block;
          padding: 0.625rem 0.625rem 0 0; }
        #category #left-column #search_filters .facet .collapse {
          display: none; }
          #category #left-column #search_filters .facet .collapse.in {
            display: block; }
        #category #left-column #search_filters .facet .facet-label a {
          margin-top: 0; }
        #category #left-column #search_filters .facet ul {
          margin-bottom: 0; }
          #category #left-column #search_filters .facet ul li {
            border-top: 1px solid #fafafa;
            padding: 0.625rem; }
  #category #content-wrapper {
    width: 100%; }
  #category #search_filter_toggler {
    width: 100%; }
  .products-sort-order .select-title {
    margin-left: 0; }
  .products-selection h1 {
    padding-top: 0;
    text-align: center;
    margin-bottom: 1rem; }
  .products-selection .showing {
    padding-top: 1rem; }
  #prices-drop #content-wrapper,
  #new-products #content-wrapper,
  #best-sales #content-wrapper {
    width: 100%; } }

@media (max-width: 543px) {
  .products-selection .filter-button {
    padding-left: 0; }
  #category #left-column #search_filters_wrapper {
    margin-left: -15px;
    margin-right: -15px; } }

.mattress-page .ecosa-features {
  display: none; }

.mattress-page .ecosa-mattress-v1 {
  display: block; }

.mattress-page .usp-overview.top .usp-wrapper .feature-icon {
  height: 100px;
  left: 0;
  right: 0;
  margin: auto;
  width: auto; }

.mattress-page h2.highlight-text {
  font-size: 3.5rem;
  line-height: 1em;
  padding: 0;
  z-index: 2; }
  @media (max-width: 991px) {
    .mattress-page h2.highlight-text {
      font-size: 3rem; } }
  @media (max-width: 767px) {
    .mattress-page h2.highlight-text {
      font-size: 2.5rem;
      margin-bottom: 1rem; } }
  .mattress-page h2.highlight-text span.underline {
    position: relative;
    display: inline-block;
    z-index: 1;
    font-weight: 600; }
    .mattress-page h2.highlight-text span.underline:before {
      content: "";
      background-color: #FFC62C;
      border-radius: 4px;
      position: absolute;
      height: 45%;
      width: 105%;
      bottom: 0px;
      left: -2.5%;
      right: 0;
      z-index: -1; }

.mattress-page p.top-subtitle {
  font-weight: 600;
  font-size: 120%;
  padding-top: 0.5rem; }

.mattress-page .ecosa-features {
  padding-top: 5rem;
  background: linear-gradient(180deg, #B0C8E8, #FAFAFA); }
  @media (max-width: 991px) {
    .mattress-page .ecosa-features {
      padding-top: 3rem; } }
  @media (max-width: 543px) {
    .mattress-page .ecosa-features {
      padding-top: 2rem; } }
  .mattress-page .ecosa-features p {
    margin: 0 auto;
    color: #10318E;
    text-align: center; }
  .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-container-v1 {
    max-width: 1400px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-container-v1 {
        padding-left: 15px;
        padding-right: 15px; } }
  .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: hidden;
    margin-bottom: 8rem; }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row.row-reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content {
      text-align: right;
      padding: 10% 15% 25% 10%; }
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content p {
        text-align: right; }
        @media (min-width: 768px) {
          .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content p {
            max-width: 95%;
            margin-right: 0; } }
        @media (min-width: 992px) {
          .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content p {
            max-width: 80%; } }
      @media (max-width: 1199px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content {
          padding: 10% 15% 25% 0; } }
      @media (max-width: 991px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content {
          padding: 0 15% 15% 0; } }
      @media (max-width: 767px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content {
          text-align: center;
          padding: 0 15% 5%; }
          .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content p {
            text-align: center; } }
      @media (max-width: 543px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content {
          text-align: right;
          padding: 0 0 5% 15%; }
          .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .content-wrapper .iwt-content p {
            text-align: right; } }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .vid-wrapper .mattress-vid-wrapper {
      left: 0; }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(even) .vid-wrapper .feature-block {
      right: 0; }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content {
      text-align: left;
      padding: 10% 10% 25% 15%; }
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content p {
        text-align: left; }
        @media (min-width: 768px) {
          .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content p {
            max-width: 95%;
            margin-left: 0; } }
        @media (min-width: 992px) {
          .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content p {
            max-width: 80%; } }
      @media (max-width: 1199px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content {
          padding: 10% 0 15% 15%; } }
      @media (max-width: 991px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content {
          padding: 0 15% 5% 15%; } }
      @media (max-width: 767px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content {
          text-align: center; }
          .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content p {
            text-align: center; } }
      @media (max-width: 543px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content {
          text-align: left;
          padding: 0 15% 5% 0; }
          .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .content-wrapper .iwt-content p {
            text-align: left; } }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .vid-wrapper .mattress-vid-wrapper {
      right: 0; }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row:nth-child(odd) .vid-wrapper .feature-block {
      left: 0; }
    @media (max-width: 991px) {
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row {
        margin-bottom: 10%; } }
    @media (max-width: 767px) {
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
        margin-bottom: 4%; } }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .content-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 460px; }
      @media (max-width: 991px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .content-wrapper {
          min-height: 280px; } }
      @media (max-width: 767px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .content-wrapper {
          margin-bottom: 5%;
          min-height: auto; } }
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .content-wrapper.bg-waterdrop {
        background-image: url("https://ecosaau.imgix.net/img/mattress/mattress-v1/water_drops.png?auto=compress,format");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top right; }
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .content-wrapper.bg-adjustable {
        background-image: url("https://ecosaau.imgix.net/img/mattress/mattress-v1/adjustable.png?auto=compress,format");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top left; }
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .content-wrapper.bg-backsupport {
        background-image: url("https://ecosaau.imgix.net/img/mattress/mattress-v1/back_support.png?auto=compress,format");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top right; }
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .content-wrapper .iwt-content p {
        font-size: 110%; }
    @media (max-width: 767px) {
      .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .vid-wrapper {
        margin-bottom: 3rem;
        padding-right: 15px;
        padding-left: 15px; } }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .vid-wrapper .mattress-vid-wrapper {
      width: 85%;
      position: absolute;
      top: 12%;
      z-index: 2;
      border-radius: 10px;
      overflow: hidden; }
      @media (max-width: 767px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .vid-wrapper .mattress-vid-wrapper {
          position: unset;
          width: 100%; } }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .vid-wrapper .feature-block {
      display: block;
      background-color: #d2dff3;
      border-radius: 10px;
      height: 63%;
      position: absolute;
      bottom: 0;
      z-index: 1;
      width: 85%;
      opacity: .3; }
      @media (max-width: 767px) {
        .mattress-page .ecosa-features.ecosa-mattress-v1 .flex-row .vid-wrapper .feature-block {
          display: none; } }
  .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-review-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8rem; }
    @media (max-width: 991px) {
      .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-review-row {
        margin-bottom: 10%; } }
    @media (max-width: 767px) {
      .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-review-row {
        margin-bottom: 4%; } }
    .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-review-row .feature-review {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-review-row .feature-review .container {
        width: 60%; }
        @media (max-width: 991px) {
          .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-review-row .feature-review .container {
            width: 100%; } }
        .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-review-row .feature-review .container .content-wrapper {
          margin: 0 auto;
          padding-top: 10%;
          padding-bottom: 10%;
          background: #FFFFFF; }
          .mattress-page .ecosa-features.ecosa-mattress-v1 .feature-review-row .feature-review .container .content-wrapper img {
            width: 200px; }

.mattress-page .tech-specs.ecosa-mattress-v1 .card-block {
  padding-left: 0;
  padding-right: 0;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .mattress-page .tech-specs.ecosa-mattress-v1 .card-block .tech-specs-wrapper {
    padding-top: 0; }
    .mattress-page .tech-specs.ecosa-mattress-v1 .card-block .tech-specs-wrapper .container {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important; }

.mattress-page .usp-overview.ecosa-mattress-v1 .usp-wrapper .usp-block {
  background-color: #fafafa;
  -ms-box-shadow: none;
  box-shadow: none; }
  .mattress-page .usp-overview.ecosa-mattress-v1 .usp-wrapper .usp-block p {
    color: #10318E; }

.mattress-page .feature-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 0 5rem 0; }
  .mattress-page .feature-container:last-of-type {
    padding-bottom: 3.5rem; }
  @media (min-width: 768px) {
    .mattress-page .feature-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .mattress-page .feature-container .vid-wrapper {
        position: absolute;
        right: 2.5%;
        top: 0;
        z-index: 1; }
      .mattress-page .feature-container .content-wrapper {
        padding: 5%;
        border-radius: 16px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
        .mattress-page .feature-container .content-wrapper .iwt-content {
          margin: 0 10%; }
      .mattress-page .feature-container.row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        .mattress-page .feature-container.row-reverse .vid-wrapper {
          left: 2.5%; }
        .mattress-page .feature-container.row-reverse .content-wrapper {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          right: 2.5%; }
      .mattress-page .feature-container:not(.row-reverse) .content-wrapper {
        left: 2.5%; } }
  @media (min-width: 1200px) {
    .mattress-page .feature-container .content-wrapper {
      padding: 6.5%; } }
  @media (max-width: 767px) {
    .mattress-page .feature-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      padding: 2rem 1rem; }
      .mattress-page .feature-container .content-wrapper {
        width: 100%;
        padding: 2rem 1rem;
        border-radius: 8px 8px 0 0; } }
  .mattress-page .feature-container .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff; }
    @media (max-width: 767px) {
      .mattress-page .feature-container .content-wrapper {
        min-height: 250px; } }

.mattress-page .vid-wrapper {
  padding: 0; }

.mattress-page .iwt-content h3 {
  font-size: 1.3rem; }

.mattress-page .mattress-feature-review {
  background: #FAFAFA;
  padding: 2rem 0; }
  .mattress-page .mattress-feature-review .review-starts img {
    height: 25px;
    margin-bottom: 1.2rem; }
  .mattress-page .mattress-feature-review .review-content h3 {
    margin-bottom: .3rem; }
  .mattress-page .mattress-feature-review .review-content h4 {
    margin: 0; }

.mattress-page .mattress-features {
  position: relative;
  padding-top: 4rem;
  width: 100%;
  background-color: #F2F5FB; }
  .mattress-page .mattress-features h2.highlight-text {
    margin-bottom: 0; }
  .mattress-page .mattress-features .item-content {
    background-color: #fff;
    border: 1px solid #C4C4C4;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    border-radius: 0.5rem;
    padding: 0.625rem;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-flow: wrap;
        flex-flow: wrap; }
    @media (max-width: 767px) {
      .mattress-page .mattress-features .item-content {
        max-width: 330px;
        margin: 2rem auto;
        display: block; } }
    .mattress-page .mattress-features .item-content img {
      border-radius: 0.25rem;
      max-width: 100px;
      margin: -50px auto 0;
      display: block; }
    .mattress-page .mattress-features .item-content h5 {
      margin: 0.725rem auto 0.5rem; }
    .mattress-page .mattress-features .item-content p {
      font-size: 0.9rem;
      margin: 0;
      text-align: center; }

.mattress-page .hero-image {
  margin-top: -0.5rem;
  background-color: #10318E; }

.mattress-page .mattress-inner .standard-wrapper {
  position: relative;
  max-width: 800px; }

.mattress-page .mattress-inner .mattress-inner-item-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%; }
  @media (max-width: 767px) {
    .mattress-page .mattress-inner .mattress-inner-item-wrapper {
      margin-top: 1rem; } }

.mattress-page .mattress-inner .mattress-inner-item {
  padding: 0.125rem;
  width: 100%;
  text-align: center; }

.mattress-page .stay-cool {
  text-align: left;
  padding: 7rem 0 4rem; }
  @media (max-width: 767px) {
    .mattress-page .stay-cool .cool-content {
      max-width: 500px; } }
  .mattress-page .stay-cool .cool-content p {
    font-size: 110%;
    color: #10318E; }
  @media (min-width: 768px) {
    .mattress-page .stay-cool img {
      padding-right: 5%;
      padding-left: 10%; } }

@media (min-width: 544px) and (max-width: 767px) {
  .mattress-page .stay-cool img {
    padding-right: 10%;
    padding-left: 10%; } }

@media (max-width: 991px) {
  .mattress-page .sleepcool img {
    width: 70% !important; } }

.mattress-page .rest-surface {
  background: #fafafa;
  padding: 5rem 1rem; }
  .mattress-page .rest-surface h5 {
    font-size: 0.8rem; }
  .mattress-page .rest-surface svg {
    height: 60px;
    width: 100%;
    margin: 3rem auto 2rem; }

@media (min-width: 768px) {
  .mattress-page .mattress-inner {
    height: 700px; }
    .mattress-page .mattress-inner .mattress-inner-item-wrapper {
      position: absolute;
      top: calc((100vw - 3rem) / 2.077 * 0.39);
      -webkit-box-align: normal;
          -ms-flex-align: normal;
              align-items: normal; } }
    @media screen and (min-width: 768px) and (min-width: 881px) {
      .mattress-page .mattress-inner .mattress-inner-item-wrapper {
        top: 160px; } }

@media (min-width: 768px) {
    .mattress-page .mattress-inner .mattress-inner-item {
      position: relative;
      padding-top: 265px;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .mattress-page .mattress-inner .mattress-inner-item:before {
        content: "";
        position: absolute;
        border-right: 1px solid #6A6A6A;
        width: 1px;
        height: 120px;
        top: 110px; }
      .mattress-page .mattress-inner .mattress-inner-item:after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        border: 1px solid #6A6A6A;
        background-color: #fff;
        top: 105px;
        left: 0;
        right: -1px;
        margin: auto; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-one:before {
        height: 154px;
        top: 77px;
        border-top: 1px solid #6A6A6A;
        border-left: 1px solid #6A6A6A;
        border-right: none;
        width: 129px; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-one:after {
        top: 74px;
        right: -260px; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-two:before {
        height: 205px;
        top: 28px; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-two:after {
        top: 26px; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-three:before {
        height: 162px;
        top: 70px; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-three:after {
        top: 64px; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-four:before {
        height: 196px;
        top: 37px; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-four:after {
        top: 33px; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-five:before {
        height: 154px;
        top: 78px;
        width: 92px;
        right: 50%;
        border-top: 1px solid #6A6A6A; }
      .mattress-page .mattress-inner .mattress-inner-item.mattress-inner-item-five:after {
        top: 75px;
        left: -184px; } }

.pillow-page h2.highlight-text {
  font-size: 3.5rem;
  line-height: 1em;
  margin-bottom: 2rem;
  padding: 0;
  z-index: 2; }
  @media (max-width: 991px) {
    .pillow-page h2.highlight-text {
      font-size: 3rem; } }
  @media (max-width: 767px) {
    .pillow-page h2.highlight-text {
      font-size: 2.5rem;
      margin-bottom: 1rem; } }
  .pillow-page h2.highlight-text span.underline {
    position: relative;
    display: inline-block;
    z-index: 1;
    font-weight: 600; }
    .pillow-page h2.highlight-text span.underline:before {
      content: "";
      background-color: #FFC62C;
      border-radius: 4px;
      position: absolute;
      height: 45%;
      width: 105%;
      bottom: 0px;
      left: -2.5%;
      right: 0;
      z-index: -1; }

.pillow-page p.top-subtitle {
  font-weight: 600;
  font-size: 120%;
  padding-top: 0.5rem;
  color: #10318E; }

.pillow-page .usp-overview.top {
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .pillow-page .usp-overview.top {
      padding-top: 2rem; } }
  .pillow-page .usp-overview.top .usp-wrapper .feature-icon {
    height: 100px;
    left: 0;
    right: 0;
    margin: auto;
    width: auto; }
  .pillow-page .usp-overview.top .usp-wrapper .usp-block {
    background: #FAFAFA; }
    .pillow-page .usp-overview.top .usp-wrapper .usp-block p {
      color: #10318E; }

.pillow-page .pillow-perfect {
  background-image: url("https://ecosaau.imgix.net/img/pillow/pillow-v1/perfect-pillow.png?auto=compress,format"), url("https://ecosaau.imgix.net/img/pillow/pillow-v1/wave-light.svg?auto=compress,format");
  background-size: contain, 100%;
  background-position: bottom right, bottom left;
  background-repeat: no-repeat;
  text-align: left;
  color: #10318E;
  height: 45vw;
  max-height: 600px;
  background-position: bottom right, bottom -24px left;
  background-size: 80%, 100%;
  height: 58vw; }
  .pillow-page .pillow-perfect p {
    margin-left: 0; }
    @media (min-width: 768px) {
      .pillow-page .pillow-perfect p {
        width: 22vw;
        max-width: 500px; } }
  @media screen and (min-width: 1921px) {
    .pillow-page .pillow-perfect {
      background-size: contain, 100%; } }
  @media (max-width: 1199px) {
    .pillow-page .pillow-perfect {
      background-size: 100%, 100%;
      height: 58vw; } }
  @media (max-width: 991px) {
    .pillow-page .pillow-perfect {
      background-image: url("https://ecosaau.imgix.net/img/pillow/pillow-v1/perfect-pillow.png?auto=compress,format&w=992"), url("https://ecosaau.imgix.net/img/pillow/pillow-v1/wave-light.svg?auto=compress,format");
      background-size: 100%, 100%;
      height: 56vw; } }
  @media (max-width: 767px) {
    .pillow-page .pillow-perfect {
      background-image: url("https://ecosaau.imgix.net/img/pillow/pillow-v1/perfect-pillow.png?auto=compress,format&w=768"), url("https://ecosaau.imgix.net/img/pillow/pillow-v1/wave-light.svg?auto=compress,format");
      height: auto;
      padding-bottom: 40%; } }
  @media (max-width: 543px) {
    .pillow-page .pillow-perfect {
      background-image: url("https://ecosaau.imgix.net/img/pillow/pillow-v1/perfect-pillow.png?auto=compress,format&w=1000"), url("https://ecosaau.imgix.net/img/pillow/pillow-v1/wave-light-mobile.svg?auto=compress,format");
      height: auto;
      background-position: bottom 0 right -58vw, top left;
      background-size: 200%, 100%;
      padding-bottom: 61%;
      padding-top: 5rem;
      margin-top: 3rem; } }

.pillow-page .content-wrapper {
  max-width: 900px;
  margin: auto; }

.pillow-page .layers-overview {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }
  .pillow-page .layers-overview .layer {
    margin-bottom: 3rem; }
    @media (min-width: 768px) {
      .pillow-page .layers-overview .layer {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0 0.5rem; } }
    @media (max-width: 767px) {
      .pillow-page .layers-overview .layer {
        width: 100%; } }
    .pillow-page .layers-overview .layer.one .icon a:before {
      content: "1"; }
    .pillow-page .layers-overview .layer.two .icon a:before {
      content: "2"; }
    .pillow-page .layers-overview .layer.three .icon a:before {
      content: "3"; }
    .pillow-page .layers-overview .layer .card-block {
      max-width: 600px;
      margin: auto;
      border: 1px #C4C4C4 solid;
      border-radius: 0.5rem;
      color: #10318E;
      height: 100%;
      box-shadow: 0px 7.35868px 7.35868px rgba(0, 0, 0, 0.25); }
    .pillow-page .layers-overview .layer .icon a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      cursor: pointer; }
      .pillow-page .layers-overview .layer .icon a:before {
        content: "";
        position: absolute;
        margin-top: -2.25rem;
        border-radius: 50%;
        border: 2px solid transparent;
        background: #fff;
        cursor: pointer;
        font-size: 1.5rem;
        padding: 0.45rem;
        width: 2.5rem;
        height: 2.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        box-shadow: 0px 0px 0px 1px #10318E;
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
      .pillow-page .layers-overview .layer .icon a h3 {
        font-size: 1.175rem;
        margin-top: 1.5rem;
        width: 100%; }
    .pillow-page .layers-overview .layer .icon:hover a:before, .pillow-page .layers-overview .layer .icon:hover p.number-circle {
      box-shadow: 0 0 0 10px rgba(0, 59, 113, 0.5);
      transition: all 0.3s; }
    .pillow-page .layers-overview .layer .icon p.number-circle {
      position: absolute;
      z-index: 1;
      color: #10318E;
      border-radius: 50%;
      border: 2px solid transparent;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 1.5rem;
      height: 1.5rem;
      padding: 0;
      margin: 0;
      background: #fff;
      text-align: center;
      cursor: pointer;
      font-size: 0.825rem;
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
      .pillow-page .layers-overview .layer .icon p.number-circle.one {
        left: 57%;
        top: -290px; }
        @media (max-width: 543px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.one {
            left: 62%;
            top: -290px; } }
        @media screen and (max-width: 400px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.one {
            left: 60%;
            top: -71vw; } }
      .pillow-page .layers-overview .layer .icon p.number-circle.two {
        left: 42%;
        top: -200px; }
        @media (min-width: 1200px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.two {
            left: 42%; } }
        @media (max-width: 767px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.two {
            left: 38%;
            top: -200px; } }
        @media (max-width: 543px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.two {
            left: 33%;
            top: -194px; } }
        @media screen and (max-width: 400px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.two {
            left: 38%;
            top: calc((37vw + 41px) * -1); } }
      .pillow-page .layers-overview .layer .icon p.number-circle.three {
        left: 46%;
        top: -133px; }
        @media (min-width: 1200px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.three {
            left: 46%;
            top: -127px; } }
        @media (max-width: 767px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.three {
            left: 44%;
            top: -128px; } }
        @media (max-width: 543px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.three {
            left: 42%;
            top: -128px; } }
        @media screen and (max-width: 400px) {
          .pillow-page .layers-overview .layer .icon p.number-circle.three {
            left: 39%;
            top: -32vw; } }
    .pillow-page .layers-overview .layer .content p {
      text-align: center;
      margin: 0;
      color: #6A6A6A; }

.pillow-page .ecosa-features {
  padding-top: 5rem; }
  @media (max-width: 991px) {
    .pillow-page .ecosa-features {
      padding-top: 3rem; } }
  @media (max-width: 543px) {
    .pillow-page .ecosa-features {
      padding-top: 2rem; } }
  .pillow-page .ecosa-features p {
    margin: 0 auto;
    color: #10318E;
    text-align: center; }
  .pillow-page .ecosa-features a.vid-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 1rem;
    text-decoration: underline; }
    .pillow-page .ecosa-features a.vid-link:after {
      content: "";
      background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-play.svg");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      display: inline-block;
      height: 1.825rem;
      width: 1.825rem;
      border: #10318E 2px solid;
      border-radius: 999px;
      margin-left: 0.625rem;
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px); }
  .pillow-page .ecosa-features .feature-container {
    max-width: 1400px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .pillow-page .ecosa-features .feature-container {
        padding-left: 15px;
        padding-right: 15px; } }
  .pillow-page .ecosa-features .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 8rem;
    overflow: visible; }
    .pillow-page .ecosa-features .flex-row.row-reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
    .pillow-page .ecosa-features .flex-row .content-wrapper .iwt-content {
      padding: 0% 8% 5% 8%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (max-width: 767px) {
        .pillow-page .ecosa-features .flex-row .content-wrapper .iwt-content {
          padding-top: 3rem; } }
      .pillow-page .ecosa-features .flex-row .content-wrapper .iwt-content p {
        width: 100%; }
        @media (min-width: 768px) {
          .pillow-page .ecosa-features .flex-row .content-wrapper .iwt-content p {
            max-width: 95%;
            margin-left: 0; } }
        @media (min-width: 992px) {
          .pillow-page .ecosa-features .flex-row .content-wrapper .iwt-content p {
            max-width: 80%; } }
    .pillow-page .ecosa-features .flex-row:nth-child(even) .content-wrapper .iwt-content {
      text-align: right; }
      .pillow-page .ecosa-features .flex-row:nth-child(even) .content-wrapper .iwt-content p {
        text-align: right;
        margin-left: auto;
        margin-right: 0; }
    .pillow-page .ecosa-features .flex-row:nth-child(even) .img-wrapper .inner-wrapper {
      left: 0; }
    .pillow-page .ecosa-features .flex-row:nth-child(even) .img-wrapper .feature-block {
      right: 0; }
    .pillow-page .ecosa-features .flex-row:nth-child(odd) .content-wrapper .iwt-content {
      text-align: left; }
      .pillow-page .ecosa-features .flex-row:nth-child(odd) .content-wrapper .iwt-content p {
        text-align: left; }
    .pillow-page .ecosa-features .flex-row:nth-child(odd) .img-wrapper .inner-wrapper {
      right: 0; }
    .pillow-page .ecosa-features .flex-row:nth-child(odd) .img-wrapper .feature-block {
      left: 0; }
    .pillow-page .ecosa-features .flex-row.top-reverse .content-wrapper .iwt-content {
      text-align: right; }
      .pillow-page .ecosa-features .flex-row.top-reverse .content-wrapper .iwt-content p {
        text-align: right;
        margin-right: 0;
        margin-left: auto; }
    .pillow-page .ecosa-features .flex-row.top-reverse .img-wrapper .inner-wrapper {
      top: 10%;
      right: auto;
      left: 0; }
    .pillow-page .ecosa-features .flex-row.top-reverse .img-wrapper .feature-block {
      top: 30%;
      left: auto;
      right: 0; }
    @media (max-width: 991px) {
      .pillow-page .ecosa-features .flex-row {
        margin-bottom: 10%; } }
    @media (max-width: 767px) {
      .pillow-page .ecosa-features .flex-row {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
        margin-bottom: 4%; } }
    .pillow-page .ecosa-features .flex-row .content-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 460px; }
      @media (max-width: 991px) {
        .pillow-page .ecosa-features .flex-row .content-wrapper {
          min-height: 280px; } }
      @media (max-width: 767px) {
        .pillow-page .ecosa-features .flex-row .content-wrapper {
          margin-bottom: 5%;
          min-height: auto; } }
      .pillow-page .ecosa-features .flex-row .content-wrapper.bg-plane {
        background-image: url("https://ecosaau.imgix.net/img/pillow/pillow-v1/plane.svg");
        background-repeat: no-repeat;
        background-size: 80px;
        background-position: top 38% right 71%; }
        @media (max-width: 991px) {
          .pillow-page .ecosa-features .flex-row .content-wrapper.bg-plane {
            background-size: 70px;
            background-position: top 32% right 85%; } }
        @media (max-width: 767px) {
          .pillow-page .ecosa-features .flex-row .content-wrapper.bg-plane {
            background-size: 46px;
            background-position: top 40% right 16rem; } }
        @media screen and (max-width: 375px) {
          .pillow-page .ecosa-features .flex-row .content-wrapper.bg-plane {
            background-size: 35px; } }
      .pillow-page .ecosa-features .flex-row .content-wrapper .iwt-content p {
        font-size: 110%; }
      .pillow-page .ecosa-features .flex-row .content-wrapper .iwt-content p.top-subtitle {
        font-weight: 600;
        font-size: 120%;
        padding-top: 0.5rem; }
      .pillow-page .ecosa-features .flex-row .content-wrapper .iwt-content h2 {
        margin-top: 1.5rem; }
    @media (max-width: 767px) {
      .pillow-page .ecosa-features .flex-row .img-wrapper {
        padding-right: 15px;
        padding-left: 15px; } }
    .pillow-page .ecosa-features .flex-row .img-wrapper .inner-wrapper {
      width: 85%;
      position: absolute;
      top: 12%;
      z-index: 2;
      border-radius: 10px;
      overflow: hidden; }
      @media (max-width: 767px) {
        .pillow-page .ecosa-features .flex-row .img-wrapper .inner-wrapper {
          position: unset;
          width: 100%; } }
      .pillow-page .ecosa-features .flex-row .img-wrapper .inner-wrapper .bg {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 56.2%;
        border-radius: 10px; }
    .pillow-page .ecosa-features .flex-row .img-wrapper .feature-block {
      display: block;
      background-color: #d2dff3;
      border-radius: 10px;
      position: absolute;
      z-index: 1;
      top: 33%;
      width: 85%;
      opacity: .3;
      padding-bottom: 48.5%; }
      @media (max-width: 767px) {
        .pillow-page .ecosa-features .flex-row .img-wrapper .feature-block {
          display: none; } }

.pillow-page .feature-review {
  background-color: #F2F5FB;
  padding: 6rem 2rem; }
  @media (max-width: 991px) {
    .pillow-page .feature-review {
      margin-top: 6rem; } }
  @media (max-width: 543px) {
    .pillow-page .feature-review {
      padding: 2rem 0; } }
  .pillow-page .feature-review p {
    font-size: 1.125rem;
    line-height: 1.22222222em;
    font-weight: bold; }

.pillow-page .adjustable-height {
  padding: 4rem 0; }
  @media (max-width: 543px) {
    .pillow-page .adjustable-height {
      padding-bottom: 0rem; } }
  .pillow-page .adjustable-height img {
    margin: 1rem auto 2rem; }
  .pillow-page .adjustable-height p {
    text-align: center;
    color: #10318E; }

.pillow-page .pillow-inner {
  padding: 4rem 1rem;
  background: #f9f9f9; }
  .pillow-page .pillow-inner .container {
    padding: 0; }
  .pillow-page .pillow-inner h2 {
    margin-bottom: 3rem; }
  .pillow-page .pillow-inner p {
    text-align: center;
    color: #10318E; }

.pillow-page .pillow-inner-wrapper video {
  max-width: 400px;
  margin: 16px 0; }

.pillow-page .pillow-inner-wrapper .col-xs-12:last-of-type {
  padding-top: 1.5rem; }

.pillow-page .pillow-inner-wrapper p.number-circle {
  font-family: monospace;
  margin: 0;
  position: absolute;
  font-size: 16px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  padding: 0px 7px;
  cursor: default;
  transition: all 0.5s;
  color: #10318E; }
  .pillow-page .pillow-inner-wrapper p.number-circle.number-circle-one {
    top: 12%;
    left: 60%; }
  .pillow-page .pillow-inner-wrapper p.number-circle.number-circle-two {
    top: 50%;
    left: 40%; }
  .pillow-page .pillow-inner-wrapper p.number-circle.number-circle-three {
    top: 75%;
    left: 42%; }

.pillow-page .pillow-inner-wrapper .pillow-inner-item {
  position: relative;
  text-align: left;
  padding-left: 50px;
  cursor: default;
  margin-left: 2px;
  transition: all 0.3s;
  max-width: 700px;
  margin: 0 auto; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item p {
    margin-bottom: 2rem; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item p.number-circle {
    cursor: pointer; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item:hover {
    margin-left: -2px; }
    .pillow-page .pillow-inner-wrapper .pillow-inner-item:hover p.number-circle {
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
      font-weight: 600;
      transition: all 0.3s; }
    .pillow-page .pillow-inner-wrapper .pillow-inner-item:hover:before, .pillow-page .pillow-inner-wrapper .pillow-inner-item:hover h5, .pillow-page .pillow-inner-wrapper .pillow-inner-item:hover p, .pillow-page .pillow-inner-wrapper .pillow-inner-item:hover p.number-circle {
      color: #323232; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 40px;
    font-family: monospace;
    font-weight: bold; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item:before, .pillow-page .pillow-inner-wrapper .pillow-inner-item h5, .pillow-page .pillow-inner-wrapper .pillow-inner-item p, .pillow-page .pillow-inner-wrapper .pillow-inner-item p.number-circle {
    color: #10318E; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-one:before {
    content: "1"; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-one p.number-circle {
    left: -160px;
    top: 50px; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-two:before {
    content: "2"; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-two p.number-circle {
    left: -320px;
    top: 19px; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-three:before {
    content: "3"; }
  .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-three p.number-circle {
    left: -290px;
    top: -25px; }

.pillow-page .science-comfort {
  padding: 4rem 1rem 1rem 1rem; }
  .pillow-page .science-comfort h2 {
    margin: 2rem auto; }
  .pillow-page .science-comfort p {
    color: #10318E;
    text-align: center; }

.pillow-page .pillow-adjustable-height h2, .pillow-page .pillow-adjustable-height p {
  color: #10318E;
  text-align: center; }

.pillow-page .pillow-adjustable-height p b {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }

.pillow-page .pillow-adjustable-height .pillow-adjustable-height-desc {
  padding-bottom: 2rem; }

.pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1000px;
  margin: 0 auto; }
  .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds svg {
    width: 250px; }
    @media (max-width: 767px) {
      .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds svg {
        width: 180px; } }
    @media (max-width: 543px) {
      .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds svg {
        width: 125px; } }
  .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item p {
      margin-top: 1rem;
      margin-bottom: 0; }
    .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item .pillow-adjustable-height-center {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      width: 100%; }
    .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item .pillow-adjustable-height-left, .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item .pillow-adjustable-height-right {
      width: 45%; }

@media (min-width: 768px) {
  .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item {
    -ms-flex-wrap: unset;
        flex-wrap: unset; }
    .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item p {
      margin-top: 0; }
    .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item .pillow-adjustable-height-left, .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item .pillow-adjustable-height-center, .pillow-page .pillow-adjustable-height .pillow-adjustable-height-builds .pillow-adjustable-height-builds-item .pillow-adjustable-height-right {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: auto; } }

.pillow-page .pillow-shoulder-cut {
  padding: 4rem 1rem; }
  .pillow-page .pillow-shoulder-cut h2 {
    margin-bottom: 2rem; }
  .pillow-page .pillow-shoulder-cut p {
    text-align: center; }

.pillow-page .pillow-travel {
  padding: 4rem 1rem;
  color: #10318E; }
  .pillow-page .pillow-travel h2 {
    margin-bottom: 2rem;
    text-transform: initial; }
  .pillow-page .pillow-travel h2, .pillow-page .pillow-travel p {
    text-align: center; }
  .pillow-page .pillow-travel .flex-div {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .pillow-page .pillow-travel img {
    width: 100%;
    margin: 0 auto;
    padding: 1rem; }
    @media (min-width: 544px) {
      .pillow-page .pillow-travel img {
        max-width: 500px; } }
    @media (max-width: 991px) {
      .pillow-page .pillow-travel img {
        max-width: 80%; } }
  .pillow-page .pillow-travel svg {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

@media (min-width: 1200px) {
  .pillow-page .pillow-inner-wrapper {
    max-width: 1143px; }
    .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-one p.number-circle {
      left: -200px;
      top: 50px; }
    .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-two p.number-circle {
      left: -390px;
      top: 55px; }
    .pillow-page .pillow-inner-wrapper .pillow-inner-item.pillow-inner-item-three p.number-circle {
      left: -350px;
      top: 50px; } }

.product-ecosa-pillow .product-top .product-top-gallery .cover-images .swiper-slide {
  background-position: left center; }
  .product-ecosa-pillow .product-top .product-top-gallery .cover-images .swiper-slide img {
    -o-object-position: left center;
       object-position: left center; }

.product-ecosa-pillow .product-top .product-top-gallery .cover-images .swiper-slide:nth-child(4) img {
  -o-object-position: left top !important;
     object-position: left top !important; }

.product-ecosa-pillow .product-top .product-top-gallery .cover-images .swiper-slide:nth-child(5) img {
  -o-object-position: left 35% !important;
     object-position: left 35% !important; }

.topper-page p {
  margin: 0 auto;
  color: #10318E; }

.topper-page .tech-specs p {
  margin: 0 0 1rem; }

.topper-page p.top-subtitle {
  font-weight: 600;
  font-size: 120%;
  padding-top: 0.5rem; }

.topper-page h2.highlight-text {
  font-size: 3.5rem;
  line-height: 1em;
  margin-bottom: 2rem;
  padding: 0;
  z-index: 2;
  margin-top: 0.75rem; }
  @media (max-width: 991px) {
    .topper-page h2.highlight-text {
      font-size: 3rem; } }
  @media (max-width: 767px) {
    .topper-page h2.highlight-text {
      font-size: 2.5rem;
      margin-bottom: 1rem; } }
  .topper-page h2.highlight-text span.underline {
    position: relative;
    display: inline-block;
    z-index: 1;
    font-weight: 600; }
    .topper-page h2.highlight-text span.underline:before {
      content: "";
      background-color: #FFC62C;
      border-radius: 4px;
      position: absolute;
      height: 45%;
      width: 105%;
      bottom: 0px;
      left: -2.5%;
      right: 0;
      z-index: -1; }
    .topper-page h2.highlight-text span.underline.short:before {
      width: 100%; }

.topper-page .usp-overview.top {
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .topper-page .usp-overview.top {
      padding-top: 2rem; } }
  .topper-page .usp-overview.top .usp-wrapper .feature-icon {
    height: 100px;
    left: 0;
    right: 0;
    margin: auto;
    width: auto; }
  .topper-page .usp-overview.top .usp-wrapper .usp-block {
    background: #FAFAFA; }

.topper-page .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: visible;
  max-width: 1400px;
  margin: 0 auto 8rem; }
  @media (max-width: 1199px) {
    .topper-page .flex-row {
      margin: 0 auto 3rem; } }
  @media (min-width: 768px) {
    .topper-page .flex-row {
      padding-left: 15px;
      padding-right: 15px; } }
  .topper-page .flex-row.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    @media (min-width: 768px) {
      .topper-page .flex-row.row-reverse {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .topper-page .flex-row .content-wrapper .iwt-content {
    padding: 0% 8% 5% 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 767px) {
      .topper-page .flex-row .content-wrapper .iwt-content {
        padding-top: 3rem; } }
    @media (min-width: 768px) {
      .topper-page .flex-row .content-wrapper .iwt-content h2 {
        max-width: 95%;
        margin-left: 0; } }
    @media (min-width: 992px) {
      .topper-page .flex-row .content-wrapper .iwt-content h2 {
        max-width: 80%; } }
    .topper-page .flex-row .content-wrapper .iwt-content p {
      width: 100%; }
      @media (min-width: 768px) {
        .topper-page .flex-row .content-wrapper .iwt-content p {
          max-width: 95%;
          margin-left: 0; } }
      @media (min-width: 992px) {
        .topper-page .flex-row .content-wrapper .iwt-content p {
          max-width: 80%; } }
  .topper-page .flex-row.order .content-wrapper .iwt-content {
    text-align: right; }
    .topper-page .flex-row.order .content-wrapper .iwt-content p {
      text-align: right;
      margin-left: auto;
      margin-right: 0; }
  .topper-page .flex-row.order .content-wrapper h2 {
    margin-left: auto;
    margin-right: 0; }
  .topper-page .flex-row.order .img-wrapper .topper-wrapper {
    left: 0; }
  .topper-page .flex-row.order .img-wrapper .feature-block {
    right: 0; }
  .topper-page .flex-row.reverse .content-wrapper .iwt-content {
    text-align: left; }
    .topper-page .flex-row.reverse .content-wrapper .iwt-content p {
      text-align: left; }
  .topper-page .flex-row.reverse .img-wrapper .topper-wrapper {
    right: 0; }
  .topper-page .flex-row.reverse .img-wrapper .feature-block {
    left: 0; }
  @media (max-width: 991px) {
    .topper-page .flex-row {
      margin-bottom: 10%; } }
  @media (max-width: 767px) {
    .topper-page .flex-row {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important;
      margin-bottom: 4rem; } }
  .topper-page .flex-row .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 460px; }
    @media (max-width: 991px) {
      .topper-page .flex-row .content-wrapper {
        min-height: 280px; } }
    @media (max-width: 767px) {
      .topper-page .flex-row .content-wrapper {
        margin-bottom: 5%;
        min-height: auto; } }
    .topper-page .flex-row .content-wrapper .iwt-content p {
      font-size: 110%; }
    .topper-page .flex-row .content-wrapper .iwt-content p.top-subtitle {
      font-weight: 600;
      font-size: 120%;
      padding-top: 0.5rem; }
  @media (max-width: 767px) {
    .topper-page .flex-row .img-wrapper {
      padding-right: 15px;
      padding-left: 15px; } }
  .topper-page .flex-row .img-wrapper .topper-wrapper {
    width: 85%;
    position: absolute;
    top: 12%;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .topper-page .flex-row .img-wrapper .topper-wrapper {
        position: unset;
        width: 100%; } }
    .topper-page .flex-row .img-wrapper .topper-wrapper .bg {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: 56.2%;
      border-radius: 10px; }
  .topper-page .flex-row .img-wrapper .feature-block {
    display: block;
    background-color: #d2dff3;
    border-radius: 10px;
    position: absolute;
    z-index: 1;
    top: 33%;
    width: 85%;
    opacity: .3;
    padding-bottom: 48.5%; }
    @media (max-width: 767px) {
      .topper-page .flex-row .img-wrapper .feature-block {
        display: none; } }

@media (max-width: 767px) {
  .topper-page .difference {
    margin-top: 4rem; } }

@media (min-width: 768px) {
  .topper-page .difference {
    margin-bottom: 6rem; } }

.topper-page .difference h2 {
  margin-bottom: 3.75rem; }

.topper-page .difference p {
  color: #6A6A6A; }

.topper-page .difference img {
  margin: 2rem auto 0; }
  @media (max-width: 543px) {
    .topper-page .difference img {
      max-width: 60%; } }
  @media only screen and (min-width: 991px) and (max-width: 1700px) {
    .topper-page .difference img {
      width: 200px;
      margin-top: 0; } }

.topper-page .difference .usp-overview.top {
  padding-top: 2rem; }
  @media (max-width: 767px) {
    .topper-page .difference .usp-overview.top {
      padding-top: 2rem !important; } }
  @media (min-width: 768px) {
    .topper-page .difference .usp-overview.top {
      margin-top: 3rem; } }
  @media only screen and (min-width: 991px) and (max-width: 1700px) {
    .topper-page .difference .usp-overview.top {
      padding-top: 1rem; } }
  .topper-page .difference .usp-overview.top .usp-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .topper-page .difference .usp-overview.top .usp-wrapper .feature-icon {
      height: 85px; }
      @media only screen and (min-width: 991px) and (max-width: 1700px) {
        .topper-page .difference .usp-overview.top .usp-wrapper .feature-icon {
          height: 60px;
          top: -15px; } }
    .topper-page .difference .usp-overview.top .usp-wrapper .usp-block {
      background: #fff; }
      @media (max-width: 767px) {
        .topper-page .difference .usp-overview.top .usp-wrapper .usp-block {
          padding: 1.5rem 1.5rem 2rem; } }
      @media (max-width: 543px) {
        .topper-page .difference .usp-overview.top .usp-wrapper .usp-block {
          padding: 1rem 1.5rem 2.5rem; } }
    @media (max-width: 543px) {
      .topper-page .difference .usp-overview.top .usp-wrapper h3 {
        margin: 1.5rem 0 1.5rem;
        font-size: 1.125rem; } }
    .topper-page .difference .usp-overview.top .usp-wrapper .usp-item {
      margin-top: 4rem; }
      @media only screen and (min-width: 991px) and (max-width: 1700px) {
        .topper-page .difference .usp-overview.top .usp-wrapper .usp-item {
          margin-top: 2rem; } }
      @media (max-width: 991px) {
        .topper-page .difference .usp-overview.top .usp-wrapper .usp-item {
          -webkit-box-flex: 1;
              -ms-flex: auto;
                  flex: auto;
          width: 50%; } }
      @media (max-width: 543px) {
        .topper-page .difference .usp-overview.top .usp-wrapper .usp-item {
          -webkit-box-flex: 1;
              -ms-flex: auto;
                  flex: auto;
          width: 100%;
          padding-bottom: 1rem;
          max-width: 315px;
          margin-left: auto;
          margin-right: auto; } }

.topper-page .topper-inner {
  background-color: #F2F5FB;
  padding: 3rem 0 4rem; }
  @media (max-width: 543px) {
    .topper-page .topper-inner {
      padding-top: 2rem; } }
  .topper-page .topper-inner .standard-wrapper {
    max-width: 800px; }
  .topper-page .topper-inner .topper-inner-item-wrapper {
    width: 100%;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal; }
  .topper-page .topper-inner .topper-inner-item {
    padding: 0.325rem;
    width: 100%;
    text-align: left;
    margin-top: 2rem; }
  .topper-page .topper-inner p {
    text-align: center; }
  @media (max-width: 767px) {
    .topper-page .topper-inner h2 {
      margin-top: 2rem;
      margin-bottom: 3.5rem; } }
  .topper-page .topper-inner .card-block {
    height: 100%; }
    .topper-page .topper-inner .card-block img {
      max-width: 200px;
      margin: auto;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin-top: -4.5rem; }
      @media (max-width: 767px) {
        .topper-page .topper-inner .card-block img {
          margin-top: 0;
          max-width: 100px;
          position: static; } }
    .topper-page .topper-inner .card-block .content {
      padding-top: 5rem;
      text-align: center; }
      .topper-page .topper-inner .card-block .content p {
        color: #6A6A6A; }
      @media (max-width: 767px) {
        .topper-page .topper-inner .card-block .content {
          padding-top: 1rem; } }
      @media (max-width: 543px) {
        .topper-page .topper-inner .card-block .content h5 {
          font-size: 1.125rem; } }

@media (min-width: 768px) {
  .topper-page .see-mattress {
    padding-top: 4rem; } }

.topper-page .see-mattress .minor-cta {
  margin-top: 2rem;
  place-self: start; }
  @media (max-width: 767px) {
    .topper-page .see-mattress .minor-cta {
      margin-top: 3rem;
      width: 100%; } }

.topper-page .vid {
  min-width: 450px;
  width: 70%;
  margin-left: -35%; }
  @media screen and (max-width: 1200px) {
    .topper-page .vid {
      min-width: 380px; } }
  @media screen and (max-width: 1000px) {
    .topper-page .vid {
      margin-left: -70%; } }
  @media screen and (max-width: 900px) {
    .topper-page .vid {
      min-width: 330px; } }
  @media screen and (max-width: 768px) {
    .topper-page .vid {
      width: 100%;
      margin-left: 0; } }

.topper-page .iwt-image.yellow {
  padding-right: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .topper-page .iwt-image.yellow img {
    width: 25vw;
    padding: 4rem 0; }
  @media screen and (max-width: 1000px) {
    .topper-page .iwt-image.yellow img {
      width: 35vw; } }
  @media screen and (max-width: 768px) {
    .topper-page .iwt-image.yellow {
      padding-right: 0;
      padding: 1.5rem; }
      .topper-page .iwt-image.yellow img {
        display: none; } }

.topper-page .control {
  display: none; }

.topper-page .variation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media (min-width: 768px) {
  .topper-page .topper-inner .standard-wrapper {
    position: relative;
    max-width: 800px; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 850px) {
    .topper-page .topper-inner .standard-wrapper {
      max-width: 700px; } }

@media (min-width: 768px) {
  .topper-page .topper-inner .topper-inner-item {
    position: relative;
    padding-top: 290px;
    margin-top: -238px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .topper-page .topper-inner .topper-inner-item:before {
      content: "";
      position: absolute;
      background: linear-gradient(0deg, #ccc 1px, #6A6A6A 100px);
      width: 1px;
      left: 49%; }
    .topper-page .topper-inner .topper-inner-item:after {
      content: "";
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #fff;
      top: 105px;
      left: 49%;
      margin-left: -2px;
      box-shadow: 0px 0px 0px 1px #6A6A6A; }
    .topper-page .topper-inner .topper-inner-item.topper-inner-item-one:before {
      height: 158px;
      top: 102px; }
    .topper-page .topper-inner .topper-inner-item.topper-inner-item-one:after {
      top: 98px; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 850px) {
    .topper-page .topper-inner .topper-inner-item.topper-inner-item-one:before {
      top: 120px; }
    .topper-page .topper-inner .topper-inner-item.topper-inner-item-one:after {
      top: 114px; } }

@media (min-width: 768px) {
    .topper-page .topper-inner .topper-inner-item.topper-inner-item-two:before {
      height: 172px;
      top: 94px; }
    .topper-page .topper-inner .topper-inner-item.topper-inner-item-two:after {
      top: 90px; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 850px) {
    .topper-page .topper-inner .topper-inner-item.topper-inner-item-two:before {
      top: 111px; }
    .topper-page .topper-inner .topper-inner-item.topper-inner-item-two:after {
      top: 107px; } }

.product-ecosa-topper .product-top {
  box-shadow: none; }

.product-ecosa-topper .product-top-gallery .cover-images .swiper-slide:nth-child(0) img, .product-ecosa-topper .product-top-gallery .cover-images .swiper-slide:nth-child(1) img {
  -o-object-position: left 70%;
     object-position: left 70%; }

@media (min-width: 768px) {
  .product-ecosa-topper .product-top-gallery .cover-images .swiper-slide {
    box-shadow: black 0px -5px 10px -10px inset; } }

.product-ecosa-topper .product-top-gallery .cover-images .swiper-slide img {
  position: relative;
  z-index: -1; }

.silkpc-page {
  display: block !important; }
  .silkpc-page .usp-overview.top {
    padding-bottom: 0; }
    @media (min-width: 768px) {
      .silkpc-page .usp-overview.top {
        padding-top: 2rem; } }
    .silkpc-page .usp-overview.top .usp-wrapper .feature-icon {
      height: 100px;
      left: 0;
      right: 0;
      margin: auto;
      width: auto; }
    .silkpc-page .usp-overview.top .usp-wrapper .usp-block {
      background: #FAFAFA; }
      .silkpc-page .usp-overview.top .usp-wrapper .usp-block p {
        color: #10318E; }
  .silkpc-page h5 {
    font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-size: 110%; }
  .silkpc-page h2.highlight-text {
    font-size: 3.5rem;
    line-height: 1em;
    margin-bottom: 2rem;
    padding: 0;
    z-index: 2; }
    @media (max-width: 991px) {
      .silkpc-page h2.highlight-text {
        font-size: 3rem; } }
    @media (max-width: 767px) {
      .silkpc-page h2.highlight-text {
        font-size: 2.5rem;
        margin-bottom: 1rem; } }
    .silkpc-page h2.highlight-text span.underline {
      position: relative;
      display: inline-block;
      z-index: 1;
      font-weight: 600; }
      .silkpc-page h2.highlight-text span.underline:before {
        content: "";
        background-color: #FFC62C;
        border-radius: 4px;
        position: absolute;
        height: 45%;
        width: 105%;
        bottom: 0px;
        left: -2.5%;
        right: 0;
        z-index: -1; }
  .silkpc-page p {
    font-size: 110%; }
  .silkpc-page p.top-subtitle {
    font-weight: 600;
    font-size: 120%; }
  .silkpc-page .silk-high-momme {
    background-size: 48vw;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 14rem 0 13rem; }
    .silkpc-page .silk-high-momme .flex-div .iwt-image {
      -webkit-box-flex: 55%;
          -ms-flex: 55%;
              flex: 55%; }
    .silkpc-page .silk-high-momme .flex-div .iwt-content {
      -webkit-box-flex: 45%;
          -ms-flex: 45%;
              flex: 45%; }
      .silkpc-page .silk-high-momme .flex-div .iwt-content h2, .silkpc-page .silk-high-momme .flex-div .iwt-content h5, .silkpc-page .silk-high-momme .flex-div .iwt-content p {
        text-align: left;
        color: #10318E; }
    @media (max-width: 767px) {
      .silkpc-page .silk-high-momme .flex-div .iwt-image {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%; }
      .silkpc-page .silk-high-momme .flex-div .iwt-content {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%; }
        .silkpc-page .silk-high-momme .flex-div .iwt-content h2, .silkpc-page .silk-high-momme .flex-div .iwt-content h5, .silkpc-page .silk-high-momme .flex-div .iwt-content p {
          text-align: center; }
        .silkpc-page .silk-high-momme .flex-div .iwt-content p {
          max-width: 95%;
          margin: auto; } }
    @media screen and (min-width: 1920px) {
      .silkpc-page .silk-high-momme {
        padding: 18rem 0 18rem;
        margin-top: 4rem; } }
    @media (max-width: 767px) {
      .silkpc-page .silk-high-momme {
        margin-top: 3rem;
        margin-bottom: 0;
        padding-top: 65vw;
        padding-bottom: 2rem;
        background-size: 90vw;
        background-position: left top; } }
    @media (max-width: 543px) {
      .silkpc-page .silk-high-momme {
        margin-top: 3rem; } }
  .silkpc-page .silk-comparison {
    padding: 8rem 0 4rem;
    color: #10318E;
    background-image: url("https://ecosaau.imgix.net/img/pillowcase/pillowcase-v1/wave-light.svg"), linear-gradient(to bottom, transparent 50%, #f2f5fb 50%);
    background-position: top;
    background-size: 100% auto; }
    @media (max-width: 543px) {
      .silkpc-page .silk-comparison {
        background-image: url("https://ecosaau.imgix.net/img/pillowcase/pillowcase-v1/wave-light-mobile.svg"), linear-gradient(to bottom, transparent 50%, #f2f5fb 50%); } }
    @media (min-width: 1200px) {
      .silkpc-page .silk-comparison {
        padding: 12rem 0 4rem; } }
    .silkpc-page .silk-comparison h2 {
      margin-bottom: 4rem; }
    .silkpc-page .silk-comparison img {
      display: block;
      max-width: 100%;
      width: 165px;
      margin: 1rem auto; }
    .silkpc-page .silk-comparison h3 {
      margin-bottom: 0;
      font-size: 2.5rem;
      line-height: 1; }
    .silkpc-page .silk-comparison span {
      display: block;
      margin: auto;
      max-width: 330px; }
  .silkpc-page .silk-info {
    background-color: #f2f5fb;
    text-align: left;
    color: #10318E;
    padding-bottom: 3rem; }
    @media (max-width: 767px) {
      .silkpc-page .silk-info {
        padding-bottom: 0; } }
    @media (max-width: 767px) {
      .silkpc-page .silk-info .container:nth-child(even) {
        background-color: #fff; } }
    .silkpc-page .silk-info .container:nth-child(even) .flex-div {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
      .silkpc-page .silk-info .container:nth-child(even) .flex-div .iwt-content, .silkpc-page .silk-info .container:nth-child(even) .flex-div p {
        text-align: right; }
        @media (max-width: 767px) {
          .silkpc-page .silk-info .container:nth-child(even) .flex-div .iwt-content, .silkpc-page .silk-info .container:nth-child(even) .flex-div p {
            text-align: center; } }
    .silkpc-page .silk-info .container .flex-div {
      padding: 3rem 0; }
      @media (max-width: 767px) {
        .silkpc-page .silk-info .container .flex-div {
          padding: 4rem 0; } }
      .silkpc-page .silk-info .container .flex-div > * {
        -webkit-box-flex: 50%;
            -ms-flex: 50%;
                flex: 50%; }
      .silkpc-page .silk-info .container .flex-div .iwt-image .bg {
        border-radius: 0.825rem;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 77.5%; }
      .silkpc-page .silk-info .container .flex-div .iwt-content {
        text-align: left;
        padding: 0 3rem; }
        @media (max-width: 767px) {
          .silkpc-page .silk-info .container .flex-div .iwt-content {
            text-align: center; }
            .silkpc-page .silk-info .container .flex-div .iwt-content h2, .silkpc-page .silk-info .container .flex-div .iwt-content h5 {
              margin-bottom: 2rem; }
            .silkpc-page .silk-info .container .flex-div .iwt-content p {
              text-align: center;
              max-width: 90%; } }
        @media (max-width: 543px) {
          .silkpc-page .silk-info .container .flex-div .iwt-content {
            padding: 0; }
            .silkpc-page .silk-info .container .flex-div .iwt-content h2 {
              font-size: 2.3rem; } }
        @media (min-width: 1200px) {
          .silkpc-page .silk-info .container .flex-div .iwt-content {
            padding: 0 5rem; } }
        .silkpc-page .silk-info .container .flex-div .iwt-content p {
          margin: auto; }
  .silkpc-page .silk-gift {
    padding: 3.5rem 0 4rem;
    color: #fff;
    background-image: url("https://ecosaau.imgix.net/img/pillowcase/pillowcase-v1/wave-dark.svg"), linear-gradient(to bottom, #003b71 66%, #fff 50%);
    background-position: right 0 bottom 7rem;
    background-repeat: no-repeat;
    background-size: 100% auto; }
    @media (max-width: 767px) {
      .silkpc-page .silk-gift {
        background-image: url("https://ecosaau.imgix.net/img/pillowcase/pillowcase-v1/wave-dark-mobile.svg"), linear-gradient(to bottom, #003b71 80%, #fff 50%); } }
    .silkpc-page .silk-gift h2 {
      font-size: 2.7rem; }
    .silkpc-page .silk-gift h2, .silkpc-page .silk-gift p {
      color: #fff;
      text-align: left; }
      @media (max-width: 767px) {
        .silkpc-page .silk-gift h2, .silkpc-page .silk-gift p {
          text-align: center;
          max-width: 600px; } }
    .silkpc-page .silk-gift .flex-div .iwt-image {
      -webkit-box-flex: 50%;
          -ms-flex: 50%;
              flex: 50%; }
      .silkpc-page .silk-gift .flex-div .iwt-image img {
        width: 80%; }
    .silkpc-page .silk-gift .flex-div .iwt-content {
      -webkit-box-flex: 50%;
          -ms-flex: 50%;
              flex: 50%;
      padding-bottom: 6rem; }
    @media (max-width: 767px) {
      .silkpc-page .silk-gift .flex-div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; }
        .silkpc-page .silk-gift .flex-div .iwt-content {
          padding-bottom: 0; } }
  .silkpc-page .pure-silk {
    max-height: 750px;
    overflow: hidden; }
    .silkpc-page .pure-silk .iwt-content {
      text-align: center;
      -ms-flex-item-align: start;
          align-self: flex-start; }
      @media (min-width: 768px) {
        .silkpc-page .pure-silk .iwt-content {
          padding-bottom: 12rem;
          padding-top: 4rem; } }
    .silkpc-page .pure-silk .iwt-image {
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch; }
    .silkpc-page .pure-silk img {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: left;
         object-position: left; }
    .silkpc-page .pure-silk h3, .silkpc-page .pure-silk p {
      text-align: center;
      color: #fff; }
    @media (max-width: 767px) {
      .silkpc-page .pure-silk .flex-div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
  .silkpc-page .page-hero {
    position: relative;
    z-index: 0; }
    @media (min-width: 768px) {
      .silkpc-page .page-hero {
        min-height: 1000px;
        margin-top: -15rem; } }
    @media (max-width: 767px) {
      .silkpc-page .page-hero {
        min-height: 700px;
        margin-top: -6rem; } }
    @media (max-width: 543px) {
      .silkpc-page .page-hero {
        min-height: 500px; } }
    .silkpc-page .page-hero .hero-image {
      position: absolute; }
    .silkpc-page .page-hero .hero-content {
      background-image: linear-gradient(180deg, #fff 10%, transparent 30%, transparent);
      position: absolute;
      bottom: 0;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      width: 100%;
      height: 100%; }
  .silkpc-page .ecosa-difference {
    background-image: linear-gradient(to bottom, transparent, transparent, #fff 23%, transparent);
    margin-top: -9rem; }
  .silkpc-page .usp-overview.middle {
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0; }
  .silkpc-page .usp-overview.bottom {
    padding-top: 6rem !important;
    padding-bottom: 4rem; }
  .silkpc-page .silk-momme {
    padding: 4rem 1rem;
    color: #10318E;
    /* h2 {
      display: inline-block;
      &:after {
        content: '';
        display: block;
        height: 0.5rem;
        background: $brand-primary;
        border-radius: 4px;
        margin: 0.5rem 0;
      }
    } */ }
    .silkpc-page .silk-momme p {
      text-align: center;
      max-width: 850px; }
    .silkpc-page .silk-momme h5 {
      margin-bottom: 0; }
    .silkpc-page .silk-momme .flex-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .silkpc-page .silk-momme .flex-div-column {
      -ms-flex-item-align: end;
          -ms-grid-row-align: end;
          align-self: end;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      @media (max-width: 767px) {
        .silkpc-page .silk-momme .flex-div-column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 50%;
                  flex: 1 0 50%; } }
    .silkpc-page .silk-momme img {
      max-height: 300px;
      margin-top: -4rem;
      margin-bottom: -1rem; }

.product-ecosa-silk-pillowcase .product-information .product-actions {
  padding: 1rem;
  padding-top: 0.5rem; }

.product-ecosa-silk-pillowcase .product-information .product-variants > .product-variants-item ul li label span.color {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.325rem;
  border: none;
  box-shadow: inset 0px 0px 0px 1px #10318E; }
  .product-ecosa-silk-pillowcase .product-information .product-variants > .product-variants-item ul li label span.color:hover {
    opacity: 0.9; }

.product-ecosa-silk-pillowcase .product-top .product-top-gallery .cover-images .swiper-slide img {
  -o-object-position: left center;
     object-position: left center;
  /* @include media-breakpoint-up(sm) {
	  min-height: 650px !important;

	} */ }

.product-ecosa-silk-pillowcase .product-top .product-top-gallery .cover-images .swiper-slide {
  background-position: left center;
  /* @include media-breakpoint-up(sm) {
	  min-height: 650px !important;
	} */ }

.product-ecosa-silk-pillowcase .product-top .product-top-gallery .product-material-icon {
  display: none; }

.product-ecosa-silk-pillowcase .product-top .product-top-gallery .images-container img.product-material-icon {
  background-color: transparent;
  position: absolute;
  top: 12%;
  left: 3%;
  z-index: 99;
  width: 10% !important;
  height: auto !important;
  min-height: auto !important; }
  @media (max-width: 767px) {
    .product-ecosa-silk-pillowcase .product-top .product-top-gallery .images-container img.product-material-icon {
      top: 22%;
      left: 0;
      width: 22% !important; } }

.product-ecosa-bamboo-bedding .extra-description.m-b-0, .product-ecosa-bamboo-bedding .form-control-select-display-button {
  display: none; }

.product-ecosa-bamboo-bedding .product-variants.sheet.variation {
  /** FOR IE ONLY **/ }
  .product-ecosa-bamboo-bedding .product-variants.sheet.variation .extra-description {
    display: none; }
    .product-ecosa-bamboo-bedding .product-variants.sheet.variation .extra-description.m-b-0 {
      display: block;
      font-style: italic; }
  .product-ecosa-bamboo-bedding .product-variants.sheet.variation .form-control-select-display-div {
    display: none; }
  .product-ecosa-bamboo-bedding .product-variants.sheet.variation .control-label {
    font-weight: bold; }
    .product-ecosa-bamboo-bedding .product-variants.sheet.variation .control-label.variation small {
      font-weight: normal; }
  .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(40px, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    grid-gap: 0.5rem; }
    .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li {
      position: relative;
      margin: 0;
      padding: 0; }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li label {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: calc(2.2rem + 0.8vh); }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li .input-color {
        width: 100%;
        height: 100%; }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li .color {
        width: 85%;
        height: 85%;
        box-shadow: none;
        border-radius: 4px;
        border-color: rgba(0, 0, 0, 0.25); }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li .x {
        width: 100%;
        height: 100%;
        background: linear-gradient(to left top, transparent 47.75%, #BFBABA 49.5%, #BFBABA 50.5%, transparent 52.25%); }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li:hover .color {
        border: 1.4px solid #003b71;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li.active label {
        border-radius: 4px;
        border: 1.4px solid #003b71;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li.active .color {
        width: 85%;
        height: 85%;
        border-color: #003b71; }
  .product-ecosa-bamboo-bedding .product-variants.sheet.variation .form-control-select-display-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0; }
    .product-ecosa-bamboo-bedding .product-variants.sheet.variation .form-control-select-display-button li {
      cursor: pointer;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      color: #666;
      padding: 0.5rem;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0.5rem;
      height: 40px;
      text-align: center;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 32%;
              flex: 0 0 32%; }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation .form-control-select-display-button li.selected, .product-ecosa-bamboo-bedding .product-variants.sheet.variation .form-control-select-display-button li:hover {
        border: 1.4px solid #003b71;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
        color: #003b71; }
    .product-ecosa-bamboo-bedding .product-variants.sheet.variation .form-control-select-display-button li[data-value="13"],
    .product-ecosa-bamboo-bedding .product-variants.sheet.variation .form-control-select-display-button li[data-value="14"] {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(50% - 0.25rem);
              flex: 0 0 calc(50% - 0.25rem); }
  @media all and (-ms-high-contrast: none) {
    .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .product-ecosa-bamboo-bedding .product-variants.sheet.variation ul#group_2 li {
        width: 42px;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem; }
    .product-ecosa-bamboo-bedding .product-variants.sheet.variation .form-control-select-display-button li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 44%;
              flex: 0 0 44%; } }
  .product-ecosa-bamboo-bedding .product-variants.sheet.variation #product-availability, .product-ecosa-bamboo-bedding .product-variants.sheet.variation .afterpay-installments {
    text-align: center; }
  .product-ecosa-bamboo-bedding .product-variants.sheet.variation .widget-tagline-product {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.product-ecosa-bamboo-bedding {
  /* .product-top .product-top-content {
      width: 22rem;
    } */
  /*  .product-variants {
      .set-type-collapse {
        position: relative;
        width: 100%;
        max-width: 100%;
        background: $brand-light;
        padding: 1rem;
        margin-right: 0;
        margin-bottom: 0.5rem;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        .type-header {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          label {
            width: 100%;
            margin: 0;
            cursor: pointer;
          }
        }
        h5 {
          text-align: left;
          width: 100%;
          margin: 0;
        }
        .custom-checkbox {
          background: #fff;
          width: 2.5rem;
          border-radius: 6px;
          font-size: 2rem;
          line-height: 2.5rem;
          &.expanded {
            background: #aaa;
            .expand-sign:before {
              color: #fff;
            }
          }
          .expand-sign {
            font-weight: 600;
            font-style: normal;
          }
        }
        .btn-expand {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          left: 0;
          width: 2.5rem;
          height: 2.5rem;
          z-index: 1;
          ~.expand-sign:before {
            display: inline-block;
            -webkit-transition: all 300ms 0s ease-in-out;
            transition: all 300ms 0s ease-in-out;
            content: "+";
            display: inline-block;
          }
          &.expanded {
            ~.expand-sign:before {
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
            }
          }
        }
        .extra-description {
          text-align: left;
        }
      }
      .sheet-collapse-body {
        width: 100%;
      }
      .set-types.--selected {
        .set-type-collapse {
          display: none;
        }
        .set-type-collapse.--selected {
          display: block;
          background: #fff;
          border: 1px solid #d7d7d7;
          -webkit-transition: background 300ms linear;
          -ms-transition: background 300ms linear;
          transition: background 300ms linear;
        }
        ~.financing-options {
          display: none;
        }
      }
    } */
  /* .financing-options {
      .options-desc {
        text-align: center;
        margin: 0;
      }
      ul {
        display: flex;
        justify-content: center;
        margin: 0;
      }
      li {
        display: flex;
        align-items: center;
        align-self: stretch;
        margin: 0 0.5rem;
      }
    } */ }
  .product-ecosa-bamboo-bedding .product-top .product-top-gallery .cover-images .swiper-slide img {
    -o-object-position: left center;
       object-position: left center; }
  .product-ecosa-bamboo-bedding .product-actions {
    padding-top: 0; }
  .product-ecosa-bamboo-bedding #product-availability a[data-target="#question_tips_modal"] {
    display: none; }

@media (min-width: 768px) {
  .product-ecosa-bamboo-bedding .product-top .cover-images .swiper-slide, .product-ecosa-bamboo-bedding .product-top .cover-images img {
    min-height: 750px !important; } }

.product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li {
  width: calc(100%/6);
  margin: 0;
  padding: 0 0.5rem 0.25rem 0.5rem; }
  @media (max-width: 768px) and (min-width: 544px) {
    .product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li {
      width: calc(100%/10); } }
  .product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li .input-color {
    top: 0;
    left: 0; }
  .product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li label, .product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li .input-color, .product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li .color {
    width: 100%;
    height: 2.2rem;
    border-radius: 8px; }
  .product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li .x {
    background-size: 100% 100%;
    width: 100%;
    height: 2.2rem; }
  .product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li.input-container.active .color {
    border: 2px solid #fff;
    box-shadow: 0 0 0 1.5px #10318E; }
    @media (max-width: 767px) {
      .product-ecosa-bamboo-bedding .product-variants.sheet:not(.variation) ul#group_2 > li.input-container.active .color {
        box-shadow: 0 0 0 2.5px #10318E; } }

.bamboo-page {
  /* Individual landing page */ }
  .bamboo-page h2.highlight-text {
    font-size: 3.5rem;
    line-height: 1em;
    margin-bottom: 2rem;
    padding: 0;
    z-index: 2;
    margin-top: 0.75rem; }
    @media (max-width: 991px) {
      .bamboo-page h2.highlight-text {
        font-size: 3rem; } }
    @media (max-width: 767px) {
      .bamboo-page h2.highlight-text {
        font-size: 2.5rem;
        margin-bottom: 1rem; } }
    .bamboo-page h2.highlight-text span.underline {
      position: relative;
      display: inline-block;
      z-index: 1;
      font-weight: 600; }
      .bamboo-page h2.highlight-text span.underline:before {
        content: "";
        background-color: #FFC62C;
        border-radius: 4px;
        position: absolute;
        height: 45%;
        width: 105%;
        bottom: 0px;
        left: -2.5%;
        right: 0;
        z-index: -1; }
      .bamboo-page h2.highlight-text span.underline.short:before {
        width: 100%; }
  .bamboo-page .variation .review-content {
    font-weight: normal; }
    @media (min-width: 768px) {
      .bamboo-page .variation .review-content {
        font-size: 1.4rem; } }
  @media (min-width: 768px) {
    .bamboo-page .variation .review-author {
      font-size: 17px; } }
  .bamboo-page .variation .high-quality {
    padding: 4rem 1rem 2rem 1rem; }
    .bamboo-page .variation .high-quality .content-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      padding-bottom: 4rem; }
      .bamboo-page .variation .high-quality .content-wrapper .usp-icon {
        width: 50px;
        height: 50px; }
      .bamboo-page .variation .high-quality .content-wrapper .usp-item {
        width: 25%;
        padding: 0; }
      .bamboo-page .variation .high-quality .content-wrapper h4 {
        font-weight: normal; }
        @media (max-width: 543px) {
          .bamboo-page .variation .high-quality .content-wrapper h4 {
            font-size: 0.9rem; } }
  @media (min-width: 768px) {
    .bamboo-page .variation .iwt-content {
      margin: 0;
      max-width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media (min-width: 1200px) {
    .bamboo-page .variation .eco-natural p, .bamboo-page .variation .soft-smooth p, .bamboo-page .variation .collection p {
      font-size: 110%; } }
  .bamboo-page .variation .eco-natural .container, .bamboo-page .variation .soft-smooth .container, .bamboo-page .variation .collection .container {
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      .bamboo-page .variation .eco-natural .container, .bamboo-page .variation .soft-smooth .container, .bamboo-page .variation .collection .container {
        max-width: 1140px;
        margin: 0 auto; } }
  .bamboo-page .variation .eco-natural {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem;
    color: #003b71; }
    @media (max-width: 1199px) {
      .bamboo-page .variation .eco-natural {
        padding-top: 6rem;
        padding-bottom: 4rem; } }
    .bamboo-page .variation .eco-natural .wave {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("https://ecosaau.imgix.net/img/sheet/wave_top.png?auto=compress,format");
      background-size: cover;
      background-position: right top; }
      @media (max-width: 767px) {
        .bamboo-page .variation .eco-natural .wave {
          background-position: 95%; } }
    .bamboo-page .variation .eco-natural .fade-box {
      padding-bottom: 67.5%; }
    .bamboo-page .variation .eco-natural img {
      border-radius: 8px; }
    @media (min-width: 768px) {
      .bamboo-page .variation .eco-natural .text-wrapper {
        max-width: 25rem; } }
    @media (max-width: 767px) {
      .bamboo-page .variation .eco-natural .iwt-image {
        max-width: 80vw;
        overflow: hidden; }
      .bamboo-page .variation .eco-natural .iwt-content {
        text-align: center;
        max-width: 25rem; }
        .bamboo-page .variation .eco-natural .iwt-content p {
          text-align: center; } }
  .bamboo-page .variation .soft-smooth {
    position: relative;
    background-color: #f8f9fd;
    padding-top: 4rem;
    color: #003b71; }
    @media (min-width: 769px) {
      .bamboo-page .variation .soft-smooth {
        padding-top: 10rem;
        margin-top: -10rem; } }
    @media (min-width: 1200px) {
      .bamboo-page .variation .soft-smooth {
        padding-top: 10rem;
        margin-top: -14rem; } }
    .bamboo-page .variation .soft-smooth .wave {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("https://ecosaau.imgix.net/img/sheet/wave_bottom.png?auto=compress,format");
      background-size: cover;
      background-position: left top; }
    .bamboo-page .variation .soft-smooth .product-image {
      position: relative;
      z-index: 1;
      width: 100%;
      background: url("https://ecosaau.imgix.net/img/sheet/bedbase_sheet.png?auto=compress,format");
      background-size: cover;
      background-position: bottom;
      min-height: 200px;
      margin-top: -50px; }
      @media (min-width: 544px) {
        .bamboo-page .variation .soft-smooth .product-image {
          min-height: 300px; } }
      @media (min-width: 769px) {
        .bamboo-page .variation .soft-smooth .product-image {
          min-height: 400px;
          margin-top: -100px; } }
      @media (min-width: 992px) {
        .bamboo-page .variation .soft-smooth .product-image {
          min-height: 550px;
          margin-top: -150px; } }
      @media (min-width: 1200px) {
        .bamboo-page .variation .soft-smooth .product-image {
          min-height: 700px;
          margin-top: -200px; } }
      @media (min-width: 1440px) {
        .bamboo-page .variation .soft-smooth .product-image {
          min-height: 800px;
          margin-top: -200px; } }
      @media (min-width: 1920px) {
        .bamboo-page .variation .soft-smooth .product-image {
          min-height: 900px;
          margin-top: -200px; } }
    @media (min-width: 768px) {
      .bamboo-page .variation .soft-smooth .text-wrapper {
        max-width: 30rem; } }
    @media (max-width: 767px) {
      .bamboo-page .variation .soft-smooth .iwt-content {
        text-align: center;
        max-width: 25rem; }
        .bamboo-page .variation .soft-smooth .iwt-content p {
          text-align: center; } }
  .bamboo-page .variation .collection {
    background-color: #fff;
    padding: 4rem 0; }
    .bamboo-page .variation .collection .fade-box {
      padding-bottom: 100%; }
    @media (max-width: 767px) {
      .bamboo-page .variation .collection .swiper-container {
        padding-bottom: 4rem; } }
    @media (max-width: 543px) {
      .bamboo-page .variation .collection .swiper-container {
        padding-bottom: 2rem; } }
    .bamboo-page .variation .collection img {
      border: 2px solid #003b71; }
  @media (max-width: 991px) {
    .bamboo-page.shop-all-bamboo h1 {
      color: #fff;
      text-align: center;
      text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8); } }
  @media (max-width: 543px) {
    .bamboo-page.shop-all-bamboo h1 {
      max-width: 200px; } }
  @media (max-width: 991px) {
    .bamboo-page.shop-all-bamboo .page-hero .hero-content {
      width: 100%;
      margin: 0 auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media (max-width: 543px) {
    .bamboo-page.shop-all-bamboo .page-hero {
      height: 310px; }
      .bamboo-page.shop-all-bamboo .page-hero .hero-image img {
        -o-object-position: 80%;
           object-position: 80%; } }
  @media (max-width: 991px) {
    .bamboo-page.shop-all-bamboo .bamboo-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  .bamboo-page.shop-all-bamboo .usp-top {
    background-color: #fff; }
    .bamboo-page.shop-all-bamboo .usp-top .hero-desc p {
      text-align: center;
      color: #10318E;
      font-weight: bold; }
    @media (min-width: 768px) {
      .bamboo-page.shop-all-bamboo .usp-top .item-desc {
        margin-top: 1rem; } }
    @media (max-width: 991px) {
      .bamboo-page.shop-all-bamboo .usp-top .content-wrapper {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        .bamboo-page.shop-all-bamboo .usp-top .content-wrapper h3 {
          font-size: 1rem;
          margin-bottom: 0; }
        .bamboo-page.shop-all-bamboo .usp-top .content-wrapper .usp-item {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 33.3%;
                  flex: 1 0 33.3%;
          padding: 0.5rem; } }
  .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-toggle {
    border-radius: 0px;
    min-width: 240px; }
    .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-toggle:active:hover, .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-toggle:active:focus {
      background-color: #DFDBD5;
      box-shadow: none; }
  .bamboo-page.shop-all-bamboo .bamboo-filter.open > .btn-primary.dropdown-toggle:focus {
    background-color: #DFDBD5;
    box-shadow: none; }
  .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-menu {
    float: none;
    border: none;
    position: relative; }
    .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-menu li {
      text-align: center;
      font-weight: bold;
      margin: 0 auto;
      padding: 0.5rem 0; }
      .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-menu li:nth-of-type(odd) {
        background-color: #fff; }
      .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-menu li:nth-of-type(even) {
        background-color: #DFDBD5; }
      .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-menu li.selected {
        border: 1px solid #003b71;
        background-color: #deeef9; }
    .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-menu label {
      margin: 0;
      width: 100%;
      color: #10318E; }
    .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-menu label[for=clear-filter-box] {
      color: #666 !important;
      font-weight: normal; }
    .bamboo-page.shop-all-bamboo .bamboo-filter .dropdown-menu input {
      display: none; }
  .bamboo-page.shop-all-bamboo .beddings-catalog {
    padding: 2rem 1rem; }
  .bamboo-page .page-hero {
    position: relative;
    height: 80vh;
    overflow: hidden; }
    .bamboo-page .page-hero .hero-image img {
      -o-object-position: center 80%;
         object-position: center 80%; }
    .bamboo-page .page-hero .hero-content {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      text-align: left;
      margin-left: 3%; }
      .bamboo-page .page-hero .hero-content p {
        color: #10318E;
        margin-left: 0; }

@media (min-width: 768px) and (max-width: 1199px) {
  .bamboo-page .page-hero {
    height: 550px; } }
  .bamboo-page .shop-family {
    padding: 2rem 0.5rem; }
    @media (max-width: 991px) {
      .bamboo-page .shop-family {
        padding-top: 0rem; } }
    .bamboo-page .shop-family .shop-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .bamboo-page .shop-family .link-item {
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 1rem;
      border-radius: 12px; }
      @media (max-width: 991px) {
        .bamboo-page .shop-family .link-item {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 50%;
                  flex: 1 0 50%;
          padding: 0.5rem; }
          .bamboo-page .shop-family .link-item .link-desc {
            font-size: 0.9rem;
            left: 0.5rem;
            bottom: 1.5rem;
            padding: 0.25rem 0.5rem; } }
      .bamboo-page .shop-family .link-item img {
        width: 100%;
        border-radius: 12px; }
    .bamboo-page .shop-family .link-desc {
      position: absolute;
      left: 1rem;
      bottom: 2rem;
      padding: 0.5rem 1rem;
      background: #10318E;
      color: #FFF;
      font-weight: 600;
      border-radius: 0 8px 08px 0; }
  .bamboo-page .high-quality {
    padding: 4rem 1rem; }
    .bamboo-page .high-quality .content-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 1400px;
      margin: 0 auto; }
      .bamboo-page .high-quality .content-wrapper h3 {
        font-size: 1.3rem;
        font-weight: normal; }
      .bamboo-page .high-quality .content-wrapper .quality-item {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 1rem; }
        @media (max-width: 767px) {
          .bamboo-page .high-quality .content-wrapper .quality-item {
            -webkit-box-flex: 1;
                -ms-flex: 1 0 50%;
                    flex: 1 0 50%; } }
        @media (max-width: 543px) {
          .bamboo-page .high-quality .content-wrapper .quality-item {
            -webkit-box-flex: 1;
                -ms-flex: 1 0 100%;
                    flex: 1 0 100%; } }
      .bamboo-page .high-quality .content-wrapper p {
        text-align: center;
        color: #10318E; }
  .bamboo-page .finest-bamboo {
    color: #10318E; }
    .bamboo-page .finest-bamboo h2 {
      display: inline-block;
      text-align: left; }
      .bamboo-page .finest-bamboo h2:after {
        content: '';
        display: block;
        height: 0.75rem;
        background: #e96952;
        border-radius: 4px;
        margin: 0.5rem 0; }
    .bamboo-page .finest-bamboo img {
      float: left; }
    .bamboo-page .finest-bamboo p {
      text-align: left;
      max-width: 100%; }
    .bamboo-page .finest-bamboo b {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .bamboo-page .finest-bamboo b svg {
        margin-right: 0.5rem; }
    @media (min-width: 768px) {
      .bamboo-page .finest-bamboo .iwt-content {
        max-width: 50%; } }
  .bamboo-page .eco-friendly {
    color: #10318E; }
    @media (min-width: 1200px) {
      .bamboo-page .eco-friendly {
        margin-top: -5rem; } }
    .bamboo-page .eco-friendly h2 {
      display: inline-block;
      text-align: right; }
      .bamboo-page .eco-friendly h2:after {
        content: '';
        display: block;
        height: 0.75rem;
        background: #b0c8e8;
        border-radius: 4px;
        margin: 0.5rem 0; }
    .bamboo-page .eco-friendly img {
      float: right; }
    .bamboo-page .eco-friendly p {
      text-align: right; }
    .bamboo-page .eco-friendly .iwt-content {
      text-align: right; }
  .bamboo-page .collection {
    padding: 4rem 1rem;
    background-color: #FAFAFA; }
    .bamboo-page .collection p {
      text-align: center;
      color: #10318E; }
    .bamboo-page .collection img {
      border-radius: 16px;
      border: 0.25rem solid #10318E; }
    @media (min-width: 768px) {
      .bamboo-page .collection .content-wrapper {
        max-width: 1400px;
        margin: 0 auto; }
      .bamboo-page .collection .image-wrapper {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 1rem; } }
    @media (max-width: 767px) {
      .bamboo-page .collection .swiper-container {
        margin-left: -15px;
        margin-right: -15px; }
      .bamboo-page .collection .swiper-slide {
        width: 75% !important;
        padding: 1rem 0rem; } }
  .bamboo-page .hero-header {
    position: relative;
    height: 80vh;
    overflow: hidden; }
    .bamboo-page .hero-header h1 {
      display: inline-block;
      text-align: left;
      color: #FFF; }
      @media (min-width: 1200px) {
        .bamboo-page .hero-header h1 {
          font-size: 2.5rem;
          margin-bottom: 0.5rem; } }
      .bamboo-page .hero-header h1:after {
        content: '';
        display: block;
        height: 1rem;
        background: #ffc62c;
        border-radius: 4px;
        margin: 0.5rem 0; }
    .bamboo-page .hero-header p {
      color: #FFF; }
    .bamboo-page .hero-header .hero-image {
      background: #b9c1cc;
      width: 100%;
      height: 100%; }
      .bamboo-page .hero-header .hero-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .bamboo-page .hero-header .hero-content {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 5rem;
      text-align: left; }
  .bamboo-page .usp-top .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .bamboo-page .usp-top .content-wrapper h3 {
      font-size: 1.3rem; }
    .bamboo-page .usp-top .content-wrapper .usp-item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 1rem;
      margin: 0 auto;
      max-width: 300px; }
      @media (max-width: 543px) {
        .bamboo-page .usp-top .content-wrapper .usp-item {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 100%;
                  flex: 1 0 100%; } }
    .bamboo-page .usp-top .content-wrapper p {
      text-align: center;
      color: #10318E; }
  .bamboo-page .beddings-catalog {
    padding: 4rem 1rem; }
    .bamboo-page .beddings-catalog h3 {
      text-align: left;
      margin-bottom: 2rem; }
      @media (max-width: 767px) {
        .bamboo-page .beddings-catalog h3 {
          text-align: center; } }
    .bamboo-page .beddings-catalog .container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0; }
    .bamboo-page .beddings-catalog .show-btn {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1rem;
      min-width: 12rem; }
  .bamboo-page .grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .bamboo-page .grid-container .swiper-pagination {
      bottom: -5px; }
    .bamboo-page .grid-container .swiper-wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 auto; }
  .bamboo-page .type-body {
    overflow: hidden; }
  .bamboo-page .color-grid {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    height: auto; }
    @media (min-width: 768px) {
      .bamboo-page .color-grid {
        width: calc(33.3% - 0.75rem); }
        .bamboo-page .color-grid:not(:nth-of-type(3n)) {
          margin-right: 1rem;
          margin-bottom: 1rem; } }
    @media (max-width: 767px) {
      .bamboo-page .color-grid {
        width: calc(50% - 0.5rem); }
        .bamboo-page .color-grid:not(:nth-of-type(2n)) {
          margin-right: 1rem;
          margin-bottom: 0.5rem; } }
  .bamboo-page .type-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%; }
  .bamboo-page .type-title {
    color: #10318E;
    font-weight: 600;
    font-size: 1.125rem;
    text-align: left; }
    @media (max-width: 767px) {
      .bamboo-page .type-title {
        font-size: 1rem; } }
  .bamboo-page .type-price {
    -ms-flex-item-align: start;
        align-self: flex-start;
    color: #666;
    font-weight: 600;
    font-size: 0.9rem; }
  .bamboo-page .type-color {
    font-size: 0.9rem; }
  .bamboo-page .type-thumbnail {
    position: relative;
    display: block; }
    .bamboo-page .type-thumbnail .back-img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    .bamboo-page .type-thumbnail:hover .back-img {
      z-index: 2; }
  .bamboo-page .colors-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0; }
    .bamboo-page .colors-list li {
      margin: 0; }
  .bamboo-page .input-color {
    width: 2rem;
    height: 2rem; }
  .bamboo-page .review-stars img {
    height: 25px;
    margin-bottom: 1.2rem; }
  @media (min-width: 768px) {
    .bamboo-page .cross-sell {
      padding: 4rem 1rem; } }
  @media (max-width: 767px) {
    .bamboo-page .cross-sell {
      padding: 4rem 0; } }
  .bamboo-page .cross-sell .content-wrapper {
    padding: 1rem 0; }
  .bamboo-page .cross-sell .cross-item {
    border-radius: 8px;
    background: #f8f8f8; }
    @media (min-width: 768px) {
      .bamboo-page .cross-sell .cross-item {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 1rem; } }
    @media (max-width: 767px) {
      .bamboo-page .cross-sell .cross-item {
        width: 80% !important;
        margin: 1rem 0;
        height: auto; } }
  .bamboo-page .cross-sell .cross-thumbnail img {
    border-radius: 8px 8px 0 0; }
  .bamboo-page .cross-sell .cross-description {
    padding: 1.5rem 1rem;
    text-align: left;
    border-radius: 0 0 8px 8px;
    color: #10318E; }

.bedbase-page {
  /*
        Copied from mattress.scss
         */ }
  .bedbase-page h2.highlight-text {
    font-size: 3.5rem;
    line-height: 1em;
    margin-bottom: 2rem;
    padding: 0;
    z-index: 2; }
    @media (max-width: 991px) {
      .bedbase-page h2.highlight-text {
        font-size: 3rem; } }
    @media (max-width: 767px) {
      .bedbase-page h2.highlight-text {
        font-size: 2.5rem;
        margin-bottom: 1rem; } }
    .bedbase-page h2.highlight-text span.underline {
      position: relative;
      display: inline-block;
      z-index: 1;
      font-weight: 600; }
      .bedbase-page h2.highlight-text span.underline:before {
        content: "";
        background-color: #FFC62C;
        border-radius: 4px;
        position: absolute;
        height: 45%;
        width: 105%;
        bottom: 0px;
        left: -2.5%;
        right: 0;
        z-index: -1; }
  .bedbase-page ul.checklist {
    margin-bottom: 0; }
    .bedbase-page ul.checklist li {
      color: #10318E;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0.5rem; }
      .bedbase-page ul.checklist li:before {
        content: "";
        background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-ticks.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 1.825rem;
        width: 1.825rem;
        margin-right: 0.825rem;
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        border-radius: 999px;
        box-shadow: inset 0px 0px 0px 2px #10318E; }
        @media (max-width: 543px) {
          .bedbase-page ul.checklist li:before {
            margin-right: 0.5rem; } }
  .bedbase-page .usp-overview.top {
    padding-bottom: 0; }
    @media (min-width: 768px) {
      .bedbase-page .usp-overview.top {
        padding-top: 2rem; } }
    @media (min-width: 1200px) {
      .bedbase-page .usp-overview.top {
        padding-top: 2.7rem; } }
    .bedbase-page .usp-overview.top .usp-wrapper .feature-icon {
      height: 100px;
      left: 0;
      right: 0;
      margin: auto;
      width: auto; }
    .bedbase-page .usp-overview.top .usp-wrapper .usp-block {
      background: #FAFAFA; }
      .bedbase-page .usp-overview.top .usp-wrapper .usp-block p {
        color: #10318E; }
  .bedbase-page .ecosa-features {
    padding-top: 5rem;
    background: linear-gradient(180deg, #B0C8E8, #FAFAFA); }
    @media (max-width: 991px) {
      .bedbase-page .ecosa-features {
        padding-top: 3rem; } }
    @media (max-width: 543px) {
      .bedbase-page .ecosa-features {
        padding-top: 2rem; } }
    .bedbase-page .ecosa-features p {
      margin: 0 auto;
      color: #10318E;
      text-align: center; }
    .bedbase-page .ecosa-features a.vid-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-top: 1rem;
      text-decoration: underline; }
      .bedbase-page .ecosa-features a.vid-link:after {
        content: "";
        background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-play.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 1.825rem;
        width: 1.825rem;
        border: #10318E 2px solid;
        border-radius: 999px;
        margin-left: 0.625rem;
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px); }
    .bedbase-page .ecosa-features .feature-container {
      max-width: 1400px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .bedbase-page .ecosa-features .feature-container {
          padding-left: 15px;
          padding-right: 15px; } }
    .bedbase-page .ecosa-features .flex-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-bottom: 8rem;
      overflow: visible; }
      .bedbase-page .ecosa-features .flex-row.row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
      .bedbase-page .ecosa-features .flex-row .content-wrapper .iwt-content {
        padding: 0% 8% 5% 8%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media (max-width: 767px) {
          .bedbase-page .ecosa-features .flex-row .content-wrapper .iwt-content {
            padding-top: 3rem; } }
        .bedbase-page .ecosa-features .flex-row .content-wrapper .iwt-content p {
          width: 100%; }
          @media (min-width: 768px) {
            .bedbase-page .ecosa-features .flex-row .content-wrapper .iwt-content p {
              max-width: 95%;
              margin-left: 0; } }
          @media (min-width: 992px) {
            .bedbase-page .ecosa-features .flex-row .content-wrapper .iwt-content p {
              max-width: 80%; } }
      .bedbase-page .ecosa-features .flex-row:nth-child(even) .content-wrapper .iwt-content {
        text-align: right; }
        .bedbase-page .ecosa-features .flex-row:nth-child(even) .content-wrapper .iwt-content p {
          text-align: right;
          margin-left: auto;
          margin-right: 0; }
      .bedbase-page .ecosa-features .flex-row:nth-child(even) .img-wrapper .bedbase-img-wrapper {
        left: 0; }
      .bedbase-page .ecosa-features .flex-row:nth-child(even) .img-wrapper .feature-block {
        right: 0; }
      .bedbase-page .ecosa-features .flex-row:nth-child(odd) .content-wrapper .iwt-content {
        text-align: left; }
        .bedbase-page .ecosa-features .flex-row:nth-child(odd) .content-wrapper .iwt-content p {
          text-align: left; }
      .bedbase-page .ecosa-features .flex-row:nth-child(odd) .img-wrapper .bedbase-img-wrapper {
        right: 0; }
      .bedbase-page .ecosa-features .flex-row:nth-child(odd) .img-wrapper .feature-block {
        left: 0; }
      @media (max-width: 991px) {
        .bedbase-page .ecosa-features .flex-row {
          margin-bottom: 10%; } }
      @media (max-width: 767px) {
        .bedbase-page .ecosa-features .flex-row {
          -webkit-box-orient: vertical !important;
          -webkit-box-direction: normal !important;
              -ms-flex-direction: column !important;
                  flex-direction: column !important;
          margin-bottom: 4%; } }
      .bedbase-page .ecosa-features .flex-row .content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 460px; }
        @media (max-width: 991px) {
          .bedbase-page .ecosa-features .flex-row .content-wrapper {
            min-height: 280px; } }
        @media (max-width: 767px) {
          .bedbase-page .ecosa-features .flex-row .content-wrapper {
            margin-bottom: 5%;
            min-height: auto; } }
        .bedbase-page .ecosa-features .flex-row .content-wrapper.bg-treegrain {
          background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-tree-grain.svg");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: top right; }
        .bedbase-page .ecosa-features .flex-row .content-wrapper.bg-puzzle {
          background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-puzzle.png");
          background-repeat: no-repeat;
          background-position: top left 4%; }
          @media (min-width: 768px) {
            .bedbase-page .ecosa-features .flex-row .content-wrapper.bg-puzzle {
              background-position: top 7% right 55%; } }
        .bedbase-page .ecosa-features .flex-row .content-wrapper.bg-zzz {
          background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-zzz.svg");
          background-repeat: no-repeat;
          background-position: top 5% right 6%; }
          @media (max-width: 991px) {
            .bedbase-page .ecosa-features .flex-row .content-wrapper.bg-zzz {
              background-position: top 0% right 6%;
              background-size: 80px; } }
        .bedbase-page .ecosa-features .flex-row .content-wrapper .iwt-content p {
          font-size: 110%; }
        .bedbase-page .ecosa-features .flex-row .content-wrapper .iwt-content p.top-subtitle {
          font-weight: 600;
          font-size: 120%;
          padding-top: 0.5rem; }
        .bedbase-page .ecosa-features .flex-row .content-wrapper .iwt-content h2 {
          margin-top: 1.5rem; }
      @media (max-width: 767px) {
        .bedbase-page .ecosa-features .flex-row .img-wrapper {
          padding-right: 15px;
          padding-left: 15px; } }
      .bedbase-page .ecosa-features .flex-row .img-wrapper .bedbase-img-wrapper {
        width: 85%;
        position: absolute;
        top: 12%;
        z-index: 2; }
        @media (max-width: 767px) {
          .bedbase-page .ecosa-features .flex-row .img-wrapper .bedbase-img-wrapper {
            position: unset;
            width: 100%; } }
        .bedbase-page .ecosa-features .flex-row .img-wrapper .bedbase-img-wrapper .bg {
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          padding-top: 56.2%;
          border-radius: 10px; }
      .bedbase-page .ecosa-features .flex-row .img-wrapper .feature-block {
        display: block;
        background-color: #d2dff3;
        border-radius: 10px;
        position: absolute;
        z-index: 1;
        top: 33%;
        width: 85%;
        opacity: .3;
        padding-bottom: 48.5%; }
        @media (max-width: 767px) {
          .bedbase-page .ecosa-features .flex-row .img-wrapper .feature-block {
            display: none; } }
  .bedbase-page .feature-review {
    background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/wave-light.svg"), linear-gradient(to bottom, transparent 20vh, #f2f5fb, #f2f5fb 5%);
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 6rem 2rem; }
    @media (max-width: 991px) {
      .bedbase-page .feature-review {
        margin-top: 8rem; } }
    @media (max-width: 767px) {
      .bedbase-page .feature-review {
        background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/wave-light-mobile.svg"), linear-gradient(to bottom, transparent 50%, #f2f5fb, #f2f5fb 5%); } }
    @media (max-width: 543px) {
      .bedbase-page .feature-review {
        padding: 2rem 0; } }
    .bedbase-page .feature-review p {
      font-size: 1.125rem;
      line-height: 1.22222222em;
      font-weight: bold; }
  .bedbase-page .delivery-plus {
    padding: 4rem 8% 4.5rem; }
    @media (max-width: 767px) {
      .bedbase-page .delivery-plus {
        background-color: #f4f7fc; }
        .bedbase-page .delivery-plus .container {
          text-align: left; } }
    .bedbase-page .delivery-plus h2, .bedbase-page .delivery-plus h5, .bedbase-page .delivery-plus p {
      color: #10318E;
      margin-bottom: 2rem; }
    @media (max-width: 767px) {
      .bedbase-page .delivery-plus ul li:before {
        -ms-flex-item-align: start;
            -ms-grid-row-align: start;
            align-self: start; } }
    @media (min-width: 768px) {
      .bedbase-page .delivery-plus ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .bedbase-page .delivery-plus ul li:before {
          margin-right: 0.5rem; } }
  .bedbase-page .augment {
    padding: 4rem 8% 4.5rem;
    text-align: right; }
    .bedbase-page .augment h2, .bedbase-page .augment h5, .bedbase-page .augment p {
      color: #10318E;
      margin-bottom: 2rem;
      text-align: right; }
    .bedbase-page .augment img {
      margin-bottom: 1rem;
      border-radius: 10px; }
    .bedbase-page .augment button {
      width: 100%; }
  .bedbase-page .treeplant {
    position: relative;
    margin-bottom: 3rem; }
    .bedbase-page .treeplant img {
      max-width: 100%;
      min-height: 250px;
      max-height: 300px; }
    .bedbase-page .treeplant .tree-content {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      padding: 1rem;
      z-index: 1; }
      .bedbase-page .treeplant .tree-content p {
        margin-bottom: 0;
        max-width: 800px; }
    .bedbase-page .treeplant .overlay {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 59, 113, 0.5);
      z-index: 0; }
    .bedbase-page .treeplant h2,
    .bedbase-page .treeplant p {
      color: #fafafa;
      text-align: center; }
    @media (max-width: 767px) {
      .bedbase-page .treeplant h2 {
        font-size: 2rem; } }

.bedside-table-page .usp-overview.top {
  background: #a9b7c9; }

.bedside-table-page .smart-storage {
  background: linear-gradient(180deg, #a9b7c9, #fff); }
  @media (min-width: 768px) {
    .bedside-table-page .smart-storage .swiper-container {
      padding-top: 2rem; } }
  @media (max-width: 767px) {
    .bedside-table-page .smart-storage .swiper-container {
      padding-bottom: 2rem; } }
  @media (max-width: 767px) {
    .bedside-table-page .smart-storage .swiper-slide {
      width: 75% !important; } }
  .bedside-table-page .smart-storage .swiper-slide-active {
    transition: opacity 500ms, -webkit-transform 500ms;
    transition: transform 500ms, opacity 500ms;
    transition: transform 500ms, opacity 500ms, -webkit-transform 500ms; }
  .bedside-table-page .smart-storage .swiper-slide-prev, .bedside-table-page .smart-storage .swiper-slide-next {
    opacity: 0.5; }
    @media (min-width: 768px) {
      .bedside-table-page .smart-storage .swiper-slide-prev, .bedside-table-page .smart-storage .swiper-slide-next {
        -webkit-transform: scale(0.8);
                transform: scale(0.8); } }
  .bedside-table-page .smart-storage .swiper-button-next {
    right: 4rem !important; }
  .bedside-table-page .smart-storage .swiper-button-prev {
    left: 4rem !important; }
  @media (min-width: 544px) {
    .bedside-table-page .smart-storage h5 {
      line-height: 0.2; } }

.bedside-table-page .table-features {
  background: transparent url("https://ecosaau.imgix.net/img/bedside-table/bg.png?auto=compress,format") no-repeat center;
  background-size: cover;
  padding-bottom: 4rem;
  margin-top: -2rem; }

.bedside-table-page .soft-close h3,
.bedside-table-page .soft-close p,
.bedside-table-page .radiation-protection h3,
.bedside-table-page .radiation-protection p {
  text-align: center; }
  @media (min-width: 768px) {
    .bedside-table-page .soft-close h3,
    .bedside-table-page .soft-close p,
    .bedside-table-page .radiation-protection h3,
    .bedside-table-page .radiation-protection p {
      text-align: right; } }

@media (min-width: 768px) {
  .bedside-table-page .soft-close .iwt-image,
  .bedside-table-page .radiation-protection .iwt-image {
    width: 40%; } }

@media (min-width: 768px) {
  .bedside-table-page .soft-close .iwt-content,
  .bedside-table-page .radiation-protection .iwt-content {
    width: 50%; } }

.bedside-table-page .soft-close {
  padding-top: 4rem; }

.bedside-table-page .no-assembly h3, .bedside-table-page .no-assembly p {
  text-align: center; }
  @media (min-width: 768px) {
    .bedside-table-page .no-assembly h3, .bedside-table-page .no-assembly p {
      text-align: left; } }

.bedside-table-page .cross-content {
  bottom: 0;
  right: 0; }
  @media (max-width: 767px) {
    .bedside-table-page .cross-content {
      max-width: 13rem !important; } }
  @media (max-width: 543px) {
    .bedside-table-page .cross-content {
      top: 0;
      margin: 1rem; } }
  .bedside-table-page .cross-content h3, .bedside-table-page .cross-content p {
    text-align: right; }
  .bedside-table-page .cross-content .btn {
    width: 10rem;
    -ms-flex-item-align: end;
        align-self: flex-end; }

.bedside-table-page .cross-wrapper p.hidden-sm-up {
  color: #10318E;
  text-align: center; }

.product-id-1376 #product-reviews {
  display: none; }

/** PRODUCT FEATURES MENU **/
#features-menu {
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1rem; }
  #features-menu .features-menu-title {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    maring: auto 0; }
    #features-menu .features-menu-title h5 {
      margin-bottom: 0; }
    #features-menu .features-menu-title div {
      overflow: hidden;
      transition: max-width .2s; }
  #features-menu .features-menu-items ul {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0; }
    #features-menu .features-menu-items ul li {
      display: inline-block;
      margin: auto 0;
      padding: 0 0.1rem;
      text-align: center; }
      #features-menu .features-menu-items ul li.hover-color {
        margin: 0; }
      #features-menu .features-menu-items ul li.features-menu-buy {
        transition: max-width .2s;
        overflow: hidden; }
      #features-menu .features-menu-items ul li .label {
        font-size: 0.7rem;
        margin-top: 0.2rem;
        line-height: 1em; }
      #features-menu .features-menu-items ul li.hover-color a {
        padding: 0.3125rem;
        display: inline-block; }
      #features-menu .features-menu-items ul li.hover-color.active, #features-menu .features-menu-items ul li.hover-color:hover {
        background: #10318E; }
        #features-menu .features-menu-items ul li.hover-color.active a .icon i, #features-menu .features-menu-items ul li.hover-color:hover a .icon i {
          color: #fff; }
        #features-menu .features-menu-items ul li.hover-color.active a .icon svg, #features-menu .features-menu-items ul li.hover-color:hover a .icon svg {
          fill: #fff; }
        #features-menu .features-menu-items ul li.hover-color.active a .label, #features-menu .features-menu-items ul li.hover-color:hover a .label {
          color: #fff; }
  #features-menu a.add-to-cart, #features-menu a.b2t {
    padding: 0.325rem 0.625rem;
    box-shadow: none;
    font-size: 0.7rem; }
  #features-menu a.b2t {
    display: none; }

@media (hover: none), (hover: on-demand) {
  .features-menu-items li:not(.active).hover-color:hover {
    /* suppress hover effect on devices that don't support hover fully */
    background: unset !important; }
    .features-menu-items li:not(.active).hover-color:hover a .icon i {
      color: #bbb !important; }
    .features-menu-items li:not(.active).hover-color:hover a .icon svg {
      fill: #bbb !important; }
    .features-menu-items li:not(.active).hover-color:hover a .label {
      color: #aaa !important; } }

#features-menu-pageBtn {
  padding: 0.625rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px dotted #ccc;
  border-left: 0;
  border-right: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #features-menu-pageBtn div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #features-menu-pageBtn div i {
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s, -webkit-transform .5s; }
    #features-menu-pageBtn div:first-child a:hover i {
      -webkit-transform: translate(-1rem);
              transform: translate(-1rem); }
    #features-menu-pageBtn div:last-child a:hover i {
      -webkit-transform: translate(1rem);
              transform: translate(1rem); }
  #features-menu-pageBtn .page-bottom-buy a.add-to-cart {
    display: block; }
  #features-menu-pageBtn .page-bottom-buy a.b2t {
    display: none; }

li.hover-color a .icon svg {
  height: 20px;
  fill: #bbb;
  max-width: 24px;
  max-height: 24px; }

li.hover-color a i {
  color: #bbb; }

li.hover-color a .label {
  color: #aaa; }

li.hover-color a:hover .icon svg, li.hover-color a.active .icon svg {
  fill: #10318E; }

li.hover-color a:hover i, li.hover-color a.active i {
  color: #10318E; }

li.hover-color a:hover .label, li.hover-color a.active .label {
  color: #10318E; }

body#product #features-menu a.add-to-cart {
  display: none; }

body#product #features-menu a.b2t {
  display: block; }

body#product #features-menu .features-menu-buy {
  max-width: 0px;
  padding: 0; }
  body#product #features-menu .features-menu-buy.slideRight {
    max-width: 100px;
    padding: 0 0.3125rem; }

body#product #features-menu .features-menu-title div {
  max-width: 0px; }
  body#product #features-menu .features-menu-title div.slideRight {
    max-width: 100px; }

body#product #features-menu li#overview {
  background: #10318E; }
  body#product #features-menu li#overview .icon {
    max-height: 25.54px; }
  body#product #features-menu li#overview .icon i, body#product #features-menu li#overview .label {
    color: #fff; }

body#product #features-menu-pageBtn .page-bottom-buy a.add-to-cart {
  display: none; }

body#product #features-menu-pageBtn .page-bottom-buy a.b2t {
  display: block; }

@media (max-width: 767px) {
  #features-menu {
    padding: 0.5rem; }
    #features-menu .features-menu-items ul li .label {
      font-size: 0.5rem;
      text-align: center; }
    #features-menu a.add-to-cart, #features-menu a.b2t {
      font-size: 0.6rem; } }

@media (max-width: 543px) {
  #features-menu .features-menu-title {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0.625rem; } }

@media (min-width: 544px) {
  #features-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

/** Single Silk Quilt **/
#gsm-opt-group {
  display: none; }

.silk-quilt-page p {
  margin: 0 auto;
  color: #10318E; }

.silk-quilt-page .tech-specs p {
  margin: 0 0 1rem; }

.silk-quilt-page p.top-subtitle {
  font-weight: 600;
  font-size: 120%;
  padding-top: 0.5rem; }

.silk-quilt-page h2.highlight-text {
  font-size: 3.5rem;
  line-height: 1em;
  margin-bottom: 2rem;
  padding: 0;
  z-index: 2;
  margin-top: 0.75rem; }
  @media (max-width: 991px) {
    .silk-quilt-page h2.highlight-text {
      font-size: 3rem; } }
  @media (max-width: 767px) {
    .silk-quilt-page h2.highlight-text {
      font-size: 2.5rem;
      margin-bottom: 1rem; } }
  .silk-quilt-page h2.highlight-text span.underline {
    position: relative;
    display: inline-block;
    z-index: 1;
    font-weight: 600; }
    .silk-quilt-page h2.highlight-text span.underline:before {
      content: "";
      background-color: #FFC62C;
      border-radius: 4px;
      position: absolute;
      height: 45%;
      width: 105%;
      bottom: 0px;
      left: -2.5%;
      right: 0;
      z-index: -1; }
    .silk-quilt-page h2.highlight-text span.underline.short:before {
      width: 100%; }

.silk-quilt-page .usp-overview.top {
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .silk-quilt-page .usp-overview.top {
      padding-top: 2rem; } }
  .silk-quilt-page .usp-overview.top .usp-wrapper .feature-icon {
    height: 100px;
    left: 0;
    right: 0;
    margin: auto;
    width: auto; }
  .silk-quilt-page .usp-overview.top .usp-wrapper .usp-block {
    background: #FAFAFA; }

.silk-quilt-page .flex-row {
  max-width: 1400px;
  margin: 2rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: visible; }
  @media (min-width: 768px) {
    .silk-quilt-page .flex-row {
      padding-left: 15px;
      padding-right: 15px; } }
  .silk-quilt-page .flex-row.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .silk-quilt-page .flex-row .content-wrapper .iwt-content {
    padding: 0% 8% 5% 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 767px) {
      .silk-quilt-page .flex-row .content-wrapper .iwt-content {
        padding-top: 3rem; } }
    .silk-quilt-page .flex-row .content-wrapper .iwt-content p {
      width: 100%; }
      @media (min-width: 768px) {
        .silk-quilt-page .flex-row .content-wrapper .iwt-content p {
          max-width: 95%;
          margin-left: 0; } }
      @media (min-width: 992px) {
        .silk-quilt-page .flex-row .content-wrapper .iwt-content p {
          max-width: 80%; } }
  .silk-quilt-page .flex-row:nth-child(even) .content-wrapper .iwt-content {
    text-align: right; }
    .silk-quilt-page .flex-row:nth-child(even) .content-wrapper .iwt-content p {
      text-align: right;
      margin-left: auto;
      margin-right: 0; }
  .silk-quilt-page .flex-row:nth-child(even) .img-wrapper .wrapper-inner {
    left: 0; }
  .silk-quilt-page .flex-row:nth-child(even) .img-wrapper .feature-block {
    right: 0; }
  .silk-quilt-page .flex-row:nth-child(odd) .content-wrapper .iwt-content {
    text-align: left; }
    .silk-quilt-page .flex-row:nth-child(odd) .content-wrapper .iwt-content p {
      text-align: left; }
  .silk-quilt-page .flex-row:nth-child(odd) .img-wrapper .wrapper-inner {
    right: 0; }
  .silk-quilt-page .flex-row:nth-child(odd) .img-wrapper .feature-block {
    left: 0; }
  @media (max-width: 767px) {
    .silk-quilt-page .flex-row {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important; } }
  .silk-quilt-page .flex-row .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 460px; }
    @media (max-width: 991px) {
      .silk-quilt-page .flex-row .content-wrapper {
        min-height: 280px; } }
    @media (max-width: 767px) {
      .silk-quilt-page .flex-row .content-wrapper {
        margin-bottom: 5%;
        min-height: auto; } }
    .silk-quilt-page .flex-row .content-wrapper.bg-treegrain {
      background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-tree-grain.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top right; }
    .silk-quilt-page .flex-row .content-wrapper.bg-puzzle {
      background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-puzzle.png");
      background-repeat: no-repeat;
      background-position: top left 4%; }
      @media (min-width: 768px) {
        .silk-quilt-page .flex-row .content-wrapper.bg-puzzle {
          background-position: top 7% right 55%; } }
    .silk-quilt-page .flex-row .content-wrapper.bg-zzz {
      background-image: url("https://ecosaau.imgix.net/img/bedbase/bedbase-v1/icon-zzz.svg");
      background-repeat: no-repeat;
      background-position: top 5% right 6%; }
      @media (max-width: 991px) {
        .silk-quilt-page .flex-row .content-wrapper.bg-zzz {
          background-position: top 0% right 6%;
          background-size: 80px; } }
    .silk-quilt-page .flex-row .content-wrapper .iwt-content p {
      font-size: 110%; }
    .silk-quilt-page .flex-row .content-wrapper .iwt-content p.top-subtitle {
      font-weight: 600;
      font-size: 120%;
      padding-top: 0.5rem; }
  @media (max-width: 767px) {
    .silk-quilt-page .flex-row .img-wrapper {
      padding-right: 15px;
      padding-left: 15px; } }
  .silk-quilt-page .flex-row .img-wrapper .wrapper-inner {
    width: 85%;
    position: absolute;
    top: 12%;
    z-index: 2; }
    @media (max-width: 767px) {
      .silk-quilt-page .flex-row .img-wrapper .wrapper-inner {
        position: unset;
        width: 100%; } }
    .silk-quilt-page .flex-row .img-wrapper .wrapper-inner .bg {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      padding-top: 56.2%;
      border-radius: 10px; }
  .silk-quilt-page .flex-row .img-wrapper .feature-block {
    display: block;
    background-color: #d2dff3;
    border-radius: 10px;
    position: absolute;
    z-index: 1;
    top: 33%;
    width: 85%;
    opacity: .3;
    padding-bottom: 48.5%; }
    @media (max-width: 767px) {
      .silk-quilt-page .flex-row .img-wrapper .feature-block {
        display: none; } }

.silk-quilt-page .inside {
  background-color: #F2F5FB;
  padding: 5rem 0 6rem; }
  @media (max-width: 767px) {
    .silk-quilt-page .inside {
      padding: 3rem 0 4rem; } }
  .silk-quilt-page .inside a {
    outline: 0; }
  .silk-quilt-page .inside img {
    margin: 1rem 0 4rem; }
    @media (max-width: 543px) {
      .silk-quilt-page .inside img {
        margin: 1rem 0 2rem; } }
  .silk-quilt-page .inside p {
    text-align: center; }
  .silk-quilt-page .inside .layer-outer {
    position: relative;
    display: inline-block; }
    .silk-quilt-page .inside .layer-outer .layers {
      max-width: 95%;
      transition: all 0.5s ease; }
    .silk-quilt-page .inside .layer-outer .floss-round-container {
      position: absolute;
      max-width: 120px;
      right: 5%;
      top: 8%;
      width: 16vw; }
      @media (max-width: 767px) {
        .silk-quilt-page .inside .layer-outer .floss-round-container {
          right: 3vw;
          top: 6vw;
          width: 21vw; } }
      @media (max-width: 543px) {
        .silk-quilt-page .inside .layer-outer .floss-round-container {
          right: 3vw;
          top: 3vw;
          width: 21vw; } }
      .silk-quilt-page .inside .layer-outer .floss-round-container:before {
        content: "";
        display: block;
        position: absolute;
        top: 34%;
        right: 112%;
        width: 1px;
        height: 81px;
        -webkit-transform: rotate(64deg);
                transform: rotate(64deg);
        background: gray; }
        @media (max-width: 767px) {
          .silk-quilt-page .inside .layer-outer .floss-round-container:before {
            top: 6vw;
            right: 19vw;
            width: 1px;
            height: 14vw;
            -webkit-transform: rotate(63deg);
                    transform: rotate(63deg); } }
        @media (max-width: 543px) {
          .silk-quilt-page .inside .layer-outer .floss-round-container:before {
            top: 10vw;
            right: 23vw;
            width: 1px;
            height: 13vw;
            -webkit-transform: rotate(72deg);
                    transform: rotate(72deg); } }
      .silk-quilt-page .inside .layer-outer .floss-round-container:after {
        content: "";
        display: block;
        position: absolute;
        top: 64%;
        right: 141%;
        height: 5px;
        width: 5px;
        background: white;
        border: 1px solid gray;
        border-radius: 999px; }
        @media (max-width: 767px) {
          .silk-quilt-page .inside .layer-outer .floss-round-container:after {
            right: 25vw;
            top: 16vw; } }
        @media (max-width: 543px) {
          .silk-quilt-page .inside .layer-outer .floss-round-container:after {
            right: 29vw;
            top: 18vw; } }
      .silk-quilt-page .inside .layer-outer .floss-round-container .floss-round {
        margin-top: 0;
        transition: all 1.2s ease; }
        .silk-quilt-page .inside .layer-outer .floss-round-container .floss-round:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
          transition: all 0.5s ease; }
        @media (max-width: 767px) {
          .silk-quilt-page .inside .layer-outer .floss-round-container .floss-round.breath {
            -webkit-animation: breath 4s infinite;
                    animation: breath 4s infinite; } }

@-webkit-keyframes breath {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes breath {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.silk-quilt-page #silk-quilt-inside-modal .modal-dialog {
  position: absolute;
  top: 20%;
  left: 50%;
  margin: 0;
  min-width: 300px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  min-width: 300px; }

.silk-quilt-page #silk-quilt-inside-modal .modal-content {
  overflow: hidden; }

.silk-quilt-page #silk-quilt-inside-modal .modal-header {
  position: absolute;
  z-index: 1;
  width: 100%;
  border-bottom: none; }
  .silk-quilt-page #silk-quilt-inside-modal .modal-header .close {
    opacity: 0.6; }

.silk-quilt-page #silk-quilt-inside-modal .modal-body {
  padding: 0; }
  .silk-quilt-page #silk-quilt-inside-modal .modal-body img {
    max-width: 93vw; }
  .silk-quilt-page #silk-quilt-inside-modal .modal-body p {
    max-width: 650px;
    text-align: center;
    padding: 20px 15px 25px; }

.silk-quilt-page .features {
  padding: 1rem 0 3rem; }
  .silk-quilt-page .features .flex-row {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  @media (max-width: 767px) {
    .silk-quilt-page .features {
      padding: 0rem 0 3rem; }
      .silk-quilt-page .features .flex-row {
        padding-top: 0rem;
        padding-bottom: 0rem; } }

@media screen and (max-width: 1520px) {
  .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content {
    padding-top: 0;
    width: 100%;
    max-width: 50%; }
    .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content .silk-content {
      background-color: rgba(255, 255, 255, 0.5);
      padding: 8px;
      border-radius: 8px; }
      .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content .silk-content p {
        margin-left: 0;
        margin-right: 0; } }

@media screen and (max-width: 1300px) {
  .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content {
    max-width: 100%; }
    .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content p {
      max-width: 100%; } }

@media screen and (max-width: 1024px) {
  .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content {
    width: 100%; } }

@media screen and (max-width: 700px) {
  .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content {
    background-color: unset;
    padding-top: 30%;
    width: 100%; } }

@media screen and (max-width: 530px) {
  .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content {
    background-color: unset;
    padding-top: 50%;
    width: 100%; } }

@media screen and (max-width: 480px) {
  .silk-quilt-page .iwt-fluid .flex-div .iwt-content.pre-content {
    background-color: unset;
    padding-top: 40%;
    width: 100%; } }

.silk-quilt-page .pull-right {
  text-align: right !important; }
  .silk-quilt-page .pull-right p {
    text-align: right !important; }

.silk-quilt-page .yellow-underline {
  display: inline-block; }
  .silk-quilt-page .yellow-underline::after {
    content: '';
    display: block;
    height: 0.75rem;
    background: #ffc62c;
    border-radius: 4px;
    margin: 0.5rem 0; }

.silk-quilt-page .light-blue-underline {
  display: inline-block; }
  .silk-quilt-page .light-blue-underline::after {
    content: '';
    display: block;
    height: 0.75rem;
    background: #b0c8e8;
    border-radius: 4px;
    margin: 0.5rem 0; }

.silk-quilt-page .pink-underline {
  display: inline-block; }
  .silk-quilt-page .pink-underline::after {
    content: '';
    display: block;
    height: 0.75rem;
    background: #e7ad9e;
    border-radius: 4px;
    margin: 0.5rem 0; }

.silk-quilt-page .grey-underline {
  display: inline-block; }
  .silk-quilt-page .grey-underline::after {
    content: '';
    display: block;
    height: 0.75rem;
    background: #b2b1af;
    border-radius: 4px;
    margin: 0.5rem 0; }

.silk-quilt-page .iwt-content p {
  color: #003b71; }

.silk-quilt-page .collection {
  padding: 2rem 1rem; }
  @media (min-width: 1200px) {
    .silk-quilt-page .collection {
      padding: 4rem 1rem; } }
  .silk-quilt-page .collection p {
    text-align: center;
    color: #10318E; }
  .silk-quilt-page .collection .top-icon {
    max-height: 60px; }
  .silk-quilt-page .collection .gsm-content {
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      .silk-quilt-page .collection .gsm-content {
        max-width: 80%;
        width: 400px;
        margin-bottom: 20px; }
        .silk-quilt-page .collection .gsm-content.one {
          margin-top: -152px; }
        .silk-quilt-page .collection .gsm-content.two {
          margin-top: -75px; }
        .silk-quilt-page .collection .gsm-content.three {
          margin-top: -30px; } }
    @media screen and (max-width: 640px) {
      .silk-quilt-page .collection .gsm-content.one {
        margin-top: -23vw; }
      .silk-quilt-page .collection .gsm-content.two {
        margin-top: -13vw; }
      .silk-quilt-page .collection .gsm-content.three {
        margin-top: -4vw; } }
  .silk-quilt-page .collection .tech-specs-wrapper .specs-block {
    margin-bottom: 1rem; }
  .silk-quilt-page .collection .image-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1rem; }
    @media (max-width: 767px) {
      .silk-quilt-page .collection .image-wrapper {
        margin-bottom: 2rem; } }
  @media (max-width: 767px) {
    .silk-quilt-page .collection .swiper-container {
      margin-left: -15px;
      margin-right: -15px; }
    .silk-quilt-page .collection .swiper-slide {
      width: 75% !important;
      padding: 1rem 0rem; } }

.silk-quilt-page .tech-specs .tech-specs-wrapper {
  padding: 0; }

.silk-quilt-page .tech-specs .collapsing {
  transition-timing-function: linear; }

.product-ecosa-silk-quilt input:focus, .product-ecosa-silk-quilt label:focus {
  outline: none !important; }

.product-ecosa-silk-quilt #add-to-cart-or-refresh > div.product-variants > div:nth-child(3) > span.control-label {
  visibility: hidden; }

.product-ecosa-silk-quilt #season_gsm_tips_modal .modal-dialog {
  position: absolute;
  top: 25%;
  left: 50%;
  text-align: left;
  margin: 0;
  min-width: 320px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  max-width: 400px; }
  .product-ecosa-silk-quilt #season_gsm_tips_modal .modal-dialog .modal-content .modal-header {
    border: 0; }
  .product-ecosa-silk-quilt #season_gsm_tips_modal .modal-dialog .modal-content .modal-body {
    padding: 2.5rem;
    height: 15rem;
    color: #003b71; }

.product-ecosa-silk-quilt .product-top-gallery .cover-images .swiper-slide:nth-child(2) img {
  -o-object-position: left top;
     object-position: left top; }

.product-ecosa-silk-quilt .product-top-gallery .cover-images .swiper-slide:nth-child(3) img {
  -o-object-position: left top;
     object-position: left top; }

.product-ecosa-silk-quilt .product-top-content .icon-gsm-tips {
  position: absolute;
  top: 3px;
  right: 0;
  color: #6A6A6A;
  font-size: 1rem; }

.product-ecosa-silk-quilt .product-top-content .product-actions {
  padding-top: 0; }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container label {
    cursor: pointer; }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container .switch-option {
    padding: .5rem 0;
    /*&:hover{
            border-radius: 8px;

            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
          }*/ }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container .attr-option-Winter:before {
    content: url("https://ecosaau.imgix.net/img/silkquilt/icon-winter-quilt-300-550GSM.svg?auto=compress,format");
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container .attr-option-Winter:after {
    content: "300+550GSM";
    display: block;
    font-size: 60%;
    line-height: 1em; }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container .attr-option-Summer:before {
    content: url("https://ecosaau.imgix.net/img/silkquilt/icon-summer-300GSM.svg?auto=compress,format");
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container .attr-option-Summer:after {
    content: "300GSM";
    display: block;
    font-size: 60%;
    line-height: 1em; }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container .attr-option-Mid–season:before {
    content: url("https://ecosaau.imgix.net/img/silkquilt/icon-mid-550GSM.svg?auto=compress,format");
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container .attr-option-Mid–season:after {
    content: "550GSM";
    display: block;
    font-size: 60%;
    line-height: 1em; }
  .product-ecosa-silk-quilt .product-top-content .product-actions .switches-container .attr_name {
    line-height: 1.2em;
    padding: 0; }

.product-ecosa-silk-quilt .silk-quilt-thought {
  background-color: #deeff9;
  padding: 3rem 1rem 4rem;
  width: 100%; }
  .product-ecosa-silk-quilt .silk-quilt-thought h3 {
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .product-ecosa-silk-quilt .silk-quilt-thought .thought-title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    text-align: center; }
  .product-ecosa-silk-quilt .silk-quilt-thought .thought-item-frame {
    overflow: hidden;
    margin-bottom: 2rem; }
  .product-ecosa-silk-quilt .silk-quilt-thought .thought-item-frame .wistia_responsive_padding {
    margin-right: -1px;
    margin-bottom: -1px;
    overflow: hidden; }
  .product-ecosa-silk-quilt .silk-quilt-thought .thought-text {
    color: #10318E;
    margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .product-ecosa-silk-quilt .silk-quilt-thought .thought-item-frame {
      margin-bottom: 1rem; }
    .product-ecosa-silk-quilt .silk-quilt-thought .thought-text-wrapper {
      margin-bottom: 3rem; } }

.product-top-classic .product-actions .free-express-delivery {
  margin-left: -1rem;
  margin-right: -1rem; }

.product-top-classic .free-express-delivery {
  border-radius: 0; }

.free-express-delivery {
  padding: 0.5rem;
  color: #fff;
  background-color: #003b71;
  text-align: center; }
  @media (min-width: 768px) {
    .free-express-delivery {
      border-radius: 0 0 8px 8px; } }

/** SAME DAY DELIVERY COUNTDOWN **/
.sameday-countdown {
  box-shadow: black 0px 1px 2px -2px inset;
  padding: 0.5rem;
  background-color: #ffe1d9;
  /* .flip-clock-wrapper ul{
	background-color: #fff;
	width: 20px; height: 30px;
	font-size: 18px; line-height: 44px;
	box-shadow:unset;
	margin: 2px;
  }
  .flip-clock-wrapper ul li a div div.inn { font-size: 18px; }
  .flip-clock-wrapper ul li { line-height: 35px; }
  .flip-clock-wrapper ul li a div div.inn { background-color: #fff; color: #003b71; text-shadow: 0 1px 2px #fff; }
  .flip-clock-wrapper ul.play {
    .li.flip-clock-before, .li.flip-clock-active {
	  border-radius: 6px;
	  .up .shadow {
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.2)));
		background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%;
		background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
		background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
		background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%;
	  }
	  .down .shadow {
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.1)));
		background: linear, top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%;
		background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
		background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
		background: linear, to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%;
	  }
	}
  }
  .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
  .flip-clock-wrapper .flip-clock-dot {
	width: 3px;
    height: 3px;
    background: #003b71;
    box-shadow: none;
	left: 2px;
	&.top { top: 12px; }
	&.bottom { bottom: 6px; }
  }
  .flip-clock-divider {
    width: 8px;
    height: 34px;
  }
  .flip-clock-divider .flip-clock-label {
	top: unset;
	bottom: 0;
	right: -38px;
	color: #003772;
  }
  .flip-clock-divider.minutes .flip-clock-label {right: -44px;}
  .flip-clock-divider.seconds .flip-clock-label {right: -46px;}
  .flip-clock-label {
	display: none;
  } */ }
  @media (min-width: 768px) {
    .sameday-countdown {
      border-radius: 0 0 8px 8px; } }
  .sameday-countdown .countdown-timer {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .sameday-countdown a[data-target="#sameday-modal"] {
    font-size: 1rem;
    line-height: 0.9rem; }

#sameday-modal .modal-header {
  border: none; }

#sameday-modal .modal-dialog {
  position: absolute;
  top: 20%;
  left: 50%;
  text-align: left;
  margin: 0;
  min-width: 320px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%); }

#sameday-modal .modal-body {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 15rem;
  color: #10318E; }

#sameday-modal .modal-content {
  border-radius: 8px;
  border: none; }

/** CROSS PROMOTION **/
.cross-promotion {
  padding: 4rem 1rem; }
  .cross-promotion .cross-wrapper {
    position: relative;
    padding: 0; }
  .cross-promotion .cross-content {
    max-width: 18rem;
    position: absolute;
    margin: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .cross-promotion .cross-content.bottom-right {
      right: 0;
      bottom: 0; }

/** STICKY BUY NOW **/
.sticky-buynow {
  background: #fff;
  position: fixed;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms; }
  .sticky-buynow.slideDown {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 300ms; }
  .sticky-buynow.top {
    width: 95%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    top: 4.325rem;
    border-radius: 0 0 8px 8px; }
    .sticky-buynow.top.variation {
      top: 6.25rem; }
      @media screen and (max-width: 768px) {
        .sticky-buynow.top.variation {
          top: 5.75rem; } }
      @media screen and (max-width: 543px) {
        .sticky-buynow.top.variation {
          top: 5.5rem; } }
    .sticky-buynow.top .product-info-wrapper {
      border-radius: 0 0 0 8px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      padding-right: 0;
      -ms-flex-direction: column;
          flex-direction: column; }
    .sticky-buynow.top .sticky-variants .control-label {
      display: none; }
    @media (max-width: 767px) {
      .sticky-buynow.top {
        min-height: 3rem;
        top: 4.125rem; }
        .sticky-buynow.top .product-info-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          border-radius: 0 0 8px 8px;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 100%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; }
        .sticky-buynow.top .sticky-actions {
          display: none; }
        .sticky-buynow.top .rating .display {
          white-space: nowrap; }
        .sticky-buynow.top .buynow_scroolTop {
          display: block; }
          .sticky-buynow.top .buynow_scroolTop a {
            font-size: 14px;
            margin-right: 5px; } }
    @media (min-width: 768px) {
      .sticky-buynow.top {
        height: 4rem; }
        .sticky-buynow.top .buynow_scroolTop {
          display: none; } }
  .sticky-buynow.bottom {
    width: 100%;
    bottom: 0;
    border-top: 1px solid #fafafa;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
    z-index: 10; }
    .sticky-buynow.bottom .sticky-actions {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      background: #fff;
      border-top: 1px solid #fafafa;
      transition: -webkit-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
      transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
      box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.2); }
    .sticky-buynow.bottom.expand .sticky-actions {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
    .sticky-buynow.bottom.expand .sticky-dropup {
      display: none; }
    .sticky-buynow.bottom.expand .sticky-variants {
      width: 100%; }
    .sticky-buynow.bottom.expand .sticky-add-to-cart {
      padding: 0.5rem; }
    .sticky-buynow.bottom.expand .control-label {
      background: #10318E;
      color: #fff;
      height: 35px;
      padding: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-weight: bold;
      letter-spacing: 1px; }
    .sticky-buynow.bottom.expand .form-control-select-display-div {
      display: none; }
    .sticky-buynow.bottom.expand .form-control-select-display-ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border: 0;
      margin: 0; }
      .sticky-buynow.bottom.expand .form-control-select-display-ul li {
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .sticky-buynow.bottom.expand .form-control-select-display-ul li:not(:first-child) {
          border: 0; }
        .sticky-buynow.bottom.expand .form-control-select-display-ul li.selected {
          background-color: #deeff9; }
  .sticky-buynow .product-info-wrapper {
    background: #FFF;
    padding: 0 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /*height: 100%;*/ }
    .sticky-buynow .product-info-wrapper h5 {
      margin-bottom: 4px;
      text-align: left;
      text-decoration: underline;
      text-underline-position: under; }
    .sticky-buynow .product-info-wrapper .rating {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 0.9rem;
      color: #10318E;
      padding: 0.25rem 0; }
      .sticky-buynow .product-info-wrapper .rating i {
        color: #ffd200;
        font-size: 1rem; }
      .sticky-buynow .product-info-wrapper .rating .display {
        padding-left: 0.25rem; }
    @media (max-width: 767px) {
      .sticky-buynow .product-info-wrapper {
        padding: .5rem 1rem 0.25rem 1rem; } }
    @media (min-width: 768px) {
      .sticky-buynow .product-info-wrapper h5 {
        font-size: 1.2rem; } }
  .sticky-buynow .sticky-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #10318E; }
  .sticky-buynow .sticky-variants .btn-close {
    line-height: 33px;
    font-size: 35px;
    color: #fff;
    border: none;
    background: transparent;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 1; }
  .sticky-buynow .sticky-variants .product-variants-item {
    margin: 0;
    min-width: 320px; }
  .sticky-buynow .sticky-variants.product-variants > .product-variants-item .form-control-select-display-div {
    height: 38px; }
  .sticky-buynow .sticky-add-to-cart {
    margin: 0 0.5rem; }
    .sticky-buynow .sticky-add-to-cart .btn.add-to-cart {
      min-width: 150px; }
  .sticky-buynow .sticky-dropup {
    position: relative;
    z-index: 2;
    padding: 1rem;
    background: #fff;
    width: 100%; }

/** PRODUCT TOP **/
.product-top {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  background: #10318E;
  /** PRODUCT IMAGES SLIDER **/
  /** PRODUCT ADD-TO-CART BIOX **/ }
  .product-top .product-top-gallery {
    width: 100%; }
    .product-top .product-top-gallery .cover-images {
      /** For IE **/
      /** For Other Broswers **/ }
      .product-top .product-top-gallery .cover-images .swiper-slide {
        background-size: cover;
        background-position: left bottom; }
      .product-top .product-top-gallery .cover-images .swiper-slide img {
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: left bottom;
           object-position: left bottom; }
    .product-top .product-top-gallery #content {
      margin-bottom: 0; }
    .product-top .product-top-gallery .images-container {
      background-color: #FFF; }
  .product-top .product-top-content {
    background-color: #fff;
    padding: 0;
    z-index: 20;
    /** PRODUCT INFORMATION **/
    /** PRODUCT REFRESH BUTTON **/ }
    .product-top .product-top-content.bg-white {
      background-color: #fff !important; }
    .product-top .product-top-content h1 {
      margin-bottom: 1rem;
      padding: 0 1rem;
      text-align: left;
      text-decoration: underline;
      text-underline-position: under; }
      @media (min-width: 544px) {
        .product-top .product-top-content h1 {
          font-size: 1.8rem; } }
    .product-top .product-top-content .aggregateRating {
      display: none; }
      .product-top .product-top-content .aggregateRating > div:first-of-type {
        text-align: left;
        padding: 0 1rem; }
      .product-top .product-top-content .aggregateRating i {
        color: #ffd200;
        width: .8em;
        font-size: 1.2rem; }
      .product-top .product-top-content .aggregateRating .display {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.9em;
        padding-left: .25rem; }
      .product-top .product-top-content .aggregateRating .display, .product-top .product-top-content .aggregateRating span {
        color: #6A6A6A; }
    .product-top .product-top-content .yotpo-bottomline {
      height: 24px;
      text-align: left;
      padding: 0 0.5rem; }
      .product-top .product-top-content .yotpo-bottomline span.yotpo-icon-star {
        font-size: 1.25rem; }
      .product-top .product-top-content .yotpo-bottomline a.text-m {
        font-size: .9375rem;
        color: #6a6a6a !important;
        margin-left: 0.5rem;
        font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif; }
    .product-top .product-top-content .product-information {
      font-size: 0.9375rem;
      color: #10318E; }
      .product-top .product-top-content .product-information .product-description img {
        max-width: 100%;
        height: auto; }
      .product-top .product-top-content .product-information .product-description-short p {
        margin: 0.5rem 1rem;
        text-align: left; }
        .product-top .product-top-content .product-information .product-description-short p.custom-discount-message {
          color: #fff;
          background: #e96952;
          margin: 0;
          padding: 0.3125rem 1rem;
          max-width: 100%; }
      .product-top .product-top-content .product-information .product-description-short hr {
        margin: 0.5rem; }
      .product-top .product-top-content .product-information .product-description-short .short-description-icons img {
        height: 50px;
        width: auto;
        margin-bottom: 0.2rem; }
      .product-top .product-top-content .product-information .product-description-short .short-description-icons p {
        margin: 0;
        line-height: 1; }
      .product-top .product-top-content .product-information .product-description-short .bundle-description-short {
        padding: 15px;
        text-align: left; }
        .product-top .product-top-content .product-information .product-description-short .bundle-description-short ul {
          margin-bottom: 0; }
          .product-top .product-top-content .product-information .product-description-short .bundle-description-short ul li {
            font-size: 1.2rem;
            margin-bottom: 0; }
            .product-top .product-top-content .product-information .product-description-short .bundle-description-short ul li small {
              display: block;
              font-size: .8rem; }
      .product-top .product-top-content .product-information .product-minimal-quantity {
        margin-bottom: 0; }
      .product-top .product-top-content .product-information .bundle_msg {
        background-color: #deeff9;
        color: #10318E;
        padding: 0.8rem;
        text-decoration: underline;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px; }
    .product-top .product-top-content .product-refresh {
      height: 0;
      visibility: hidden; }

/** PRODUCT COMBINATIONS **/
.product-variants {
  text-align: left; }
  .product-variants .product-variants-item select {
    width: 100%; }
  .product-variants .product-variants-item li.active .color.texture {
    border: solid .2rem #ffc62c; }
  .product-variants span.size-msg {
    font-size: 0.7rem; }
  .product-variants > .product-variants-item {
    position: relative;
    margin-bottom: 1rem; }
    .product-variants > .product-variants-item[data-target="group_2"] .control-label.variation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .product-variants > .product-variants-item[data-target="group_2"] .control-label.variation small {
        font-size: 0.9375rem;
        font-weight: bold;
        margin-left: 0.25rem; }
    .product-variants > .product-variants-item .x {
      display: none; }
    .product-variants > .product-variants-item li.not-available, .product-variants > .product-variants-item li.not-available-hover {
      /*pointer-events: none;*/
      cursor: default;
      opacity: 0.5; }
      .product-variants > .product-variants-item li.not-available input, .product-variants > .product-variants-item li.not-available-hover input {
        pointer-events: none;
        cursor: default; }
      .product-variants > .product-variants-item li.not-available:not(.available-hover) span, .product-variants > .product-variants-item li.not-available-hover:not(.available-hover) span {
        text-decoration: line-through;
        color: #aaa; }
        .product-variants > .product-variants-item li.not-available:not(.available-hover) span.color, .product-variants > .product-variants-item li.not-available-hover:not(.available-hover) span.color {
          opacity: 0.5; }
      .product-variants > .product-variants-item li.not-available .input-color:checked + span, .product-variants > .product-variants-item li.not-available .input-color:hover + span, .product-variants > .product-variants-item li.not-available .input-radio:checked + span, .product-variants > .product-variants-item li.not-available .input-radio:hover + span, .product-variants > .product-variants-item li.not-available-hover .input-color:checked + span, .product-variants > .product-variants-item li.not-available-hover .input-color:hover + span, .product-variants > .product-variants-item li.not-available-hover .input-radio:checked + span, .product-variants > .product-variants-item li.not-available-hover .input-radio:hover + span {
        border: 0; }
      .product-variants > .product-variants-item li.not-available:not(.available-hover) .x, .product-variants > .product-variants-item li.not-available-hover:not(.available-hover) .x {
        display: block;
        text-indent: -999em;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(to right top, transparent 47.75%, #003b71 49.5%, #003b71 50.5%, transparent 52.25%);
        z-index: 10;
        width: 2.5rem;
        height: 2.5rem; }
    .product-variants > .product-variants-item .form-control-select-display-div {
      border-radius: 8px;
      border: 1px solid #d7d7d7;
      background-color: #fff;
      height: 50px;
      padding: 8px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .product-variants > .product-variants-item .form-control-select-display-div .up {
        display: none; }
      .product-variants > .product-variants-item .form-control-select-display-div .down {
        display: block; }
      .product-variants > .product-variants-item .form-control-select-display-div.open {
        border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px; }
        .product-variants > .product-variants-item .form-control-select-display-div.open i {
          content: ''; }
        .product-variants > .product-variants-item .form-control-select-display-div.open .up {
          display: block; }
        .product-variants > .product-variants-item .form-control-select-display-div.open .down {
          display: none; }
      .product-variants > .product-variants-item .form-control-select-display-div i {
        float: right;
        margin-left: auto; }
      .product-variants > .product-variants-item .form-control-select-display-div .option_display {
        font-size: 1rem; }
        .product-variants > .product-variants-item .form-control-select-display-div .option_display .size-msg {
          font-size: 0.8rem !important; }
    .product-variants > .product-variants-item .form-control-select-display-ul {
      border: solid 1px #ccc;
      border-top: none;
      margin-top: -1px;
      background-color: white;
      width: 100%;
      border-radius: 0 0 8px 8px;
      -moz-border-radius: 0 0 8px 8px;
      -webkit-border-radius: 0 0 8px 8px;
      position: absolute;
      z-index: 15;
      display: none; }
      .product-variants > .product-variants-item .form-control-select-display-ul.open {
        display: inline-block; }
      .product-variants > .product-variants-item .form-control-select-display-ul li {
        cursor: pointer;
        margin: 0;
        width: 100%;
        border-top: 1px solid #CCC;
        height: 35px;
        padding: 5px; }
        .product-variants > .product-variants-item .form-control-select-display-ul li:hover {
          background-color: #f3f3f3; }
        .product-variants > .product-variants-item .form-control-select-display-ul li.selected {
          background-color: #CCC; }
        .product-variants > .product-variants-item .form-control-select-display-ul li .left {
          float: left; }
        .product-variants > .product-variants-item .form-control-select-display-ul li .right {
          float: right; }
    .product-variants > .product-variants-item select {
      background-color: white;
      width: auto;
      padding-right: 1.875rem;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      display: none; }
    .product-variants > .product-variants-item ul li {
      margin-right: 0.625rem;
      margin-bottom: 0;
      float: left; }
      .product-variants > .product-variants-item ul li label {
        margin-bottom: 0; }
        .product-variants > .product-variants-item ul li label span.color {
          margin: 0; }
    .product-variants > .product-variants-item .color {
      margin-left: 0;
      margin-top: 0; }
  .product-variants .extra-description {
    text-align: center;
    font-weight: normal;
    margin-bottom: 0.5rem; }

/** PRODUCT COMBINATIONS INPUT STYLE **/
.input-color {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 1.25rem;
  width: 1.25rem; }

.input-container {
  position: relative; }

.input-radio {
  position: absolute;
  top: 0;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  color: #10318E; }

.input-radio:checked + span,
.input-radio:hover + span {
  border-color: #deeff9;
  background-color: #deeff9; }

.input-color:checked + span,
.input-color:hover + span {
  border-color: rgba(0, 0, 0, 0.25); }

.radio-label {
  border-radius: 4px;
  background: white;
  display: inline-block;
  padding: 0.125rem 0.625rem;
  font-weight: 400;
  color: #10318E;
  border: 1px solid #efeeee; }

/** PRODUCT PRICES **/
.product-prices {
  font-weight: 400;
  margin: 0.75rem 0; }
  .product-prices .price-label {
    position: absolute;
    font-size: 1.25rem; }
  .product-prices .tax-shipping-delivery-label {
    display: none;
    font-size: 0.8125rem;
    color: #6A6A6A; }
  .product-prices .product-discount {
    margin: unset;
    margin-right: 0.5rem; }
    .product-prices .product-discount .regular-price {
      font-size: 1.25rem;
      background: linear-gradient(to right top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%); }
    .product-prices .product-discount .discount-off {
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
      font-size: 1rem;
      font-weight: 400; }

.product-price {
  color: #10318E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .product-price .current-price span {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-size: 2rem;
    font-weight: 600;
    display: block; }
    .product-price .current-price span.regular-price {
      color: #999;
      text-decoration: line-through;
      font-size: 1.5rem; }
  .product-price sup {
    margin: 0 .5rem 0 -.5rem;
    white-space: nowrap; }

.product-unit-price {
  font-size: 0.8125rem;
  margin-bottom: 0; }

.has-discount.product-price, .has-discount p {
  color: #10318E; }

.has-discount .discount {
  background: #b0c8e8;
  color: white;
  font-weight: 600;
  padding: 0.3125rem 0.625rem;
  font-size: 1rem;
  margin-left: 0.625rem;
  text-transform: uppercase;
  display: inline-block; }

/** PRODUCT ACTIONS **/
.product-actions {
  padding: 1rem; }
  .product-actions .control-label {
    margin-bottom: 0.375rem;
    display: block;
    width: 100%; }
    .product-actions .control-label small {
      float: right; }
  .product-actions .variants label {
    width: 50%;
    padding: 8px;
    border-radius: 5px;
    margin: -2px;
    cursor: pointer; }
    .product-actions .variants label.checked {
      background-color: #deeff9; }
  .product-actions .product-pack .card {
    overflow: hidden; }
  .product-actions .product-pack .pack-product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .product-actions .product-pack .pack-product-container .thumb-mask {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 25%; }
      .product-actions .product-pack .pack-product-container .thumb-mask .mask {
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: unset;
        border: unset; }
        .product-actions .product-pack .pack-product-container .thumb-mask .mask a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .product-actions .product-pack .pack-product-container .thumb-mask .mask a img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
    .product-actions .product-pack .pack-product-container .pack-info {
      padding: 0.5rem; }
      .product-actions .product-pack .pack-product-container .pack-info .pack-product-name {
        text-align: left;
        line-height: 1rem;
        font-weight: bold;
        min-height: 2rem; }
        .product-actions .product-pack .pack-product-container .pack-info .pack-product-name small {
          display: inline-block;
          width: 100%; }
      .product-actions .product-pack .pack-product-container .pack-info .pack-product-message {
        position: absolute;
        right: 5px;
        top: 5px; }
      .product-actions .product-pack .pack-product-container .pack-info .pack-product-price-qty {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .product-actions .product-pack .pack-product-container .pack-info .pack-product-price-qty .pack-product-quantity {
          margin: 0 0.5rem; }
  .product-actions .bundle_radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .product-actions .bundle_radio li, .product-actions .bundle_radio label {
      width: 100%; }
    .product-actions .bundle_radio span {
      width: 100%;
      text-align: center; }

/** PRODUCT ADD-TO-CART BUTTON **/
.product-add-to-cart .product-quantity {
  margin: 0.8rem 0; }
  .product-add-to-cart .product-quantity .qty {
    display: none;
    float: left;
    width: 80px;
    margin-bottom: 0.5rem; }
  .product-add-to-cart .product-quantity #quantity_wanted {
    color: #323232;
    background-color: white;
    height: 2.75rem;
    padding: 0.175rem 0.5rem;
    width: 3rem; }
  .product-add-to-cart .product-quantity .input-group-btn-vertical {
    float: left; }
  .product-add-to-cart .product-quantity .input-group-btn-vertical .btn {
    padding: 0.5rem 0.6875rem; }
    .product-add-to-cart .product-quantity .input-group-btn-vertical .btn i {
      font-size: 1rem;
      top: 0.125rem;
      left: 0.1875rem; }
  .product-add-to-cart .product-quantity .btn-touchspin {
    height: 1.438rem; }

.product-add-to-cart .add {
  margin: 0; }

.product-add-to-cart button.add-to-cart {
  width: 100%;
  font-size: 1.2rem; }

/** PRODUCT AVAILABILITY **/
#product-availability {
  width: 100%;
  display: inline-block; }
  #product-availability a[data-target="#question_tips_modal"] {
    color: #6A6A6A;
    font-size: 1rem;
    line-height: 0.9rem;
    margin-left: .3125rem; }
  #product-availability .product-available {
    color: #4cbb6c; }
  #product-availability .product-unavailable {
    color: #ff9a52; }
  #product-availability .product-last-items {
    color: #ff9a52; }

a[data-target="#trialNotValid_tips_modal"] {
  color: #6A6A6A;
  font-size: 1rem;
  line-height: 0.9rem;
  margin-left: .3125rem; }

#question_tips_modal .modal-header, #trialNotValid_tips_modal .modal-header {
  border: none; }

#question_tips_modal .modal-dialog, #trialNotValid_tips_modal .modal-dialog {
  position: absolute;
  top: 20%;
  left: 50%;
  text-align: left;
  margin: 0;
  min-width: 320px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%); }

#question_tips_modal .modal-body, #trialNotValid_tips_modal .modal-body {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  height: 15rem;
  color: #10318E; }

#question_tips_modal .modal-content, #trialNotValid_tips_modal .modal-content {
  border-radius: 8px;
  border: none; }

/** PRODUCT DISCOUNTS **/
.product-discounts > .product-discounts-title {
  font-size: 0.875rem; }

.product-discounts > .table-product-discounts thead tr th {
  width: 33%;
  padding: 0.625rem 1.25rem;
  background: white;
  border: 0.3125rem #f3f3f3 solid;
  text-align: center; }

.product-discounts > .table-product-discounts tbody tr {
  background: #fafafa; }
  .product-discounts > .table-product-discounts tbody tr:nth-of-type(even) {
    background: white; }
  .product-discounts > .table-product-discounts tbody tr td {
    padding: 0.625rem 1.25rem;
    text-align: center;
    border: 0.3125rem #f3f3f3 solid; }

/** PRODUCT IMAGES **/
.product-images > li.thumb-container {
  display: inline;
  color: #fff;
  cursor: pointer; }
  .product-images > li.thumb-container > picture .thumb {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    margin-bottom: 0.625rem;
    width: auto;
    height: 30px;
    border: transparent 1px solid;
    border-radius: 4px; }
    .images-container .product-images > li.thumb-container > picture .thumb {
      margin-right: 0.8125rem;
      border-radius: 4px; }
    .product-images > li.thumb-container > picture .thumb.selected {
      border: #10318E 1px solid;
      border-radius: 4px; }

.product-images .js-qv-mask {
  padding: 1rem;
  overflow: hidden; }
  .product-images .js-qv-mask.scroll {
    margin: 0 auto; }

@media (max-width: 767px) {
  .js-qv-mask {
    position: absolute;
    width: 100%;
    margin-top: -3rem;
    z-index: 5; } }

/** PRODUCT LONG DESCRIPTION **/
body#product .product-long-description .ecosa-difference {
  position: relative;
  top: 0;
  z-index: 1;
  width: 100%; }
  @media (min-width: 768px) {
    body#product .product-long-description .ecosa-difference {
      padding: 0 1rem; } }
  body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-image {
    position: relative;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
    @media (min-width: 768px) {
      body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-image {
        width: 50%; } }
    @media (min-width: 1200px) {
      body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-image {
        width: 60%; } }
    body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-image img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: left bottom;
         object-position: left bottom;
      height: 100%;
      width: 100%;
      border-radius: 0 0 0 8px; }
  body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: stretch;
        align-self: stretch; }
    @media (min-width: 768px) {
      body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content {
        width: 50%; } }
    @media (min-width: 1200px) {
      body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content {
        width: 40%; } }
    body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content h3 {
      font-size: 1.275rem; }
    body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content p {
      margin: 0; }
    body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content .difference-item {
      padding: 0.75rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content .difference-item:nth-of-type(odd) {
        background-color: #deeff9; }
      body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content .difference-item:last-of-type {
        border-radius: 0 0 8px 0; }
    body#product .product-long-description .ecosa-difference .difference-wrapper .wrapper-content .iwt-content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }

body#product .product-long-description .product-banner {
  position: relative;
  background-color: #003b71;
  overflow: hidden; }
  body#product .product-long-description .product-banner .page-hero {
    background-size: cover;
    height: 100vh;
    position: relative;
    margin-top: -5rem; }
  body#product .product-long-description .product-banner .features-overview {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1rem 0 2rem 0; }

body#product .product-long-description .hero-image {
  width: 100%;
  height: 100%; }
  body#product .product-long-description .hero-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none; }

body#product .product-long-description .hundred-night {
  position: relative;
  background-color: #10318E;
  padding-bottom: 4rem;
  overflow: hidden; }
  body#product .product-long-description .hundred-night h2, body#product .product-long-description .hundred-night p {
    color: #fff;
    text-align: center; }
  body#product .product-long-description .hundred-night h2 {
    margin-bottom: 2rem; }
  body#product .product-long-description .hundred-night .star {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0);
    border-radius: 5px; }

@-webkit-keyframes twinkle {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    background: rgba(255, 255, 255, 0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
    background: white;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  80% {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes twinkle {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    background: rgba(255, 255, 255, 0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
    background: white;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  80% {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@media (min-width: 768px) {
  body#product .product-top .product-top-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  body#product .product-top .product-top-gallery .cover-images .swiper-slide, body#product .product-top .product-top-gallery .cover-images img {
    width: 100%;
    height: 85vh;
    min-height: 600px; }
  body#product .product-top .product-top-gallery .cover-images .variation .swiper-slide, body#product .product-top .product-top-gallery .cover-images .variation img {
    height: 95vh;
    min-height: 650px; }
  body#product .product-top .product-top-content {
    position: absolute;
    right: 3vw;
    top: calc(5vh + 3rem);
    max-width: 22rem;
    min-width: 20rem; }
    body#product .product-top .product-top-content.variation {
      top: calc(5vh + 5rem); }
  body#product .product-top .images-container .js-qv-mask {
    float: left;
    position: absolute;
    margin-top: -6rem;
    margin-left: 4rem;
    z-index: 1;
    opacity: .9; }
  body#product .tech-specs .tech-specs-layers .tech-specs-layers-item img {
    width: 70%;
    margin-bottom: 0; }
  body#product .tech-specs .tech-specs-layers .tech-specs-layers-item span {
    width: 30%; } }

.ecosa-difference .swiper-pagination {
  display: none; }

@media (min-width: 768px) and (max-width: 1199px) {
  body#product .product-top-content {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    top: calc(5vh + 1rem) !important;
    right: 1vw !important; }
    body#product .product-top-content.variation {
      top: calc(5vh + 4rem) !important; } }

@media (max-width: 767px) {
  body#product .product-top-content {
    width: 100%;
    border-radius: 0;
    box-shadow: none; }
  body#product .usp-overview {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 4rem; }
    body#product .usp-overview.top {
      padding-top: 6rem; }
  body#product .ecosa-difference .container {
    max-width: 100%;
    width: 95%;
    margin: 0 auto; }
  body#product .ecosa-difference .difference-item {
    padding: 0 !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    body#product .ecosa-difference .difference-item:last-of-type {
      border-radius: 0 0 8px 8px !important; }
  body#product .ecosa-difference .difference-wrapper.swiper-container {
    padding: 2rem 1rem;
    background: #fff;
    color: #10318E; }
    body#product .ecosa-difference .difference-wrapper.swiper-container .difference-item {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      min-height: 200px; }
      body#product .ecosa-difference .difference-wrapper.swiper-container .difference-item .iwt-content {
        padding-left: 0 !important; }
    body#product .ecosa-difference .difference-wrapper.swiper-container .swiper-slide {
      width: 50% !important; }
  body#product .tech-specs-header {
    padding: 1rem; }
  body#product .tech-specs-wrapper .container {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 543px) {
  body#product .product-top-gallery .js-qv-mask {
    margin-top: -2rem; }
  body#product .product-top-gallery .product-images > li.thumb-container > picture .thumb {
    width: 28px;
    height: 21px; }
  body#product .ecosa-difference .difference-wrapper.swiper-container .swiper-slide {
    width: 100% !important; }
  body#product .product-top-wrapper .product-actions {
    padding: 0.75rem;
    border-radius: 0; } }

/** CROSS-SELLING **/
.cross-selling {
  display: none;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 0 0.325rem;
  margin-bottom: 1rem; }
  .cross-selling .flex-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .cross-selling input[type="checkbox"] {
    width: 25px;
    height: 25px; }
  .cross-selling span.cross-selling-text {
    font-size: 0.8rem;
    line-height: 1em;
    margin: 0 1rem 0 0.325rem; }
  .cross-selling img.cross-selling-image {
    padding: 0.1rem; }

/** PRODUCT SPECS **/
.tech-specs {
  background-color: #fff; }
  .tech-specs p {
    margin: 0 0 1rem; }
  .tech-specs .tech-specs-header h4 {
    margin-bottom: 0; }
  .tech-specs .tech-specs-header a {
    color: #fff; }
    .tech-specs .tech-specs-header a i.icon-more {
      display: none; }
    .tech-specs .tech-specs-header a i.icon-less {
      display: inline-block; }
    .tech-specs .tech-specs-header a.collapsed i.icon-more {
      display: inline-block; }
    .tech-specs .tech-specs-header a.collapsed i.icon-less {
      display: none; }
  .tech-specs .tech-specs-wrapper {
    padding-top: 2rem;
    overflow: hidden;
    color: #10318E;
    padding-top: 0;
    padding-bottom: 0; }
    .tech-specs .tech-specs-wrapper > * {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .tech-specs .tech-specs-wrapper h4 {
      text-align: left; }
    .tech-specs .tech-specs-wrapper .container {
      max-width: 1400px; }
    .tech-specs .tech-specs-wrapper ul.tech-specs-materials > li:before, .tech-specs .tech-specs-wrapper ul.tech-specs-care-instruction > li:before {
      content: "-";
      padding-right: 0.5rem; }
  .tech-specs .tech-specs-layers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2rem; }
    .tech-specs .tech-specs-layers .tech-specs-layers-item img {
      margin-bottom: 1rem; }
    .tech-specs .tech-specs-layers .tech-specs-layers-item span {
      font-size: 0.8rem;
      line-height: 1.2em;
      margin: 0.625rem auto; }
  .tech-specs ul li {
    max-width: 100%;
    margin-bottom: 0.5rem; }
  .tech-specs ul.tech-specs-dimensions {
    float: left;
    margin-right: 2rem; }
    .tech-specs ul.tech-specs-dimensions span.tech-specs-dimensions-title {
      font-weight: 600; }
    .tech-specs ul.tech-specs-dimensions li {
      margin-bottom: 0; }

.specs-block.bedbase-specs {
  margin-bottom: 1rem; }
  .specs-block.bedbase-specs h4 {
    text-align: center; }
  .specs-block.bedbase-specs img {
    margin: 1rem; }
  .specs-block.bedbase-specs span {
    font-weight: bold; }
  @media (max-width: 991px) {
    .specs-block.bedbase-specs img {
      margin: unset;
      margin-bottom: 1rem; }
    .specs-block.bedbase-specs span {
      font-weight: bold; } }

/** PRODUCT REVIEWS **/
.product-reviews .yotpo-main-widget {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto; }
  .product-reviews .yotpo-main-widget .write-review-button {
    display: none !important; }
  .product-reviews .yotpo-main-widget .write-question-button {
    display: none !important; }
  .product-reviews .yotpo-main-widget li[data-type="questions"] {
    display: none !important; }
  .product-reviews .yotpo-main-widget .yotpo-syndication-reference {
    display: none !important; }
  .product-reviews .yotpo-main-widget .yotpo-regular-box {
    border: 0 !important;
    background: #fafafa;
    margin: 20px 0 !important;
    padding: 20px !important; }
  .product-reviews .yotpo-main-widget .yotpo-visible-mobile .yotpo-icon-three-lines {
    display: none !important; }
  .product-reviews .yotpo-main-widget .yotpo-user-related-fields {
    clear: both; }
    .product-reviews .yotpo-main-widget .yotpo-user-related-fields .yotpo-user-field {
      float: left;
      margin-right: 20px;
      clear: both; }

/** PRODUCT PAGE FAQS **/
.product-faqs {
  padding: 4rem 1rem 6rem 1rem; }
  .product-faqs h2 {
    margin-bottom: 3rem; }
  .product-faqs .faq-wrapper {
    border-bottom: 2px dotted #10318E;
    margin-bottom: 2rem; }
    .product-faqs .faq-wrapper a {
      font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .product-faqs .faq-wrapper a i {
        margin-right: 0.5rem; }
      .product-faqs .faq-wrapper a i.icon-remove {
        display: inline-block; }
      .product-faqs .faq-wrapper a i.icon-add {
        display: none; }
      .product-faqs .faq-wrapper a.collapsed i.icon-remove {
        display: none; }
      .product-faqs .faq-wrapper a.collapsed i.icon-add {
        display: inline-block; }
      .product-faqs .faq-wrapper a:hover, .product-faqs .faq-wrapper a:focus {
        color: #10318E; }
    .product-faqs .faq-wrapper .answer {
      padding: 0 0 1rem 2rem;
      font-weight: normal; }
      .product-faqs .faq-wrapper .answer p, .product-faqs .faq-wrapper .answer li {
        max-width: 100%; }
      .product-faqs .faq-wrapper .answer ul {
        list-style: initial; }
      .product-faqs .faq-wrapper .answer li {
        margin: 0 0 0 1.25rem; }
  .product-faqs .faq-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .product-faqs a.btn {
    margin: 0 auto;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }

/** PRODUCT PAGE SHOP LIST **/
.product-shoplist-wrapper .product-shoplist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  left: 0;
  width: 100%;
  margin-top: -20px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .product-shoplist-wrapper .product-shoplist {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media (min-width: 992px) {
    .product-shoplist-wrapper .product-shoplist a.btn-primary {
      text-transform: none;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      min-width: 100px;
      padding: 0.5rem 0.85rem; } }

/** STICKY WRAPPER **/
.sticky-wrapper {
  background-color: rgba(244, 244, 244, 0.95);
  border-bottom: 1px solid #dbdbdb;
  transition: top .2s;
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 55px;
  z-index: 100;
  border: none; }
  .sticky-wrapper .container::after {
    display: none !important; }
  .sticky-wrapper.slideUp {
    top: 0;
    z-index: 102; }

.featured-subscription-form {
  background-color: #ff4c4c;
  color: #fff; }
  .featured-subscription-form .discount-wrapper {
    padding-top: 5px;
    max-width: 720px;
    margin: 0 auto; }
    .featured-subscription-form .discount-wrapper > div {
      padding: 0;
      text-align: center; }
    .featured-subscription-form .discount-wrapper p {
      font-size: 0.7rem;
      line-height: 1em;
      margin-bottom: 5px;
      cursor: default;
      text-align: center; }
    .featured-subscription-form .discount-wrapper .discount-promo-value {
      font-size: 1rem;
      font-weight: 600;
      line-height: 1em; }
    .featured-subscription-form .discount-wrapper .discount-promo-code {
      font-size: 1rem;
      background: #fff;
      display: inline-block;
      margin: 0 auto;
      margin-bottom: 5px;
      padding: 5px;
      color: #003772;
      font-weight: 600;
      border-radius: 5px; }
    .featured-subscription-form .discount-wrapper form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .featured-subscription-form .discount-wrapper form input[name=email] {
        border-radius: 4px;
        border: none;
        padding: 0 0.5rem;
        width: 180px;
        margin-bottom: 5px;
        height: 30px;
        line-height: inherit;
        font-size: 0.8rem; }
      .featured-subscription-form .discount-wrapper form input[name=submitNewsletter] {
        height: 30px;
        margin-left: -10px;
        border-radius: 0 4px 4px 0;
        padding: 0 5px;
        width: auto;
        font-size: 0.8rem;
        line-height: inherit; }

.featured-subscription-discount {
  background-color: #ff4c4c;
  color: #fff; }
  .featured-subscription-discount .discount-wrapper {
    padding-top: 5px;
    max-width: 720px;
    margin: 0 auto; }
    .featured-subscription-discount .discount-wrapper > div {
      padding: 0;
      text-align: center; }
    .featured-subscription-discount .discount-wrapper p {
      font-size: 0.7rem;
      line-height: 1em;
      margin-bottom: 5px;
      cursor: default;
      text-align: center; }
    .featured-subscription-discount .discount-wrapper .discount-promo-value {
      font-size: 1rem;
      font-weight: 600;
      line-height: 1em; }
    .featured-subscription-discount .discount-wrapper .discount-promo-code {
      font-size: 1rem;
      background: #fff;
      display: inline-block;
      margin: 0 auto;
      margin-bottom: 5px;
      padding: 5px;
      color: #10318E;
      font-weight: 600;
      border-radius: 5px; }

body#product .footer-container, body#index .footer-container {
  box-shadow: none; }

body .easter_congu .fancybox-skin {
  border-radius: 20px;
  padding: 0 !important;
  background-color: #fff; }

body .easter_congu .fancybox-inner {
  border-radius: 8px; }

body .easter_congu .inner-wrapper {
  background: url(/img/popup/easter/eggs.png) no-repeat center bottom;
  background-size: contain;
  max-width: 700px; }
  body .easter_congu .inner-wrapper .popupMsg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    body .easter_congu .inner-wrapper .popupMsg .congratul {
      width: 70%; }
    body .easter_congu .inner-wrapper .popupMsg .congratul_egg {
      width: 50px;
      height: 69px;
      background: url(/img/popup/easter/Egg7.png) no-repeat center center;
      background-size: contain;
      margin: 20px 0;
      -webkit-animation-name: congratul_egg;
              animation-name: congratul_egg;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }

@-webkit-keyframes congratul_egg {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); } }

@keyframes congratul_egg {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); } }
    body .easter_congu .inner-wrapper .popupMsg .msg1 {
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
      color: #003772;
      font-size: 1.5rem;
      line-height: 1.5rem;
      font-weight: bolder;
      padding: 15px 0; }
    body .easter_congu .inner-wrapper .popupMsg .msg1_hk {
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
      color: #003772;
      font-size: 1.5rem;
      line-height: 1.5rem;
      font-weight: bolder;
      padding: 15px 0; }
    @media (max-width: 991px) {
      body .easter_congu .inner-wrapper .popupMsg .msg1 {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        color: #003772;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: bolder;
        padding: 10px 0; }
      body .easter_congu .inner-wrapper .popupMsg .msg1_hk {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        color: #003772;
        font-size: 0.8rem;
        line-height: 1rem;
        font-weight: bolder;
        padding: 5px 0; } }

body #egg {
  position: absolute;
  width: 50px;
  height: 69px;
  cursor: pointer;
  background: url(/img/popup/easter/Egg7.png) no-repeat center center;
  background-size: contain;
  z-index: 1; }
  body #egg.right_corner {
    top: -40px;
    right: -30px; }
  body #egg.right_corner2 {
    top: -25px;
    right: -15px; }
  body #egg.left_side {
    top: -5px;
    left: calc(50% - 600px); }

body .egg1 {
  background-image: url(/img/popup/easter/eggs-01.png) !important; }

body .egg2 {
  background-image: url(/img/popup/easter/eggs-02.png) !important; }

body .egg3 {
  background-image: url(/img/popup/easter/eggs-03.png) !important; }

body .egg4 {
  background-image: url(/img/popup/easter/eggs-04.png) !important; }

body .egg5 {
  background-image: url(/img/popup/easter/eggs-05.png) !important; }

body .egg6 {
  background-image: url(/img/popup/easter/eggs-06.png) !important; }

body .egg7 {
  background-image: url(/img/popup/easter/eggs-07.png) !important; }

body .egg8 {
  background-image: url(/img/popup/easter/eggs-08.png) !important; }

body .egg9 {
  background-image: url(/img/popup/easter/eggs-09.png) !important; }

body .egg10 {
  background-image: url(/img/popup/easter/eggs-10.png) !important; }

body .egg11 {
  background-image: url(/img/popup/easter/eggs-11.png) !important; }

body .egg12 {
  background-image: url(/img/popup/easter/eggs-12.png) !important; }

body .egg13 {
  background-image: url(/img/popup/easter/eggs-13.png) !important; }

body .egg14 {
  background-image: url(/img/popup/easter/eggs-14.png) !important; }

body .egg15 {
  background-image: url(/img/popup/easter/eggs-15.png) !important; }

body .egg16 {
  background-image: url(/img/popup/easter/eggs-16.png) !important; }

@media (max-width: 1199px) {
  body #egg.left_side {
    top: 5px;
    left: calc(50% - 500px); } }

@media (max-width: 991px) {
  body #egg.left_side {
    top: 0px;
    left: 0px; } }

@media (max-width: 767px) {
  body #egg {
    width: 40px;
    height: 55px; }
    body #egg.right_corner {
      top: -30px;
      right: 0px; }
    body #egg.right_corner2 {
      top: -15px;
      right: 0px; } }

@media (max-width: 543px) {
  body #egg.right_corner2 {
    top: -25px;
    right: 95px; } }

body .eggjump {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: eggjump;
          animation-name: eggjump;
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

@-webkit-keyframes eggjump {
  0% {
    -webkit-transform: translateY(0%) scale3d(1, 1, 1);
            transform: translateY(0%) scale3d(1, 1, 1); }
  40% {
    -webkit-transform: translateY(-10%) scale3d(1, 1.2, 1);
            transform: translateY(-10%) scale3d(1, 1.2, 1); }
  100% {
    -webkit-transform: translateY(10%) scale3d(1, 0.8, 1);
            transform: translateY(10%) scale3d(1, 0.8, 1); } }

@keyframes eggjump {
  0% {
    -webkit-transform: translateY(0%) scale3d(1, 1, 1);
            transform: translateY(0%) scale3d(1, 1, 1); }
  40% {
    -webkit-transform: translateY(-10%) scale3d(1, 1.2, 1);
            transform: translateY(-10%) scale3d(1, 1.2, 1); }
  100% {
    -webkit-transform: translateY(10%) scale3d(1, 0.8, 1);
            transform: translateY(10%) scale3d(1, 0.8, 1); } }

@-webkit-keyframes eggrotating {
  0% {
    -webkit-transform: rotate(0deg) translateX(0%);
            transform: rotate(0deg) translateX(0%); }
  25% {
    -webkit-transform: rotate(90deg) translateX(20%);
            transform: rotate(90deg) translateX(20%); }
  50% {
    -webkit-transform: rotate(180deg) translateX(0%);
            transform: rotate(180deg) translateX(0%); }
  75% {
    -webkit-transform: rotate(270deg) translateX(-20%);
            transform: rotate(270deg) translateX(-20%); }
  100% {
    -webkit-transform: rotate(360deg) translateX(0%);
            transform: rotate(360deg) translateX(0%); } }

@keyframes eggrotating {
  0% {
    -webkit-transform: rotate(0deg) translateX(0%);
            transform: rotate(0deg) translateX(0%); }
  25% {
    -webkit-transform: rotate(90deg) translateX(20%);
            transform: rotate(90deg) translateX(20%); }
  50% {
    -webkit-transform: rotate(180deg) translateX(0%);
            transform: rotate(180deg) translateX(0%); }
  75% {
    -webkit-transform: rotate(270deg) translateX(-20%);
            transform: rotate(270deg) translateX(-20%); }
  100% {
    -webkit-transform: rotate(360deg) translateX(0%);
            transform: rotate(360deg) translateX(0%); } }

@-webkit-keyframes lefttoright {
  from {
    left: -10vw; }
  to {
    left: 110vw; } }

@keyframes lefttoright {
  from {
    left: -10vw; }
  to {
    left: 110vw; } }

body .eggrotating {
  top: -38px;
  -webkit-animation: eggrotating 5s linear infinite ,lefttoright 30s linear infinite;
          animation: eggrotating 5s linear infinite ,lefttoright 30s linear infinite; }

@media (max-width: 1199px) {
  body .eggrotating {
    -webkit-animation: eggrotating 5s linear infinite ,lefttoright 20s linear infinite;
            animation: eggrotating 5s linear infinite ,lefttoright 20s linear infinite; } }

@media (max-width: 767px) {
  body .eggrotating {
    top: -24px;
    -webkit-animation: eggrotating 5s linear infinite ,lefttoright 10s linear infinite;
            animation: eggrotating 5s linear infinite ,lefttoright 10s linear infinite; } }

body #oxipay-tag-02 {
  font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif !important;
  font-size: 0;
  text-indent: -999em;
  padding-top: 3px !important;
  padding-bottom: 0 !important; }
  body #oxipay-tag-02 b {
    margin-left: 0.3rem; }
  body #oxipay-tag-02 p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 .5em 0 0 !important;
    line-height: 1.25; }
  body #oxipay-tag-02 p, body #oxipay-tag-02 b {
    color: #10318E; }
  body #oxipay-tag-02 #oxipay-img {
    height: 18px;
    margin-top: 2px; }

.zipnz-widget #partPayCalculatorWidgetText {
  display: none; }

.zipnz-widget #partPayCalculatorWidget {
  font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: left;
  width: 100%;
  padding: 0;
  line-height: 1.25;
  font-size: 90%;
  color: #10318E;
  background: #fff; }
  .zipnz-widget #partPayCalculatorWidget #partPayCalculatorWidgetLogo {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .zipnz-widget #partPayCalculatorWidget #partPayCalculatorWidgetLogo > img {
      height: 16px; }

.zipnz-widget #partPayCalculatorWidgetLearn {
  display: none; }

.financing-method .financing-title {
  text-align: center;
  margin-bottom: 0.25rem; }

.financing-method .financing-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  max-width: 300px;
  margin: auto;
  padding-bottom: 0.5rem; }

.financing-method .financing-row img {
  cursor: pointer; }

.product-ecosa-replacement-cover .product-top .yotpo-bottomline,
.product-ecosa-replacement-cover .product-reviews,
.product-ecosa-replacement-cover .product-faqs,
.product-ecosa-replacement-cover .product-shoplist-wrapper {
  display: none; }

.product-better-sleep-bundle .product-reviews {
  display: none; }

/** FOR HONG KONG ONLY **/
@media (max-width: 543px) {
  body.country-hk .product-variants > .product-variants-item .form-control-select-display-ul {
    font-size: 1rem; } }

/** FOR IE ONLY **/
@media all and (-ms-high-contrast: none) {
  .product-top-gallery .cover-images .swiper-slide img {
    display: none; } }

.product-form-spacing-v1 .product-top-wrapper .product-top-content h1 {
  line-height: normal !important;
  padding: 0 2rem !important;
  margin-bottom: 1.2rem !important; }

.product-form-spacing-v1 .product-top-wrapper .product-top-content .yotpo-bottomline.star-clickable {
  padding: 0 1.3rem !important; }
  .product-form-spacing-v1 .product-top-wrapper .product-top-content .yotpo-bottomline.star-clickable a.text-m {
    line-height: 1.5 !important; }

.product-form-spacing-v1 .product-top-wrapper .product-top-content .product-information .product-description-short p {
  margin: 0.5rem 2rem !important;
  font-size: 16px !important;
  line-height: unset; }

.product-form-spacing-v1 .product-top-wrapper .product-top-content .product-information .product-description-short p.custom-discount-message {
  margin: 0 !important;
  padding: 0.3125rem 2rem !important;
  font-size: 16px !important;
  line-height: unset; }

.product-form-spacing-v1 .product-top-wrapper .product-top-content .product-actions {
  padding: 1rem 2rem 1.5rem !important; }
  @media (max-width: 543px) {
    .product-form-spacing-v1 .product-top-wrapper .product-top-content .product-actions {
      padding: 1rem 2rem 1.5rem !important; } }

.product-form-spacing-v1 .product-top-wrapper .product-top-content hr {
  display: none !important; }

.product-form-spacing-v1 .product-top-wrapper .product-top-content .product-price {
  margin: 1.8rem 0 !important; }
  .product-form-spacing-v1 .product-top-wrapper .product-top-content .product-price .current-price span {
    font-size: 2.5rem !important; }

.product-form-spacing-v1 .product-top-wrapper .product-top-content .bundle_msg {
  padding: 1rem !important; }

.buy-page .product-top-usp h5 {
  margin: 0.5rem 0 0 0;
  font-weight: 400; }

.buy-page .product-top-classic {
  background: #FFF;
  /** PRODUCT ADD-TO-CART BIOX **/ }
  .buy-page .product-top-classic.variation .icon {
    width: 50px;
    height: 50px; }
  .buy-page .product-top-classic.variation .fade-box {
    padding-bottom: 56.25%; }
  @media (min-width: 768px) {
    .buy-page .product-top-classic.variation .product-top-wrapper {
      padding-top: 8rem; }
    .buy-page .product-top-classic.variation .product-top-gallery {
      margin-left: 0; }
      .buy-page .product-top-classic.variation .product-top-gallery .images-container {
        margin-top: 0; }
    .buy-page .product-top-classic.variation .product-top-content {
      margin-top: 0;
      margin-right: 0; }
      .buy-page .product-top-classic.variation .product-top-content h1 {
        font-size: 1.8rem;
        margin-top: 0; } }
  .buy-page .product-top-classic .product-top-wrapper {
    padding: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .buy-page .product-top-classic .product-variants .extra-description {
    text-align: left;
    font-weight: bold; }
  .buy-page .product-top-classic .product-top-content {
    /** PRODUCT INFORMATION **/
    /** PRODUCT REFRESH BUTTON **/ }
    .buy-page .product-top-classic .product-top-content h1 {
      margin-bottom: 1rem;
      padding: 0 1rem;
      text-align: left;
      text-decoration: underline;
      text-underline-position: under; }
      @media (min-width: 768px) {
        .buy-page .product-top-classic .product-top-content h1 {
          font-size: 1.8rem; } }
    .buy-page .product-top-classic .product-top-content .yotpo-bottomline {
      height: 24px;
      text-align: left;
      padding: 0 0.5rem; }
      .buy-page .product-top-classic .product-top-content .yotpo-bottomline span.yotpo-icon-star {
        font-size: 1.25rem; }
      .buy-page .product-top-classic .product-top-content .yotpo-bottomline a.text-m {
        font-size: .9375rem;
        color: #6a6a6a !important;
        margin-left: 0.5rem;
        font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif; }
    .buy-page .product-top-classic .product-top-content .product-information {
      font-size: 0.9375rem;
      color: #10318E; }
      .buy-page .product-top-classic .product-top-content .product-information .product-description img {
        max-width: 100%;
        height: auto; }
      .buy-page .product-top-classic .product-top-content .product-information .product-description-short p {
        margin: 0.5rem 1rem;
        text-align: left; }
        .buy-page .product-top-classic .product-top-content .product-information .product-description-short p.custom-discount-message {
          color: #fff;
          background: #e96952;
          margin: 0;
          padding: 0.3125rem 1rem;
          max-width: 100%; }
      .buy-page .product-top-classic .product-top-content .product-information .product-description-short hr {
        margin: 0.5rem; }
      .buy-page .product-top-classic .product-top-content .product-information .product-description-short .short-description-icons img {
        height: 50px;
        width: auto;
        margin-bottom: 0.2rem; }
      .buy-page .product-top-classic .product-top-content .product-information .product-description-short .short-description-icons p {
        margin: 0;
        line-height: 1; }
      .buy-page .product-top-classic .product-top-content .product-information .product-minimal-quantity {
        margin-bottom: 0; }
    .buy-page .product-top-classic .product-top-content .product-refresh {
      height: 0;
      visibility: hidden; }

.buy-page .discount-message {
  position: relative; }
  .buy-page .discount-message svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .buy-page .discount-message p {
    position: relative;
    padding: 1rem 0.5rem;
    text-align: center !important;
    color: #fff; }

@media (min-width: 768px) {
  .buy-page .product-top-classic .product-top-wrapper {
    max-width: 1400px; }
  .buy-page .product-top-classic .product-top-gallery {
    width: 50%;
    margin-left: 1rem; }
    .buy-page .product-top-classic .product-top-gallery .images-container {
      margin-top: 10rem; }
      .buy-page .product-top-classic .product-top-gallery .images-container .js-qv-mask {
        margin-top: 1rem; }
  .buy-page .product-top-classic .product-top-content {
    width: 50%;
    margin-top: 7rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem; } }

@media (min-width: 992px) {
  .buy-page .product-top-classic .product-top-content {
    margin: 7rem 2rem 2rem 2rem;
    max-width: 400px; } }

@media (max-width: 767px) {
  .buy-page .product-top-gallery .cover-images img {
    min-height: 50vh;
    -o-object-fit: cover;
       object-fit: cover; } }

@media (max-width: 543px) {
  .buy-page .product-top-usp h5 {
    height: 34px; } }

.cart-grid {
  margin-bottom: 1rem; }
  .cart-grid .cart-grid-body .cart-overview-container {
    padding: 1rem; }
  .cart-grid .cart-grid-body .cart-all-items-table {
    width: 100%;
    height: 100%; }
  .cart-grid .cart-grid-body .cart-item {
    /** .cart-item .thumbnail start **/
    /** .cart-item .thumbnail end **/
    /** .cart-item .quantity-container start **/
    /** .cart-item .quantity-container end **/
    /** .cart-item .content start **/
    /** .cart-item .content end **/ }
    .cart-grid .cart-grid-body .cart-item .thumbnail {
      width: 65px;
      height: 65px;
      border-radius: 3px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #fff;
      position: absolute; }
    .cart-grid .cart-grid-body .cart-item .quantity-container {
      border: 1px solid #767676;
      float: left;
      border-radius: 3px; }
      .cart-grid .cart-grid-body .cart-item .quantity-container .input-group {
        font-family: monospace; }
        .cart-grid .cart-grid-body .cart-item .quantity-container .input-group .input-group-btn {
          text-align: center;
          float: left;
          height: 21px;
          width: 25px; }
          .cart-grid .cart-grid-body .cart-item .quantity-container .input-group .input-group-btn > .btn {
            color: #6A6A6A;
            line-height: 16px;
            padding: 0;
            background: transparent;
            font-size: 18px;
            width: 100%;
            height: 100%;
            float: left; }
        .cart-grid .cart-grid-body .cart-item .quantity-container .input-group input {
          width: 38px;
          height: 21px;
          float: left;
          padding: 0;
          border: none;
          border-radius: 0;
          text-align: center;
          -moz-appearance: textfield;
          background: transparent;
          border-left: 1px solid #6A6A6A;
          border-right: 1px solid #6A6A6A; }
    .cart-grid .cart-grid-body .cart-item .content {
      width: 100%;
      padding-left: 75px; }
      .cart-grid .cart-grid-body .cart-item .content .cart-row {
        margin-bottom: 5px;
        clear: both; }
      .cart-grid .cart-grid-body .cart-item .content .title {
        font-weight: 600;
        float: left;
        max-width: 190px; }
        .cart-grid .cart-grid-body .cart-item .content .title a, .cart-grid .cart-grid-body .cart-item .content .title a:active, .cart-grid .cart-grid-body .cart-item .content .title a:hover, .cart-grid .cart-grid-body .cart-item .content .title a:focus, .cart-grid .cart-grid-body .cart-item .content .title a:visited {
          color: #323232; }
      .cart-grid .cart-grid-body .cart-item .content .variant-title {
        float: right;
        font-weight: 600;
        font-size: 12px;
        line-height: 24px;
        color: #767676; }
      .cart-grid .cart-grid-body .cart-item .content .cart-row.quantity-price {
        padding-top: 5px; }
      .cart-grid .cart-grid-body .cart-item .content .quantity-container {
        border: 1px solid #767676;
        float: left;
        border-radius: 3px; }
        .cart-grid .cart-grid-body .cart-item .content .quantity-container.no-border {
          border: none; }
      .cart-grid .cart-grid-body .cart-item .content .price-wrapper {
        float: right;
        line-height: 1;
        text-align: right; }
        .cart-grid .cart-grid-body .cart-item .content .price-wrapper .strikethrough-price {
          font-size: 80%;
          font-weight: 600;
          color: #666;
          text-decoration: line-through; }
        .cart-grid .cart-grid-body .cart-item .content .price-wrapper .purchase-price {
          color: #10318E;
          font-weight: 600; }
  .cart-grid .cart-grid-right .cart-summary-line .label {
    float: left; }

.cart-items {
  margin-bottom: 0; }

.cart-item {
  padding: 1rem 0; }

.cart-summary-line {
  clear: both; }
  .cart-summary-line::after {
    content: "";
    display: table;
    clear: both; }
  .cart-summary-line .label {
    padding-left: 0;
    font-weight: 300;
    white-space: inherit; }
  .cart-summary-line .value {
    color: #323232;
    float: right; }
  .cart-summary-line.cart-summary-subtotals .label,
  .cart-summary-line.cart-summary-subtotals .value {
    font-weight: 400; }

/** CART BODY **/
.cart-grid-body {
  margin-bottom: 0.75rem; }
  .cart-grid-body a.label:hover {
    color: #10318E; }
  .cart-grid-body .card-block {
    padding: 1rem; }
    .cart-grid-body .card-block h1 {
      margin-bottom: 0; }
  .cart-grid-body .cart-overview {
    padding: 1rem; }

/** CART RIGHT **/
.cart-grid-right .promo-discounts {
  margin-bottom: 0; }
  .cart-grid-right .promo-discounts .cart-summary-line .label {
    color: #6A6A6A; }
    .cart-grid-right .promo-discounts .cart-summary-line .label .code {
      text-decoration: underline;
      cursor: pointer; }

/** CONTENT LEFT **/
.product-line-grid-left img {
  max-width: 100%; }

/** CONTENT BODY **/
.product-line-grid-body > .product-line-info > .label {
  padding: 0;
  line-height: inherit;
  text-align: left;
  white-space: inherit; }

.product-line-grid-body > .product-line-info > .out-of-stock {
  color: red; }

.product-line-grid-body > .product-line-info > .available {
  color: #4cbb6c; }

.product-line-grid-body > .product-line-info > .unit-price-cart {
  padding-left: 0.3125rem;
  font-size: 0.875rem;
  color: #6A6A6A; }

/** CONTENT LEFT **/
.product-line-grid-right .cart-line-product-actions,
.product-line-grid-right .product-price {
  color: #323232;
  line-height: 36px; }
  .product-line-grid-right .cart-line-product-actions .remove-from-cart,
  .product-line-grid-right .product-price .remove-from-cart {
    color: #323232;
    display: inline-block;
    margin-top: 0.3125rem; }

/*** Responsive part ***/
@media (max-width: 767px) {
  .product-line-grid-body {
    margin-bottom: 1rem; } }

@media (max-width: 543px) {
  .cart-items {
    padding: 1rem 0; }
  .cart-item {
    border-bottom: 1px solid #f3f3f3; }
    .cart-item:last-child {
      border-bottom: 0; }
  .cart-grid-body .cart-overview {
    padding: 0; }
  .cart-grid-body .no-items {
    padding: 1rem;
    display: inline-block; }
  .product-line-grid-left {
    padding-right: 0 !important; } }

@media (max-width: 360px) {
  .product-line-grid-right .qty {
    width: 100%; }
  .product-line-grid-right .price {
    width: 100%; } }

#block-reassurance {
  margin-top: 2rem; }
  #block-reassurance img {
    width: 1.563rem;
    margin-right: 0.625rem; }
  #block-reassurance li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
    #block-reassurance li:last-child {
      border: 0; }
  #block-reassurance li .block-reassurance-item {
    padding: 1rem 1.5rem; }
  #product #block-reassurance {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    background: white; }
    #product #block-reassurance span {
      font-weight: 600; }

.quickview .modal-dialog {
  width: calc(100% - 30px);
  max-width: 64rem; }

.quickview .modal-content {
  background: #f3f3f3;
  min-height: 28.13rem; }

.quickview .modal-header {
  border: none;
  padding: 0.625rem; }

.quickview .modal-body {
  min-height: 23.75rem; }

.quickview .modal-footer {
  border-top: 1px solid rgba(106, 106, 106, 0.3); }

.quickview .layer {
  display: none; }

.quickview .product-cover img {
  width: 95%; }

.quickview .images-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  min-height: 21.88rem; }
  .quickview .images-container .product-images > li.thumb-container > .thumb {
    width: 100%;
    max-width: 4.938rem;
    margin-bottom: 0.8125rem;
    background: white; }

.quickview .mask {
  width: 35%;
  max-height: 22.5rem;
  overflow: hidden;
  margin-left: 0.625rem; }

.quickview .arrows {
  position: absolute;
  top: 0;
  bottom: 0;
  max-height: 22.5rem;
  right: 5rem;
  z-index: 0; }
  .quickview .arrows .arrow-up {
    margin-top: -3.125rem;
    cursor: pointer;
    opacity: 0.2; }
  .quickview .arrows .arrow-down {
    position: absolute;
    bottom: -1.875rem;
    cursor: pointer; }

.quickview .social-sharing {
  margin-top: 0;
  margin-left: 2.5rem; }

#content.page-stores {
  margin: 2rem 1rem; }
  #content.page-stores article.store-item {
    padding: 2rem 1rem; }
    #content.page-stores article.store-item .store-item-container {
      text-align: left; }
      #content.page-stores article.store-item .store-item-container .store-description ul i.material-icons {
        margin-right: 1rem; }
      #content.page-stores article.store-item .store-item-container .store-description li {
        margin-bottom: 0; }
      #content.page-stores article.store-item .store-item-container .store-hours table td ul, #content.page-stores article.store-item .store-item-container .store-hours table td li {
        margin-bottom: 0; }

/** SUBSCRIBE NEWSLETTER BOX **/
.block_newsletter {
  font-size: 0.875rem;
  margin-bottom: 0.625rem; }
  .block_newsletter form {
    position: relative; }
    .block_newsletter form input[type=text] {
      border: none;
      padding: 10px;
      /*min-width: 255px;*/
      color: #6A6A6A;
      border: 1px solid rgba(0, 0, 0, 0.25); }
      .block_newsletter form input[type=text]:focus {
        outline: 3px #10318E solid;
        color: #323232;
        background: white; }
        .block_newsletter form input[type=text]:focus + button .search {
          color: #10318E; }
    .block_newsletter form button[type=submit] {
      position: absolute;
      background: none;
      border: none;
      bottom: 0.3125rem;
      right: 0.125rem;
      color: #6A6A6A; }
      .block_newsletter form button[type=submit] .search:hover {
        color: #10318E; }
  .block_newsletter #block-newsletter-label {
    float: none;
    color: #10318E; }
  .block_newsletter form input[type="text"],
  .block_newsletter form input[type="email"] {
    border: none;
    padding: 11px;
    background-color: #deeff9; }
    .block_newsletter form input[type="text"]:focus,
    .block_newsletter form input[type="email"]:focus {
      border: 3px #c9e9ff solid;
      padding: 9px;
      outline: 0; }
    .block_newsletter form input[type="text"]::-webkit-input-placeholder,
    .block_newsletter form input[type="email"]::-webkit-input-placeholder {
      color: #10318E; }
    .block_newsletter form input[type="text"]:-ms-input-placeholder,
    .block_newsletter form input[type="email"]:-ms-input-placeholder {
      color: #10318E; }
    .block_newsletter form input[type="text"]::placeholder,
    .block_newsletter form input[type="email"]::placeholder {
      color: #10318E; }
  .block_newsletter p.alert {
    padding: 0;
    margin: 0; }

.block-contact {
  border-left: #f3f3f3 2px solid;
  padding-left: 3rem;
  color: #6A6A6A; }
  .block-contact .block-contact-title {
    color: #323232; }

.linklist .blockcms-title a {
  color: #323232; }

.account-list a {
  color: #6A6A6A; }
  .account-list a:hover {
    color: #10318E; }

.blockcms-title,
.myaccount-title,
.myaccount-title a,
.block-contact-title {
  font-weight: 600;
  font-size: 16px; }

/** SOCIAL MEDIA LINKS **/
.block-social {
  /*  text-align: right;
  position: absolute;
  top: -.25rem;
  right: 15px;*/
  text-align: left; }
  .block-social li {
    height: 2rem;
    width: 2rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background-size: contain;
    background-color: #fff;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0.3125rem 0.3125rem 0.3125rem 0;
    cursor: pointer; }
    .block-social li:hover {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
      /*background-color: $brand-primary * 0.8;*/ }
    .block-social li a {
      display: block;
      height: 100%;
      white-space: nowrap;
      text-indent: 100%;
      overflow: hidden; }
      .block-social li a:hover {
        color: transparent; }
    .block-social li svg {
      left: 5px;
      top: 5px;
      width: 20px;
      height: 20px; }

.facebook {
  /* &::before{
    content:"";
    background-image: url(../img/facebook-blue.svg);
  }
  &.icon-gray {
    background-image: url(../img/facebook-gray.svg);
    &:hover {
      background-image: url(../img/facebook-blue.svg);
    }
  } */ }
  .facebook svg {
    position: absolute;
    left: 0;
    top: 0; }

.twitter {
  background-image: url(../css/a67175d1ea11389d9107bd8c08f9d7d7.svg); }
  .twitter::before {
    content: "";
    background-image: url(../css/ffddcb3736980b23405b31142a324b62.svg); }
  .twitter.icon-gray {
    background-image: url(../css/e049aeb07a2ae1627933e8e58d3886d2.svg); }
    .twitter.icon-gray:hover {
      background-image: url(../css/ffddcb3736980b23405b31142a324b62.svg); }

.rss {
  background-image: url(../css/cf2f3c1d5c7cb02c29f61964313148e1.svg); }

.youtube {
  background-image: url(../css/22c0528acb6d9cd5bf4c8f96381bc05c.svg); }

.googleplus {
  background-image: url(../css/36bff72dcba3098b4b70b482b22c29ab.svg); }
  .googleplus::before {
    content: "";
    background-image: url(../css/c1a65805f759901a39d10eb854c1dcf2.svg); }
  .googleplus.icon-gray {
    background-image: url(../css/3a2aeeba930cc29e4d31ebfa1b7cdaa2.svg); }
    .googleplus.icon-gray:hover {
      background-image: url(../css/c1a65805f759901a39d10eb854c1dcf2.svg); }

#block_myaccount_infos .myaccount-title a {
  color: #323232; }

.pinterest {
  background-image: url(../css/afb2ed6d67613a724a420a39b4fe5b0d.svg); }
  .pinterest::before {
    content: "";
    background-image: url(../css/b1db819132e64a3e01911a1413c33acf.svg); }
  .pinterest.icon-gray {
    background-image: url(../css/99db8adec61e4fcf5586e1afa549b432.svg); }
    .pinterest.icon-gray:hover {
      background-image: url(../css/b1db819132e64a3e01911a1413c33acf.svg); }

.vimeo {
  background-image: url(../css/f255af0bbbe837e79f7821827f9c6f10.svg); }

.instagram {
  /* background-image: url(../img/instagram.svg); */ }
  .instagram svg {
    position: absolute;
    left: 0;
    top: 0; }

/** FOOTER CONTAINER **/
.footer-container {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  background-color: #efeeee;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .footer-container h3 {
    text-align: left;
    padding-bottom: 0.5rem; }
    @media (max-width: 1199px) {
      .footer-container h3 {
        padding: 1rem 0; } }
  .footer-container li {
    position: relative;
    margin-bottom: 0.3125rem; }
    .footer-container li a {
      color: #10318E;
      cursor: pointer; }
      .footer-container li a:hover {
        text-decoration: underline;
        text-underline-position: under; }
  .footer-container .footer-main {
    padding: 1rem;
    overflow: auto; }
  .footer-container #footer-logo {
    padding-top: 0.5rem;
    padding-bottom: 1.5rem; }
  .footer-container .links {
    margin-bottom: 20px; }
    .footer-container .links .collapse {
      display: inherit; }
    .footer-container .links li {
      display: block;
      padding: 0;
      position: relative; }
  .footer-container .copyright-group {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 2rem;
    padding-bottom: 3.8rem;
    background-color: #fff; }
    .footer-container .copyright-group span {
      font-size: 12px;
      margin: 0 5px;
      display: inline-block; }
  .footer-container .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    width: 100%;
    position: relative; }
    .footer-container .wrapper .col {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }

@media (max-width: 991px) {
  .footer-container .block_newsletter .form-group {
    display: inline; }
    .footer-container .block_newsletter .form-group input {
      height: 42px;
      box-shadow: none; }
    .footer-container .block_newsletter .form-group.sb-email {
      float: left;
      width: 70%; }
      .footer-container .block_newsletter .form-group.sb-email input {
        width: 100%;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0; }
        .footer-container .block_newsletter .form-group.sb-email input:focus {
          border: 3px #c9e9ff solid;
          padding: 9px;
          outline: 0; }
    .footer-container .block_newsletter .form-group.sb-btn {
      float: right;
      width: 30%; }
      .footer-container .block_newsletter .form-group.sb-btn input {
        width: 100%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; } }

@media (max-width: 543px) {
  .footer-container .wrapper {
    display: block;
    text-align: left; }
    .footer-container .wrapper .col {
      display: block;
      vertical-align: top;
      margin-bottom: 1rem;
      width: -webkit-fill-available; }
  .footer-container .links {
    margin-bottom: 20px; }
    .footer-container .links li:before {
      display: none; } }

@media (min-width: 768px) {
  .footer-container div.copyright-group {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem; } }

.footer-v2 {
  overflow: unset; }
  .footer-v2 .block_newsletter form input[type="text"]:focus,
  .footer-v2 .block_newsletter form input[type="email"]:focus {
    padding: 1rem;
    border: none; }
  .footer-v2 [data-ajax="result"] {
    width: 100%;
    padding-top: 8px; }
  .footer-v2 .newsletter-wrapper {
    background-color: #E8D7FF;
    padding: 2rem 0; }
  .footer-v2 .newsletter-container {
    margin: auto;
    max-width: 400px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 1200px) {
      .footer-v2 .newsletter-container {
        max-width: 1140px;
        padding: 0; } }
  .footer-v2 .block_newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .footer-v2 .block_newsletter {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .footer-v2 .newsletter-img {
    width: 100%;
    height: auto;
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px); }
    @media (min-width: 1200px) {
      .footer-v2 .newsletter-img {
        width: 30%; } }
  .footer-v2 .subscribe-text {
    text-align: center; }
    @media (min-width: 1200px) {
      .footer-v2 .subscribe-text {
        text-align: left;
        -webkit-box-flex: 70%;
            -ms-flex: 70%;
                flex: 70%; } }
  .footer-v2 .subscribe-title {
    font-family: "filson-pro";
    font-size: 30px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 0.25rem; }
    @media (max-width: 1199px) {
      .footer-v2 .subscribe-title {
        margin: 1rem 0 0.5rem; } }
  .footer-v2 .subscribe-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #10318E; }
  .footer-v2 .form-wrapper {
    width: 100%; }
    @media (min-width: 1200px) {
      .footer-v2 .form-wrapper {
        width: 30%;
        -webkit-box-flex: 30%;
            -ms-flex: 30%;
                flex: 30%; } }
  .footer-v2 .sb-btn > input {
    margin-top: 1rem;
    width: 100%; }
  .footer-v2 .subscribe-form .sb-email input {
    background-color: #fafafa;
    border: 1px solid #cfe1ff;
    height: calc(1.5em + 1.5rem + 2px); }
  .footer-v2 .subscribe-form .sb-btn input {
    height: calc(1.5em + 1.5rem + 2px); }
  @media (min-width: 1200px) {
    .footer-v2 .subscribe-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .footer-v2 .subscribe-form .sb-email {
        border-radius: 8px 0 0 8px;
        border-right-width: 0;
        overflow: hidden;
        width: 60%; }
        .footer-v2 .subscribe-form .sb-email input {
          padding: 1rem;
          border-radius: 0;
          font-size: 1rem; }
      .footer-v2 .subscribe-form .sb-btn {
        border-radius: 0 8px 8px 0;
        border-left-width: 0;
        overflow: hidden; }
        .footer-v2 .subscribe-form .sb-btn input {
          margin-top: unset;
          border-radius: 0;
          padding: 15px 20px;
          font-size: 1rem; } }
  .footer-v2 .footer-main {
    background-color: #10318E;
    padding: 3rem 1rem; }
  .footer-v2 .footer-main-wrapper {
    text-align: left;
    margin: auto;
    max-width: 400px;
    width: 100%; }
    @media (min-width: 1200px) {
      .footer-v2 .footer-main-wrapper {
        max-width: 1140px; } }
  .footer-v2 .footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .footer-v2 .footer-list .motto {
      color: #ffffff;
      width: 29ch; }
      @media (max-width: 1199px) {
        .footer-v2 .footer-list .motto {
          width: 100%; } }
    .footer-v2 .footer-list .social-media {
      margin: 1rem 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 1rem; }
    .footer-v2 .footer-list .certified {
      display: none; }
      .footer-v2 .footer-list .certified > img:not(:last-child) {
        margin-right: 1rem; }
      @media (max-width: 1199px) {
        .footer-v2 .footer-list .certified {
          display: block;
          float: right;
          margin-top: -2.5rem; } }
    @media (min-width: 1200px) {
      .footer-v2 .footer-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .footer-v2 .footer-list > div:nth-child(1) {
          -webkit-box-flex: 30%;
              -ms-flex: 30%;
                  flex: 30%; }
        .footer-v2 .footer-list > div:nth-child(2) {
          -webkit-box-flex: 70%;
              -ms-flex: 70%;
                  flex: 70%; } }
  .footer-v2 .h3 {
    color: #ffffff;
    margin-bottom: 0;
    cursor: pointer;
    letter-spacing: 2px; }
    @media (min-width: 1200px) {
      .footer-v2 .h3 {
        margin-bottom: 0.5rem;
        cursor: unset; } }
  .footer-v2 .custom-page-link {
    color: #ffffff; }
  .footer-v2 .col {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ffffff; }
    .footer-v2 .col:first-child {
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff; }
      @media (min-width: 1200px) {
        .footer-v2 .col:first-child {
          border: unset; } }
    @media (min-width: 1200px) {
      .footer-v2 .col {
        border: unset; } }
    .footer-v2 .col ul {
      margin-bottom: 0.5rem; }
    .footer-v2 .col.col-b-corp {
      text-align: right; }
      @media (max-width: 1199px) {
        .footer-v2 .col.col-b-corp {
          display: none; } }
  @media (min-width: 1200px) {
    .footer-v2 .links {
      margin-bottom: 0; } }
  .footer-v2 .logo-desktop {
    display: none; }
    @media (min-width: 1200px) {
      .footer-v2 .logo-desktop {
        display: block; } }
  .footer-v2 .logo-mobile {
    display: block; }
    @media (min-width: 1200px) {
      .footer-v2 .logo-mobile {
        display: none; } }
  .footer-v2 .wrapper {
    display: block; }
    @media (min-width: 1200px) {
      .footer-v2 .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.country-jp .footer-v2 .subscribe-title {
  font-size: 24px; }

.contact-page {
  padding-top: 0rem !important; }
  .contact-page .contact-rich {
    color: #6A6A6A;
    margin-bottom: 2rem;
    word-wrap: break-word; }
    .contact-page .contact-rich h4 {
      text-transform: uppercase;
      color: #323232;
      margin-bottom: 2rem; }
    .contact-page .contact-rich .block {
      height: auto;
      overflow: hidden; }
      .contact-page .contact-rich .block .icon {
        float: left;
        width: 3.5rem; }
        .contact-page .contact-rich .block .icon i {
          font-size: 2rem; }
      .contact-page .contact-rich .block .data {
        color: #323232;
        font-size: 0.875rem;
        width: auto;
        overflow: hidden; }
        .contact-page .contact-rich .block .data.email {
          padding-top: 0.375rem; }
  .contact-page .contact-hero {
    position: relative;
    background: #10318E;
    background-size: cover;
    height: 27vh;
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 767px) {
      .contact-page .contact-hero {
        min-height: 250px; } }
    .contact-page .contact-hero h1 {
      color: #fff;
      position: relative;
      font-size: 3rem;
      text-align: center;
      width: 95%;
      margin: 0 auto;
      margin-top: 5rem; }
      @media (max-width: 767px) {
        .contact-page .contact-hero h1 {
          font-size: 2rem; } }
      @media (max-width: 543px) {
        .contact-page .contact-hero h1 {
          font-size: 1.5rem;
          max-width: 80%; } }
    .contact-page .contact-hero .description {
      color: #fff;
      margin: 1.825rem auto 0;
      text-align: center; }
      @media (max-width: 543px) {
        .contact-page .contact-hero .description {
          margin-top: 1rem;
          max-width: 80%; } }
      .contact-page .contact-hero .description a {
        color: #fff;
        text-decoration: underline;
        font-weight: bold; }
  .contact-page .contact-form {
    /*background: #d8e3f5;*/
    /*padding: 1rem;*/
    color: #10318E;
    text-align: center;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 3rem; }
    @media (max-width: 767px) {
      .contact-page .contact-form {
        padding-top: 3.125rem;
        padding-bottom: 2rem; } }
    .contact-page .contact-form .form-group {
      margin-bottom: 0.625rem; }
      .contact-page .contact-form .form-group div {
        padding: 0; }
        .contact-page .contact-form .form-group div .form-control {
          border: 1px solid #d2d2d2;
          border-radius: 8px;
          padding: 0.907rem 1.25rem;
          height: auto; }
          .contact-page .contact-form .form-group div .form-control ::-webkit-input-placeholder {
            color: #003b71; }
    .contact-page .contact-form h3 {
      font-size: 1.875rem; }
    .contact-page .contact-form .form-footer {
      margin-top: 3rem; }
      @media (max-width: 543px) {
        .contact-page .contact-form .form-footer .btn {
          width: 100%; } }
    .contact-page .contact-form p {
      margin-left: 0;
      color: #10318E;
      text-align: center;
      margin-bottom: 2rem; }
    .contact-page .contact-form h5.form-control-label {
      color: #6A6A6A;
      padding: 0.625rem 0 0 0;
      text-align: left; }
    .contact-page .contact-form .form-control {
      overflow-x: hidden;
      border-radius: 4px;
      /*background: #fafafa;*/
      padding: 0.5rem 1.25rem;
      max-width: 520px;
      margin: auto; }
    .contact-page .contact-form .alert ul, .contact-page .contact-form .alert li {
      margin-bottom: 0; }
  .contact-page .contact-faq {
    /*background: $gray-light;*/
    padding: 1rem; }
  .contact-page .contact-hours {
    color: #10318E;
    padding-top: 0.375rem;
    padding-bottom: 2rem; }
    @media (max-width: 543px) {
      .contact-page .contact-hours {
        display: none; } }
    .contact-page .contact-hours h5 {
      margin-bottom: 0.25rem; }
    .contact-page .contact-hours p {
      text-align: center;
      font-weight: 600; }
  .contact-page .contact-methods {
    margin: 3rem auto 4rem; }
    .contact-page .contact-methods .contact-icon {
      height: 78px;
      width: 78px; }
    .contact-page .contact-methods.container {
      max-width: 1140px;
      width: 100%;
      padding: 0 1rem; }
    .contact-page .contact-methods ul {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 0; }
    .contact-page .contact-methods ul.faq-cat-grid {
      text-align: center;
      margin: 0 -1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (max-width: 767px) {
        .contact-page .contact-methods ul.faq-cat-grid {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          margin: 0 -0.375rem; } }
      .contact-page .contact-methods ul.faq-cat-grid.multi-row {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item {
        position: relative;
        display: inline-block;
        width: 25%;
        margin: 0; }
        @media (max-width: 991px) {
          .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item {
            width: 33%; } }
        @media (max-width: 767px) {
          .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item {
            width: 50%; } }
        @media (max-width: 543px) {
          .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item {
            width: 100%; } }
        .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link {
          box-shadow: 0px 0px 0px 1px #dddddd;
          border-radius: 20px;
          padding: 2rem 1rem 1.5rem;
          margin: 0 1rem 2rem;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          display: block; }
          @media (max-width: 767px) {
            .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link {
              margin: 0 0.5rem 1rem;
              border-radius: 9px; } }
          @media (min-width: 768px) {
            .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link:hover {
              box-shadow: 0px 0px 0px 2px #10318E; } }
          .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link img.icon {
            margin: 0 auto; }
          .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link span {
            font-size: 1.125rem;
            line-height: 22px;
            margin-top: 1rem;
            color: #10318E; }
            @media (max-width: 543px) {
              .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link span {
                font-size: 1rem;
                margin-top: 0.625rem; } }
          .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link h3 span {
            font-size: 1.5rem; }
          .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link .contact-method-content span {
            font-size: 1rem;
            font-weight: normal;
            text-align: center;
            display: block; }
        .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item .current {
          position: absolute;
          top: -8%;
          right: -7%; }
          .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item .current svg {
            width: 30px; }
        .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item .item-inner {
          max-width: 350px;
          margin: auto; }
        .contact-page .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link {
          padding: 2rem 1rem 1.5rem; }
  @media (min-width: 768px) {
    .contact-page .contact-methods .contact-methods-item-wrapper .contact-methods-item {
      -ms-flex-item-align: start;
          align-self: flex-start;
      width: 30%; } }
  .contact-page .contact-form section.form-fields div.form-group:nth-child(2) {
    display: none; }

#products #main .page-header,
#pagenotfound #main .page-header {
  margin: 2rem 0 3rem;
  padding: 5rem 1rem; }

#products #main .page-content,
#pagenotfound #main .page-content {
  margin-bottom: 10rem; }

#products #search_widget,
#pagenotfound #search_widget {
  display: none; }

#products .page-not-found,
#pagenotfound .page-not-found {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  background: white;
  padding: 1rem;
  font-size: 0.875rem;
  color: #6A6A6A;
  max-width: 570px;
  margin: 0 auto; }
  #products .page-not-found h4,
  #pagenotfound .page-not-found h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0.5rem 0 1rem; }
  #products .page-not-found .search-widget,
  #pagenotfound .page-not-found .search-widget {
    float: none; }
    #products .page-not-found .search-widget input,
    #pagenotfound .page-not-found .search-widget input {
      width: 100%; }

.customization-modal .modal-content {
  border-radius: 0;
  border: 1px solid #fafafa; }
  .customization-modal .modal-content .modal-body {
    padding-top: 0; }
    .customization-modal .modal-content .modal-body .product-customization-line {
      padding-bottom: 0.9375rem;
      padding-top: 0.9375rem;
      border-bottom: 1px solid #fafafa; }
      .customization-modal .modal-content .modal-body .product-customization-line .label {
        font-weight: 600;
        text-align: right; }
      .customization-modal .modal-content .modal-body .product-customization-line:last-child {
        padding-bottom: 0;
        border-bottom: 0; }

#sitemap #main .page-header {
  padding-top: 5rem; }
  #sitemap #main .page-header span {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-weight: 600; }

.sitemap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .sitemap .sitemap-column {
    margin-bottom: 1.5rem;
    text-align: left;
    width: 20%; }
    .sitemap .sitemap-column a {
      color: #6A6A6A; }

@media (max-width: 767px) {
  .sitemap {
    padding: 0 2rem; }
    .sitemap:last-of-type .sitemap-column:last-child {
      border: none; }
    .sitemap .sitemap-column {
      width: 100%;
      border-bottom: 1px #bbb solid; } }

.homepage-hero {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  .homepage-hero .hero-image {
    width: 100%;
    height: 100%; }
    .homepage-hero .hero-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .homepage-hero .hero-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 6rem 2rem; }
    .homepage-hero .hero-content .inner-content {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      height: 100%; }
      @media (min-width: 768px) {
        .homepage-hero .hero-content .inner-content {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          text-align: right;
          max-width: 1400px;
          margin: 0 auto; } }
      @media (max-width: 767px) {
        .homepage-hero .hero-content .inner-content {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: start;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          text-align: center;
          height: 80%; }
          .homepage-hero .hero-content .inner-content .btn {
            position: absolute;
            bottom: 0;
            width: 100%;
            max-width: 20rem; } }
      @media (max-width: 543px) {
        .homepage-hero .hero-content .inner-content h1 {
          font-size: 1.8rem; } }
      .homepage-hero .hero-content .inner-content h1 {
        margin-bottom: 0.5rem;
        line-height: 1.25em; }
      .homepage-hero .hero-content .inner-content .sub-heading {
        font-size: 1.25rem;
        font-weight: bold;
        text-align: right;
        margin: 0;
        color: #10318E; }
        @media (min-width: 768px) {
          .homepage-hero .hero-content .inner-content .sub-heading {
            text-align: right; } }
        @media (max-width: 767px) {
          .homepage-hero .hero-content .inner-content .sub-heading {
            text-align: center; } }
      .homepage-hero .hero-content .inner-content .btn {
        margin-top: 1rem; }

.highlight-v1 .homepage {
  overflow-x: hidden;
  /*** Reviews Slider ***/
  /*** Press Slider ***/
  /*** US - 5-Star Sleeping Expreience ***/ }
  .highlight-v1 .homepage .page-hero .home-hero-sales.home-hero-sales-full {
    width: 100%; }
    .highlight-v1 .homepage .page-hero .home-hero-sales.home-hero-sales-full .cta-wrapper {
      height: 100vh;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .highlight-v1 .homepage .page-hero .home-hero-sales.home-hero-sales-full .cta-wrapper .wrapper-content {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
  .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-none {
    display: none !important; }
  @media (min-width: 768px) {
    .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-md-none {
      display: none !important; } }
  @media (min-width: 768px) {
    .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-md-block {
      display: block !important; } }
  .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper .wrapper-content .cta-button {
    line-height: inherit;
    margin: 2rem auto 0; }
  .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
    background-image: url("https://ecosaau.imgix.net/img/homepage/boxing-day-2019/bg_desktop.jpg"); }
  @media (max-width: 768px) {
    .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
      background-image: url("https://ecosaau.imgix.net/img/homepage/boxing-day-2019/bg_mobile.jpg"); } }
  .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
    background-color: #fed15e;
    background-size: auto 90%;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 600px; }
    @media (max-width: 768px) {
      .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
        background-size: 100% auto;
        background-position: center 5vh; } }
    @media (max-width: 543px) {
      .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
        background-position: bottom; } }
    .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content {
      max-width: 750px;
      position: relative; }
      @media (max-width: 768px) {
        .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          padding-bottom: 10vh; } }
      .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner {
        position: absolute;
        bottom: 16vh;
        left: 0;
        right: 0;
        width: 100%; }
        @media (max-height: 600px) {
          .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner {
            bottom: 5rem; } }
        @media (max-width: 539px) {
          .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner {
            bottom: 5rem; } }
      .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-tagline {
        position: absolute;
        width: 100%;
        bottom: 2vh;
        left: 0;
        right: 0;
        margin: 0;
        color: #fff;
        text-align: center;
        font-size: 1rem; }
      .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title {
        width: 55vh;
        margin: auto;
        display: block;
        max-width: 63vw; }
        @media (min-width: 769px) {
          .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title {
            min-width: 340px; } }
        @media (max-width: 539px) {
          .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title {
            width: 80%;
            max-width: 285px; } }
      .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle {
        width: 55vh;
        margin: 1.75rem auto;
        max-width: 63vw; }
        @media (min-width: 769px) {
          .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle {
            min-width: 340px; } }
        @media (max-width: 539px) {
          .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle {
            max-width: 280px;
            width: 80%;
            margin: 3rem auto 3rem; } }
      .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .cta-button {
        width: 285px;
        line-height: 1; }
        @media (max-width: 768px) {
          .highlight-v1 .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .cta-button {
            width: 80%;
            max-width: 280px; } }
  .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper {
    text-align: left;
    width: 100%;
    height: 100vh;
    min-height: 580px;
    background: #e3e1e2 url("/img/homepage/black_sale/black_friday_home_bg.jpg") no-repeat center center;
    background-size: cover; }
    .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .offer-text {
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
      text-transform: uppercase;
      text-align: left;
      font-size: 4rem;
      font-weight: 600;
      line-height: 4rem;
      color: #000000;
      margin-bottom: .2rem;
      min-width: 169px; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .offer-text {
          min-width: 174px; } }
    .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount {
      display: block;
      background-color: #000;
      width: auto;
      border-radius: 5px;
      padding: 0 1%; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount {
          max-width: unset; } }
      .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount .rate {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        font-size: 5.6rem;
        color: #fff;
        line-height: 1;
        display: inline-block; }
      .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount .remit {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        font-size: 2.8rem;
        color: #fff;
        line-height: 1;
        display: inline-block; }
    .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg {
      display: none;
      max-width: 37%; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg {
          display: block; } }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg {
          max-width: 100%; } }
    .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .btn.btn-secondary {
      font-size: 1.2rem;
      font-weight: 600;
      padding: 0.625rem 4rem;
      margin-bottom: 10%; }
    @media (max-width: 767px) {
      .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper {
        height: auto;
        background: #dfdfe7;
        background: radial-gradient(circle, #dfdfe7 0%, #c8c3ca 100%); } }
    @media (max-width: 543px) {
      .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper {
        min-height: 560px; } }
    .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container {
      height: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: center;
          align-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container {
          padding-top: 15%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container {
          padding-top: 24%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media screen and (max-width: 400px) {
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container {
          padding-top: 27%; } }
      .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content {
        text-align: center; }
        @media (max-width: 767px) {
          .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content {
            max-width: 390px;
            margin: 0 auto; } }
        @media (max-width: 543px) {
          .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content {
            max-width: 340px; } }
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2 {
          font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
          text-transform: uppercase;
          font-style: normal;
          font-weight: 500;
          font-size: 3.1rem;
          line-height: 1;
          color: #000000;
          padding: 0;
          margin: 0; }
          @media (max-width: 543px) {
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2 {
              font-size: 2.4rem; } }
          @media screen and (max-width: 370px) {
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2 {
              font-size: 2.1rem; } }
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          width: auto;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          position: relative;
          margin-bottom: 1rem; }
          @media (max-width: 767px) {
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper {
              margin: 0 auto;
              max-width: 340px; } }
          @media (max-width: 543px) {
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper {
              max-width: 280px;
              margin-bottom: .5rem; } }
          .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper img.cart {
            position: absolute;
            left: -4%;
            top: -11%;
            width: 17%; }
            @media (max-width: 543px) {
              .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper img.cart {
                left: -2%; } }
          .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle {
            width: 84%;
            padding: .2rem 0;
            margin-bottom: .8rem; }
            @media (max-width: 543px) {
              .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle {
                width: 88%; } }
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle h3 {
              display: inline-block;
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              text-transform: uppercase;
              font-size: 2rem;
              font-weight: 500;
              line-height: 1;
              color: #FAFAFA;
              background-color: #000;
              border-radius: 5px;
              text-align: right;
              padding: .3rem .4rem;
              margin: 0; }
              @media (max-width: 543px) {
                .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle h3 {
                  font-size: 1.5rem; } }
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 1.8rem; }
          @media (max-width: 543px) {
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer {
              margin-bottom: 9%; } }
          .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount {
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            text-transform: uppercase;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 56%;
            max-height: 120px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column wrap;
                    flex-flow: column wrap;
            margin-bottom: .8rem; }
            @media (max-width: 767px) {
              .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount {
                max-width: 140px; } }
            @media (max-width: 543px) {
              .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount {
                width: 50%;
                max-height: 100px;
                margin-bottom: 0; } }
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .rate {
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              font-size: 6.8rem;
              font-weight: 600;
              line-height: 5rem;
              text-transform: uppercase;
              color: #000000; }
              @media (max-width: 543px) {
                .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .rate {
                  font-size: 4.8rem;
                  line-height: 4.8rem; } }
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .unit {
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              text-transform: uppercase;
              font-size: 3.7rem;
              font-weight: 600;
              text-align: center;
              color: #000000;
              line-height: 3rem; }
              @media (max-width: 543px) {
                .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .unit {
                  font-size: 2.7rem;
                  line-height: 3rem; } }
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .remit {
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              text-transform: uppercase;
              font-size: 2.2rem;
              font-weight: 600;
              text-align: center;
              color: #000000;
              line-height: 2rem; }
              @media (max-width: 543px) {
                .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .remit {
                  font-size: 1.5rem;
                  line-height: 1.2rem; } }
          .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .offer-text {
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            text-transform: uppercase;
            font-size: 2.1rem;
            line-height: 2rem;
            color: #000000; }
            @media (max-width: 543px) {
              .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .offer-text {
                font-size: 1.8rem;
                line-height: 2rem; } }
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg {
          display: none;
          max-width: 100%;
          margin: 0 auto 10%; }
          @media (max-width: 767px) {
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg {
              display: block;
              margin: 0 auto 6%; } }
          @media (max-width: 543px) {
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg {
              margin: 0 auto 5%; } }
        .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .btn.btn-secondary {
          border-radius: 5px;
          padding: 0.625rem 3rem;
          margin-bottom: 10%;
          font-weight: 600; }
          @media (max-width: 767px) {
            .highlight-v1 .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .btn.btn-secondary {
              width: 100%; } }
  .highlight-v1 .homepage .page-hero .cta-wrapper {
    text-align: right;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f2f5fb;
    background-image: url("https://ecosaau.imgix.net/img/homepage/homepage-v1/top-image.jpg?auto=compress,format"); }
    @media (max-width: 1199px) {
      .highlight-v1 .homepage .page-hero .cta-wrapper {
        background-image: url("https://ecosaau.imgix.net/img/homepage/homepage-v1/top-image.jpg?auto=compress,format&w=1200"); } }
    @media (max-width: 991px) {
      .highlight-v1 .homepage .page-hero .cta-wrapper {
        background-image: url("https://ecosaau.imgix.net/img/homepage/homepage-v1/top-image.jpg?auto=compress,format&w=991"); } }
    @media (max-width: 767px) {
      .highlight-v1 .homepage .page-hero .cta-wrapper {
        background-image: url("https://ecosaau.imgix.net/img/homepage/homepage-v1/model-mobile.jpg?auto=compress,format&w=991"); } }
    @media screen and (min-width: 1600px) {
      .highlight-v1 .homepage .page-hero .cta-wrapper {
        background-position: top -17vh left 0%; } }
    @media (min-width: 768px) {
      .highlight-v1 .homepage .page-hero .cta-wrapper {
        height: calc(100vw / 1.637 + 0rem);
        max-height: 95vh; } }
    @media (max-width: 767px) {
      .highlight-v1 .homepage .page-hero .cta-wrapper {
        height: calc(100vw / 1.637 + 20rem);
        background-position: bottom 10% left 28%;
        background-size: 115%; } }
    @media (max-width: 543px) {
      .highlight-v1 .homepage .page-hero .cta-wrapper {
        height: calc(100vw / 1.637 + 24rem);
        background-position: bottom -20% left 28%;
        max-height: 100vh;
        background-size: 170%;
        min-height: 0; } }
    .highlight-v1 .homepage .page-hero .cta-wrapper .container {
      height: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: start;
          align-content: start; }
      @media (min-width: 768px) {
        .highlight-v1 .homepage .page-hero .cta-wrapper .container {
          max-width: none;
          width: 100%; } }
      @media (min-width: 768px) {
        .highlight-v1 .homepage .page-hero .cta-wrapper .container .content {
          position: absolute;
          left: calc(109vw / 1.637);
          width: calc(48vw / 1.637);
          max-width: 400px;
          margin-top: calc(22vw / 1.637);
          text-align: left; } }
      @media (min-width: 1200px) {
        .highlight-v1 .homepage .page-hero .cta-wrapper .container .content {
          margin-top: calc(26vw / 1.637); } }
      @media screen and (min-width: 1600px) {
        .highlight-v1 .homepage .page-hero .cta-wrapper .container .content {
          margin-top: calc(22vw / 1.637); } }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .cta-wrapper .container .content {
          margin-top: 8rem;
          margin-right: auto;
          text-align: left; } }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .page-hero .cta-wrapper .container .content {
          margin-top: 18vh; } }
    .highlight-v1 .homepage .page-hero .cta-wrapper p {
      color: #10318E;
      font-size: 1.125rem;
      text-align: left;
      margin-left: auto;
      margin-right: 0;
      width: 100%;
      max-width: 100%; }
  .highlight-v1 .homepage .page-hero .cta-ecosa-difference {
    background-image: linear-gradient(-180deg, transparent 2%, #f2f5fb 15%, #f2f5fb 100%, #f2f5fb 100%);
    position: relative;
    width: 100%;
    margin-top: -12.5rem;
    padding-top: 6rem;
    padding-bottom: 2rem; }
    .highlight-v1 .homepage .page-hero .cta-ecosa-difference.overlap {
      background: linear-gradient(0deg, #deeff9 0%, #d7d7df 100%);
      margin-top: 0;
      margin-bottom: 0;
      padding: 3rem 0 0;
      margin-bottom: -4rem; }
    @media (max-width: 767px) {
      .highlight-v1 .homepage .page-hero .cta-ecosa-difference {
        background-image: none;
        background-color: #f2f5fb;
        margin-top: 0;
        padding-top: 0; } }
    .highlight-v1 .homepage .page-hero .cta-ecosa-difference.no-overlap {
      background: linear-gradient(180deg, #FFFFFF 0%, #f2f5fb 100%);
      margin-top: 2.5rem;
      z-index: 1; }
      .highlight-v1 .homepage .page-hero .cta-ecosa-difference.no-overlap .card-block {
        margin-top: 0;
        margin-bottom: 0; }
    .highlight-v1 .homepage .page-hero .cta-ecosa-difference .usp-overview.top {
      padding-bottom: 0; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .usp-overview.top {
          padding-top: 4rem; } }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .usp-overview.top .usp-wrapper {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          max-width: 500px; }
          .highlight-v1 .homepage .page-hero .cta-ecosa-difference .usp-overview.top .usp-wrapper h3 {
            font-size: 1.125rem;
            margin-bottom: 0.5rem; } }
      .highlight-v1 .homepage .page-hero .cta-ecosa-difference .usp-overview.top .usp-wrapper .feature-icon {
        height: 90px;
        left: 0;
        right: 0;
        margin: auto;
        width: auto; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .usp-overview.top .usp-wrapper .usp-item {
          width: 100%;
          -webkit-box-flex: 1;
              -ms-flex: auto;
                  flex: auto;
          margin-bottom: 4rem; } }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .usp-overview.top .usp-wrapper .usp-item {
          margin-bottom: 5rem; } }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .usp-overview.top .usp-wrapper .usp-block {
          box-shadow: none; } }
    .highlight-v1 .homepage .page-hero .cta-ecosa-difference .card-block {
      position: relative;
      z-index: 1;
      border-radius: 8px;
      overflow: hidden; }
    .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper {
      background-color: #fbfbfb; }
      .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image {
        position: relative;
        width: 60%;
        border-bottom-right-radius: 8px;
        -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch; }
        @media (max-width: 991px) {
          .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image {
            width: 55%; } }
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image img {
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: left bottom;
             object-position: left bottom;
          height: 100%;
          width: 100%;
          border-radius: 0 0 8px 0; }
          @media (max-width: 767px) {
            .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image img {
              border-radius: 0 0 8px 8px; } }
      .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content {
        position: relative;
        z-index: 1;
        width: 40%;
        padding: 0.5rem 0 1rem; }
        @media (max-width: 991px) {
          .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content {
            width: 45%; } }
        @media (max-width: 767px) {
          .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content {
            width: 100%; } }
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content h3 {
          font-size: 1.375rem; }

@media (min-width: 768px) and (max-width: 991px) {
  .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content h3 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem; } }
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content p {
          margin: 0; }
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          width: calc(100% + 4rem);
          padding: 1rem 0.75rem; }
          @media (max-width: 767px) {
            .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row; } }

@media (min-width: 768px) and (max-width: 991px) {
  .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item {
    width: calc(100% + 5rem);
    padding: 0.75rem 0; } }
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .iwt-content {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          border-radius: 8px;
          background-color: #ffffff;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          padding: 2rem 1.5rem 2rem 3.5rem; }

@media (min-width: 768px) and (max-width: 991px) {
  .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .iwt-content {
    padding: 1.25rem 2rem 1.25rem 3.5rem; } }
        .highlight-v1 .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .iwt-image {
          position: relative;
          z-index: 1;
          margin-right: -3.5rem; }
  .highlight-v1 .homepage .reviews-slider {
    position: relative;
    padding: 3rem 0 calc(100vw / 7) 0;
    background-image: url("https://ecosaau.imgix.net/img/homepage/homepage-v1/wave-light.svg"), linear-gradient(to top, transparent calc(100vw / 7), #f2f5fb calc(100vw / 7));
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    z-index: 1; }
    .highlight-v1 .homepage .reviews-slider h2 {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .highlight-v1 .homepage .reviews-slider .swiper-container {
      width: 95%;
      margin: 0 auto;
      padding-bottom: 3rem;
      max-width: 1440px; }
      @media (max-width: 991px) {
        .highlight-v1 .homepage .reviews-slider .swiper-container {
          width: 100%; } }
    .highlight-v1 .homepage .reviews-slider .swiper-pagination-bullet {
      width: 0.625rem;
      height: 0.625rem; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .reviews-slider .swiper-pagination-bullet {
          width: 1rem;
          height: 1rem; } }
    .highlight-v1 .homepage .reviews-slider .swiper-pagination-bullet-active {
      background: #57B0E2;
      outline: 0; }
    @media (min-width: 768px) {
      .highlight-v1 .homepage .reviews-slider .reviews {
        padding-top: 4px;
        padding-right: 9px;
        padding-bottom: 3px; } }
    @media (max-width: 767px) {
      .highlight-v1 .homepage .reviews-slider .reviews {
        width: 95%;
        margin: 0 auto; } }
    .highlight-v1 .homepage .reviews-slider .featured-review-footer {
      text-align: left;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0.75rem 1.5rem; }
      .highlight-v1 .homepage .reviews-slider .featured-review-footer .featured-review-author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .highlight-v1 .homepage .reviews-slider .featured-review-footer .featured-review-author:after {
          content: "";
          display: inline-block;
          background-image: url("https://ecosaau.imgix.net/img/homepage/homepage-v1/tick-verified.svg");
          margin-left: 0.25rem;
          background-size: contain;
          height: 1rem;
          width: 1rem;
          -webkit-transform: translateY(-1px);
                  transform: translateY(-1px); }
      .highlight-v1 .homepage .reviews-slider .featured-review-footer .featured-review-verified {
        color: #ACACAC;
        font-size: 0.9rem;
        line-height: 1; }
    @media (max-width: 543px) {
      .highlight-v1 .homepage .reviews-slider {
        background-image: url("https://ecosaau.imgix.net/img/homepage/homepage-v1/wave-light-mobile.svg"), linear-gradient(to top, transparent calc(100vw / 5), #f2f5fb calc(100vw / 5));
        padding: 0 0 calc(100vw / 5 + 3rem) 0; } }
    @media (max-width: 543px) {
      .highlight-v1 .homepage .reviews-slider h2 {
        padding-top: 0; } }
  .highlight-v1 .homepage .press-slider {
    overflow: hidden;
    background: #f5f5f5;
    padding-top: 4rem;
    padding-bottom: 1rem; }
    .highlight-v1 .homepage .press-slider .slider-header {
      text-align: center; }
      .highlight-v1 .homepage .press-slider .slider-header h3 {
        letter-spacing: 1px; }
    .highlight-v1 .homepage .press-slider .featured-in {
      max-width: 1440px;
      padding-left: 20px;
      padding-right: 20px; }
      .highlight-v1 .homepage .press-slider .featured-in .swiper-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .highlight-v1 .homepage .press-slider .featured-in .swiper-wrapper .swiper-slide {
          width: auto; }
          .highlight-v1 .homepage .press-slider .featured-in .swiper-wrapper .swiper-slide img {
            max-height: 40px;
            max-width: 100%; }
            .highlight-v1 .homepage .press-slider .featured-in .swiper-wrapper .swiper-slide img.google {
              max-height: 50px; }
      .highlight-v1 .homepage .press-slider .featured-in .swiper-pagination-bullet-active {
        background: #6a6a6a; }
      .highlight-v1 .homepage .press-slider .featured-in .swiper-slide {
        padding: 1.5rem 0 4rem; }
        .highlight-v1 .homepage .press-slider .featured-in .swiper-slide p {
          font-family: georgia;
          font-style: italic;
          font-size: 22px;
          line-height: 28px;
          max-width: 600px;
          margin: 0 auto;
          text-align: center;
          margin-bottom: 40px; }
      .highlight-v1 .homepage .press-slider .featured-in .swiper-button-next, .highlight-v1 .homepage .press-slider .featured-in .swiper-button-prev {
        top: 40%;
        width: 12px;
        background-size: auto; }
      .highlight-v1 .homepage .press-slider .featured-in .swiper-button-next {
        right: 10px; }
      .highlight-v1 .homepage .press-slider .featured-in .swiper-button-prev {
        left: 10px; }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .press-slider .featured-in .swiper-slide p {
          width: 80%;
          margin: 0 auto;
          font-size: 1rem;
          padding-bottom: 1rem; }
        .highlight-v1 .homepage .press-slider .featured-in .swiper-button-next {
          right: 12px;
          height: 20px; }
        .highlight-v1 .homepage .press-slider .featured-in .swiper-button-prev {
          left: 12px;
          height: 20px; } }
    .highlight-v1 .homepage .press-slider .gallery-thumbs {
      padding: 20px 0;
      background: #fff; }
      .highlight-v1 .homepage .press-slider .gallery-thumbs:after {
        content: "";
        transition: opacity .3s;
        border: 20px solid transparent;
        border-top-color: #f5f5f5;
        position: absolute;
        top: 0;
        margin-left: -25px; }
      .highlight-v1 .homepage .press-slider .gallery-thumbs .swiper-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .highlight-v1 .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide {
          width: auto;
          width: 220px;
          border-left: 1px solid #ccc;
          height: 60px; }
          .highlight-v1 .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide:first-child {
            border-left: 0; }
          .highlight-v1 .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide img {
            cursor: pointer;
            width: auto;
            max-width: 130px;
            max-height: 35px;
            vertical-align: middle;
            margin: 20px auto; }
  .highlight-v1 .homepage .sleeping-experience {
    background: #f5f5f5;
    padding: 5rem 1rem; }
    .highlight-v1 .homepage .sleeping-experience h2 {
      letter-spacing: 1px; }
    .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 1rem; }
      .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-icon {
        padding: 0.5rem; }
        .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-icon img {
          max-height: 100px; }
      .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary {
        padding: 1rem;
        text-align: left; }
        .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary h4 {
          margin: 0; }
        .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating {
          padding: 1rem 0;
          font-size: 1.125rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating .star-rate {
            color: #fec600;
            -webkit-text-fill-color: #fec600; }
          .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating .rate {
            color: #10318E;
            margin-left: 0.5rem; }
        .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-description {
          color: #10318E;
          font-weight: bold; }
  .highlight-v1 .homepage .perfect-mattress {
    padding: 0 0 4rem 0;
    z-index: 0;
    position: relative; }
    .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-image img {
      width: 100%;
      display: block;
      margin: 5vh auto; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-image img {
          margin-bottom: 0; } }
    .highlight-v1 .homepage .perfect-mattress p.top-subtitle {
      font-weight: 600;
      font-size: 120%;
      padding-top: 0.5rem;
      color: #10318E; }
    .highlight-v1 .homepage .perfect-mattress h2.highlight-text {
      font-size: 4.5rem;
      line-height: 1em;
      margin-bottom: 2rem;
      padding: 0;
      z-index: 2;
      margin-top: 0.75rem; }
      @media (max-width: 991px) {
        .highlight-v1 .homepage .perfect-mattress h2.highlight-text {
          font-size: 3rem; } }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .perfect-mattress h2.highlight-text {
          font-size: 2.5rem;
          margin-bottom: 1rem; } }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .perfect-mattress h2.highlight-text {
          margin-bottom: 2rem; } }
      .highlight-v1 .homepage .perfect-mattress h2.highlight-text span.underline {
        position: relative;
        display: inline-block;
        z-index: 1;
        font-weight: 600; }
        .highlight-v1 .homepage .perfect-mattress h2.highlight-text span.underline:before {
          content: "";
          background-color: #FFC62C;
          border-radius: 4px;
          position: absolute;
          height: 45%;
          width: 105%;
          bottom: 0px;
          left: -2.5%;
          right: 0;
          z-index: -1; }
        .highlight-v1 .homepage .perfect-mattress h2.highlight-text span.underline.short:before {
          width: 100%; }
    .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content {
      padding-left: 1rem; }
      @media (min-width: 1200px) {
        .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content {
          padding-left: 3rem; } }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content {
          padding-top: 0; } }
      .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content h1 {
        font-size: 2.125rem;
        line-height: 1.25em; }
      .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content p {
        text-align: left; }
      .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content a {
        margin-top: 1.25rem; }
        @media (max-width: 543px) {
          .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content a {
            margin-top: 1rem; } }
    @media (min-width: 768px) {
      .highlight-v1 .homepage .perfect-mattress .iwt-image {
        width: 55%; }
      .highlight-v1 .homepage .perfect-mattress .iwt-content {
        width: 45%; } }
    @media screen and (min-width: 1600px) {
      .highlight-v1 .homepage .perfect-mattress .iwt-image {
        width: 50%; }
      .highlight-v1 .homepage .perfect-mattress .iwt-content {
        width: 50%; } }
  .highlight-v1 .homepage .exp-ecosa {
    padding-bottom: 4rem; }
    .highlight-v1 .homepage .exp-ecosa h2 {
      font-size: 2.7rem;
      margin-bottom: 4rem; }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .exp-ecosa h2 {
          font-size: 1.9rem;
          margin-bottom: 2rem; } }
    .highlight-v1 .homepage .exp-ecosa p {
      text-align: center;
      margin-bottom: 4rem; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .exp-ecosa p {
          margin-bottom: 2rem; } }
    @media (min-width: 992px) {
      .highlight-v1 .homepage .exp-ecosa .container {
        max-width: 1440px;
        padding-left: 2rem;
        padding-right: 2rem; } }
    .highlight-v1 .homepage .exp-ecosa .product {
      margin-bottom: 3rem; }
      .highlight-v1 .homepage .exp-ecosa .product h4 {
        margin-bottom: 0;
        text-align: center; }
        @media (min-width: 1200px) {
          .highlight-v1 .homepage .exp-ecosa .product h4 {
            font-size: 1.6rem; } }
        @media (max-width: 767px) {
          .highlight-v1 .homepage .exp-ecosa .product h4 {
            font-size: 1.425rem; } }
        @media (max-width: 543px) {
          .highlight-v1 .homepage .exp-ecosa .product h4 {
            font-size: 0.9rem; } }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .exp-ecosa .product img.stars {
          display: none; } }
      .highlight-v1 .homepage .exp-ecosa .product img.product-image {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        margin: 0.75rem 0 1.5rem; }
        @media (max-width: 543px) {
          .highlight-v1 .homepage .exp-ecosa .product img.product-image {
            border-radius: 6px;
            margin-bottom: 1rem; } }
      .highlight-v1 .homepage .exp-ecosa .product a {
        text-align: left;
        padding-left: 3rem;
        padding-right: 3rem; }
        @media (max-width: 543px) {
          .highlight-v1 .homepage .exp-ecosa .product a {
            padding-left: 2rem;
            padding-right: 2rem; } }
    .highlight-v1 .homepage .exp-ecosa .row {
      margin-left: -0.5rem;
      margin-right: -0.5rem; }
      .highlight-v1 .homepage .exp-ecosa .row .col {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    @media (max-width: 543px) {
      .highlight-v1 .homepage .exp-ecosa .row {
        margin-left: -5px;
        margin-right: -5px; }
        .highlight-v1 .homepage .exp-ecosa .row .col {
          padding-right: 5px;
          padding-left: 5px; } }
  .highlight-v1 .homepage .ecosa-latest-blogs {
    padding: 5rem 0;
    background-color: #F2F5FB;
    position: relative;
    box-shadow: 0px 10px 16px -9px rgba(0, 0, 0, 0.25); }
    @media (max-width: 767px) {
      .highlight-v1 .homepage .ecosa-latest-blogs {
        padding: 3rem 0; } }
    .highlight-v1 .homepage .ecosa-latest-blogs h2 {
      margin-bottom: 4rem; }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .ecosa-latest-blogs h2 {
          margin-bottom: 2rem; } }
    @media (max-width: 543px) {
      .highlight-v1 .homepage .ecosa-latest-blogs .post {
        margin-bottom: 1rem; } }
    .highlight-v1 .homepage .ecosa-latest-blogs .post a:hover .read-more {
      text-decoration: underline; }
    .highlight-v1 .homepage .ecosa-latest-blogs .post img {
      border-radius: 10px; }
    .highlight-v1 .homepage .ecosa-latest-blogs .post .post-inner {
      padding: 1rem;
      text-align: left; }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .ecosa-latest-blogs .post .post-inner {
          padding: 1rem 0.25rem; } }
      .highlight-v1 .homepage .ecosa-latest-blogs .post .post-inner .category {
        text-transform: uppercase;
        margin-bottom: 0.625rem; }
        @media (max-width: 543px) {
          .highlight-v1 .homepage .ecosa-latest-blogs .post .post-inner .category {
            font-size: 0.825rem; } }
      .highlight-v1 .homepage .ecosa-latest-blogs .post .post-inner .read-more {
        font-style: italic; }
  .highlight-v1 .homepage .experience-ecosa {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -2rem;
    margin-bottom: -2rem; }
    .highlight-v1 .homepage .experience-ecosa .wrapper-image {
      /* object-fit: cover;
                object-position: 0; */
      position: relative;
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
      width: 100%; }
      @media (min-width: 544px) {
        .highlight-v1 .homepage .experience-ecosa .wrapper-image {
          min-height: 500px; } }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .experience-ecosa .wrapper-image {
          min-height: 180px; } }
      .highlight-v1 .homepage .experience-ecosa .wrapper-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 0;
           object-position: 0;
        max-height: 500px; }
        @media (max-width: 767px) {
          .highlight-v1 .homepage .experience-ecosa .wrapper-image img {
            max-height: 180px; } }
      .highlight-v1 .homepage .experience-ecosa .wrapper-image p {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        color: #fff;
        position: absolute;
        padding: 2rem 4rem;
        top: 0;
        left: 0;
        font-size: 1.325rem;
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-bottom: 0; }
      .highlight-v1 .homepage .experience-ecosa .wrapper-image.one p {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.01) 100%); }
      .highlight-v1 .homepage .experience-ecosa .wrapper-image.two p {
        background: linear-gradient(to bottom, #344d6c 0%, rgba(255, 255, 255, 0.01) 100%); }
      @media (max-width: 767px) {
        .highlight-v1 .homepage .experience-ecosa .wrapper-image p {
          padding: 2rem 1rem; }
        .highlight-v1 .homepage .experience-ecosa .wrapper-image.one p {
          background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.01) 100%); }
        .highlight-v1 .homepage .experience-ecosa .wrapper-image.two p {
          background: linear-gradient(to right, #344d6c 0%, rgba(255, 255, 255, 0.01) 100%); } }
    .highlight-v1 .homepage .experience-ecosa .experience-header, .highlight-v1 .homepage .experience-ecosa .experience-footer {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .highlight-v1 .homepage .experience-ecosa .experience-wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .experience-ecosa .experience-wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          display: block; } }
      .highlight-v1 .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 33.33%;
                flex: 1 0 33.33%; }
        .highlight-v1 .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:first-child img {
          border-bottom-left-radius: 8px; }
          @media (max-width: 767px) {
            .highlight-v1 .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:first-child img {
              border-bottom-left-radius: 0; } }
        .highlight-v1 .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:nth-last-of-type(2) img {
          border-bottom-left-radius: 0; }
        @media (max-width: 767px) {
          .highlight-v1 .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image {
            -webkit-box-flex: 1;
                -ms-flex: 1 0 100%;
                    flex: 1 0 100%; } }
      .highlight-v1 .homepage .experience-ecosa .experience-wrapper .product-wrapper-image {
        position: relative;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
        width: 100%;
        height: 100%;
        min-height: 50px; }
        .highlight-v1 .homepage .experience-ecosa .experience-wrapper .product-wrapper-image img {
          height: 100%;
          width: 100%; }
        .highlight-v1 .homepage .experience-ecosa .experience-wrapper .product-wrapper-image .btn {
          position: absolute;
          right: 1rem;
          bottom: 1rem; }
        @media (min-width: 544px) {
          .highlight-v1 .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:last-of-type img {
            border-bottom-right-radius: 8px; }
          .highlight-v1 .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:nth-last-of-type(2) img {
            border-bottom-left-radius: 8px; } }
        @media (max-width: 543px) {
          .highlight-v1 .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:last-of-type img {
            border-radius: 0 0 8px 8px; } }
  .highlight-v1 .homepage .charity {
    padding-top: 3rem;
    padding-bottom: 6rem;
    text-align: center;
    color: #10318E; }
    @media (max-width: 767px) {
      .highlight-v1 .homepage .charity {
        padding-top: 1rem;
        padding-bottom: 3rem; } }
    .highlight-v1 .homepage .charity img {
      padding-top: 1rem;
      padding-bottom: 1rem;
      max-width: 350px;
      width: 100%;
      margin-bottom: 1rem; }
      @media (max-width: 543px) {
        .highlight-v1 .homepage .charity img {
          padding-top: 0;
          padding-bottom: 0; } }
    .highlight-v1 .homepage .charity p {
      text-align: center; }
  .highlight-v1 .homepage .latest-blogs {
    padding-top: 3rem;
    padding-bottom: 3rem;
    /*padding-bottom: 6rem;*/ }
    .highlight-v1 .homepage .latest-blogs .block-content {
      text-align: left; }
      .highlight-v1 .homepage .latest-blogs .block-content .blog-thumb {
        min-height: 200px;
        max-height: 200px; }
      .highlight-v1 .homepage .latest-blogs .block-content .blog-item {
        background: #fff;
        margin-bottom: 0;
        height: 100%;
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        position: relative;
        -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch; }
        @media (min-width: 544px) {
          .highlight-v1 .homepage .latest-blogs .block-content .blog-item {
            min-height: 360px; } }
        @media (min-width: 768px) {
          .highlight-v1 .homepage .latest-blogs .block-content .blog-item {
            min-height: 470px;
            height: auto; } }
        .highlight-v1 .homepage .latest-blogs .block-content .blog-item img {
          min-height: 200px;
          max-height: 200px;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
        .highlight-v1 .homepage .latest-blogs .block-content .blog-item:nth-of-type(odd) {
          background-color: #deeff9; }
        @media (max-width: 991px) {
          .highlight-v1 .homepage .latest-blogs .block-content .blog-item:not(:first-of-type) {
            border-radius: 0 0 8px 8px; } }
      .highlight-v1 .homepage .latest-blogs .block-content .post-date {
        display: none;
        position: absolute;
        margin-top: -3.5rem;
        padding: 0.75rem 0.5rem;
        text-transform: initial; }

@media (min-width: 768px) {
  .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .highlight-v1 .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content {
      padding-left: 3rem;
      text-align: left; } }

@media (max-width: 1199px) {
  .highlight-v1 .homepage .container {
    max-width: 100%;
    width: 95%;
    margin: 0 auto; } }

@media (max-width: 543px) {
  .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .reviews-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .review-summary {
    text-align: center !important; }
    .highlight-v1 .homepage .sleeping-experience .reviews-item-wrapper .review-summary .rate {
      display: block; } }

.btn.btn-white {
  color: #10318E;
  background-color: #fff; }

.highlight-control .homepage, #main > .homepage {
  overflow-x: hidden;
  /*** Reviews Slider ***/
  /*** Press Slider ***/
  /*** US - 5-Star Sleeping Expreience ***/ }
  .highlight-control .homepage .page-hero .home-hero-sales.home-hero-sales-full, #main > .homepage .page-hero .home-hero-sales.home-hero-sales-full {
    width: 100%; }
    .highlight-control .homepage .page-hero .home-hero-sales.home-hero-sales-full .cta-wrapper, #main > .homepage .page-hero .home-hero-sales.home-hero-sales-full .cta-wrapper {
      height: 100vh;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .highlight-control .homepage .page-hero .home-hero-sales.home-hero-sales-full .cta-wrapper .wrapper-content, #main > .homepage .page-hero .home-hero-sales.home-hero-sales-full .cta-wrapper .wrapper-content {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
  .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-none, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-none {
    display: none !important; }
  @media (min-width: 768px) {
    .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-md-none, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-md-none {
      display: none !important; } }
  @media (min-width: 768px) {
    .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-md-block, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper .d-md-block {
      display: block !important; } }
  .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper .wrapper-content .cta-button, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper .wrapper-content .cta-button {
    line-height: inherit;
    margin: 2rem auto 0; }
  .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
    background-image: url("https://ecosaau.imgix.net/img/homepage/boxing-day-2019/bg_desktop.jpg"); }
  @media (max-width: 768px) {
    .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
      background-image: url("https://ecosaau.imgix.net/img/homepage/boxing-day-2019/bg_mobile.jpg"); } }
  .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
    background-color: #fed15e;
    background-size: auto 90%;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 600px; }
    @media (max-width: 768px) {
      .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
        background-size: 100% auto;
        background-position: center 5vh; } }
    @media (max-width: 543px) {
      .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper {
        background-position: bottom; } }
    .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content {
      max-width: 750px;
      position: relative; }
      @media (max-width: 768px) {
        .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          padding-bottom: 10vh; } }
      .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner {
        position: absolute;
        bottom: 16vh;
        left: 0;
        right: 0;
        width: 100%; }
        @media (max-height: 600px) {
          .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner {
            bottom: 5rem; } }
        @media (max-width: 539px) {
          .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .content-inner {
            bottom: 5rem; } }
      .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-tagline, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-tagline {
        position: absolute;
        width: 100%;
        bottom: 2vh;
        left: 0;
        right: 0;
        margin: 0;
        color: #fff;
        text-align: center;
        font-size: 1rem; }
      .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title {
        width: 55vh;
        margin: auto;
        display: block;
        max-width: 63vw; }
        @media (min-width: 769px) {
          .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title {
            min-width: 340px; } }
        @media (max-width: 539px) {
          .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-title {
            width: 80%;
            max-width: 285px; } }
      .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle {
        width: 55vh;
        margin: 1.75rem auto;
        max-width: 63vw; }
        @media (min-width: 769px) {
          .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle {
            min-width: 340px; } }
        @media (max-width: 539px) {
          .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .sale-subtitle {
            max-width: 280px;
            width: 80%;
            margin: 3rem auto 3rem; } }
      .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .cta-button, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .cta-button {
        width: 285px;
        line-height: 1; }
        @media (max-width: 768px) {
          .highlight-control .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .cta-button, #main > .homepage .page-hero .ecosa-boxing-day-2019-wrapper.cta-wrapper .wrapper-content .cta-button {
            width: 80%;
            max-width: 280px; } }
  .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper, #main > .homepage .page-hero .ecosa-blackfriday-wrapper {
    text-align: left;
    width: 100%;
    height: 100vh;
    min-height: 580px;
    background: #e3e1e2 url("/img/homepage/black_sale/black_friday_home_bg.jpg") no-repeat center center;
    background-size: cover; }
    .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .offer-text, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .offer-text {
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
      text-transform: uppercase;
      text-align: left;
      font-size: 4rem;
      font-weight: 600;
      line-height: 4rem;
      color: #000000;
      margin-bottom: .2rem;
      min-width: 169px; }
      @media (max-width: 767px) {
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .offer-text, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .offer-text {
          min-width: 174px; } }
    .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount {
      display: block;
      background-color: #000;
      width: auto;
      border-radius: 5px;
      padding: 0 1%; }
      @media (max-width: 767px) {
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount {
          max-width: unset; } }
      .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount .rate, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount .rate {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        font-size: 5.6rem;
        color: #fff;
        line-height: 1;
        display: inline-block; }
      .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount .remit, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .discount-offer .discount-offer-wrapper .discount .remit {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        font-size: 2.8rem;
        color: #fff;
        line-height: 1;
        display: inline-block; }
    .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg {
      display: none;
      max-width: 37%; }
      @media (max-width: 767px) {
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg {
          display: block; } }
      @media (max-width: 543px) {
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .ecosa-products-bg {
          max-width: 100%; } }
    .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .btn.btn-secondary, #main > .homepage .page-hero .ecosa-blackfriday-wrapper.tc-version .container .discount-content .btn.btn-secondary {
      font-size: 1.2rem;
      font-weight: 600;
      padding: 0.625rem 4rem;
      margin-bottom: 10%; }
    @media (max-width: 767px) {
      .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper, #main > .homepage .page-hero .ecosa-blackfriday-wrapper {
        height: auto;
        background: #dfdfe7;
        background: radial-gradient(circle, #dfdfe7 0%, #c8c3ca 100%); } }
    @media (max-width: 543px) {
      .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper, #main > .homepage .page-hero .ecosa-blackfriday-wrapper {
        min-height: 560px; } }
    .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container {
      height: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: center;
          align-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media (max-width: 767px) {
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container {
          padding-top: 15%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media (max-width: 543px) {
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container {
          padding-top: 24%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      @media screen and (max-width: 400px) {
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container {
          padding-top: 27%; } }
      .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content {
        text-align: center; }
        @media (max-width: 767px) {
          .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content {
            max-width: 390px;
            margin: 0 auto; } }
        @media (max-width: 543px) {
          .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content {
            max-width: 340px; } }
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2 {
          font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
          text-transform: uppercase;
          font-style: normal;
          font-weight: 500;
          font-size: 3.1rem;
          line-height: 1;
          color: #000000;
          padding: 0;
          margin: 0; }
          @media (max-width: 543px) {
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2 {
              font-size: 2.4rem; } }
          @media screen and (max-width: 370px) {
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content h2 {
              font-size: 2.1rem; } }
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          width: auto;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          position: relative;
          margin-bottom: 1rem; }
          @media (max-width: 767px) {
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper {
              margin: 0 auto;
              max-width: 340px; } }
          @media (max-width: 543px) {
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper {
              max-width: 280px;
              margin-bottom: .5rem; } }
          .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper img.cart, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper img.cart {
            position: absolute;
            left: -4%;
            top: -11%;
            width: 17%; }
            @media (max-width: 543px) {
              .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper img.cart, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper img.cart {
                left: -2%; } }
          .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle {
            width: 84%;
            padding: .2rem 0;
            margin-bottom: .8rem; }
            @media (max-width: 543px) {
              .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle {
                width: 88%; } }
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle h3, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle h3 {
              display: inline-block;
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              text-transform: uppercase;
              font-size: 2rem;
              font-weight: 500;
              line-height: 1;
              color: #FAFAFA;
              background-color: #000;
              border-radius: 5px;
              text-align: right;
              padding: .3rem .4rem;
              margin: 0; }
              @media (max-width: 543px) {
                .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle h3, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .subtitle-wrapper .subtitle h3 {
                  font-size: 1.5rem; } }
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 1.8rem; }
          @media (max-width: 543px) {
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer {
              margin-bottom: 9%; } }
          .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount {
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            text-transform: uppercase;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 56%;
            max-height: 120px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-flow: column wrap;
                    flex-flow: column wrap;
            margin-bottom: .8rem; }
            @media (max-width: 767px) {
              .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount {
                max-width: 140px; } }
            @media (max-width: 543px) {
              .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount {
                width: 50%;
                max-height: 100px;
                margin-bottom: 0; } }
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .rate, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .rate {
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              font-size: 6.8rem;
              font-weight: 600;
              line-height: 5rem;
              text-transform: uppercase;
              color: #000000; }
              @media (max-width: 543px) {
                .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .rate, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .rate {
                  font-size: 4.8rem;
                  line-height: 4.8rem; } }
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .unit, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .unit {
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              text-transform: uppercase;
              font-size: 3.7rem;
              font-weight: 600;
              text-align: center;
              color: #000000;
              line-height: 3rem; }
              @media (max-width: 543px) {
                .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .unit, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .unit {
                  font-size: 2.7rem;
                  line-height: 3rem; } }
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .remit, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .remit {
              font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
              text-transform: uppercase;
              font-size: 2.2rem;
              font-weight: 600;
              text-align: center;
              color: #000000;
              line-height: 2rem; }
              @media (max-width: 543px) {
                .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .remit, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .discount .remit {
                  font-size: 1.5rem;
                  line-height: 1.2rem; } }
          .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .offer-text, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .offer-text {
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            text-transform: uppercase;
            font-size: 2.1rem;
            line-height: 2rem;
            color: #000000; }
            @media (max-width: 543px) {
              .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .offer-text, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .discount-offer .offer-text {
                font-size: 1.8rem;
                line-height: 2rem; } }
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg {
          display: none;
          max-width: 100%;
          margin: 0 auto 10%; }
          @media (max-width: 767px) {
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg {
              display: block;
              margin: 0 auto 6%; } }
          @media (max-width: 543px) {
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .ecosa-products-bg {
              margin: 0 auto 5%; } }
        .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .btn.btn-secondary, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .btn.btn-secondary {
          border-radius: 5px;
          padding: 0.625rem 3rem;
          margin-bottom: 10%;
          font-weight: 600; }
          @media (max-width: 767px) {
            .highlight-control .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .btn.btn-secondary, #main > .homepage .page-hero .ecosa-blackfriday-wrapper .container .discount-content .btn.btn-secondary {
              width: 100%; } }
  .highlight-control .homepage .page-hero .cta-wrapper, #main > .homepage .page-hero .cta-wrapper {
    text-align: right;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    background: #e3e1e2 url("https://ecosaau.imgix.net/img/homepage/model.jpg?auto=compress,format") no-repeat center center;
    background-size: cover; }
    .highlight-control .homepage .page-hero .cta-wrapper .container, #main > .homepage .page-hero .cta-wrapper .container {
      height: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: center;
          align-content: center; }
    .highlight-control .homepage .page-hero .cta-wrapper p, #main > .homepage .page-hero .cta-wrapper p {
      color: #10318E;
      font-size: 1.125rem;
      text-align: right;
      margin-left: 1rem;
      width: 100%;
      max-width: 100%; }
    .highlight-control .homepage .page-hero .cta-wrapper .btn, #main > .homepage .page-hero .cta-wrapper .btn {
      margin-top: 2rem; }
  .highlight-control .homepage .page-hero .cta-ecosa-difference, #main > .homepage .page-hero .cta-ecosa-difference {
    background-image: linear-gradient(-180deg, transparent 8%, #bfb7ac 26%, #bfb7ac 10%, #bfb7ac 50%);
    position: relative;
    width: 100%;
    margin-top: -9.5rem;
    margin-bottom: -5rem; }
    .highlight-control .homepage .page-hero .cta-ecosa-difference.overlap, #main > .homepage .page-hero .cta-ecosa-difference.overlap {
      background: linear-gradient(0deg, #deeff9 0%, #d7d7df 100%);
      margin-top: 0;
      margin-bottom: 0;
      padding: 3rem 0 0;
      margin-bottom: -4rem; }
    .highlight-control .homepage .page-hero .cta-ecosa-difference.no-overlap, #main > .homepage .page-hero .cta-ecosa-difference.no-overlap {
      background: linear-gradient(180deg, #FFFFFF 0%, #DEEFF9 100%);
      margin-top: 2.5rem;
      z-index: 1; }
      .highlight-control .homepage .page-hero .cta-ecosa-difference.no-overlap .card-block, #main > .homepage .page-hero .cta-ecosa-difference.no-overlap .card-block {
        margin-top: 0;
        margin-bottom: 0; }
    .highlight-control .homepage .page-hero .cta-ecosa-difference .card-block, #main > .homepage .page-hero .cta-ecosa-difference .card-block {
      position: relative;
      z-index: 1; }
    .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image {
      position: relative;
      width: 60%;
      border-bottom-right-radius: 8px;
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch; }
      @media (max-width: 991px) {
        .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image {
          width: 55%; } }
      .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image img, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image img {
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: left bottom;
           object-position: left bottom;
        height: 100%;
        width: 100%;
        border-radius: 0 0 8px 0; }
        @media (max-width: 767px) {
          .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image img, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-image img {
            border-radius: 0 0 8px 8px; } }
    .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content {
      width: 40%; }
      @media (max-width: 991px) {
        .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content {
          width: 45%; } }
      @media (max-width: 767px) {
        .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content {
          width: 100%; } }
      @media (min-width: 544px) {
        .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content h3, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content h3 {
          font-size: 1.375rem; } }
      .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content p, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content p {
        margin: 0; }
      .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item {
        background-color: #deeff9;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        @media (min-width: 544px) {
          .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item {
            padding: 0.75rem; } }
        @media (max-width: 767px) {
          .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row; } }
        .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item:nth-of-type(odd), #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item:nth-of-type(odd) {
          background-color: #fff; }
        .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item:last-of-type, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item:last-of-type {
          border-radius: 0 0 8px 8px; }
          @media (max-width: 767px) {
            .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item:last-of-type, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .difference-item:last-of-type {
              border-radius: none; } }
      .highlight-control .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .iwt-content, #main > .homepage .page-hero .cta-ecosa-difference .difference-wrapper .wrapper-content .iwt-content {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
  .highlight-control .homepage .reviews-slider, #main > .homepage .reviews-slider {
    position: relative;
    padding: 6rem 0 2rem 0; }
    @media (max-width: 767px) {
      .highlight-control .homepage .reviews-slider .reviews, #main > .homepage .reviews-slider .reviews {
        width: 95%;
        margin: 0 auto; } }
  .highlight-control .homepage .press-slider, #main > .homepage .press-slider {
    overflow: hidden;
    background: #f5f5f5;
    padding-top: 3rem; }
    .highlight-control .homepage .press-slider .slider-header, #main > .homepage .press-slider .slider-header {
      text-align: center;
      padding-top: 60px; }
      .highlight-control .homepage .press-slider .slider-header h3, #main > .homepage .press-slider .slider-header h3 {
        letter-spacing: 1px; }
    .highlight-control .homepage .press-slider .gallery-top, #main > .homepage .press-slider .gallery-top {
      padding-left: 20px;
      padding-right: 20px; }
      .highlight-control .homepage .press-slider .gallery-top .swiper-wrapper, #main > .homepage .press-slider .gallery-top .swiper-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .highlight-control .homepage .press-slider .gallery-top .swiper-wrapper .swiper-slide, #main > .homepage .press-slider .gallery-top .swiper-wrapper .swiper-slide {
          width: auto; }
          .highlight-control .homepage .press-slider .gallery-top .swiper-wrapper .swiper-slide img, #main > .homepage .press-slider .gallery-top .swiper-wrapper .swiper-slide img {
            max-height: 50px;
            max-width: 100%; }
      .highlight-control .homepage .press-slider .gallery-top .swiper-slide, #main > .homepage .press-slider .gallery-top .swiper-slide {
        padding: 20px 0 40px; }
        .highlight-control .homepage .press-slider .gallery-top .swiper-slide p, #main > .homepage .press-slider .gallery-top .swiper-slide p {
          font-family: georgia;
          font-style: italic;
          font-size: 22px;
          line-height: 28px;
          max-width: 600px;
          margin: 0 auto;
          text-align: center;
          margin-bottom: 40px; }
      .highlight-control .homepage .press-slider .gallery-top .swiper-button-next, .highlight-control .homepage .press-slider .gallery-top .swiper-button-prev, #main > .homepage .press-slider .gallery-top .swiper-button-next, #main > .homepage .press-slider .gallery-top .swiper-button-prev {
        top: 40%;
        width: 12px;
        background-size: auto; }
      .highlight-control .homepage .press-slider .gallery-top .swiper-button-next, #main > .homepage .press-slider .gallery-top .swiper-button-next {
        right: 10px; }
      .highlight-control .homepage .press-slider .gallery-top .swiper-button-prev, #main > .homepage .press-slider .gallery-top .swiper-button-prev {
        left: 10px; }
      @media (max-width: 543px) {
        .highlight-control .homepage .press-slider .gallery-top .swiper-slide p, #main > .homepage .press-slider .gallery-top .swiper-slide p {
          width: 80%;
          margin: 0 auto;
          font-size: 1rem;
          padding-bottom: 1rem; }
        .highlight-control .homepage .press-slider .gallery-top .swiper-button-next, #main > .homepage .press-slider .gallery-top .swiper-button-next {
          right: 12px;
          height: 20px; }
        .highlight-control .homepage .press-slider .gallery-top .swiper-button-prev, #main > .homepage .press-slider .gallery-top .swiper-button-prev {
          left: 12px;
          height: 20px; } }
    .highlight-control .homepage .press-slider .gallery-thumbs, #main > .homepage .press-slider .gallery-thumbs {
      padding: 20px 0;
      background: #fff; }
      .highlight-control .homepage .press-slider .gallery-thumbs:after, #main > .homepage .press-slider .gallery-thumbs:after {
        content: "";
        transition: opacity .3s;
        border: 20px solid transparent;
        border-top-color: #f5f5f5;
        position: absolute;
        top: 0;
        margin-left: -25px; }
      .highlight-control .homepage .press-slider .gallery-thumbs .swiper-wrapper, #main > .homepage .press-slider .gallery-thumbs .swiper-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .highlight-control .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide, #main > .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide {
          width: auto;
          width: 220px;
          border-left: 1px solid #ccc;
          height: 60px; }
          .highlight-control .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide:first-child, #main > .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide:first-child {
            border-left: 0; }
          .highlight-control .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide img, #main > .homepage .press-slider .gallery-thumbs .swiper-wrapper .swiper-slide img {
            cursor: pointer;
            width: auto;
            max-width: 130px;
            max-height: 35px;
            vertical-align: middle;
            margin: 20px auto; }
  .highlight-control .homepage .sleeping-experience, #main > .homepage .sleeping-experience {
    background: #f5f5f5;
    padding: 5rem 1rem; }
    .highlight-control .homepage .sleeping-experience h2, #main > .homepage .sleeping-experience h2 {
      letter-spacing: 1px; }
    .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 1rem; }
      .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-icon, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-icon {
        padding: 0.5rem; }
        .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-icon img, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-icon img {
          max-height: 100px; }
      .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary {
        padding: 1rem;
        text-align: left; }
        .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary h4, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary h4 {
          margin: 0; }
        .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating {
          padding: 1rem 0;
          font-size: 1.125rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating .star-rate, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating .star-rate {
            color: #fec600;
            -webkit-text-fill-color: #fec600; }
          .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating .rate, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-rating .rate {
            color: #10318E;
            margin-left: 0.5rem; }
        .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-description, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item .review-summary .review-description {
          color: #10318E;
          font-weight: bold; }
  .highlight-control .homepage .perfect-mattress, #main > .homepage .perfect-mattress {
    padding: 8rem 0 6rem 0; }
    .highlight-control .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content, #main > .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content {
      text-align: right; }
      .highlight-control .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content h1, #main > .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content h1 {
        font-size: 2.125rem;
        line-height: 1.25em; }
      .highlight-control .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content p, #main > .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content p {
        text-align: left; }
        @media (max-width: 543px) {
          .highlight-control .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content p, #main > .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content p {
            text-align: right; } }
    @media (min-width: 768px) {
      .highlight-control .homepage .perfect-mattress .iwt-image, #main > .homepage .perfect-mattress .iwt-image {
        width: 65%; }
      .highlight-control .homepage .perfect-mattress .iwt-content, #main > .homepage .perfect-mattress .iwt-content {
        width: 35%; } }
  .highlight-control .homepage .experience-ecosa, #main > .homepage .experience-ecosa {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -2rem;
    margin-bottom: -2rem; }
    .highlight-control .homepage .experience-ecosa .wrapper-image, #main > .homepage .experience-ecosa .wrapper-image {
      /* object-fit: cover;
			object-position: 0; */
      position: relative;
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
      width: 100%; }
      @media (min-width: 544px) {
        .highlight-control .homepage .experience-ecosa .wrapper-image, #main > .homepage .experience-ecosa .wrapper-image {
          min-height: 500px; } }
      @media (max-width: 767px) {
        .highlight-control .homepage .experience-ecosa .wrapper-image, #main > .homepage .experience-ecosa .wrapper-image {
          min-height: 180px; } }
      .highlight-control .homepage .experience-ecosa .wrapper-image img, #main > .homepage .experience-ecosa .wrapper-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 0;
           object-position: 0;
        max-height: 500px; }
        @media (max-width: 767px) {
          .highlight-control .homepage .experience-ecosa .wrapper-image img, #main > .homepage .experience-ecosa .wrapper-image img {
            max-height: 180px; } }
      .highlight-control .homepage .experience-ecosa .wrapper-image p, #main > .homepage .experience-ecosa .wrapper-image p {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        color: #fff;
        position: absolute;
        padding: 2rem 4rem;
        top: 0;
        left: 0;
        font-size: 1.325rem;
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-bottom: 0; }
      .highlight-control .homepage .experience-ecosa .wrapper-image.one p, #main > .homepage .experience-ecosa .wrapper-image.one p {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.01) 100%); }
      .highlight-control .homepage .experience-ecosa .wrapper-image.two p, #main > .homepage .experience-ecosa .wrapper-image.two p {
        background: linear-gradient(to bottom, #344d6c 0%, rgba(255, 255, 255, 0.01) 100%); }
      @media (max-width: 767px) {
        .highlight-control .homepage .experience-ecosa .wrapper-image p, #main > .homepage .experience-ecosa .wrapper-image p {
          padding: 2rem 1rem; }
        .highlight-control .homepage .experience-ecosa .wrapper-image.one p, #main > .homepage .experience-ecosa .wrapper-image.one p {
          background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.01) 100%); }
        .highlight-control .homepage .experience-ecosa .wrapper-image.two p, #main > .homepage .experience-ecosa .wrapper-image.two p {
          background: linear-gradient(to right, #344d6c 0%, rgba(255, 255, 255, 0.01) 100%); } }
    .highlight-control .homepage .experience-ecosa .experience-header, .highlight-control .homepage .experience-ecosa .experience-footer, #main > .homepage .experience-ecosa .experience-header, #main > .homepage .experience-ecosa .experience-footer {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .highlight-control .homepage .experience-ecosa .experience-wrapper, #main > .homepage .experience-ecosa .experience-wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media (max-width: 543px) {
        .highlight-control .homepage .experience-ecosa .experience-wrapper, #main > .homepage .experience-ecosa .experience-wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          display: block; } }
      .highlight-control .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image, #main > .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 33.33%;
                flex: 1 0 33.33%; }
        .highlight-control .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:first-child img, #main > .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:first-child img {
          border-bottom-left-radius: 8px; }
          @media (max-width: 767px) {
            .highlight-control .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:first-child img, #main > .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:first-child img {
              border-bottom-left-radius: 0; } }
        .highlight-control .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:nth-last-of-type(2) img, #main > .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image:nth-last-of-type(2) img {
          border-bottom-left-radius: 0; }
        @media (max-width: 767px) {
          .highlight-control .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image, #main > .homepage .experience-ecosa .experience-wrapper.split-3 .product-wrapper-image {
            -webkit-box-flex: 1;
                -ms-flex: 1 0 100%;
                    flex: 1 0 100%; } }
      .highlight-control .homepage .experience-ecosa .experience-wrapper .product-wrapper-image, #main > .homepage .experience-ecosa .experience-wrapper .product-wrapper-image {
        position: relative;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
        width: 100%;
        height: 100%;
        min-height: 50px; }
        .highlight-control .homepage .experience-ecosa .experience-wrapper .product-wrapper-image img, #main > .homepage .experience-ecosa .experience-wrapper .product-wrapper-image img {
          height: 100%;
          width: 100%; }
        .highlight-control .homepage .experience-ecosa .experience-wrapper .product-wrapper-image .btn, #main > .homepage .experience-ecosa .experience-wrapper .product-wrapper-image .btn {
          position: absolute;
          right: 1rem;
          bottom: 1rem; }
        @media (min-width: 544px) {
          .highlight-control .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:last-of-type img, #main > .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:last-of-type img {
            border-bottom-right-radius: 8px; }
          .highlight-control .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:nth-last-of-type(2) img, #main > .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:nth-last-of-type(2) img {
            border-bottom-left-radius: 8px; } }
        @media (max-width: 543px) {
          .highlight-control .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:last-of-type img, #main > .homepage .experience-ecosa .experience-wrapper .product-wrapper-image:last-of-type img {
            border-radius: 0 0 8px 8px; } }
  .highlight-control .homepage .charity, #main > .homepage .charity {
    padding-bottom: 6rem;
    text-align: center;
    color: #10318E; }
    .highlight-control .homepage .charity img, #main > .homepage .charity img {
      padding-top: 1rem;
      padding-bottom: 1rem;
      max-width: 500px;
      width: 100%; }
    .highlight-control .homepage .charity p, #main > .homepage .charity p {
      text-align: center; }
  .highlight-control .homepage .latest-blogs, #main > .homepage .latest-blogs {
    padding-top: 3rem;
    padding-bottom: 3rem;
    /*padding-bottom: 6rem;*/ }
    .highlight-control .homepage .latest-blogs .block-content, #main > .homepage .latest-blogs .block-content {
      text-align: left; }
      .highlight-control .homepage .latest-blogs .block-content .blog-thumb, #main > .homepage .latest-blogs .block-content .blog-thumb {
        min-height: 200px;
        max-height: 200px; }
      .highlight-control .homepage .latest-blogs .block-content .blog-item, #main > .homepage .latest-blogs .block-content .blog-item {
        background: #fff;
        margin-bottom: 0;
        height: 100%;
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        position: relative;
        -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch; }
        @media (min-width: 544px) {
          .highlight-control .homepage .latest-blogs .block-content .blog-item, #main > .homepage .latest-blogs .block-content .blog-item {
            min-height: 360px; } }
        @media (min-width: 768px) {
          .highlight-control .homepage .latest-blogs .block-content .blog-item, #main > .homepage .latest-blogs .block-content .blog-item {
            min-height: 470px;
            height: auto; } }
        .highlight-control .homepage .latest-blogs .block-content .blog-item img, #main > .homepage .latest-blogs .block-content .blog-item img {
          min-height: 200px;
          max-height: 200px;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
        .highlight-control .homepage .latest-blogs .block-content .blog-item:nth-of-type(odd), #main > .homepage .latest-blogs .block-content .blog-item:nth-of-type(odd) {
          background-color: #deeff9; }
        @media (max-width: 991px) {
          .highlight-control .homepage .latest-blogs .block-content .blog-item:not(:first-of-type), #main > .homepage .latest-blogs .block-content .blog-item:not(:first-of-type) {
            border-radius: 0 0 8px 8px; } }
      .highlight-control .homepage .latest-blogs .block-content .post-date, #main > .homepage .latest-blogs .block-content .post-date {
        display: none;
        position: absolute;
        margin-top: -3.5rem;
        padding: 0.75rem 0.5rem;
        text-transform: initial; }

@media (min-width: 768px) {
  .highlight-control .homepage .perfect-mattress.iwt-fluid .flex-div, #main > .homepage .perfect-mattress.iwt-fluid .flex-div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .highlight-control .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content, #main > .homepage .perfect-mattress.iwt-fluid .flex-div .iwt-content {
      padding-left: 3rem;
      text-align: left; } }

@media (max-width: 1199px) {
  .highlight-control .homepage .container, #main > .homepage .container {
    max-width: 100%;
    width: 95%;
    margin: 0 auto; } }

@media (max-width: 543px) {
  .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .reviews-item, #main > .homepage .sleeping-experience .reviews-item-wrapper .reviews-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .review-summary, #main > .homepage .sleeping-experience .reviews-item-wrapper .review-summary {
    text-align: center !important; }
    .highlight-control .homepage .sleeping-experience .reviews-item-wrapper .review-summary .rate, #main > .homepage .sleeping-experience .reviews-item-wrapper .review-summary .rate {
      display: block; } }

/*** Reviews Slider ***/
.reviews-slider h2 {
  width: 95%;
  text-align: left;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.reviews-slider #reviews-slider-carousel {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 3rem; }
  @media (max-width: 767px) {
    .reviews-slider #reviews-slider-carousel {
      width: 100%; }
      .reviews-slider #reviews-slider-carousel .swiper-slide {
        width: 75% !important; }
      .reviews-slider #reviews-slider-carousel .swiper-button-next, .reviews-slider #reviews-slider-carousel .swiper-button-prev {
        display: none; } }

.reviews-slider .featured-review-wrapper .featured-review-title {
  font-size: 1.3rem; }

.reviews-slider .featured-review-wrapper .featured-review-content.collapse:not(.in) {
  height: 78px !important;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }
  .reviews-slider .featured-review-wrapper .featured-review-content.collapse:not(.in) + a.collapsed:after {
    content: '+ Read More'; }
  .reviews-slider .featured-review-wrapper .featured-review-content.collapse:not(.in) + a.collapsed.chinese:after {
    content: '+ \95B1\8B80\66F4\591A'; }

.reviews-slider .featured-review-wrapper .featured-review-content.collapsing {
  min-height: 78px !important; }

.reviews-slider .featured-review-wrapper a:not(.collapsed):after {
  content: '- Read Less'; }

.reviews-slider .featured-review-wrapper a.chinese:not(.collapsed):after {
  content: '- \95B1\8B80\66F4\5C11'; }

.mattress-adjustable .page-hero {
  position: relative;
  height: 85vh;
  max-height: 600px;
  padding-top: 0 !important;
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/adjustable/hero-bg.jpg?auto=compress,format&ch=Width,DPR") no-repeat top center;
  background-size: cover; }
  .mattress-adjustable .page-hero h2, .mattress-adjustable .page-hero p {
    color: #fff;
    text-align: left; }
  .mattress-adjustable .page-hero .hero-content {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 500px;
    top: 30%;
    left: 15%;
    text-align: left; }
    @media (max-width: 543px) {
      .mattress-adjustable .page-hero .hero-content {
        left: 0;
        text-align: center; }
        .mattress-adjustable .page-hero .hero-content h2, .mattress-adjustable .page-hero .hero-content p {
          text-align: center; } }

.mattress-adjustable .aggregateRating > div {
  padding-bottom: 1rem; }

.mattress-adjustable .aggregateRating i {
  color: #ffd200;
  width: .8em; }

.mattress-adjustable .aggregateRating .display {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  padding-left: .25rem; }

.mattress-adjustable .adjustability {
  background: #ECF4F7; }
  .mattress-adjustable .adjustability h2 + p {
    text-align: center;
    color: #10318E; }
  .mattress-adjustable .adjustability .firmness-layers {
    padding: 3rem 0; }

.mattress-adjustable .features-overview-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0; }
  .mattress-adjustable .features-overview-wrapper.hidden-xs-down .features-overview-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    position: relative;
    padding: 1rem; }

.mattress-adjustable .features-overview-item .card-block {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.mattress-adjustable .features-overview-item .icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .mattress-adjustable .features-overview-item .icon a .feature-icon {
    height: 80px;
    top: -50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    position: absolute;
    z-index: 1; }
  .mattress-adjustable .features-overview-item .icon a h3 {
    font-size: 1.175rem;
    margin-top: 1.5rem;
    width: 100%; }
  .mattress-adjustable .features-overview-item .icon a p {
    margin: 30px 0 0 0;
    color: #FFF;
    text-align: center; }

.mattress-adjustable .features-overview-item .feature-content p {
  text-align: center;
  margin: 0; }

.mattress-adjustable .layers-animation {
  padding-bottom: 0; }
  .mattress-adjustable .layers-animation img {
    margin-top: 3rem; }

.mattress-adjustable .adjustable-steps {
  background: #D6E3F4;
  padding: 2rem 0;
  overflow-x: hidden; }
  .mattress-adjustable .adjustable-steps .card-block.container {
    width: 95%;
    padding: 0; }
    .mattress-adjustable .adjustable-steps .card-block.container .header {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .mattress-adjustable .adjustable-steps .card-block.container .info {
      background: #F5F5F5;
      border-radius: 0 0 8px 8px; }
      .mattress-adjustable .adjustable-steps .card-block.container .info > .flex-div {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    @media (min-width: 768px) {
      .mattress-adjustable .adjustable-steps .card-block.container .iwt-image {
        width: 55%; } }
    .mattress-adjustable .adjustable-steps .card-block.container .iwt-content {
      margin: 0;
      padding: 0 1rem; }
      @media (min-width: 768px) {
        .mattress-adjustable .adjustable-steps .card-block.container .iwt-content {
          width: 45%; } }
      @media (max-width: 543px) {
        .mattress-adjustable .adjustable-steps .card-block.container .iwt-content {
          padding: 0; } }
    .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items-wrapper {
      height: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items .flex-div-column {
        padding: 1rem; }
      .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items .image-wrapper {
        padding: 1rem; }
      .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items .description {
        text-align: left;
        padding: 1rem; }
        .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items .description p {
          margin: 0; }
      @media (max-width: 543px) {
        .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items .image-wrapper {
            padding: 0; }
          .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items .description, .mattress-adjustable .adjustable-steps .card-block.container .adjustable-steps-items p {
            text-align: center; } }

.mattress-adjustable .animate {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .mattress-adjustable .animate .label {
    top: 40px;
    font-size: 2rem;
    width: 100%;
    position: absolute;
    text-align: center; }

@-webkit-keyframes label1 {
  0%, 10%, 30%, 100% {
    opacity: 0; }
  15%, 25% {
    opacity: 1; } }

@keyframes label1 {
  0%, 10%, 30%, 100% {
    opacity: 0; }
  15%, 25% {
    opacity: 1; } }

@-webkit-keyframes label2 {
  0%, 35%, 55%, 100% {
    opacity: 0; }
  40%, 50% {
    opacity: 1; } }

@keyframes label2 {
  0%, 35%, 55%, 100% {
    opacity: 0; }
  40%, 50% {
    opacity: 1; } }

@-webkit-keyframes label3 {
  0%, 70%, 90%, 100% {
    opacity: 0; }
  75%, 85% {
    opacity: 1; } }

@keyframes label3 {
  0%, 70%, 90%, 100% {
    opacity: 0; }
  75%, 85% {
    opacity: 1; } }
    .mattress-adjustable .animate .label span {
      color: #10318E;
      position: absolute;
      left: 0;
      text-align: center;
      width: 100%;
      opacity: 0; }
      .mattress-adjustable .animate .label span:nth-child(1) {
        -webkit-animation: label1 8s infinite;
                animation: label1 8s infinite; }
      .mattress-adjustable .animate .label span:nth-child(2) {
        -webkit-animation: label2 8s infinite;
                animation: label2 8s infinite; }
      .mattress-adjustable .animate .label span:nth-child(3) {
        -webkit-animation: label3 8s infinite;
                animation: label3 8s infinite; }
  .mattress-adjustable .animate .flip_area {
    position: relative;
    width: 810px;
    height: 300px;
    margin-top: 120px; }
    @media (max-width: 543px) {
      .mattress-adjustable .animate .flip_area {
        margin-top: 75px; } }

@-webkit-keyframes cover_move {
  0%, 5%, 95%, 100% {
    opacity: 1; }
  15%, 85% {
    opacity: 0; } }

@keyframes cover_move {
  0%, 5%, 95%, 100% {
    opacity: 1; }
  15%, 85% {
    opacity: 0; } }
    .mattress-adjustable .animate .flip_area .cover {
      top: 18%;
      left: 0;
      z-index: 8;
      position: absolute;
      -webkit-animation: cover_move 8s infinite;
              animation: cover_move 8s infinite; }

@-webkit-keyframes layer1_move {
  25% {
    top: 22%;
    z-index: 4;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  30% {
    top: 0%;
    z-index: 4;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  30.01% {
    z-index: 3; }
  35% {
    top: 5%;
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg); }
  35.01% {
    -webkit-transform: none;
            transform: none; }
  40% {
    top: 26%; }
  55% {
    opacity: 1; }
  60% {
    top: 26%;
    opacity: 0; }
  70% {
    top: 43%;
    opacity: 1; }
  100% {
    top: 43%;
    z-index: 3;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); } }

@keyframes layer1_move {
  25% {
    top: 22%;
    z-index: 4;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  30% {
    top: 0%;
    z-index: 4;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  30.01% {
    z-index: 3; }
  35% {
    top: 5%;
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg); }
  35.01% {
    -webkit-transform: none;
            transform: none; }
  40% {
    top: 26%; }
  55% {
    opacity: 1; }
  60% {
    top: 26%;
    opacity: 0; }
  70% {
    top: 43%;
    opacity: 1; }
  100% {
    top: 43%;
    z-index: 3;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); } }
    .mattress-adjustable .animate .flip_area .layer1 {
      position: absolute;
      z-index: 4;
      top: 22%;
      left: 0;
      padding: 0 5px;
      -webkit-transform-style: flat;
              transform-style: flat;
      -webkit-animation: layer1_move 8s infinite;
              animation: layer1_move 8s infinite; }

@-webkit-keyframes layer2_move {
  25% {
    top: 28%;
    z-index: 3;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  30% {
    top: 6%;
    z-index: 3;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  30.01% {
    z-index: 4; }
  35% {
    top: 3%;
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg); }
  35.01% {
    -webkit-transform: none;
            transform: none; }
  40% {
    top: 24%; }
  55% {
    opacity: 1; }
  60% {
    top: 24%;
    opacity: 0; }
  70% {
    top: 41%;
    opacity: 1; }
  100% {
    top: 41%;
    z-index: 4;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); } }

@keyframes layer2_move {
  25% {
    top: 28%;
    z-index: 3;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  30% {
    top: 6%;
    z-index: 3;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
  30.01% {
    z-index: 4; }
  35% {
    top: 3%;
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg); }
  35.01% {
    -webkit-transform: none;
            transform: none; }
  40% {
    top: 24%; }
  55% {
    opacity: 1; }
  60% {
    top: 24%;
    opacity: 0; }
  70% {
    top: 41%;
    opacity: 1; }
  100% {
    top: 41%;
    z-index: 4;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); } }
    .mattress-adjustable .animate .flip_area .layer2 {
      top: 28%;
      left: 0;
      padding: 0 5px;
      z-index: 3;
      position: absolute;
      -webkit-transform-style: flat;
              transform-style: flat;
      -webkit-animation: layer2_move 8s infinite;
              animation: layer2_move 8s infinite; }

@-webkit-keyframes layer3_move {
  0%, 60% {
    top: 32%;
    z-index: 2; }
  61% {
    z-index: 5; }
  70%, 100% {
    top: 25%;
    z-index: 5; } }

@keyframes layer3_move {
  0%, 60% {
    top: 32%;
    z-index: 2; }
  61% {
    z-index: 5; }
  70%, 100% {
    top: 25%;
    z-index: 5; } }
    .mattress-adjustable .animate .flip_area .layer3 {
      z-index: 2;
      top: 32%;
      left: 0;
      padding: 0 5px;
      position: absolute;
      -webkit-animation: layer3_move 8s infinite;
              animation: layer3_move 8s infinite; }
  @media (max-width: 880px) {
    .mattress-adjustable .animate .label {
      top: 0; }
    .mattress-adjustable .animate .flip_area {
      height: 200px;
      width: 550px; }
      .mattress-adjustable .animate .flip_area .cover {
        top: 16%; }
    @-webkit-keyframes layer1_move {
      25% {
        top: 22%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 0%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 3; }
      35% {
        top: 6%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 27%; }
      55% {
        opacity: 1; }
      60% {
        top: 27%;
        opacity: 0; }
      70% {
        top: 50%;
        opacity: 1; }
      100% {
        top: 50%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @keyframes layer1_move {
      25% {
        top: 22%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 0%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 3; }
      35% {
        top: 6%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 27%; }
      55% {
        opacity: 1; }
      60% {
        top: 27%;
        opacity: 0; }
      70% {
        top: 50%;
        opacity: 1; }
      100% {
        top: 50%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @-webkit-keyframes layer2_move {
      25% {
        top: 30%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 8%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 4; }
      35% {
        top: 3%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 24%; }
      55% {
        opacity: 1; }
      60% {
        top: 24%;
        opacity: 0; }
      70% {
        top: 47%;
        opacity: 1; }
      100% {
        top: 47%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @keyframes layer2_move {
      25% {
        top: 30%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 8%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 4; }
      35% {
        top: 3%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 24%; }
      55% {
        opacity: 1; }
      60% {
        top: 24%;
        opacity: 0; }
      70% {
        top: 47%;
        opacity: 1; }
      100% {
        top: 47%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @-webkit-keyframes layer3_move {
      0%, 60% {
        top: 35%;
        z-index: 2; }
      61% {
        z-index: 5; }
      70%, 100% {
        top: 25%;
        z-index: 5; } }
    @keyframes layer3_move {
      0%, 60% {
        top: 35%;
        z-index: 2; }
      61% {
        z-index: 5; }
      70%, 100% {
        top: 25%;
        z-index: 5; } } }
  @media (max-width: 600px) {
    .mattress-adjustable .animate .label {
      top: 0;
      font-size: 1.2rem; }
    .mattress-adjustable .animate .flip_area {
      height: 200px;
      width: 360px; }
      .mattress-adjustable .animate .flip_area .cover {
        top: 19%; }
    @-webkit-keyframes layer1_move {
      25% {
        top: 23%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 0%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 3; }
      35% {
        top: 4%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 27%; }
      55% {
        opacity: 1; }
      60% {
        top: 27%;
        opacity: 0; }
      70% {
        top: 42%;
        opacity: 1; }
      100% {
        top: 42%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @keyframes layer1_move {
      25% {
        top: 23%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 0%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 3; }
      35% {
        top: 4%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 27%; }
      55% {
        opacity: 1; }
      60% {
        top: 27%;
        opacity: 0; }
      70% {
        top: 42%;
        opacity: 1; }
      100% {
        top: 42%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @-webkit-keyframes layer2_move {
      25% {
        top: 28%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 5%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 4; }
      35% {
        top: 2%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 25%; }
      55% {
        opacity: 1; }
      60% {
        top: 25%;
        opacity: 0; }
      70% {
        top: 40%;
        opacity: 1; }
      100% {
        top: 40%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @keyframes layer2_move {
      25% {
        top: 28%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 5%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 4; }
      35% {
        top: 2%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 25%; }
      55% {
        opacity: 1; }
      60% {
        top: 25%;
        opacity: 0; }
      70% {
        top: 40%;
        opacity: 1; }
      100% {
        top: 40%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @-webkit-keyframes layer3_move {
      0%, 60% {
        top: 32%;
        z-index: 2; }
      61% {
        z-index: 5; }
      70%, 100% {
        top: 26%;
        z-index: 5; } }
    @keyframes layer3_move {
      0%, 60% {
        top: 32%;
        z-index: 2; }
      61% {
        z-index: 5; }
      70%, 100% {
        top: 26%;
        z-index: 5; } } }
  @media (max-width: 360px) {
    .mattress-adjustable .animate .label {
      top: 0;
      font-size: 1rem; }
    .mattress-adjustable .animate .flip_area {
      height: 200px;
      width: 240px;
      margin-top: 50px; }
      .mattress-adjustable .animate .flip_area .cover {
        top: 28%; }
    @-webkit-keyframes layer1_move {
      25% {
        top: 29%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 0%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 3; }
      35% {
        top: 4%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 32%; }
      55% {
        opacity: 1; }
      60% {
        top: 32%;
        opacity: 0; }
      70% {
        top: 41%;
        opacity: 1; }
      100% {
        top: 41%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @keyframes layer1_move {
      25% {
        top: 29%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 0%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 3; }
      35% {
        top: 4%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 32%; }
      55% {
        opacity: 1; }
      60% {
        top: 32%;
        opacity: 0; }
      70% {
        top: 41%;
        opacity: 1; }
      100% {
        top: 41%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @-webkit-keyframes layer2_move {
      25% {
        top: 32.5%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 4%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 4; }
      35% {
        top: 2%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 31%; }
      55% {
        opacity: 1; }
      60% {
        top: 31%;
        opacity: 0; }
      70% {
        top: 40%;
        opacity: 1; }
      100% {
        top: 40%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @keyframes layer2_move {
      25% {
        top: 32.5%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30% {
        top: 4%;
        z-index: 3;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); }
      30.01% {
        z-index: 4; }
      35% {
        top: 2%;
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg); }
      35.01% {
        -webkit-transform: none;
                transform: none; }
      40% {
        top: 31%; }
      55% {
        opacity: 1; }
      60% {
        top: 31%;
        opacity: 0; }
      70% {
        top: 40%;
        opacity: 1; }
      100% {
        top: 40%;
        z-index: 4;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg); } }
    @-webkit-keyframes layer3_move {
      0%, 60% {
        top: 35%;
        z-index: 2; }
      61% {
        z-index: 5; }
      70%, 100% {
        top: 30%;
        z-index: 5; } }
    @keyframes layer3_move {
      0%, 60% {
        top: 35%;
        z-index: 2; }
      61% {
        z-index: 5; }
      70%, 100% {
        top: 30%;
        z-index: 5; } } }

.mattress-adjustable .best-support {
  padding: 5rem 0; }
  .mattress-adjustable .best-support .container {
    position: relative; }
  .mattress-adjustable .best-support .image-block {
    z-index: 1; }
  .mattress-adjustable .best-support .info-block {
    position: absolute;
    margin-top: -1rem;
    background: #E6EFF8;
    text-align: left;
    padding: 5rem 1rem 6rem 7rem; }
    .mattress-adjustable .best-support .info-block p {
      margin: 0; }
    @media (max-width: 1199px) {
      .mattress-adjustable .best-support .info-block {
        padding: 3rem 1rem 3rem 5rem; } }
    @media (max-width: 767px) {
      .mattress-adjustable .best-support .info-block {
        padding: 2rem 1rem 2rem 3rem; } }
    @media (max-width: 543px) {
      .mattress-adjustable .best-support .info-block {
        padding: 2rem 1rem;
        position: relative; } }
  .mattress-adjustable .best-support .underline-bar {
    border: 1rem solid #10318E;
    border-radius: 8px;
    margin-top: -5rem;
    z-index: 3; }
    @media (max-width: 1199px) {
      .mattress-adjustable .best-support .underline-bar {
        margin-top: -3rem; } }
    @media (max-width: 767px) {
      .mattress-adjustable .best-support .underline-bar {
        margin-top: -6rem;
        border: 0.8rem solid #10318E; } }

.mattress-adjustable .reviews-slider {
  padding: 2rem 0;
  background: #D7E3F4; }

.mattress-adjustable .page-footer {
  position: relative;
  height: 65vh; }
  .mattress-adjustable .page-footer .hero-image {
    position: absolute;
    width: 100%;
    height: 100%; }
    .mattress-adjustable .page-footer .hero-image img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 20% bottom;
         object-position: 20% bottom;
      height: 100%;
      width: 100%; }
  .mattress-adjustable .page-footer .hero-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: linear-gradient(0deg, transparent 0, transparent 0, transparent 0, #fff 150%); }

@media (max-width: 767px) {
  .mattress-adjustable .features-overview, .mattress-adjustable .features-overview-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4rem; }
  .mattress-adjustable .features-overview .features-overview-item h3 {
    margin-top: 1rem !important;
    font-size: 1.125rem !important; }
  .mattress-adjustable .features-overview .features-overview-item .card-block {
    padding: 1rem; } }

@media (max-width: 543px) {
  .mattress-adjustable .features-overview .features-overview-item .text p {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important; }
  .mattress-adjustable .features-overview .features-overview-wrapper.swiper-container {
    padding-top: 4rem;
    padding-bottom: 2.5rem;
    margin-top: -2rem; }
  .mattress-adjustable .features-overview .swiper-slide {
    width: 80% !important;
    opacity: 0.8; }
    .mattress-adjustable .features-overview .swiper-slide.swiper-slide-active {
      opacity: 1; }
  .mattress-adjustable .features-overview .swiper-pagination-bullet {
    background: #fff;
    opacity: .8; }
  .mattress-adjustable .features-overview .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff; } }

.waterproof {
  /*.waterproof-benefits{
		.iwt{
		  .flex-div{
		    .iwt-image{
		      img{
		          width: 150px;
		        }
		    }
		  }
		}
		.waterproof-benefit-one{
			background:#fff;
		}
		.waterproof-benefit-two{
			background:#d9d8d6;
		}
		.waterproof-benefit-three{
			background:#b8d8eb;
		}
		.waterproof-benefit-four{
			background:#002b49;
			h3,p{
				color:#fff;
			}
		}
	}*/ }
  .waterproof .page-hero img {
    margin: 3rem auto; }
  .waterproof .waterproof-showcase {
    background: #fafafa url("/img/mattress/waterproof/waterproof.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /*h4{
			max-width: 700px;
			text-align: left;
			color:$gray-darker;
		}*/ }
    .waterproof .waterproof-showcase h3 {
      color: #fff;
      text-shadow: 3px 3px 8px #5e5e5e;
      margin-bottom: 2rem; }
    .waterproof .waterproof-showcase h5 {
      border: 1px solid #10318E;
      padding: 0.625rem;
      border-radius: 4px;
      background: rgba(250, 250, 250, 0.6);
      margin-bottom: 0; }
    .waterproof .waterproof-showcase img {
      margin: 1rem; }
  .waterproof .waterproof-treatment h3 {
    color: #6A6A6A; }
  .waterproof .waterproof-benefits {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .waterproof .waterproof-benefits .waterproof-benefit {
      padding: 1rem; }
    .waterproof .waterproof-benefits .waterproof-benefit-one {
      background: #fafafa; }
    .waterproof .waterproof-benefits .waterproof-benefit-two {
      background: #fff; }
    .waterproof .waterproof-benefits .waterproof-benefit-three {
      background: #fafafa; }
    .waterproof .waterproof-benefits .waterproof-benefit-four {
      background: #fff; }
    .waterproof .waterproof-benefits img {
      width: 4rem;
      margin: 1rem auto; }
  .waterproof .certifications .img-wrapper {
    padding: 2rem 0; }
    .waterproof .certifications .img-wrapper img {
      width: 180px;
      padding: 1rem; }

@media (min-width: 768px) {
  .waterproof .waterproof-benefits .waterproof-benefit {
    width: 50%;
    height: 400px; }
  .waterproof .waterproof-benefits .waterproof-benefit-three {
    background: #fff; }
  .waterproof .waterproof-benefits .waterproof-benefit-four {
    background: #fafafa; }
  .waterproof .waterproof-benefits img {
    height: 4rem;
    width: auto; } }

/*@include media-breakpoint-up(md){
	.waterproof{
		.waterproof-benefits{
			.iwt{
				.flex-div{
				  .iwt-image{
				    width: 30%;
				  }
				  .iwt-content{
				    width: 70%;
				  }
				}
			}	
		}
	}
}*/
/*.waterproof{
	.page-hero{
		display: block;
	}
	.waterproof-key-benefits{
		.waterproof-key-benefits-item{
			max-width: 300px;
			margin: 2rem;
		}
		span{
		    font-weight: $headings-font-weight;
			font-size: 2rem;
		}		
	}
	.waterproof-how{
		img{
			margin:2rem auto;
		}
	}
	.waterproof-benefits{
		.waterproof-benefits-items-wrapper{
			.waterproof-benefits-items{

			}
		}
	}
	.certifications{
		.img-wrapper{
			img{
				width: 120px;
				padding: 1rem;
			}
		}
	}
}


@include media-breakpoint-up(md){
	.waterproof{
		.page-hero{
			display: flex;
			height: 70vh;
		}
		.waterproof-key-benefits{
			flex-direction: row;
		}
		.certifications{
			.img-wrapper{
				img{
					width: 200px;
				}
			}
		}
	}
}*/
.hundrednight .page-hero {
  padding-bottom: 0;
  background-color: #10318E; }
  .hundrednight .page-hero h1 {
    color: #fff; }
    @media (min-width: 768px) {
      .hundrednight .page-hero h1 {
        font-size: 3rem; } }
  .hundrednight .page-hero p {
    text-align: center;
    color: #fff; }
  .hundrednight .page-hero svg {
    padding-top: 1rem;
    width: 200px; }

.hundrednight .sleep-decide {
  padding: 4rem 1rem; }
  .hundrednight .sleep-decide .tagline {
    color: #10318E;
    text-align: center; }
  .hundrednight .sleep-decide .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    padding: 1rem 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 767px) {
      .hundrednight .sleep-decide .step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0.5rem 0; } }
  .hundrednight .sleep-decide .flex-image {
    width: 25%; }
    @media (max-width: 767px) {
      .hundrednight .sleep-decide .flex-image {
        width: 100%; } }
    .hundrednight .sleep-decide .flex-image img {
      padding: 1rem;
      max-height: 120px; }
  @media (min-width: 768px) {
    .hundrednight .sleep-decide .flex-content {
      width: 75%;
      text-align: left; } }

.hundrednight .product-trial {
  padding: 4rem 1rem;
  text-align: left; }
  .hundrednight .product-trial .product-wrapper {
    border-bottom: 2px solid #b0c8e8; }
    .hundrednight .product-trial .product-wrapper:not(:last-of-type) {
      margin-bottom: 2rem; }
  .hundrednight .product-trial h3.accod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    @media (max-width: 543px) {
      .hundrednight .product-trial h3.accod {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .hundrednight .product-trial h3.accod i.icon-less {
      display: none; }
    .hundrednight .product-trial h3.accod[aria-expanded="true"] .icon-more {
      display: none; }
    .hundrednight .product-trial h3.accod[aria-expanded="true"] .icon-less {
      display: inline-block; }
  .hundrednight .product-trial i {
    margin-right: 1rem; }
  .hundrednight .product-trial ol {
    list-style-type: disc; }

.hundrednight .return-process {
  padding: 4rem 1rem; }
  .hundrednight .return-process .return-process-wrapper {
    padding-top: 2rem; }
  @media (min-width: 768px) {
    .hundrednight .return-process .return-step {
      -ms-flex-item-align: start;
          align-self: flex-start; }
      .hundrednight .return-process .return-step.arrow {
        margin: auto; } }
  .hundrednight .return-process svg {
    width: 80px;
    margin: 0 auto 1rem; }
  .hundrednight .return-process p {
    text-align: center;
    color: #10318E;
    margin-bottom: 0; }
  .hundrednight .return-process i {
    font-size: 3rem;
    color: #10318E; }

.hundrednight .charity {
  padding-top: 4rem; }
  .hundrednight .charity svg {
    max-width: 100px;
    padding-bottom: 2rem; }
  .hundrednight .charity h3 {
    color: #e96952; }

.ergonomic .page-hero {
  background: #fafafa; }
  .ergonomic .page-hero img {
    margin: 3rem auto; }

.ergonomic .ergonomic-factors ul.factors-list {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto; }
  .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor {
    text-align: center;
    float: left;
    width: 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 10px 20px;
    margin: 0;
    border-right: 1px solid #e7e8e8;
    border-bottom: 1px solid #e7e8e8;
    height: 12rem; }
    .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor img {
      height: 3rem;
      margin: 2rem auto; }
  .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor:nth-child(2n) {
    border-right: 0; }
  .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor:last-child, .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor:nth-child(5) {
    border-bottom: 0; }

.ergonomic .ergonomic-grid {
  background: url("/img/mattress/ergonomic/grid2.jpg") repeat center center;
  padding: 6rem 1rem; }
  .ergonomic .ergonomic-grid .standard-wrapper {
    max-width: 1000px; }
  .ergonomic .ergonomic-grid .iwt-image img {
    width: auto; }

.ergonomic .ergonomic-man {
  background: #fafafa; }
  .ergonomic .ergonomic-man img {
    margin: 3rem auto; }

@media (min-width: 768px) {
  .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor {
    width: 33.33333333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 3rem;
    padding-bottom: 1.5rem; }
  .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor:nth-child(2n) {
    border-right: 1px solid #e7e8e8; }
  .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor:nth-child(4n) {
    border-bottom: 0; }
  .ergonomic .ergonomic-factors ul.factors-list li.factors-list-factor:nth-child(3n) {
    border-right: 0; } }

.mattress-size-guide .measure-items-container {
  background: #deeff9; }
  .mattress-size-guide .measure-items-container .measure-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .mattress-size-guide .measure-items-container .measure-items .measure-item {
      margin: 0.625rem;
      min-width: 130px; }
      .mattress-size-guide .measure-items-container .measure-items .measure-item a {
        color: #6A6A6A; }
      .mattress-size-guide .measure-items-container .measure-items .measure-item img.measure-item-img {
        height: 160px;
        margin-bottom: 0.625rem; }
      .mattress-size-guide .measure-items-container .measure-items .measure-item p {
        margin-bottom: 0;
        text-align: center; }
        .mattress-size-guide .measure-items-container .measure-items .measure-item p.measure-item-caption {
          font-weight: 600; }
  .mattress-size-guide .measure-items-container .measure-scale img.measure-scale-img {
    width: 320px;
    margin: 1rem auto; }

.mattress-size-guide .measurements-dimensions-container img.measure-bed-img {
  width: 500px;
  margin: 1rem auto; }

.mattress-size-guide .measurements-dimensions-container .measure-spec-items {
  border: 1px dotted #ccc;
  padding: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .mattress-size-guide .measurements-dimensions-container .measure-spec-items .measure-spec-item {
    margin: 0.625rem; }
    .mattress-size-guide .measurements-dimensions-container .measure-spec-items .measure-spec-item p {
      margin-bottom: 0;
      text-align: center; }
      .mattress-size-guide .measurements-dimensions-container .measure-spec-items .measure-spec-item p.measure-spec-item-name {
        font-weight: 600; }

.aboutus .page-hero {
  padding-top: 0 !important; }
  @media (min-width: 768px) {
    .aboutus .page-hero {
      height: 86vh;
      max-height: 800px; } }
  @media (max-width: 767px) {
    .aboutus .page-hero .hero-image img {
      height: 50vh;
      -o-object-position: right;
         object-position: right; }
    .aboutus .page-hero .hero-content {
      position: relative;
      background-color: #10318E;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .aboutus .page-hero .hero-content h1 {
        color: #fff; } }
  .aboutus .page-hero .content-wrapper {
    max-width: 22rem; }

.aboutus .our-story {
  padding: 4rem 1rem;
  color: #10318E; }
  .aboutus .our-story p {
    text-align: center; }

.aboutus .ecosa-eco {
  background-color: #fafafa; }
  .aboutus .ecosa-eco .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4rem 1rem; }
  .aboutus .ecosa-eco .item-block {
    width: 33.3%;
    padding: 1rem; }
    @media (max-width: 767px) {
      .aboutus .ecosa-eco .item-block {
        width: 50%; } }
    @media (max-width: 543px) {
      .aboutus .ecosa-eco .item-block {
        width: 100%; } }
    .aboutus .ecosa-eco .item-block svg {
      height: 75px;
      margin-bottom: 1rem; }
    .aboutus .ecosa-eco .item-block p {
      text-align: center;
      color: #10318E;
      margin-bottom: 0; }

.aboutus .block-video {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  height: 500px; }
  @media (max-width: 767px) {
    .aboutus .block-video {
      height: 100%;
      padding: 6rem 0; } }
  .aboutus .block-video .wistia_responsive_padding {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    top: 0px;
    left: 0px; }
    .aboutus .block-video .wistia_responsive_padding:before {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.2);
      z-index: 1; }
  .aboutus .block-video h2 {
    margin: 1rem;
    z-index: 1;
    color: #fff;
    text-shadow: 2px 2px 4px #666666; }

.aboutus .iwt-fluid {
  padding: 1rem 0; }
  .aboutus .iwt-fluid img {
    max-width: 300px; }

.aboutus .iwt-reverse h2, .aboutus .iwt-reverse p, .aboutus .iwt-reverse .iwt-content {
  text-align: right; }

@media (min-width: 768px) {
  .aboutus .iwt-fluid .flex-div .iwt-image {
    width: 30%;
    margin-left: 0;
    margin-right: 2rem; }
  .aboutus .iwt-fluid.iwt-reverse .flex-div .iwt-image {
    margin-right: 0;
    margin-left: 2rem; }
  .aboutus .iwt-fluid .flex-div .iwt-content {
    width: 70%;
    margin-right: 0rem;
    margin-left: 1rem; }
  .aboutus .iwt-fluid.iwt-reverse .flex-div .iwt-content {
    margin-left: 0rem;
    margin-right: 1rem; } }

@media (max-width: 543px) {
  .aboutus .iwt-fluid .flex-div .iwt-image {
    width: 50%; } }

.aboutus .milestones {
  padding: 4rem 1rem; }
  .aboutus .milestones svg {
    width: 12rem; }
  .aboutus .milestones .flex-div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .aboutus .milestones img {
    max-width: 280px;
    margin-bottom: 2rem; }
  .aboutus .milestones .key {
    padding: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
    .aboutus .milestones .key .img-div {
      height: 200px; }
  .aboutus .milestones p {
    color: #10318E;
    text-align: center; }

.aboutus .reviews-slider {
  background-color: #C2CCDA;
  padding: 3rem 0 4rem 0; }
  .aboutus .reviews-slider h2 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 543px) {
      .aboutus .reviews-slider h2 {
        text-align: center; } }

@media (max-width: 991px) {
  .aboutus .container {
    width: 100%;
    padding: 0;
    margin: 0; } }

.comparison .lb-border {
  border-radius: 0 0 0 8px; }

.comparison .rb-border {
  border-radius: 0 0 8px 0; }

.comparison .pb-2 {
  padding-bottom: 2rem; }

.comparison .comparison-unique {
  background: #10318E;
  padding: 4rem 0; }
  .comparison .comparison-unique .comparison-unique-wrapper .unique-aspect-item {
    max-width: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    padding: 1rem 0;
    margin: 0 auto; }
    .comparison .comparison-unique .comparison-unique-wrapper .unique-aspect-item .icon, .comparison .comparison-unique .comparison-unique-wrapper .unique-aspect-item .info {
      padding: 1rem 0;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; }
    .comparison .comparison-unique .comparison-unique-wrapper .unique-aspect-item strong {
      color: #10318E; }

.comparison .comparison-header .comparison-title h1 {
  display: inline;
  font-size: 64px;
  line-height: 1.25em; }

.comparison .comparison-header .comparison-mattress {
  max-width: 560px;
  margin: 0 auto; }
  .comparison .comparison-header .comparison-mattress img {
    padding: 2rem; }

.comparison .new-comparison-table {
  position: relative;
  margin-top: -4.5rem;
  margin-bottom: 2rem;
  padding: 2rem 0.5rem;
  background-color: #fff;
  border-radius: 8px;
  width: 95%; }
  @media (min-width: 544px) {
    .comparison .new-comparison-table {
      padding: 2rem 1.5rem; } }
  .comparison .new-comparison-table .company-logo {
    width: 100px; }
    @media (min-width: 544px) {
      .comparison .new-comparison-table .company-logo.large {
        width: 140px; } }
  @media (max-width: 543px) {
    .comparison .new-comparison-table .table-header h3 {
      font-size: 1.5rem; } }
  .comparison .new-comparison-table .table-content {
    border-radius: 8px;
    width: 100%; }
  @media (max-width: 543px) {
    .comparison .new-comparison-table .highlight .table-header {
      position: -webkit-sticky;
      position: sticky;
      top: 70px;
      background: #fff;
      z-index: 10; } }
  .comparison .new-comparison-table .highlight .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .comparison .new-comparison-table .highlight .table-row div {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 1rem; }
      @media (min-width: 544px) {
        .comparison .new-comparison-table .highlight .table-row div {
          border-top: 0.5px dashed #e2dfda; } }
      .comparison .new-comparison-table .highlight .table-row div:first-child:not(.category) {
        color: #10318E; }
        @media (max-width: 543px) {
          .comparison .new-comparison-table .highlight .table-row div:first-child:not(.category) {
            background: #F2F2F2;
            border: 1px solid #e2dfda;
            text-align: center; } }
      @media (min-width: 544px) {
        .comparison .new-comparison-table .highlight .table-row div:first-child {
          border-left: 1px dashed #e2dfda;
          text-align: left; } }
      .comparison .new-comparison-table .highlight .table-row div:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #10318E;
        z-index: 1;
        background: #fff;
        border-left: 2px solid #003b71;
        border-right: 2px solid #003b71;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); }
        @media (min-width: 768px) {
          .comparison .new-comparison-table .highlight .table-row div:nth-child(2) {
            font-size: 110%; } }
        @media (max-width: 543px) {
          .comparison .new-comparison-table .highlight .table-row div:nth-child(2) {
            border: 1px solid #003b71; } }
      .comparison .new-comparison-table .highlight .table-row div:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #9F9F9F; }
        .comparison .new-comparison-table .highlight .table-row div:last-child sup {
          background: #D2D2D2; }
        @media (min-width: 544px) {
          .comparison .new-comparison-table .highlight .table-row div:last-child {
            border-right: 1px dashed #e2dfda; } }
        @media (max-width: 543px) {
          .comparison .new-comparison-table .highlight .table-row div:last-child {
            border-right: 1px solid #e2dfda; } }
    @media (min-width: 544px) {
      .comparison .new-comparison-table .highlight .table-row:first-child div:first-child {
        border-top: 1px dashed #e2dfda;
        border-radius: 8px 0 0 0;
        margin-top: 2rem; } }
    @media (min-width: 544px) {
      .comparison .new-comparison-table .highlight .table-row:first-child div:nth-child(2) {
        border-top: 2px solid #10318E;
        border-radius: 8px 8px 0 0; } }
    @media (max-width: 543px) {
      .comparison .new-comparison-table .highlight .table-row:first-child div:nth-child(2) {
        border-radius: 8px 0 0 0; } }
    .comparison .new-comparison-table .highlight .table-row:first-child div:last-child {
      border-radius: 0 8px 0 0; }
      @media (min-width: 544px) {
        .comparison .new-comparison-table .highlight .table-row:first-child div:last-child {
          border-top: 1px dashed #e2dfda;
          margin-top: 2rem; } }
      @media (max-width: 543px) {
        .comparison .new-comparison-table .highlight .table-row:first-child div:last-child {
          border-top: 1px solid #003b71;
          border-right: 1px solid #003b71;
          border-bottom: 1px solid #003b71;
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); } }
    .comparison .new-comparison-table .highlight .table-row:last-child div:first-child {
      border-bottom: 1px dashed #e2dfda;
      border-radius: 0 0 0 8px; }
      @media (min-width: 544px) {
        .comparison .new-comparison-table .highlight .table-row:last-child div:first-child {
          margin-bottom: 2rem; } }
    @media (min-width: 544px) {
      .comparison .new-comparison-table .highlight .table-row:last-child div:nth-child(2) {
        border-bottom: 2px solid #10318E;
        border-radius: 0 0 8px 8px;
        margin-bottom: 0.25rem; } }
    @media (max-width: 543px) {
      .comparison .new-comparison-table .highlight .table-row:last-child div:nth-child(2) {
        border-radius: 0 0 0 8px;
        margin-bottom: 0.25rem; } }
    .comparison .new-comparison-table .highlight .table-row:last-child div:last-child {
      border-radius: 0 0 8px 0; }
      @media (min-width: 544px) {
        .comparison .new-comparison-table .highlight .table-row:last-child div:last-child {
          border-bottom: 1px dashed #e2dfda;
          margin-bottom: 2rem; } }
      @media (max-width: 543px) {
        .comparison .new-comparison-table .highlight .table-row:last-child div:last-child {
          border-bottom: 1px solid #e2dfda; } }
  .comparison .new-comparison-table .highlight .table-row.tr-price + .table-row.hidden-sm-up .topic {
    background-color: #003b71;
    color: #fff; }
  .comparison .new-comparison-table .no-highlight .company-logo {
    width: 100px; }
  @media (max-width: 543px) {
    .comparison .new-comparison-table .no-highlight .table-header {
      position: -webkit-sticky;
      position: sticky;
      top: 70px;
      background: #fff;
      z-index: 10; } }
  .comparison .new-comparison-table .no-highlight .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .comparison .new-comparison-table .no-highlight .table-row div {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 1rem; }
      @media (min-width: 544px) {
        .comparison .new-comparison-table .no-highlight .table-row div {
          border-top: 0.5px dashed #e2dfda; } }
      .comparison .new-comparison-table .no-highlight .table-row div:first-child:not(.category) {
        color: #10318E; }
        @media (max-width: 543px) {
          .comparison .new-comparison-table .no-highlight .table-row div:first-child:not(.category) {
            background: #F2F2F2;
            border: 1px solid #e2dfda;
            text-align: center; } }
      @media (min-width: 544px) {
        .comparison .new-comparison-table .no-highlight .table-row div:first-child {
          border-left: 1px dashed #e2dfda;
          text-align: left; } }
      .comparison .new-comparison-table .no-highlight .table-row div:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #10318E; }
        @media (min-width: 544px) {
          .comparison .new-comparison-table .no-highlight .table-row div:nth-child(2) {
            border-left: 0.5px dashed #e2dfda;
            border-right: 0.5px dashed #e2dfda; } }
        @media (max-width: 543px) {
          .comparison .new-comparison-table .no-highlight .table-row div:nth-child(2) {
            border-left: 1px solid #e2dfda;
            border-right: 1px solid #e2dfda; } }
      .comparison .new-comparison-table .no-highlight .table-row div:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #003B71; }
        .comparison .new-comparison-table .no-highlight .table-row div:last-child sup {
          background: #D2D2D2; }
        .comparison .new-comparison-table .no-highlight .table-row div:last-child.item-yes {
          opacity: 0.5; }
        @media (min-width: 544px) {
          .comparison .new-comparison-table .no-highlight .table-row div:last-child {
            border-right: 1px dashed #e2dfda; } }
        @media (max-width: 543px) {
          .comparison .new-comparison-table .no-highlight .table-row div:last-child {
            border-right: 1px solid #e2dfda; } }
    .comparison .new-comparison-table .no-highlight .table-row:first-child div:first-child {
      border: none; }
    @media (min-width: 544px) {
      .comparison .new-comparison-table .no-highlight .table-row:first-child div:nth-child(2) {
        border: none; } }
    @media (max-width: 543px) {
      .comparison .new-comparison-table .no-highlight .table-row:first-child div:nth-child(2) {
        border: 1px solid #003b71;
        border-radius: 8px 0 0 0;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); } }
    @media (min-width: 544px) {
      .comparison .new-comparison-table .no-highlight .table-row:first-child div:last-child {
        border: none; } }
    @media (max-width: 543px) {
      .comparison .new-comparison-table .no-highlight .table-row:first-child div:last-child {
        border: 1px solid #003b71;
        border-left: none;
        border-radius: 0 8px 0 0;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); } }
    .comparison .new-comparison-table .no-highlight .table-row:last-child div:first-child {
      border-bottom: 1px dashed #e2dfda;
      border-radius: 0 0 0 8px; }
    @media (min-width: 544px) {
      .comparison .new-comparison-table .no-highlight .table-row:last-child div:nth-child(2) {
        border-bottom: 1px dashed #e2dfda; } }
    @media (max-width: 543px) {
      .comparison .new-comparison-table .no-highlight .table-row:last-child div:nth-child(2) {
        border-bottom: 1px solid #e2dfda;
        border-radius: 0 0 0 8px; } }
    .comparison .new-comparison-table .no-highlight .table-row:last-child div:last-child {
      border-radius: 0 0 8px 0; }
      @media (min-width: 544px) {
        .comparison .new-comparison-table .no-highlight .table-row:last-child div:last-child {
          border-bottom: 1px dashed #e2dfda; } }
      @media (max-width: 543px) {
        .comparison .new-comparison-table .no-highlight .table-row:last-child div:last-child {
          border-bottom: 1px solid #e2dfda; } }
  .comparison .new-comparison-table .no-highlight .table-row.tr-price + .table-row.hidden-sm-up .topic {
    background-color: #003b71;
    color: #fff; }
  .comparison .new-comparison-table .topic {
    font-weight: bold; }
  .comparison .new-comparison-table .category {
    font-family: "filson-pro",sans-serif; }
  .comparison .new-comparison-table .topic small, .comparison .new-comparison-table .category small {
    display: block;
    font-size: 90%;
    color: #666;
    width: 100%; }
  .comparison .new-comparison-table .category-row {
    text-align: left;
    background: #f2f2f2;
    color: #003B71; }
    @media (max-width: 543px) {
      .comparison .new-comparison-table .category-row {
        text-align: center;
        background: #003B71;
        color: #fff; } }
  @media (max-width: 767px) {
    .comparison .new-comparison-table .tr-price .item-word {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  .comparison .new-comparison-table .base-price {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    color: #9A9A9A;
    background: linear-gradient(to left top, transparent 47.75%, #e96952 49.5%, #e96952 50.5%, transparent 52.25%);
    font-size: 120%; }
    @media (min-width: 768px) {
      .comparison .new-comparison-table .base-price {
        font-size: 135%; } }
    @media (min-width: 544px) {
      .comparison .new-comparison-table .base-price {
        margin-right: 0.5rem; } }
  .comparison .new-comparison-table .discounted-price {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-size: 130%; }
    @media (min-width: 768px) {
      .comparison .new-comparison-table .discounted-price {
        font-size: 150%; } }
  .comparison .new-comparison-table sup {
    background: #999;
    border-radius: 50%;
    padding: 0 5px;
    color: #fff;
    font-weight: normal;
    line-height: 1rem;
    margin-left: 2px;
    margin-top: 5px;
    top: -2px; }

.comparison .comparison-table {
  padding: 0;
  width: 95%; }
  .comparison .comparison-table h3 {
    padding: 1rem 0.5rem;
    font-size: 1.25rem;
    text-align: center;
    margin: 0; }
  .comparison .comparison-table table {
    width: 100%;
    margin: 0 auto; }
    .comparison .comparison-table table thead tr th:not(:last-child) {
      border-right: 1px solid rgba(176, 200, 232, 0.5); }
    .comparison .comparison-table table thead tr th:nth-child(1) {
      width: 25%;
      background-color: #deeff9; }
    .comparison .comparison-table table thead tr th:nth-child(2) {
      width: 25%;
      background-color: #10318E;
      color: #fff; }
    .comparison .comparison-table table thead tr th:nth-child(3), .comparison .comparison-table table thead tr th:nth-child(4) {
      width: 25%;
      background-color: #fafafa; }
    .comparison .comparison-table table tbody .tr-price {
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
      .comparison .comparison-table table tbody .tr-price .base-price {
        display: inline; }
      .comparison .comparison-table table tbody .tr-price td:nth-child(2) .base-price {
        color: #fff;
        background: linear-gradient(to right top, transparent 47.75%, #fff 49.5%, #fff 50.5%, transparent 52.25%); }
      .comparison .comparison-table table tbody .tr-price td:nth-child(3) .base-price, .comparison .comparison-table table tbody .tr-price td:nth-child(4) .base-price {
        background: linear-gradient(to right top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%); }
    .comparison .comparison-table table tbody tr:not(:last-child) {
      border-bottom: 1px solid rgba(176, 200, 232, 0.5); }
    .comparison .comparison-table table tbody tr:last-child td:first-child {
      border-radius: 0 0 0 8px; }
    .comparison .comparison-table table tbody tr:last-child td:last-child {
      border-radius: 0 0 8px 0; }
    @media (max-width: 543px) {
      .comparison .comparison-table table tbody tr:last-child td:nth-child(2) {
        border-radius: 0 0 0 8px; } }
    .comparison .comparison-table table tbody td {
      font-weight: bold;
      padding: 0.5rem;
      color: #10318E;
      font-size: 1.125rem; }
      .comparison .comparison-table table tbody td:not(:last-child) {
        border-right: 1px solid rgba(176, 200, 232, 0.5); }
      .comparison .comparison-table table tbody td span {
        display: block;
        font-weight: bold;
        color: #10318E;
        padding: 0 0.75rem; }
        .comparison .comparison-table table tbody td span small {
          display: block; }
      .comparison .comparison-table table tbody td.title {
        text-align: left; }
    .comparison .comparison-table table tbody td:nth-child(1) {
      background-color: #deeff9; }
    .comparison .comparison-table table tbody td:nth-child(2) {
      background-color: #10318E;
      color: #fff; }
    .comparison .comparison-table table tbody td:nth-child(3), .comparison .comparison-table table tbody td:nth-child(4) {
      background-color: #fafafa; }
    .comparison .comparison-table table tbody td:nth-child(3) {
      position: relative; }
      .comparison .comparison-table table tbody td:nth-child(3) sup {
        position: absolute;
        top: 1rem;
        margin-left: 0.3rem; }
  .comparison .comparison-table .item-yes svg, .comparison .comparison-table .item-no svg {
    width: 24px;
    height: 24px; }
  .comparison .comparison-table .comparison-category-row {
    line-height: 1.8rem; }
    .comparison .comparison-table .comparison-category-row td {
      background-color: #fff !important; }
    .comparison .comparison-table .comparison-category-row .comparison-category {
      font-size: 1.2rem; }
      .comparison .comparison-table .comparison-category-row .comparison-category span {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }

.comparison .comparison-queen-size {
  padding: 4rem 0;
  background: rgba(214, 209, 202, 0.7); }

.comparison .comparison-reviews {
  background-color: #fafafa;
  padding: 4rem 1rem; }
  .comparison .comparison-reviews .comparison-model img {
    max-height: 600px; }
  @media (min-width: 544px) {
    .comparison .comparison-reviews .reviews-item-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .comparison .comparison-reviews .reviews-item-wrapper .reviews-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1rem; }
    @media (min-width: 544px) {
      .comparison .comparison-reviews .reviews-item-wrapper .reviews-item {
        width: 50%; } }
    @media (min-width: 768px) {
      .comparison .comparison-reviews .reviews-item-wrapper .reviews-item:first-child {
        border-right: 1.5px #10318E solid; } }
    .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-icon {
      padding: 0.5rem; }
      .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-icon img {
        max-height: 100px; }
    .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary {
      padding: 1rem;
      text-align: left; }
      .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary h4 {
        margin: 0; }
      .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary .review-rating {
        padding: 1rem 0;
        font-size: 1.125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary .review-rating .star-rate {
          color: #fec600;
          -webkit-text-fill-color: #fec600; }
          .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary .review-rating .star-rate .star-icon {
            font-size: 1.8rem; }
            @media (max-width: 767px) {
              .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary .review-rating .star-rate .star-icon {
                font-size: 1.6rem;
                width: 0.9em; } }
        .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary .review-rating .rate {
          color: #10318E;
          margin-left: 0.5rem; }
      .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary .review-description {
        color: #10318E;
        font-weight: bold; }

.comparison .comparison-topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6A6A6A; }
  .comparison .comparison-topic svg {
    width: 18px;
    margin-right: 0.8rem; }

.comparison sup {
  cursor: pointer; }

@media (min-width: 544px) {
  .comparison .comparison-unique-wrapper .icon {
    margin-right: 2rem; } }

@media (max-width: 991px) {
  .comparison .comparison-reviews .reviews-item-wrapper .reviews-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary {
      padding: 1rem 0;
      text-align: center; }
      .comparison .comparison-reviews .reviews-item-wrapper .reviews-item .review-summary .rate {
        display: block; } }

@media (max-width: 543px) {
  .comparison .comparison-table h3 {
    padding: 1rem 0; }
  .comparison .comparison-table .comparison-category-row span {
    text-align: center; }
  .comparison .comparison-unique-wrapper .unique-aspect-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; }
    .comparison .comparison-unique-wrapper .unique-aspect-item .icon {
      margin-right: 0; }
    .comparison .comparison-unique-wrapper .unique-aspect-item .info {
      text-align: center; } }

/** MAIN COMPARE PAGE **/
.comparison-main .comparison-main-header {
  background-color: #deeff9;
  padding: 2rem 0rem; }
  .comparison-main .comparison-main-header .comparison-main-title {
    max-width: 700px;
    margin: 0 auto;
    padding: 0.5rem; }
  .comparison-main .comparison-main-header .comparison-main-mattress .flex-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .comparison-main .comparison-main-header .comparison-main-mattress .flex-div .iwt-image.left, .comparison-main .comparison-main-header .comparison-main-mattress .flex-div .iwt-image.right {
      width: 40%; }
    .comparison-main .comparison-main-header .comparison-main-mattress .flex-div .iwt-content {
      text-align: center;
      width: 20%;
      margin: 1rem;
      padding: 0; }
      .comparison-main .comparison-main-header .comparison-main-mattress .flex-div .iwt-content h2 {
        font-size: 180px;
        margin-bottom: 0; }
  @media (max-width: 1199px) {
    .comparison-main .comparison-main-header .comparison-main-mattress .iwt-content h2 {
      font-size: 6.5rem !important; } }
  @media (max-width: 991px) {
    .comparison-main .comparison-main-header .comparison-main-mattress .iwt-content h2 {
      font-size: 5rem !important; } }
  @media (max-width: 767px) {
    .comparison-main .comparison-main-header .comparison-main-mattress .iwt-content h2 {
      font-size: 3.5rem !important; } }
  @media (max-width: 543px) {
    .comparison-main .comparison-main-header .comparison-main-mattress .iwt-content h2 {
      font-size: 2rem !important; } }

.comparison-main .features-overview-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0; }
  @media (max-width: 543px) {
    .comparison-main .features-overview-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.comparison-main .features-overview-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  position: relative;
  padding: 4rem 1rem 2rem 1rem; }
  .comparison-main .features-overview-item .card-block {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .comparison-main .features-overview-item .icon a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .comparison-main .features-overview-item .icon a .feature-icon {
      height: 80px;
      top: 0;
      left: 50%;
      /*transform: translate(-50%,0);*/
      margin-left: -50px;
      position: absolute;
      z-index: 1; }
    .comparison-main .features-overview-item .icon a h3 {
      font-size: 1.175rem;
      margin-top: 1.5rem;
      width: 100%; }
  .comparison-main .features-overview-item .feature-content p {
    text-align: center;
    margin: 0; }
    .comparison-main .features-overview-item .feature-content p strong {
      color: #10318E; }

.comparison-main .ecosa-difference .card-block.container {
  width: 95%;
  margin: 0 auto; }

.comparison-main .ecosa-difference .difference-header {
  background: #ffc62c;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.comparison-main .ecosa-difference .difference-wrapper .wrapper-image {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch; }
  .comparison-main .ecosa-difference .difference-wrapper .wrapper-image img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left bottom;
       object-position: left bottom;
    height: 100%;
    width: 100%;
    border-radius: 0 0 8px 8px; }
  @media (min-width: 768px) {
    .comparison-main .ecosa-difference .difference-wrapper .wrapper-image {
      width: 60%; }
      .comparison-main .ecosa-difference .difference-wrapper .wrapper-image img {
        border-radius: 0 0 0 8px; } }

.comparison-main .ecosa-difference .difference-wrapper .wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      align-self: stretch; }
  .comparison-main .ecosa-difference .difference-wrapper .wrapper-content h3 {
    font-size: 1.275rem; }
  .comparison-main .ecosa-difference .difference-wrapper .wrapper-content p {
    margin: 0; }
    .comparison-main .ecosa-difference .difference-wrapper .wrapper-content p strong {
      color: #10318E; }
  .comparison-main .ecosa-difference .difference-wrapper .wrapper-content .difference-item {
    padding: 0.75rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .comparison-main .ecosa-difference .difference-wrapper .wrapper-content .difference-item:nth-of-type(odd) {
      background-color: #deeff9; }
    .comparison-main .ecosa-difference .difference-wrapper .wrapper-content .difference-item:last-of-type {
      border-radius: 0 0 8px 8px; }
  .comparison-main .ecosa-difference .difference-wrapper .wrapper-content .iwt-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  @media (min-width: 768px) {
    .comparison-main .ecosa-difference .difference-wrapper .wrapper-content {
      width: 40%; }
      .comparison-main .ecosa-difference .difference-wrapper .wrapper-content .difference-item:last-of-type {
        border-radius: 0 0 8px 0; } }

.comparison-main .ecosa-difference .btn.btn-lg, .comparison-main .ecosa-difference .btn-group-lg > .btn {
  background: #ffc62c; }

.comparison-main .comparison-brands {
  padding: 5rem 1rem; }
  .comparison-main .comparison-brands .comparison-brands-wrapper {
    background-color: #deeff9;
    border-radius: 2rem;
    padding: 2.5rem; }
    .comparison-main .comparison-brands .comparison-brands-wrapper h2 {
      text-align: left;
      margin-bottom: 2rem; }
    .comparison-main .comparison-brands .comparison-brands-wrapper .brands-list li {
      margin: 1rem 0;
      font-size: 1.2rem; }
      .comparison-main .comparison-brands .comparison-brands-wrapper .brands-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 320px;
        width: 100%;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out; }
        .comparison-main .comparison-brands .comparison-brands-wrapper .brands-list li a:hover, .comparison-main .comparison-brands .comparison-brands-wrapper .brands-list li a:focus {
          -webkit-transform: translate(10px, 0);
                  transform: translate(10px, 0); }
        .comparison-main .comparison-brands .comparison-brands-wrapper .brands-list li a h4 {
          width: 90%;
          margin: 0; }
        .comparison-main .comparison-brands .comparison-brands-wrapper .brands-list li a svg {
          width: 10%;
          fill: #10318E; }
  @media (max-width: 543px) {
    .comparison-main .comparison-brands .comparison-brands-wrapper {
      padding: 2rem 1rem; } }

/** COMPARE SINGLE BRAND **/
.comparison-single-brand .comparison-header {
  position: relative;
  background: #10318E url("https://ecosaau.imgix.net/img/comparison/banner.jpg?ch=Width,DPR&auto=compress,format") no-repeat top center;
  background-size: cover;
  min-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0 !important; }
  .comparison-single-brand .comparison-header .comparison-title {
    letter-spacing: 1rem; }
    .comparison-single-brand .comparison-header .comparison-title h1 {
      color: #fff; }
  .comparison-single-brand .comparison-header p {
    color: #fff;
    text-align: center; }

.comparison-single-brand .comparison-queen-size {
  padding: 0 0 4rem 0; }

.comparison-single-brand .comparison-table {
  position: relative;
  margin-top: -4.5rem;
  margin-bottom: 2rem; }

@media (min-width: 768px) {
  .comparison-single-brand .perfect-pillow h2, .comparison-single-brand .squish-support h2 {
    font-size: 1.8rem; } }

.comparison-single-brand .perfect-pillow .container, .comparison-single-brand .squish-support .container {
  position: relative;
  z-index: 1; }

.comparison-single-brand .perfect-pillow .fade-box, .comparison-single-brand .squish-support .fade-box {
  padding-bottom: 66.6%; }

.comparison-single-brand .perfect-pillow img, .comparison-single-brand .squish-support img {
  border-radius: 8px; }

.comparison-single-brand .perfect-pillow a.btn, .comparison-single-brand .squish-support a.btn {
  margin-top: 40px; }

@media (min-width: 768px) {
  .comparison-single-brand .perfect-pillow .iwt-content, .comparison-single-brand .squish-support .iwt-content {
    margin: 0;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .comparison-single-brand .perfect-pillow .iwt-content .text-wrapper, .comparison-single-brand .squish-support .iwt-content .text-wrapper {
      max-width: 25rem; } }

@media (max-width: 767px) {
  .comparison-single-brand .perfect-pillow .iwt-image, .comparison-single-brand .squish-support .iwt-image {
    max-width: 80vw;
    overflow: hidden; }
  .comparison-single-brand .perfect-pillow .iwt-content, .comparison-single-brand .squish-support .iwt-content {
    text-align: center;
    max-width: 25rem; }
    .comparison-single-brand .perfect-pillow .iwt-content h2, .comparison-single-brand .perfect-pillow .iwt-content p, .comparison-single-brand .squish-support .iwt-content h2, .comparison-single-brand .squish-support .iwt-content p {
      text-align: center; } }

.comparison-single-brand .perfect-pillow {
  position: relative;
  padding-top: 10rem;
  padding-bottom: 4rem; }
  @media (max-width: 1199px) {
    .comparison-single-brand .perfect-pillow {
      padding-top: 6rem; } }
  .comparison-single-brand .perfect-pillow .wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("https://ecosaau.imgix.net/img/comparison/wave_top.png?auto=compress,format");
    background-size: cover;
    background-position: right top; }
    @media (max-width: 767px) {
      .comparison-single-brand .perfect-pillow .wave {
        background-position: 95%; } }

.comparison-single-brand .squish-support {
  position: relative;
  background-color: #f8f9fd;
  padding-top: 4rem;
  padding-bottom: 4rem; }
  .comparison-single-brand .squish-support h2, .comparison-single-brand .squish-support p {
    text-align: right; }
  @media (min-width: 768px) {
    .comparison-single-brand .squish-support a.btn {
      float: right; } }

.comparison-single-brand .neck-support {
  position: relative;
  background-color: #f8f9fd; }
  .comparison-single-brand .neck-support .standard-wrapper {
    position: relative;
    width: 100%;
    padding-top: 4rem;
    color: #10318E; }
    .comparison-single-brand .neck-support .standard-wrapper h3 {
      margin-bottom: 0.5rem; }
      @media (min-width: 768px) {
        .comparison-single-brand .neck-support .standard-wrapper h3 {
          font-size: 2rem; } }
    .comparison-single-brand .neck-support .standard-wrapper p {
      text-align: center; }
      @media (min-width: 768px) {
        .comparison-single-brand .neck-support .standard-wrapper p {
          font-size: 1.125rem; } }
  .comparison-single-brand .neck-support .image-container {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 2rem; }
  .comparison-single-brand .neck-support .fade-box {
    padding-bottom: 38.38%; }

.comparison-single-brand .review-footer {
  position: relative;
  padding: 4rem 1rem;
  background-color: #10318E; }
  .comparison-single-brand .review-footer h3, .comparison-single-brand .review-footer h4, .comparison-single-brand .review-footer p {
    color: #fff; }
  .comparison-single-brand .review-footer .review-author {
    font-weight: 400; }

.comparison-single-brand .unique-memory-foam {
  position: relative;
  padding: 4rem 0; }
  .comparison-single-brand .unique-memory-foam h2 {
    padding: 1rem;
    margin-bottom: 2rem; }
  .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .iwt-image {
    position: relative; }
  .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper p.number-circle {
    font-family: monospace;
    margin: 0;
    position: absolute;
    font-size: 1.5rem;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding: 5px 15px;
    cursor: default;
    transition: all 0.5s;
    color: #10318E; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper p.number-circle.number-circle-one {
      top: 45%;
      left: 65%; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper p.number-circle.number-circle-two {
      top: 15%;
      left: 50%; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper p.number-circle.number-circle-three {
      top: 33%;
      left: 36%; }
    @media (max-width: 543px) {
      .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper p.number-circle {
        font-size: 1rem;
        padding: 2px 8px; } }
  .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item {
    position: relative;
    text-align: left;
    padding-left: 50px;
    cursor: default;
    margin-left: 2px;
    transition: all 0.3s; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item p {
      margin-bottom: 2rem; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item p.number-circle {
      cursor: pointer; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item:hover {
      margin-left: 0;
      padding-right: 2px; }
      .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item:hover p.number-circle {
        box-shadow: 0 0 0 10px rgba(176, 200, 232, 0.5);
        font-weight: 600;
        transition: all 0.3s; }
      .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item:hover:before, .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item:hover h5, .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item:hover p, .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item:hover p.number-circle {
        color: #323232; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      font-size: 40px;
      font-family: monospace;
      font-weight: bold; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item h5 {
      font-size: 1.25rem; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item:before, .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item h5, .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item p, .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item p.number-circle {
      color: #10318E; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-one:before {
      content: "1"; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-one p.number-circle {
      left: -45%;
      top: 168px; }
      @media (max-width: 1199px) {
        .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-one p.number-circle {
          top: 185px; } }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-two:before {
      content: "2"; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-two p.number-circle {
      left: -60%;
      top: -85px; }
      @media (max-width: 1199px) {
        .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-two p.number-circle {
          top: -33px; } }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-three:before {
      content: "3"; }
    .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-three p.number-circle {
      left: -115%;
      top: -160px; }
      @media (max-width: 1920px) {
        .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-three p.number-circle {
          left: -90%; } }
      @media (max-width: 1440px) {
        .comparison-single-brand .unique-memory-foam .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-three p.number-circle {
          left: -79%; } }

.comparison-single-brand .mattress-scenarios {
  background: rgba(0, 59, 113, 0.8); }
  .comparison-single-brand .mattress-scenarios.overlap {
    margin-bottom: -3rem; }
  .comparison-single-brand .mattress-scenarios .card-block {
    position: relative;
    padding: 0;
    width: 95%;
    margin-top: -3rem; }
  .comparison-single-brand .mattress-scenarios .sc-header {
    padding: 1rem;
    background: #b0c8e8;
    border-radius: 8px 8px 0 0; }
    .comparison-single-brand .mattress-scenarios .sc-header p {
      text-align: center;
      margin: 0 auto; }
  .comparison-single-brand .mattress-scenarios .sc-firmness {
    background: #fafafa url(/img/comparison/scenario.jpg) no-repeat top center;
    background-size: cover;
    min-height: 510px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    .comparison-single-brand .mattress-scenarios .sc-firmness .info {
      padding: 1rem;
      color: #10318E;
      display: inline-block;
      -ms-flex-item-align: end;
          align-self: flex-end;
      margin: 0 auto; }
  .comparison-single-brand .mattress-scenarios .sc-waterproof {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .comparison-single-brand .mattress-scenarios .sc-waterproof .image, .comparison-single-brand .mattress-scenarios .sc-waterproof .info {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .comparison-single-brand .mattress-scenarios .sc-waterproof .image {
      background: #fafafa url(/img/comparison/dog.jpg) no-repeat left center;
      background-size: cover;
      min-height: 360px; }
    .comparison-single-brand .mattress-scenarios .sc-waterproof .info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #10318E; }
      .comparison-single-brand .mattress-scenarios .sc-waterproof .info h3, .comparison-single-brand .mattress-scenarios .sc-waterproof .info p {
        text-align: left;
        color: #fff; }
      .comparison-single-brand .mattress-scenarios .sc-waterproof .info p {
        margin-bottom: 0; }
      @media (max-width: 767px) {
        .comparison-single-brand .mattress-scenarios .sc-waterproof .info h3 {
          text-align: center; } }
  .comparison-single-brand .mattress-scenarios .sc-return {
    padding: 2rem 1rem;
    background: #deeff9;
    border-radius: 0 0 8px 8px; }
    .comparison-single-brand .mattress-scenarios .sc-return p {
      margin: 0 auto;
      text-align: center; }

.comparison-single-brand .packaged {
  padding: 2rem 0; }
  .comparison-single-brand .packaged .card-block {
    position: relative;
    padding: 0;
    width: 95%; }
  .comparison-single-brand .packaged .sc-header {
    padding: 1rem;
    background: #10318E;
    border-radius: 8px 8px 0 0; }
    .comparison-single-brand .packaged .sc-header h2 {
      color: #fff; }
    .comparison-single-brand .packaged .sc-header p {
      text-align: center;
      margin: 0 auto;
      color: #fff; }
  .comparison-single-brand .packaged .info {
    border-radius: 0 0 8px 8px; }
    .comparison-single-brand .packaged .info .flex-div-column {
      -ms-flex-item-align: start;
          align-self: flex-start; }
    .comparison-single-brand .packaged .info svg {
      height: 250px; }
      @media (max-width: 543px) {
        .comparison-single-brand .packaged .info svg {
          height: auto; } }
    .comparison-single-brand .packaged .info p {
      margin-top: 2rem;
      text-align: center;
      color: #10318E; }

.comparison-single-brand .risk-free {
  padding-top: 4rem;
  background: #fafafa url(/img/comparison/risk-free.jpg) no-repeat center center;
  background-size: cover;
  height: 70vh; }
  .comparison-single-brand .risk-free h2 {
    margin: 2rem 0; }

.comparison-single-brand .risk-free-cost {
  padding-top: 0;
  background: #fff;
  height: initial; }
  .comparison-single-brand .risk-free-cost h2 {
    display: block; }
  .comparison-single-brand .risk-free-cost .flex-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 80%;
    margin: 0 auto; }
    .comparison-single-brand .risk-free-cost .flex-div svg {
      width: 300px; }
    .comparison-single-brand .risk-free-cost .flex-div > div {
      padding-left: 1rem;
      padding-right: 1rem;
      position: relative; }
      @media (max-width: 767px) {
        .comparison-single-brand .risk-free-cost .flex-div > div {
          margin-top: 1rem;
          margin-bottom: 1rem; } }
      @media (max-width: 543px) {
        .comparison-single-brand .risk-free-cost .flex-div > div {
          -webkit-transform: scale(0.8);
                  transform: scale(0.8); } }
      .comparison-single-brand .risk-free-cost .flex-div > div i {
        position: absolute;
        cursor: pointer;
        color: #f5b7ac;
        transition: all 0.7s;
        z-index: 99; }
        .comparison-single-brand .risk-free-cost .flex-div > div i:hover {
          color: #e96952; }
        .comparison-single-brand .risk-free-cost .flex-div > div i.brace:before {
          content: "}";
          font-family: sans-serif;
          position: absolute;
          top: -16px;
          font-size: 3rem;
          left: -20px;
          color: #f5b7ac !important; }
    @media (max-width: 767px) {
      .comparison-single-brand .risk-free-cost .flex-div {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .comparison-single-brand .risk-free-cost p {
    text-align: center;
    margin-top: 2rem; }

.comparison-single-brand .risk-free-bottom {
  background: #10318E; }
  .comparison-single-brand .risk-free-bottom .info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .comparison-single-brand .risk-free-bottom .guarantee-item {
    padding: 2rem 1rem;
    max-width: 320px; }
    .comparison-single-brand .risk-free-bottom .guarantee-item.ergoflex {
      max-width: 500px; }
    @media (min-width: 768px) {
      .comparison-single-brand .risk-free-bottom .guarantee-item svg {
        margin-top: -4rem; } }
  .comparison-single-brand .risk-free-bottom .item-content {
    color: #fff; }
  .comparison-single-brand .risk-free-bottom .gurantee-item-title {
    font-weight: 400;
    color: white;
    margin-bottom: 0.25rem; }
  @media (max-width: 767px) {
    .comparison-single-brand .risk-free-bottom .guarantee-item {
      width: 100%;
      padding: 1rem 0.5rem; }
    .comparison-single-brand .risk-free-bottom .item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: left; }
      .comparison-single-brand .risk-free-bottom .item-wrapper h4 {
        margin: 0 1rem; }
      .comparison-single-brand .risk-free-bottom .item-wrapper.flex-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center; }
        .comparison-single-brand .risk-free-bottom .item-wrapper.flex-column:first-of-type {
          margin-top: -5rem;
          padding: 1rem 0; } }

.comparison-single-brand .perfect-mattress {
  padding: 4rem 0;
  position: relative; }
  .comparison-single-brand .perfect-mattress h3 + p {
    max-width: 1000px;
    text-align: center;
    color: #10318E; }
  .comparison-single-brand .perfect-mattress li h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .comparison-single-brand .perfect-mattress li h4 svg {
      margin-right: 1rem; }
  .comparison-single-brand .perfect-mattress li p {
    color: #10318E;
    margin-left: 2.6rem; }

.comparison-single-brand .guarantee {
  padding: 4rem 0; }
  .comparison-single-brand .guarantee.overlap {
    position: relative;
    padding-top: 0;
    padding-bottom: 0; }
    @media (min-width: 544px) {
      .comparison-single-brand .guarantee.overlap {
        margin-top: -6rem; } }
  .comparison-single-brand .guarantee .container {
    width: 95%;
    padding: 2rem 0; }
  .comparison-single-brand .guarantee .guarantee-item-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .comparison-single-brand .guarantee .guarantee-item {
    padding: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
  .comparison-single-brand .guarantee .item-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .comparison-single-brand .guarantee .item-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .comparison-single-brand .guarantee .item-content span {
      color: #10318E;
      padding: 1rem 0rem;
      text-align: center; }
  .comparison-single-brand .guarantee svg {
    margin-bottom: 1rem; }

.comparison-single-brand .charity {
  padding-bottom: 2rem;
  text-align: center;
  color: #10318E; }
  .comparison-single-brand .charity p {
    text-align: center; }

.comparison-single-brand .review-card {
  padding-bottom: 4rem; }
  .comparison-single-brand .review-card .card-block {
    position: relative;
    padding: 0;
    background: #fafafa url(/img/comparison/couple.png) no-repeat center;
    background-size: cover;
    min-height: 300px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 95%; }
    .comparison-single-brand .review-card .card-block blockquote {
      border: none;
      text-shadow: none;
      position: relative;
      width: 50%;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (min-width: 768px) {
        .comparison-single-brand .review-card .card-block blockquote {
          width: 50%;
          padding-left: 2rem; } }
      @media (max-width: 543px) {
        .comparison-single-brand .review-card .card-block blockquote {
          width: 70%;
          font-size: 1.125rem; } }
    .comparison-single-brand .review-card .card-block .blockquote-footer {
      color: #6A6A6A;
      text-align: left;
      font-weight: normal; }
    .comparison-single-brand .review-card .card-block .gradient {
      background-image: linear-gradient(-90deg, transparent 0, transparent 0, transparent 0, #fafafa 60%);
      position: absolute;
      height: 100%;
      width: 100%;
      border-radius: 8px; }

.comparison-single-brand .reviews-slider {
  padding: 4rem 0rem; }

.comparison-bedsrus .rating i {
  color: #ffd200;
  font-size: 21px; }

.comparison-bedsrus .mattress-features {
  padding: 2rem 0 6rem 0; }
  .comparison-bedsrus .mattress-features p {
    font-size: 0.9rem;
    margin: 0; }
  .comparison-bedsrus .mattress-features .card-block {
    width: 95%;
    margin: 0 auto; }

.comparison-bedsrus .mattress-inner .standard-wrapper {
  max-width: 800px; }

.comparison-bedsrus .mattress-inner .mattress-inner-item-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%; }

.comparison-bedsrus .mattress-inner .mattress-inner-item {
  padding: 0.325rem;
  width: 100%;
  text-align: left; }

.comparison-bedsrus .unique-difference {
  background: rgba(0, 59, 113, 0.8);
  padding: 2rem 0; }
  .comparison-bedsrus .unique-difference .card-block {
    margin-top: -5rem; }
  .comparison-bedsrus .unique-difference .header {
    background: #b0c8e8; }

@media (min-width: 768px) {
  .comparison-bedsrus .mattress-inner {
    height: 480px; }
    .comparison-bedsrus .mattress-inner .standard-wrapper {
      position: relative;
      max-width: 800px; }
    .comparison-bedsrus .mattress-inner .mattress-inner-item-wrapper {
      font-size: 0.8rem;
      position: absolute;
      top: 0; }
    .comparison-bedsrus .mattress-inner .mattress-inner-item {
      position: relative;
      padding-top: 245px;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item:before {
        content: "";
        position: absolute;
        background: linear-gradient(0deg, #ccc 1px, #6A6A6A 100px);
        width: 1px;
        height: 120px;
        top: 110px;
        left: 40%; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item:after {
        content: "";
        position: absolute;
        width: 0.425rem;
        height: 0.425rem;
        border-radius: 50%;
        background: #6A6A6A;
        top: 105px;
        left: 38.5%; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-one:before {
        height: 120px;
        top: 110px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-one:after {
        top: 105px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-two:before {
        height: 80px;
        top: 150px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-two:after {
        top: 145px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-three:before {
        height: 105px;
        top: 125px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-three:after {
        top: 123px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-four:before {
        height: 170px;
        top: 60px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-four:after {
        top: 55px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-five:before {
        height: 185px;
        top: 45px; }
      .comparison-bedsrus .mattress-inner .mattress-inner-item.mattress-inner-item-five:after {
        top: 40px; } }

.comparison-onebed .ecosa-brand {
  padding: 4rem 1rem; }
  .comparison-onebed .ecosa-brand .flex-div-column img {
    height: 60px;
    margin-top: 2rem;
    margin-bottom: 1rem; }
  .comparison-onebed .ecosa-brand .flex-div-column p {
    text-align: center;
    color: #10318E; }

.comparison-onebed .comparison-queen-size {
  padding: 4rem 0; }

.comparison-onebed .comparison-table {
  margin-top: 0; }

.comparison-sealy .risk-free-cost {
  padding: 4rem 1rem;
  position: relative; }

.comparison-sealy .packaged {
  padding: 2rem 0 4rem 0; }

@media (max-width: 543px) {
  .comparison-koala.variation .comparison-header {
    min-height: 400px;
    padding: 0 0.5rem; } }

.comparison-koala-sleepingduck .comparison-table table tbody td:nth-child(3) sup {
  position: relative;
  top: 0;
  margin: 0; }

.comparison-koala-sleepingduck .comparison-header .comparison-title h1 {
  font-size: 50px !important; }
  @media (max-width: 767px) {
    .comparison-koala-sleepingduck .comparison-header .comparison-title h1 {
      font-size: 46px !important; } }
  @media (max-width: 543px) {
    .comparison-koala-sleepingduck .comparison-header .comparison-title h1 {
      font-size: 32px !important; } }

.comparison-koala-sleepingduck .comparison-header p {
  margin-top: 1rem; }

.comparison-koala-sleepingduck .mattress-scenarios .sc-header {
  background: #ffc62c;
  color: #10318E; }

.comparison-koala-sleepingduck .mattress-scenarios .sc-firmness {
  background: #fafafa; }

@media (max-width: 543px) {
  .comparison-koala-sleepingduck .comparison-table table tbody .tr-price td:nth-child(4) {
    font-size: 0.9rem; }
    .comparison-koala-sleepingduck .comparison-table table tbody .tr-price td:nth-child(4) .base-price {
      padding: 0; } }

@media (max-width: 767px) {
  .comparison-single-brand .mattress-scenarios .sc-waterproof .image.lb-border {
    border-radius: 0; }
  .comparison-single-brand .mattress-scenarios .sc-waterproof .info.rb-border {
    border-radius: 0 0 8px 8px; } }

@media (max-width: 767px) {
  .comparison .comparison-header .comparison-title h1 {
    font-size: 50px; } }

@media (max-width: 543px) {
  .comparison.comparison-makin .comparison-header .comparison-title h1 {
    font-size: 30px; }
  .comparison.comparison-sleepingduck .comparison-header .comparison-title h1 {
    font-size: 40px; }
  .comparison .guarantee-item {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 100% !important;
            flex: 1 0 100% !important; } }

.unique-difference {
  position: relative; }
  .unique-difference .card-block {
    position: relative;
    padding: 0;
    width: 95%; }
  .unique-difference .unique-wrapper .wrapper-image {
    position: relative;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
    @media (min-width: 544px) {
      .unique-difference .unique-wrapper .wrapper-image {
        width: 60%; } }
    @media (max-width: 991px) {
      .unique-difference .unique-wrapper .wrapper-image {
        width: 100%; } }
    .unique-difference .unique-wrapper .wrapper-image img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center;
      height: 100%;
      width: 100%; }
      @media (min-width: 768px) {
        .unique-difference .unique-wrapper .wrapper-image img {
          border-radius: 0 0 0 8px; } }
  .unique-difference .unique-wrapper .wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: stretch;
        align-self: stretch; }
    @media (min-width: 544px) {
      .unique-difference .unique-wrapper .wrapper-content {
        width: 40%; } }
    @media (max-width: 991px) {
      .unique-difference .unique-wrapper .wrapper-content {
        width: 100%; } }
    .unique-difference .unique-wrapper .wrapper-content h3 {
      font-size: 1.275rem; }
    .unique-difference .unique-wrapper .wrapper-content p {
      margin: 0; }
    .unique-difference .unique-wrapper .wrapper-content .unique-item {
      padding: 0.75rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .unique-difference .unique-wrapper .wrapper-content .unique-item:nth-of-type(odd) {
        background-color: #deeff9; }
      .unique-difference .unique-wrapper .wrapper-content .unique-item:last-of-type {
        border-radius: 0 0 8px 0; }
      @media (max-width: 767px) {
        .unique-difference .unique-wrapper .wrapper-content .unique-item {
          padding: 0 !important;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; }
          .unique-difference .unique-wrapper .wrapper-content .unique-item:last-of-type {
            border-radius: 0 0 8px 8px !important; } }
    .unique-difference .unique-wrapper .wrapper-content .iwt-content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

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

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

#checkout .form-group, .page-orderupdate .form-group {
  margin-bottom: 0;
  margin-top: 0; }
  #checkout .form-group.collection-group, .page-orderupdate .form-group.collection-group {
    border-bottom: 1px solid #DDE3E8; }

#checkout .form-control-label, .page-orderupdate .form-control-label {
  color: #10318E; }

#checkout #datepicker_arrival, .page-orderupdate #datepicker_arrival {
  display: inline; }

#checkout #delivery-address-form #js-address-delivery section, .page-orderupdate #delivery-address-form #js-address-delivery section {
  padding: 0 6px; }

#checkout select#id_address_delivery, .page-orderupdate select#id_address_delivery {
  height: 50px;
  padding: 0.5rem 1rem; }

#checkout select#id_address_delivery + #new_delivery_address, .page-orderupdate select#id_address_delivery + #new_delivery_address {
  margin-top: 1.5rem; }

#checkout #new_delivery_address,
#checkout #new_billing_address, .page-orderupdate #new_delivery_address,
.page-orderupdate #new_billing_address {
  display: none; }
  #checkout #new_delivery_address .form-header,
  #checkout #new_billing_address .form-header, .page-orderupdate #new_delivery_address .form-header,
  .page-orderupdate #new_billing_address .form-header {
    margin-bottom: 0.5rem; }
  #checkout #new_delivery_address section,
  #checkout #new_billing_address section, .page-orderupdate #new_delivery_address section,
  .page-orderupdate #new_billing_address section {
    padding: 0 0.35rem; }

#checkout #new_delivery_address .form-group.row:nth-last-of-type(1), .page-orderupdate #new_delivery_address .form-group.row:nth-last-of-type(1) {
  display: none; }

#checkout #new_billing_address .form-group.row:nth-last-of-type(2),
#checkout #new_billing_address .form-footer, .page-orderupdate #new_billing_address .form-group.row:nth-last-of-type(2),
.page-orderupdate #new_billing_address .form-footer {
  display: none; }

#checkout #delivery-address-form .password-row, .page-orderupdate #delivery-address-form .password-row {
  display: none; }
  #checkout #delivery-address-form .password-row.js-show, .page-orderupdate #delivery-address-form .password-row.js-show {
    display: block; }

#checkout .billing-address-options, .page-orderupdate .billing-address-options {
  border: 1px solid #e5e5e5;
  background-color: #fff; }

#checkout .billing-address-option, .page-orderupdate .billing-address-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-top: 1px solid #e5e5e5; }
  #checkout .billing-address-option label, .page-orderupdate .billing-address-option label {
    width: 100%;
    cursor: pointer;
    padding-left: 1rem;
    margin-bottom: 0; }

#checkout .billing-address-option-addition, .page-orderupdate .billing-address-option-addition {
  display: none;
  padding: 1rem;
  border-top: 1px solid #e5e5e5; }

#checkout .billing-address-option-wrapper:first-child .billing-address-option, .page-orderupdate .billing-address-option-wrapper:first-child .billing-address-option {
  border-top: 0; }

#checkout .custom-radio, .page-orderupdate .custom-radio {
  margin-right: 0; }
  #checkout .custom-radio input[type="radio"], .page-orderupdate .custom-radio input[type="radio"] {
    height: 1rem;
    width: 1rem; }
    #checkout .custom-radio input[type="radio"] + span, .page-orderupdate .custom-radio input[type="radio"] + span {
      border-radius: 50%; }
    #checkout .custom-radio input[type="radio"]:checked + span, .page-orderupdate .custom-radio input[type="radio"]:checked + span {
      left: 2px;
      top: 2px;
      transition: all 0.5s; }

#checkout .custom-radio-wrap, .page-orderupdate .custom-radio-wrap {
  margin-bottom: .2rem; }
  #checkout .custom-radio-wrap.disabled, .page-orderupdate .custom-radio-wrap.disabled {
    opacity: .25; }

#checkout .delayed-products-tooltip, .page-orderupdate .delayed-products-tooltip {
  background: #dddddd;
  padding: 0.75rem 0.75rem;
  border: none;
  box-shadow: 0 4px 9px #aaa;
  text-align: center;
  line-height: 1.4;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px); }
  @media (max-width: 767px) {
    #checkout .delayed-products-tooltip, .page-orderupdate .delayed-products-tooltip {
      padding: 0.5rem 0.5rem; } }

#checkout .marketing-optin-label, .page-orderupdate .marketing-optin-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 90%; }

.page-onepagecheckout {
  background-color: #FAFAFA;
  /*** Form fields ***/
  /*** Header ***/
  /*** Checkout Step ***/
  /*** Cart Ajax-loader Gif ***/
  /*** Personal Information ***/
  /*** Delivery Method ***/
  /*** Payment Method ***/
  /*** Order Summary ***/
  /*** Coupon code block ***/
  /*** Cart summary subtotals ***/
  /*** Cart summary totals ***/
  /*** Popup ***/ }
  .page-onepagecheckout .form-field-label {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 0.3rem;
    margin: 0 0.5rem;
    transition: .1s ease-out;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    pointer-events: none;
    color: #B1B5BE;
    text-transform: capitalize;
    letter-spacing: .5px;
    width: auto;
    height: 22px;
    font-size: 18px; }
  .page-onepagecheckout .form-field-control {
    width: 100%;
    height: 50px;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 1px solid #DDE3E8;
    border-radius: 3px;
    outline: none;
    transition: .1s ease-out;
    font-size: 18px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-appearance: none !important; }
  .page-onepagecheckout label[for="address2"],
  .page-onepagecheckout label[for="city"],
  .page-onepagecheckout label[for="id_state"],
  .page-onepagecheckout label[for="postcode"],
  .page-onepagecheckout label[for="id_country"],
  .page-onepagecheckout label[for="phone"] {
    left: 0; }
  .page-onepagecheckout .form-field-control:focus + label {
    color: #B1B5BE;
    top: 0;
    -webkit-transform: translateY(-50%) scale(0.9);
            transform: translateY(-50%) scale(0.9);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #FAFAFA 50%, white 51%, white 100%); }
  .page-onepagecheckout .form-field-control:not(:placeholder-shown) + label {
    top: 0;
    -webkit-transform: translateY(-50%) scale(0.9);
            transform: translateY(-50%) scale(0.9);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #FAFAFA 50%, white 51%, white 100%); }
  .page-onepagecheckout .custom-checkbox input[type="checkbox"] {
    width: 1rem;
    height: 1rem; }
    .page-onepagecheckout .custom-checkbox input[type="checkbox"] + span {
      width: 25px;
      height: 25px; }
      .page-onepagecheckout .custom-checkbox input[type="checkbox"] + span i {
        font-size: 25px; }
  .page-onepagecheckout input,
  .page-onepagecheckout select {
    background-color: #fff; }
    .page-onepagecheckout input:-webkit-autofill, .page-onepagecheckout input:-webkit-autofill:hover, .page-onepagecheckout input:-webkit-autofill:focus, .page-onepagecheckout input:-webkit-autofill:active,
    .page-onepagecheckout select:-webkit-autofill,
    .page-onepagecheckout select:-webkit-autofill:hover,
    .page-onepagecheckout select:-webkit-autofill:focus,
    .page-onepagecheckout select:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px white inset !important; }
  .page-onepagecheckout select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem; }
  .page-onepagecheckout textarea {
    width: 100%;
    padding: 0.5rem;
    resize: none;
    border: 1px solid #DDE3E8;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); }
  .page-onepagecheckout .options {
    background-color: #fff;
    border: 1px solid #DDE3E8;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px; }
    .page-onepagecheckout .options .option-wrapper:first-child .option-row {
      border-top: none; }
    .page-onepagecheckout .options .option-row {
      padding: 0.75rem;
      border-top: 1px solid #DDE3E8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%; }
      .page-onepagecheckout .options .option-row label {
        font-size: 1rem;
        color: #878787;
        cursor: pointer;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-left: 1rem; }
    .page-onepagecheckout .options .option-addition {
      padding: 0 0.75rem 1rem 0.75rem; }
    .page-onepagecheckout .options .blodtext span {
      color: #333333;
      font-weight: bold; }
  .page-onepagecheckout header {
    position: relative;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); }
  .page-onepagecheckout .header-nav.nav-simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 1.5rem;
    height: 55px; }
    .page-onepagecheckout .header-nav.nav-simple img {
      height: 30px; }
  .page-onepagecheckout .onepage-checkout-container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem; }
    @media (max-width: 991px) {
      .page-onepagecheckout .onepage-checkout-container {
        margin: 0 auto; } }
    .page-onepagecheckout .onepage-checkout-container .chat-btn-msg {
      position: fixed;
      bottom: 1.1rem;
      left: 4.5rem;
      z-index: 2;
      background-color: #003B71;
      color: #fff;
      padding: .5rem .8rem;
      border-radius: 20px;
      font-size: 0.9rem;
      -webkit-transform: translateY(200%);
              transform: translateY(200%);
      transition: -webkit-transform .4s ease-in-out .5s;
      transition: transform .4s ease-in-out .5s;
      transition: transform .4s ease-in-out .5s, -webkit-transform .4s ease-in-out .5s;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .page-onepagecheckout .onepage-checkout-container .chat-btn-msg:focus, .page-onepagecheckout .onepage-checkout-container .chat-btn-msg:active {
        outline: none;
        box-shadow: inset 0 0 0 0.21429rem rgba(255, 255, 255, 0.4); }
      @media (min-width: 544px) {
        .page-onepagecheckout .onepage-checkout-container .chat-btn-msg {
          display: none; } }
  .page-onepagecheckout .card {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 2rem;
    background: transparent; }
    .page-onepagecheckout .card.loading:before {
      content: '';
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.1);
      display: block;
      z-index: 150; }
    .page-onepagecheckout .card.loading:after {
      content: '';
      position: fixed;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -40px;
      z-index: 200;
      border: 12px solid #FFF;
      border-radius: 50%;
      border-top: 12px solid #10318E;
      width: 100px;
      height: 100px;
      -webkit-animation: checkout-spin 2s linear infinite;
      animation: checkout-spin 2s linear infinite; }
    .page-onepagecheckout .card.disabled:not(.loading) {
      opacity: 0.2;
      pointer-events: none; }
  .page-onepagecheckout .card-block {
    background-color: transparent;
    border-radius: 0;
    padding: 0; }
    .page-onepagecheckout .card-block .form-field-group {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem; }
      @media (max-width: 767px) {
        .page-onepagecheckout .card-block .form-field-group {
          margin-top: 1.25rem;
          margin-bottom: 1.25rem; }
          .page-onepagecheckout .card-block .form-field-group.has-error {
            margin-bottom: 1.5rem; } }
    .page-onepagecheckout .card-block.disabled:not(.loading) {
      opacity: 0.2;
      pointer-events: none; }
  .page-onepagecheckout .step-header {
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #D9D9D9;
    font-size: 18px; }
  .page-onepagecheckout:not(.lang-ja) .step-header {
    font-weight: normal; }
  .page-onepagecheckout .block-title {
    text-align: center;
    font-size: 18px;
    font-weight: normal; }
  .page-onepagecheckout .form-header {
    font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .page-onepagecheckout .form-header {
    color: #B1B5BE;
    font-weight: normal; }
  .page-onepagecheckout .login-link {
    text-align: left;
    color: #333333;
    margin-bottom: 1rem; }
    .page-onepagecheckout .login-link a, .page-onepagecheckout .login-link button {
      text-decoration: underline;
      padding: 0; }
  .page-onepagecheckout .is-disabled {
    pointer-events: none;
    cursor: default; }
  .page-onepagecheckout .alert ul {
    margin: 0; }
  .page-onepagecheckout .ajax-loader {
    width: 32px;
    height: 12px;
    background: url(/img/onestep-loader.gif) top left no-repeat;
    z-index: 999;
    margin: 23px 6px 0 0;
    position: absolute;
    top: 0;
    right: 10px;
    display: none !important; }
  .page-onepagecheckout .personal-information .form-group {
    margin-left: -15px;
    margin-right: -15px; }
  .page-onepagecheckout .personal-information .form-field-group.has-error input,
  .page-onepagecheckout .personal-information .form-field-group.has-error select {
    border-color: #ff4c4c;
    border-radius: 3px;
    border-bottom: 1px solid #ff4c4c; }
  .page-onepagecheckout .personal-information .form-field-group.js-done:before {
    content: "";
    position: absolute;
    right: 16px;
    bottom: 10px;
    width: 24px;
    height: 16px;
    background-image: url("/img/checkout/done.svg");
    background-repeat: no-repeat;
    display: none !important; }
  .page-onepagecheckout .personal-information .form-field-group.extra-bottom-spacing {
    margin-bottom: 15px; }
  .page-onepagecheckout .personal-information select.form-field-control {
    padding-right: 2rem; }
  .page-onepagecheckout .personal-information #delivery-address-form label[for="email"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form label[for="firstname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form label[for="lastname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form label[for="fullname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form label[for="address1"]:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 16px;
    width: 24px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1; }
  .page-onepagecheckout .personal-information #delivery-address-form label[for="email"]:before {
    background-image: url("/img/checkout/email.svg");
    top: 3px;
    left: -1.5rem;
    width: 24px;
    height: 24px; }
  .page-onepagecheckout .personal-information #delivery-address-form label[for="firstname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form label[for="lastname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form label[for="fullname"]:before {
    background-image: url("/img/checkout/name.svg");
    top: 2px;
    left: -1.4rem;
    width: 20px;
    height: 20px; }
  .page-onepagecheckout .personal-information #delivery-address-form label[for="address1"]:before {
    top: 3px;
    left: -1.5rem;
    width: 20px;
    height: 20px;
    background-image: url("/img/checkout/address.svg"); }
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:focus + label[for="email"]:before {
    background-image: url("/img/checkout/email.svg"), linear-gradient(to bottom, #FAFAFA 50%, white 50%);
    top: 15px;
    -webkit-transform: translate(3px, -50%) scale(0.9);
            transform: translate(3px, -50%) scale(0.9); }
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:focus + label[for="firstname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:focus + label[for="lastname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:focus + label[for="fullname"]:before {
    background-image: url("/img/checkout/name.svg"), linear-gradient(to bottom, #FAFAFA 50%, white 50%);
    -webkit-transform: translate(3px, -5%) scale(0.9);
            transform: translate(3px, -5%) scale(0.9); }
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:focus + label[for="address1"]:before {
    background-image: url("/img/checkout/address.svg"), linear-gradient(to bottom, #FAFAFA 50%, white 50%);
    -webkit-transform: translate(5px, -5%) scale(0.9);
            transform: translate(5px, -5%) scale(0.9); }
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:not(:placeholder-shown) + label[for="email"]:before {
    background-image: url("/img/checkout/email.svg"), linear-gradient(to bottom, #FAFAFA 50%, white 50%);
    top: 15px;
    -webkit-transform: translate(3px, -50%) scale(0.9);
            transform: translate(3px, -50%) scale(0.9); }
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:not(:placeholder-shown) + label[for="firstname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:not(:placeholder-shown) + label[for="lastname"]:before,
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:not(:placeholder-shown) + label[for="fullname"]:before {
    background-image: url("/img/checkout/name.svg"), linear-gradient(to bottom, #FAFAFA 50%, white 50%);
    -webkit-transform: translate(3px, -5%) scale(0.9);
            transform: translate(3px, -5%) scale(0.9); }
  .page-onepagecheckout .personal-information #delivery-address-form .form-field-control:not(:placeholder-shown) + label[for="address1"]:before {
    background-image: url("/img/checkout/address.svg"), linear-gradient(to bottom, #FAFAFA 50%, white 50%);
    -webkit-transform: translate(5px, -5%) scale(0.9);
            transform: translate(5px, -5%) scale(0.9); }
  .page-onepagecheckout .identity a,
  .page-onepagecheckout .identity span {
    text-transform: initial; }
  .page-onepagecheckout #delivery-addresses select,
  .page-onepagecheckout #billing-addresses select {
    border: 1px solid #DDE3E8;
    border-radius: 3px;
    cursor: pointer;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    font-size: 18px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); }
  .page-onepagecheckout .billing-address-options {
    border-radius: 4px; }
  .page-onepagecheckout .billing-address-option {
    padding: .5rem; }
  .page-onepagecheckout .billing-address-option-addition {
    border-radius: 0 0 4px 4px;
    background: #fafafa; }
  .page-onepagecheckout #new_delivery_address .form-group:nth-last-of-type(1),
  .page-onepagecheckout #new_billing_address .form-group:nth-last-of-type(2) {
    display: none; }
  .page-onepagecheckout .arrival-date-options > .options,
  .page-onepagecheckout .dispatch-date-options > .options,
  .page-onepagecheckout .delivery-date-options > .options {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: none; }
    .page-onepagecheckout .arrival-date-options > .options .option-row label .option-body,
    .page-onepagecheckout .dispatch-date-options > .options .option-row label .option-body,
    .page-onepagecheckout .delivery-date-options > .options .option-row label .option-body {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .page-onepagecheckout .arrival-date-options > .options .option-row label .option-side,
    .page-onepagecheckout .dispatch-date-options > .options .option-row label .option-side,
    .page-onepagecheckout .delivery-date-options > .options .option-row label .option-side {
      text-align: center; }
    .page-onepagecheckout .arrival-date-options > .options .option-row label span,
    .page-onepagecheckout .dispatch-date-options > .options .option-row label span,
    .page-onepagecheckout .delivery-date-options > .options .option-row label span {
      color: #10318E;
      font-weight: bold; }
    .page-onepagecheckout .arrival-date-options > .options .option-row label span.option-description,
    .page-onepagecheckout .dispatch-date-options > .options .option-row label span.option-description,
    .page-onepagecheckout .delivery-date-options > .options .option-row label span.option-description {
      font-size: 90%;
      line-height: 1;
      margin-top: 5px;
      font-weight: normal;
      color: #878787; }
    .page-onepagecheckout .arrival-date-options > .options .option-row label dl,
    .page-onepagecheckout .dispatch-date-options > .options .option-row label dl,
    .page-onepagecheckout .delivery-date-options > .options .option-row label dl {
      margin-top: 0.5rem;
      margin-bottom: 0; }
  .page-onepagecheckout .arrival-date-options.timeslot-hidden .option-description .dash,
  .page-onepagecheckout .arrival-date-options.timeslot-hidden .option-description .slot-title,
  .page-onepagecheckout .arrival-date-options.timeslot-hidden .date-detailed .dash,
  .page-onepagecheckout .arrival-date-options.timeslot-hidden .date-detailed .slot-title,
  .page-onepagecheckout .arrival-date-options.timeslot-hidden .arrival_timeslot,
  .page-onepagecheckout .dispatch-date-options.timeslot-hidden .option-description .dash,
  .page-onepagecheckout .dispatch-date-options.timeslot-hidden .option-description .slot-title,
  .page-onepagecheckout .dispatch-date-options.timeslot-hidden .date-detailed .dash,
  .page-onepagecheckout .dispatch-date-options.timeslot-hidden .date-detailed .slot-title,
  .page-onepagecheckout .dispatch-date-options.timeslot-hidden .arrival_timeslot,
  .page-onepagecheckout .delivery-date-options.timeslot-hidden .option-description .dash,
  .page-onepagecheckout .delivery-date-options.timeslot-hidden .option-description .slot-title,
  .page-onepagecheckout .delivery-date-options.timeslot-hidden .date-detailed .dash,
  .page-onepagecheckout .delivery-date-options.timeslot-hidden .date-detailed .slot-title,
  .page-onepagecheckout .delivery-date-options.timeslot-hidden .arrival_timeslot {
    display: none !important; }
  .page-onepagecheckout .arrival-other-group .options .option-row {
    display: block;
    padding: 0.375rem 0.75rem; }
    .page-onepagecheckout .arrival-other-group .options .option-row > div:not(.delay-note) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .page-onepagecheckout .arrival-other-group .options .option-row > div:not(.delay-note).arrivalDelayedItems {
        margin: 0.375rem 0; }
      .page-onepagecheckout .arrival-other-group .options .option-row > div:not(.delay-note).arrivalOtherItems {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .page-onepagecheckout .arrival-other-group .options .option-row > div:not(.delay-note) .desc {
        width: 100%; }
        .page-onepagecheckout .arrival-other-group .options .option-row > div:not(.delay-note) .desc .product-name {
          font-weight: bold; }
  .page-onepagecheckout .arrival-other-group .other-product:not(:last-of-type) {
    margin: 0.5rem 0; }
  .page-onepagecheckout .arrival-other-group .other-product .note {
    float: right;
    margin-top: 7px;
    cursor: pointer; }
  .page-onepagecheckout .note {
    color: #10318E; }
  .page-onepagecheckout .delivery-options {
    background: #fff;
    margin-bottom: 1.5rem;
    border: 1px solid #DDE3E8;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
    .page-onepagecheckout .delivery-options hr {
      margin: 0; }
  .page-onepagecheckout .delivery-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    position: absolute;
    left: -30000px;
    opacity: 0; }
    .page-onepagecheckout .delivery-option:not(:first-of-type) {
      border-top: 1px solid #DDE3E8; }
  .page-onepagecheckout .delivery-option-label {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding-left: 1rem; }
  .page-onepagecheckout .delivery-option-details {
    width: 100%; }
  .page-onepagecheckout .carrier-name,
  .page-onepagecheckout .carrier-price {
    color: #003b71; }
  .page-onepagecheckout .carrier-price {
    text-transform: uppercase;
    white-space: nowrap; }
  .page-onepagecheckout .carrier-description {
    display: none; }
    .page-onepagecheckout .carrier-description span,
    .page-onepagecheckout .carrier-description dt,
    .page-onepagecheckout .carrier-description dd {
      font-size: 90%;
      color: #333333; }
    .page-onepagecheckout .carrier-description dl,
    .page-onepagecheckout .carrier-description dt,
    .page-onepagecheckout .carrier-description dd {
      margin-bottom: 0; }
    .page-onepagecheckout .carrier-description dd {
      display: list-item;
      list-style-type: disc;
      margin-left: 1rem; }
  .page-onepagecheckout .carrier-delay {
    display: none;
    padding: 0;
    font-size: 90%; }
  .page-onepagecheckout .leave-package {
    padding: 0.75rem;
    background-color: #EEF4FE;
    margin: 0.75rem;
    border-radius: 4px; }
    .page-onepagecheckout .leave-package .option-title {
      color: #10318E;
      margin-bottom: 0.5rem; }
    .page-onepagecheckout .leave-package .custom-radio-box {
      margin-right: 1.5rem; }
      .page-onepagecheckout .leave-package .custom-radio-box label {
        cursor: pointer;
        padding-left: 0.5rem;
        color: #10318E; }
  .page-onepagecheckout .delivery-additional-option .form-field-group {
    padding: 0; }
  .page-onepagecheckout .delivery-additional-option label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .page-onepagecheckout #ui-datepicker-div {
    box-sizing: content-box; }
  .page-onepagecheckout .ui-datepicker {
    border-color: #fff;
    max-width: 320px;
    width: auto;
    margin: 0 auto;
    padding: 0; }
  .page-onepagecheckout .ui-widget-header {
    border: 0;
    border-radius: 0;
    background: #fff; }
    .page-onepagecheckout .ui-widget-header .ui-state-hover,
    .page-onepagecheckout .ui-widget-header .ui-datepicker-next-hover {
      border-color: #fff;
      background: #fff; }
  .page-onepagecheckout .ui-datepicker-calendar td {
    padding: 0; }
  .page-onepagecheckout .ui-datepicker-calendar .ui-state-disabled.est-delivery-day {
    opacity: 1; }
  .page-onepagecheckout .ui-datepicker-calendar .ui-state-default {
    padding: 0.3rem;
    text-align: center;
    background: #deeff9;
    border: 1px solid #fafafa;
    color: #10318E; }
    .page-onepagecheckout .ui-datepicker-calendar .ui-state-default.est-delivery-day {
      background: #10318E;
      color: #fff;
      font-weight: bold; }
    .page-onepagecheckout .ui-datepicker-calendar .ui-state-default.ui-state-active {
      background: #10318E;
      color: #fff;
      font-weight: bold; }
  .page-onepagecheckout input[name="dispatch_date"],
  .page-onepagecheckout input[name="arrival_date"],
  .page-onepagecheckout input[name="collection_date"] {
    display: block;
    background: #fff;
    border: 1px solid #10318E;
    border-radius: 3px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 0.5rem;
    color: #10318E;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: -30000px;
    opacity: 0; }
  .page-onepagecheckout .date-container {
    position: relative; }
  .page-onepagecheckout .date-container .date-detailed {
    display: none;
    background: #fff;
    border: 1px solid #003b71;
    border-radius: 3px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 0.5rem;
    color: #003b71;
    font-weight: bold;
    text-align: center; }
    .page-onepagecheckout .date-container .date-detailed span {
      display: inline-block; }
    @media screen and (max-width: 374px) {
      .page-onepagecheckout .date-container .date-detailed span.dash {
        display: none; } }
  .page-onepagecheckout .payment-option {
    height: 3rem !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .page-onepagecheckout .payment-option img {
      max-height: 26px; }
    .page-onepagecheckout .payment-option label {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .page-onepagecheckout .js-additional-information {
    padding: 1rem;
    border-top: 1px solid #e5e5e5;
    background: #f3f3f3;
    color: #003B71;
    font-size: 14px;
    display: none; }
  @media (max-width: 543px) {
    .page-onepagecheckout .banktransfer-details dl {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      outline: 1px solid #f3f3f3;
      margin-top: 0.5rem; }
      .page-onepagecheckout .banktransfer-details dl dd,
      .page-onepagecheckout .banktransfer-details dl dt {
        padding: .5rem; }
      .page-onepagecheckout .banktransfer-details dl dd {
        background: #fafafa; }
      .page-onepagecheckout .banktransfer-details dl dt {
        background: #f3f3f3; } }
  .page-onepagecheckout #onepage-checkout-payment #notifications .container {
    padding: 0; }
  .page-onepagecheckout #onepage-checkout-summary {
    position: relative;
    background-color: transparent;
    width: 100%; }
    .page-onepagecheckout #onepage-checkout-summary.reload:before {
      content: '';
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.1);
      display: block;
      z-index: 150; }
    .page-onepagecheckout #onepage-checkout-summary.reload:after {
      content: '';
      position: fixed;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -40px;
      z-index: 200;
      border: 12px solid #FFF;
      border-radius: 50%;
      border-top: 12px solid #10318E;
      width: 100px;
      height: 100px;
      -webkit-animation: checkout-spin 2s linear infinite;
      animation: checkout-spin 2s linear infinite; }
    .page-onepagecheckout #onepage-checkout-summary .card-block {
      background: #fff;
      border: 1px solid #DDE3E8;
      border-radius: 3px;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
      -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); }
    .page-onepagecheckout #onepage-checkout-summary h5 {
      font-size: 18px;
      margin: 0; }
    .page-onepagecheckout #onepage-checkout-summary hr {
      margin: 0; }
  .page-onepagecheckout .cart-summary-products {
    padding: 1rem 1.5rem; }
    @media (max-width: 543px) {
      .page-onepagecheckout .cart-summary-products {
        padding: 1rem; } }
    .page-onepagecheckout .cart-summary-products .toggle-area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-bottom: 1rem; }
    .page-onepagecheckout .cart-summary-products .cart-items-count {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .page-onepagecheckout .cart-summary-products .cart-items-count i {
        color: #9E9E9E; }
  .page-onepagecheckout #cart-summary-product-list {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 0.5rem; }
    @media (max-width: 991px) {
      .page-onepagecheckout #cart-summary-product-list {
        max-height: 100%; } }
    .page-onepagecheckout #cart-summary-product-list.collapsing {
      overflow-y: hidden; }
    .page-onepagecheckout #cart-summary-product-list::-webkit-scrollbar {
      width: 5px; }
    .page-onepagecheckout #cart-summary-product-list::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
    .page-onepagecheckout #cart-summary-product-list::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey; }
    .page-onepagecheckout #cart-summary-product-list img {
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      width: 100%;
      position: relative; }
    .page-onepagecheckout #cart-summary-product-list table {
      width: 100%; }
      @media (max-width: 543px) {
        .page-onepagecheckout #cart-summary-product-list table > td {
          padding: 0.5rem 0.25rem; } }
    .page-onepagecheckout #cart-summary-product-list .product-item > td:first-child {
      width: 90px;
      padding: 0.5rem 0; }
      .page-onepagecheckout #cart-summary-product-list .product-item > td:first-child a {
        position: relative;
        display: block;
        height: 100%; }
      .page-onepagecheckout #cart-summary-product-list .product-item > td:first-child .cart-products-count {
        position: absolute;
        top: -8px;
        right: -8px;
        font-size: 12px;
        background: #6a6a6a;
        border-radius: 50%;
        color: #fff;
        width: 18px;
        height: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .page-onepagecheckout #cart-summary-product-list .product-item > td:first-child .gift-badge {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #10318E;
        color: #fff;
        text-align: center;
        letter-spacing: .4px;
        font-size: .825rem;
        line-height: 1.2rem;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        text-transform: uppercase; }
    .page-onepagecheckout #cart-summary-product-list .product-item > td:last-child {
      padding-left: 1rem; }
    @media (min-width: 768px) {
      .page-onepagecheckout #cart-summary-product-list .product-item > td:first-child {
        width: 100px; }
      .page-onepagecheckout #cart-summary-product-list .product-item > td:last-child {
        width: auto; } }
    .page-onepagecheckout #cart-summary-product-list .product-details tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (min-width: 544px) {
        .page-onepagecheckout #cart-summary-product-list .product-details tr {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .page-onepagecheckout #cart-summary-product-list .product-details tr td {
            line-height: 125%;
            padding: 0; }
            .page-onepagecheckout #cart-summary-product-list .product-details tr td:first-child {
              width: 75%; }
            .page-onepagecheckout #cart-summary-product-list .product-details tr td:nth-child(2) {
              width: 25%; } }
      @media (max-width: 543px) {
        .page-onepagecheckout #cart-summary-product-list .product-details tr td:nth-child(2) {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
        .page-onepagecheckout #cart-summary-product-list .product-details tr .strikethrough-price {
          color: #ec7d69 !important;
          margin-right: 0.2rem;
          font-size: 1rem; } }
    .page-onepagecheckout #cart-summary-product-list .product-details td .product-name {
      display: block;
      font-weight: 400;
      color: #333333; }
    .page-onepagecheckout #cart-summary-product-list .product-details td .product-attribute {
      font-size: 0.9rem;
      color: #969696; }
    .page-onepagecheckout #cart-summary-product-list .product-details td .packitems {
      display: block;
      line-height: 1rem; }
    .page-onepagecheckout #cart-summary-product-list .product-details td .product-quantity {
      font-size: 14px; }
    .page-onepagecheckout #cart-summary-product-list .product-details td .product-price {
      font-weight: 400;
      color: #000000; }
      @media (min-width: 544px) {
        .page-onepagecheckout #cart-summary-product-list .product-details td .product-price {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
    .page-onepagecheckout #cart-summary-product-list .product-details td .strikethrough-price {
      font-size: 90%;
      text-decoration: line-through;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .page-onepagecheckout .block-promo {
    padding: 1rem 1.5rem; }
    @media (max-width: 543px) {
      .page-onepagecheckout .block-promo {
        padding: 1rem; } }
    .page-onepagecheckout .block-promo .voucher-list {
      margin: 0; }
    .page-onepagecheckout .block-promo .discount-line {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0; }
      .page-onepagecheckout .block-promo .discount-line a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .page-onepagecheckout .block-promo .discount-line a.gift {
          opacity: 0;
          pointer-events: none; }
      .page-onepagecheckout .block-promo .discount-line .label {
        font-weight: bold; }
      .page-onepagecheckout .block-promo .discount-line .material-icons {
        font-size: 1rem;
        margin-left: 0;
        margin-right: 0.5rem; }
    .page-onepagecheckout .block-promo .promo-label {
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase;
      color: #6A6A6A;
      margin-bottom: 0.25rem; }
    .page-onepagecheckout .block-promo .promo-code {
      padding: 0;
      margin-bottom: 0.5rem; }
      .page-onepagecheckout .block-promo .promo-code .promo-code-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        border-radius: 3px; }
      .page-onepagecheckout .block-promo .promo-code .promo-input {
        font-weight: 300;
        border-radius: 3px 0 0 3px;
        border: 1px solid #DDE3E8;
        outline: 0; }
        .page-onepagecheckout .block-promo .promo-code .promo-input:focus + .btn,
        .page-onepagecheckout .block-promo .promo-code .promo-input.not-empty + .btn {
          background-color: #10318E;
          color: #ffffff; }
      .page-onepagecheckout .block-promo .promo-code input.promo-input::-webkit-input-placeholder {
        color: #E0E0E0; }
      .page-onepagecheckout .block-promo .promo-code input.promo-input:-ms-input-placeholder {
        color: #E0E0E0; }
      .page-onepagecheckout .block-promo .promo-code input.promo-input::placeholder {
        color: #E0E0E0; }
      .page-onepagecheckout .block-promo .promo-code .btn {
        font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
        border-radius: 0 4px 4px 0;
        background-color: #CCCCCC;
        width: 25%;
        color: #fff;
        padding: 0.5rem; }
        .page-onepagecheckout .block-promo .promo-code .btn.loading .load-spin {
          width: 20px;
          height: 20px; }
    .page-onepagecheckout .block-promo .alert-danger {
      display: none;
      background-color: #ff4c4c;
      border-color: #ff4c4c;
      border-radius: 3px;
      margin-top: 0.75rem;
      margin-bottom: 0;
      padding: 0.5rem;
      font-size: 14px;
      color: white; }
      .page-onepagecheckout .block-promo .alert-danger i {
        font-size: 14px;
        margin-right: 0.5rem; }
      .page-onepagecheckout .block-promo .alert-danger:after {
        display: none; }
      .page-onepagecheckout .block-promo .alert-danger .cart-refresh {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0.25rem;
        margin-top: 0.25rem;
        border-top: 1px dotted;
        width: 100%; }
        .page-onepagecheckout .block-promo .alert-danger .cart-refresh a {
          color: white; }
    .page-onepagecheckout .block-promo .load-spin {
      width: 20px !important;
      height: 20px !important; }
  .page-onepagecheckout .cart-summary-subtotals {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    @media (max-width: 543px) {
      .page-onepagecheckout .cart-summary-subtotals {
        padding-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem; } }
    .page-onepagecheckout .cart-summary-subtotals .cart-summary-line:not(:last-of-type) {
      margin-bottom: 0.5rem; }
    .page-onepagecheckout .cart-summary-subtotals .label {
      color: #6A6A6A; }
    .page-onepagecheckout .cart-summary-subtotals .value {
      font-weight: 400; }
  .page-onepagecheckout .cart-summary-totals {
    padding: 1.5rem; }
    @media (max-width: 543px) {
      .page-onepagecheckout .cart-summary-totals {
        padding: 1rem; } }
    .page-onepagecheckout .cart-summary-totals .cart-total {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .page-onepagecheckout .cart-summary-totals .major {
      display: block;
      font-weight: 700;
      font-size: 18px; }
    .page-onepagecheckout .cart-summary-totals .minor {
      display: block;
      font-size: 14px;
      font-weight: 300;
      color: #6A6A6A; }
    .page-onepagecheckout .cart-summary-totals .value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .page-onepagecheckout .cart-summary-totals .currency {
      padding-right: 0.5rem;
      font-size: 14px; }
    .page-onepagecheckout .cart-summary-totals .total {
      color: #000000;
      font-weight: bold;
      font-size: 1.5rem; }
  .page-onepagecheckout #payment-confirmation button {
    height: 60px;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    padding: 0.9375rem 2.25rem;
    font-size: 18px; }
  .page-onepagecheckout .secure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1rem;
    padding-bottom: 1rem;
    color: #333333;
    font-size: 14px; }
    .page-onepagecheckout .secure i {
      font-size: 1rem; }
  .page-onepagecheckout .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden; }
  .page-onepagecheckout .themodal-overlay {
    z-index: 1000; }
  @media screen and (min-width: 1200px) and (max-width: 1500px) {
    .page-onepagecheckout .form-field-group.has-error .help-block[data-key="UNS"] {
      top: unset;
      margin-top: -3px; } }
  .page-onepagecheckout.lang-ja .delivery-type .option-title {
    font-weight: 700; }
  .page-onepagecheckout.lang-ja .ui-datepicker .ui-datepicker-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .page-onepagecheckout.all-virtual .cart-summary-products + hr,
  .page-onepagecheckout.all-virtual #cart-subtotal-shipping,
  .page-onepagecheckout.all-virtual .payment-options .finance-options {
    display: none; }
  .page-onepagecheckout .overlay.overlay-unavailable,
  .page-onepagecheckout .overlay.overlay-general,
  .page-onepagecheckout .overlay.overlay-state-level-block {
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    display: none; }
    .page-onepagecheckout .overlay.overlay-unavailable.overlay-state-level-block .popup,
    .page-onepagecheckout .overlay.overlay-general.overlay-state-level-block .popup,
    .page-onepagecheckout .overlay.overlay-state-level-block.overlay-state-level-block .popup {
      width: 500px;
      max-width: 95vw; }
      .page-onepagecheckout .overlay.overlay-unavailable.overlay-state-level-block .popup .popup-top,
      .page-onepagecheckout .overlay.overlay-general.overlay-state-level-block .popup .popup-top,
      .page-onepagecheckout .overlay.overlay-state-level-block.overlay-state-level-block .popup .popup-top {
        position: relative;
        height: 150px; }
        .page-onepagecheckout .overlay.overlay-unavailable.overlay-state-level-block .popup .popup-top img,
        .page-onepagecheckout .overlay.overlay-general.overlay-state-level-block .popup .popup-top img,
        .page-onepagecheckout .overlay.overlay-state-level-block.overlay-state-level-block .popup .popup-top img {
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          border-radius: 10px 10px 0 0; }
        .page-onepagecheckout .overlay.overlay-unavailable.overlay-state-level-block .popup .popup-top .title,
        .page-onepagecheckout .overlay.overlay-general.overlay-state-level-block .popup .popup-top .title,
        .page-onepagecheckout .overlay.overlay-state-level-block.overlay-state-level-block .popup .popup-top .title {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          margin-top: 0;
          width: 100%; }
      .page-onepagecheckout .overlay.overlay-unavailable.overlay-state-level-block .popup .back-to-product-page a,
      .page-onepagecheckout .overlay.overlay-general.overlay-state-level-block .popup .back-to-product-page a,
      .page-onepagecheckout .overlay.overlay-state-level-block.overlay-state-level-block .popup .back-to-product-page a {
        text-decoration: underline; }
    .page-onepagecheckout .overlay.overlay-unavailable.overlay-unavailable .popup,
    .page-onepagecheckout .overlay.overlay-general.overlay-unavailable .popup,
    .page-onepagecheckout .overlay.overlay-state-level-block.overlay-unavailable .popup {
      width: 426px; }
    .page-onepagecheckout .overlay.overlay-unavailable.overlay-general .popup,
    .page-onepagecheckout .overlay.overlay-general.overlay-general .popup,
    .page-onepagecheckout .overlay.overlay-state-level-block.overlay-general .popup {
      width: 600px;
      overflow: hidden; }
      .page-onepagecheckout .overlay.overlay-unavailable.overlay-general .popup .header,
      .page-onepagecheckout .overlay.overlay-general.overlay-general .popup .header,
      .page-onepagecheckout .overlay.overlay-state-level-block.overlay-general .popup .header {
        background-color: #10318E;
        position: relative;
        padding-top: 3rem;
        z-index: 0; }
        .page-onepagecheckout .overlay.overlay-unavailable.overlay-general .popup .header:after,
        .page-onepagecheckout .overlay.overlay-general.overlay-general .popup .header:after,
        .page-onepagecheckout .overlay.overlay-state-level-block.overlay-general .popup .header:after {
          content: "";
          display: block;
          width: 100%;
          padding-bottom: 2rem;
          background-image: url(/img/checkout/wave-popup-bg.svg);
          background-position: bottom;
          position: absolute;
          top: 99%; }
        .page-onepagecheckout .overlay.overlay-unavailable.overlay-general .popup .header .title,
        .page-onepagecheckout .overlay.overlay-general.overlay-general .popup .header .title,
        .page-onepagecheckout .overlay.overlay-state-level-block.overlay-general .popup .header .title {
          color: #fff;
          font-weight: 400;
          margin-bottom: 0; }
      .page-onepagecheckout .overlay.overlay-unavailable.overlay-general .popup .content,
      .page-onepagecheckout .overlay.overlay-general.overlay-general .popup .content,
      .page-onepagecheckout .overlay.overlay-state-level-block.overlay-general .popup .content {
        background-color: #f2f5fb;
        color: #10318E;
        text-align: center; }
        .page-onepagecheckout .overlay.overlay-unavailable.overlay-general .popup .content .content-inner,
        .page-onepagecheckout .overlay.overlay-general.overlay-general .popup .content .content-inner,
        .page-onepagecheckout .overlay.overlay-state-level-block.overlay-general .popup .content .content-inner {
          width: 509px;
          max-width: 100%;
          margin: auto;
          padding: 1rem; }
          .page-onepagecheckout .overlay.overlay-unavailable.overlay-general .popup .content .content-inner p,
          .page-onepagecheckout .overlay.overlay-general.overlay-general .popup .content .content-inner p,
          .page-onepagecheckout .overlay.overlay-state-level-block.overlay-general .popup .content .content-inner p {
            color: #10318E;
            margin-bottom: 1rem; }
          .page-onepagecheckout .overlay.overlay-unavailable.overlay-general .popup .content .content-inner .btn,
          .page-onepagecheckout .overlay.overlay-general.overlay-general .popup .content .content-inner .btn,
          .page-onepagecheckout .overlay.overlay-state-level-block.overlay-general .popup .content .content-inner .btn {
            width: auto;
            padding: 0 2.5rem; }
    .page-onepagecheckout .overlay.overlay-unavailable .popup,
    .page-onepagecheckout .overlay.overlay-general .popup,
    .page-onepagecheckout .overlay.overlay-state-level-block .popup {
      max-width: 95%;
      position: absolute;
      z-index: 10000;
      top: 50%;
      left: 50%;
      background: white;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: 10px;
      text-align: center; }
      .page-onepagecheckout .overlay.overlay-unavailable .popup .bg,
      .page-onepagecheckout .overlay.overlay-general .popup .bg,
      .page-onepagecheckout .overlay.overlay-state-level-block .popup .bg {
        margin-top: -1px; }
      .page-onepagecheckout .overlay.overlay-unavailable .popup .cloud,
      .page-onepagecheckout .overlay.overlay-general .popup .cloud,
      .page-onepagecheckout .overlay.overlay-state-level-block .popup .cloud {
        position: absolute;
        top: 59px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        @media (max-width: 445px) {
          .page-onepagecheckout .overlay.overlay-unavailable .popup .cloud,
          .page-onepagecheckout .overlay.overlay-general .popup .cloud,
          .page-onepagecheckout .overlay.overlay-state-level-block .popup .cloud {
            top: 40px; } }
      .page-onepagecheckout .overlay.overlay-unavailable .popup .title,
      .page-onepagecheckout .overlay.overlay-general .popup .title,
      .page-onepagecheckout .overlay.overlay-state-level-block .popup .title {
        text-align: center;
        margin-top: 22px;
        line-height: 38.04px;
        font-size: 30px; }
      .page-onepagecheckout .overlay.overlay-unavailable .popup .close,
      .page-onepagecheckout .overlay.overlay-general .popup .close,
      .page-onepagecheckout .overlay.overlay-state-level-block .popup .close {
        position: absolute;
        top: 9px;
        right: 11px;
        width: 36px;
        height: 36px;
        cursor: pointer;
        opacity: 1;
        display: block;
        z-index: 1; }
        .page-onepagecheckout .overlay.overlay-unavailable .popup .close::before, .page-onepagecheckout .overlay.overlay-unavailable .popup .close::after,
        .page-onepagecheckout .overlay.overlay-general .popup .close::before,
        .page-onepagecheckout .overlay.overlay-general .popup .close::after,
        .page-onepagecheckout .overlay.overlay-state-level-block .popup .close::before,
        .page-onepagecheckout .overlay.overlay-state-level-block .popup .close::after {
          content: "";
          width: 2px;
          height: 31px;
          position: absolute;
          top: 3px;
          right: 16px;
          background-color: #fff;
          display: block;
          border-radius: 22px; }
        .page-onepagecheckout .overlay.overlay-unavailable .popup .close::before,
        .page-onepagecheckout .overlay.overlay-general .popup .close::before,
        .page-onepagecheckout .overlay.overlay-state-level-block .popup .close::before {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .page-onepagecheckout .overlay.overlay-unavailable .popup .close::after,
        .page-onepagecheckout .overlay.overlay-general .popup .close::after,
        .page-onepagecheckout .overlay.overlay-state-level-block .popup .close::after {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
      .page-onepagecheckout .overlay.overlay-unavailable .popup .text,
      .page-onepagecheckout .overlay.overlay-general .popup .text,
      .page-onepagecheckout .overlay.overlay-state-level-block .popup .text {
        text-align: center;
        font-size: 16px;
        line-height: 22.96px;
        font-weight: 400;
        color: #6A6A6A;
        margin: 2rem 0; }
        @media (max-width: 445px) {
          .page-onepagecheckout .overlay.overlay-unavailable .popup .text,
          .page-onepagecheckout .overlay.overlay-general .popup .text,
          .page-onepagecheckout .overlay.overlay-state-level-block .popup .text {
            font-size: 14px; } }
        .page-onepagecheckout .overlay.overlay-unavailable .popup .text-en,
        .page-onepagecheckout .overlay.overlay-general .popup .text-en,
        .page-onepagecheckout .overlay.overlay-state-level-block .popup .text-en {
          padding: 0 51px; }
          @media (max-width: 445px) {
            .page-onepagecheckout .overlay.overlay-unavailable .popup .text-en,
            .page-onepagecheckout .overlay.overlay-general .popup .text-en,
            .page-onepagecheckout .overlay.overlay-state-level-block .popup .text-en {
              padding: 0 30px; } }
        .page-onepagecheckout .overlay.overlay-unavailable .popup .text-hk,
        .page-onepagecheckout .overlay.overlay-general .popup .text-hk,
        .page-onepagecheckout .overlay.overlay-state-level-block .popup .text-hk {
          padding: 0 48px; }
          @media (max-width: 445px) {
            .page-onepagecheckout .overlay.overlay-unavailable .popup .text-hk,
            .page-onepagecheckout .overlay.overlay-general .popup .text-hk,
            .page-onepagecheckout .overlay.overlay-state-level-block .popup .text-hk {
              padding: 0 25px; } }
      .page-onepagecheckout .overlay.overlay-unavailable .popup .button-group,
      .page-onepagecheckout .overlay.overlay-general .popup .button-group,
      .page-onepagecheckout .overlay.overlay-state-level-block .popup .button-group {
        padding: 0 1.5rem 1.5rem; }
      .page-onepagecheckout .overlay.overlay-unavailable .popup .btn,
      .page-onepagecheckout .overlay.overlay-general .popup .btn,
      .page-onepagecheckout .overlay.overlay-state-level-block .popup .btn {
        width: 100%;
        min-height: 44px;
        margin-bottom: .5rem;
        padding-left: 1rem;
        padding-right: 1rem; }

.finance-options {
  cursor: pointer; }
  .finance-options label .heading {
    color: #333;
    font-weight: bold; }
  .finance-options .icons-disclaimer {
    margin-bottom: 0.75rem;
    margin-left: 3rem;
    margin-right: 0.85rem; }
  .finance-options .options-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: .5rem; }
    .finance-options .options-icons .option-icon {
      max-width: 120px;
      margin-right: 1rem; }
      @media (max-width: 543px) {
        .finance-options .options-icons .option-icon {
          margin-bottom: .25rem;
          margin-right: 0.5rem; }
          .finance-options .options-icons .option-icon img {
            max-height: 20px; } }
      .finance-options .options-icons .option-icon img {
        height: 25px; }
  .finance-options .disclaimer {
    text-align: left;
    font-size: 90%;
    color: #003b71; }

/* Google Address Autocomplete */
.pac-container {
  border-radius: 4px !important;
  font-family: 'Open Sans', sans-serif; }

.pac-icon {
  display: none; }

.pac-item {
  padding: 0.3rem 0.5rem !important;
  font-size: 0.8rem !important; }

.pac-item-query {
  font-size: 0.8rem; }

.pac-logo:after {
  background-position: 3% 50%;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.02); }

.address-display {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  background-color: #FFF;
  border: 1px solid #DDE3E8;
  border-radius: 3px;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  color: #000000;
  cursor: pointer; }

/* AU & NZ finance-options */
.payment-options .finance-options {
  display: block; }

.payment-options > .option-wrapper[data-module-name="afterpay"],
.payment-options > .option-wrapper[data-module-name="afterpayofficial"],
.payment-options > .option-wrapper[data-module-name="zipmoneypayment"],
.payment-options > .option-wrapper[data-module-name="limepay"],
.payment-options > .option-wrapper[data-module-name="paypal_bnpl"],
.payment-options > .option-wrapper[data-module-name="partpay"],
.payment-options > .option-wrapper[data-module-name="hummprestashop"],
.payment-options > .option-wrapper[data-module-name="krggemfinance"],
.payment-options > .option-wrapper[data-module-name="klarnapaymentsofficial"] {
  display: none; }

/* JP checkout page */
/* 425 */
@media (max-width: 543px) {
  body.lang-ja.page-onepagecheckout .payment-options.options .option-row label {
    font-size: .8rem; } }

/* afterpay specific */
.option-wrapper[data-module-name="afterpay"] .js-additional-information {
  background: #ffffff; }

.afterpay-modal-image {
  display: none; }

@media (min-width: 544px) {
  #afterpaypayovertime-method .payment-method-note li,
  #afterpaypayovertime-method .instalment-footer {
    font-size: 0.9rem !important;
    color: #666; } }

#afterpaypayovertime-method .instalment-footer a {
  font-size: 13px; }

#afterpaypayovertime-method .afterpay-circle-none {
  height: 40px;
  width: 40px;
  background-color: #00000000;
  border-radius: 50%;
  display: inline-block;
  position: relative; }

#afterpaypayovertime-method .afterpay-quarter-t-l {
  width: 20px;
  height: 20px;
  background: #b2fce4;
  border-radius: 100px 0 0 0;
  -moz-border-radius: 100px 0 0 0;
  -webkit-border-radius: 100px 0 0 0;
  position: absolute;
  right: 20px; }
  #afterpaypayovertime-method .afterpay-quarter-t-l-black {
    width: 20px;
    height: 20px;
    background: #000000;
    border-radius: 100px 0 0 0;
    -moz-border-radius: 100px 0 0 0;
    -webkit-border-radius: 100px 0 0 0;
    position: absolute;
    right: 20px; }

#afterpaypayovertime-method .afterpay-quarter-t-r {
  width: 20px;
  height: 20px;
  background: #b2fce4;
  border-radius: 0 100px 0 0;
  -moz-border-radius: 0 100px 0 0;
  -webkit-border-radius: 0 100px 0 0;
  position: absolute;
  top: 0px; }
  #afterpaypayovertime-method .afterpay-quarter-t-r-black {
    width: 20px;
    height: 20px;
    background: #000000;
    border-radius: 0 100px 0 0;
    -moz-border-radius: 0 100px 0 0;
    -webkit-border-radius: 0 100px 0 0;
    position: absolute;
    top: 0px; }

#afterpaypayovertime-method .afterpay-quarter-b-r {
  width: 20px;
  height: 20px;
  background: #b2fce4;
  border-radius: 0 0 100px 0;
  -moz-border-radius: 0 0 100px 0;
  -webkit-border-radius: 0 0 100px 0;
  position: absolute;
  top: 20px; }
  #afterpaypayovertime-method .afterpay-quarter-b-r-black {
    width: 20px;
    height: 20px;
    background: #000000;
    border-radius: 0 0 100px 0;
    -moz-border-radius: 0 0 100px 0;
    -webkit-border-radius: 0 0 100px 0;
    position: absolute;
    top: 20px; }

#afterpaypayovertime-method .afterpay-quarter-b-l {
  width: 20px;
  height: 20px;
  background: #b2fce4;
  border-radius: 0 0 0 100px;
  -moz-border-radius: 0 0 0 100px;
  -webkit-border-radius: 0 0 0 100px;
  position: absolute;
  top: 20px;
  right: 20px; }
  #afterpaypayovertime-method .afterpay-quarter-b-l-black {
    width: 20px;
    height: 20px;
    background: #000000;
    border-radius: 0 0 0 100px;
    -moz-border-radius: 0 0 0 100px;
    -webkit-border-radius: 0 0 0 100px;
    position: absolute;
    top: 20px;
    right: 20px; }

#afterpaypayovertime-method .afterpay-circle {
  height: 40px;
  width: 40px;
  background-color: #b2fce4;
  border-radius: 50%;
  display: inline-block;
  position: relative; }

#afterpaypayovertime-method #afterpaypayovertime-para {
  font-size: 12px;
  text-align: center;
  padding: 0 1.7rem; }

/* Limepay specific */
.option-wrapper[data-module-name="limepay"] .js-additional-information {
  padding: 0; }

.option-wrapper[data-module-name="limepay"] .option-logo {
  height: 20px; }

.finance-options .options-icons .option-icon img[data-name="limepay"] {
  width: 100%;
  height: 100%; }

#limepay-wrapper .alert-danger {
  margin-bottom: 0 !important;
  padding: 0.5rem 1rem;
  padding-right: 1.5rem;
  border-radius: 4px; }

#limepay-checkout-placeholder {
  background-color: #F3F3F3 !important; }

.onepage-checkout-container {
  /* Outlined Input / Select field */
  /*  Confirmation Button Google & Applepay */ }
  .onepage-checkout-container .desc-paywithgoogle span,
  .onepage-checkout-container .desc-applepay span {
    color: #003B71;
    font-size: 14px; }
  .onepage-checkout-container .help-block li {
    position: absolute; }
    .onepage-checkout-container .help-block li:not(:first-of-type) {
      display: none; }
  .onepage-checkout-container .no-po-box {
    line-height: 1;
    padding: 5px 5px 0;
    width: 100%;
    font-size: 14px;
    letter-spacing: 1px; }
  .onepage-checkout-container .billing-address-option-addition .outlined_field label[for="firstname"],
  .onepage-checkout-container .billing-address-option-addition .outlined_field label[for="lastname"],
  .onepage-checkout-container .billing-address-option-addition .outlined_field label[for="address1"] {
    left: 0; }
  .onepage-checkout-container .outlined_field, .onepage-checkout-container .outlined_select_field {
    position: relative;
    font-size: 18px; }
  .onepage-checkout-container #paywithgoogle-container button {
    font-size: 18px;
    border-radius: 0; }
  .onepage-checkout-container #js-address-delivery .logged-in-customer-wrapper {
    text-align: center; }

/* Express Checkout */
.onepage-checkout-container.express.test16_v1 .express-checkout-container {
  display: block; }

.onepage-checkout-container.express.test16_v1 #onepage-checkout-address-delivery .login-link {
  display: none; }

.express-checkout-container {
  display: none;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  .express-checkout-container .login-link {
    text-align: left; }
  .express-checkout-container .error-container {
    display: none;
    border-radius: 4px;
    font-size: 90%;
    padding: 0.75rem 0.5rem; }
  .express-checkout-container .express-wrapper {
    position: relative;
    margin-top: 2rem;
    padding: 1.5rem 1rem 1.25rem 1rem;
    border: 1px solid #D9D9D9;
    border-radius: 4px; }
  .express-checkout-container .express-header {
    position: absolute;
    top: -10%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    padding: 0 1rem;
    width: auto;
    min-width: 200px;
    text-align: center;
    background: #FAFAFA; }
    .express-checkout-container .express-header h4 {
      margin-bottom: 0; }
  .express-checkout-container .express-desc h5 {
    text-align: center;
    margin-bottom: 0.5rem; }
  .express-checkout-container .express-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .express-checkout-container .express-buttons .button-wrapper {
      height: 100%;
      min-height: 48px; }
    .express-checkout-container .express-buttons .button-wrapper button {
      width: 100% !important;
      height: 48px; }
  .express-checkout-container .express-button {
    display: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0.25rem; }
  .express-checkout-container .hr-text {
    opacity: 1; }
    .express-checkout-container .hr-text::before {
      background: #D9D9D9; }
    .express-checkout-container .hr-text::after {
      color: #003b71;
      background-color: #FAFAFA; }

/* CRO Test 10 New codes */
.checkout-flex-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1600px;
  margin: 0 auto; }
  @media (max-width: 1199px) {
    .checkout-flex-layout {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      /* not to swapping order-review position in mobile @charge shipment cost task @221114 */
      /*.left-column {
			order: 2;
		}
		.right-column {
			order: 1;
		}
		*/ } }
  .checkout-flex-layout .checkout-column {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1199px) {
      .checkout-flex-layout .checkout-column {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .checkout-flex-layout .checkout-column .checkout-section {
      padding: 0 1rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }

@media (min-width: 768px) and (max-width: 1199px) {
  .checkout-flex-layout .checkout-column .checkout-section {
    max-width: 740px;
    min-width: 740px; } }
      @media (max-width: 991px) {
        .checkout-flex-layout .checkout-column .checkout-section {
          width: 100%; } }
      .checkout-flex-layout .checkout-column .checkout-section.order-review {
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0; }
    .checkout-flex-layout .checkout-column .confirm-button-container {
      padding-bottom: 4rem; }
  @media (min-width: 1200px) {
    .checkout-flex-layout .left-column {
      width: 66.66%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media (min-width: 1200px) {
    .checkout-flex-layout .right-column {
      width: 33.33%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .checkout-flex-layout .mobile {
    display: none; }

body.new-theme {
  /* .arrival-other-group .other-product .product-desc {
		font-size: 14px;
	} */ }
  body.new-theme .checkout-flex-layout .right-column:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    background: #F2F5FB; }
    @media (max-width: 1199px) {
      body.new-theme .checkout-flex-layout .right-column:after {
        background: transparent; } }
  @media (max-width: 1199px) {
    body.new-theme .checkout-flex-layout .right-column {
      background: #F2F5FB;
      margin-bottom: 1rem; } }
  body.new-theme .section-header .header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    body.new-theme .section-header .header-title > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
    body.new-theme .section-header .header-title .arrow-icon {
      width: 22px;
      height: 22px; }
      body.new-theme .section-header .header-title .arrow-icon:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.1001L8 10.9001L14 6.1001' stroke='%23003C71' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); }
  body.new-theme .section-header .collapse-title {
    font-weight: normal;
    margin-bottom: 0;
    padding-right: 1rem; }
  body.new-theme .section-header .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    body.new-theme .section-header .value .currency {
      padding-right: 0.5rem;
      font-size: 14px; }
    body.new-theme .section-header .value .total {
      font-size: 18px;
      color: black;
      font-weight: bold; }
  @media (max-width: 1199px) {
    body.new-theme .section-header {
      position: relative;
      padding: 1rem 0; }
      body.new-theme .section-header[aria-expanded="true"] .before-expand {
        display: none; }
      body.new-theme .section-header[aria-expanded="true"] .after-expand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        body.new-theme .section-header[aria-expanded="true"] .after-expand .arrow-icon:after {
          background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10.9L8 6.10001L2 10.9' stroke='%23003C71' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); }
      body.new-theme .section-header .after-expand {
        display: none; } }
  body.new-theme .card-block.disabled:not(.loading) {
    opacity: 0.5; }
  body.new-theme .marketing-optin-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  body.new-theme .delivery-type {
    padding: 0.75rem; }
  body.new-theme .delivery-type-header {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    width: 100%;
    color: #10318E; }
  body.new-theme .estimate-timeframe {
    padding: 0 0.75rem 0.75rem 0.75rem; }
    body.new-theme .estimate-timeframe .date-range-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.5rem 0.75rem;
      background-color: #F8F8FA;
      border-radius: 3px;
      font-size: 15px; }
      body.new-theme .estimate-timeframe .date-range-wrapper .date-range {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        font-weight: normal;
        color: #10318E; }
      body.new-theme .estimate-timeframe .date-range-wrapper .date-range-change {
        margin-left: 0.5rem; }
        body.new-theme .estimate-timeframe .date-range-wrapper .date-range-change .change-btn {
          color: #10318E;
          font-weight: bold;
          cursor: pointer;
          text-decoration: underline; }
    body.new-theme .estimate-timeframe .option-description {
      font-size: 14px;
      margin-top: 0.5rem; }
  body.new-theme .delay-note,
  body.new-theme .blocked-note {
    padding: 0.5rem 0.75rem;
    background-color: #F2F5FB;
    border-radius: 3px;
    font-size: 15px; }
    body.new-theme .delay-note .blocked-products div,
    body.new-theme .blocked-note .blocked-products div {
      margin: 0 0 .2rem; }
    body.new-theme .delay-note .blocked-delivery,
    body.new-theme .blocked-note .blocked-delivery {
      margin: .3rem 0; }
  body.new-theme .change-datepicker-label {
    font-size: 14px;
    margin-bottom: 0.5rem;
    margin-left: auto;
    margin-right: auto; }
  body.new-theme .change-datepicker-wrapper {
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: 0.5rem;
    margin: 0 auto; }
  body.new-theme #arrival_date_selector > .form-field-group {
    margin-top: 0;
    margin-bottom: 0; }
  body.new-theme #arrival_date_selector .arrival_timeslot .options {
    border: none;
    box-shadow: none; }
  body.new-theme #arrival_date_selector .arrival_timeslot .option-row {
    border: none;
    padding: 0.5rem 0; }
  body.new-theme #arrival_date_selector .custom-radio-wrap,
  body.new-theme #arrival_date_selector .arrival-timeslots-wrapper {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0; }
  body.new-theme .delivery-body {
    padding: 0 0.75rem 0.75rem 0.75rem; }
  @media (max-width: 1199px) {
    body.new-theme .desktop {
      display: none !important; }
    body.new-theme .mobile {
      display: block !important; }
    body.new-theme #onepage-checkout-summary {
      margin-bottom: 0; }
      body.new-theme #onepage-checkout-summary .card-block {
        margin-bottom: 2rem; } }

.page-orderupdate .order-update-sections .section-header {
  display: none; }

#outside-delivery-option {
  display: none;
  background-color: #fff;
  border: 1px solid #DDE3E8;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  margin-bottom: 28pt; }
  #outside-delivery-option .context-box {
    padding: 0 0.75rem 0.75rem 0.75rem; }
    #outside-delivery-option .context-box .message-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.5rem 0.75rem;
      background-color: #F2F5FB;
      border-radius: 3px;
      font-size: 15px; }
      #outside-delivery-option .context-box .message-wrapper .message-content .content {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        font-weight: normal;
        color: #E96951; }
    #outside-delivery-option .context-box .description-wrapper {
      font-size: 14px;
      margin-top: 0.5rem; }
      #outside-delivery-option .context-box .description-wrapper .content a {
        color: #10318E;
        text-decoration: underline; }

.collection-tooltip,
.source-shipment-cost-tooltip,
.shipment-cost-tooltip {
  display: inline-block;
  text-transform: none !important;
  white-space: unset !important; }
  .collection-tooltip .div-tooltip,
  .source-shipment-cost-tooltip .div-tooltip,
  .shipment-cost-tooltip .div-tooltip {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: bottom;
    text-transform: none;
    white-space: unset;
    margin: 0 2pt; }
    .collection-tooltip .div-tooltip:hover .div-tooltiptext,
    .source-shipment-cost-tooltip .div-tooltip:hover .div-tooltiptext,
    .shipment-cost-tooltip .div-tooltip:hover .div-tooltiptext {
      display: block; }
    .collection-tooltip .div-tooltip .div-tooltiptext,
    .source-shipment-cost-tooltip .div-tooltip .div-tooltiptext,
    .shipment-cost-tooltip .div-tooltip .div-tooltiptext {
      display: none;
      width: 320px;
      background-color: #fff;
      color: #6A6A6A;
      padding: 1rem 1rem 0;
      text-align: center;
      border-radius: 6px;
      bottom: 100%;
      right: -250px;
      position: absolute;
      z-index: 9999;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); }
      .collection-tooltip .div-tooltip .div-tooltiptext h4,
      .source-shipment-cost-tooltip .div-tooltip .div-tooltiptext h4,
      .shipment-cost-tooltip .div-tooltip .div-tooltiptext h4 {
        text-align: left;
        font-weight: normal; }
      .collection-tooltip .div-tooltip .div-tooltiptext p,
      .source-shipment-cost-tooltip .div-tooltip .div-tooltiptext p,
      .shipment-cost-tooltip .div-tooltip .div-tooltiptext p {
        font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
        color: #10318E; }
      @media (max-width: 543px) {
        .collection-tooltip .div-tooltip .div-tooltiptext,
        .source-shipment-cost-tooltip .div-tooltip .div-tooltiptext,
        .shipment-cost-tooltip .div-tooltip .div-tooltiptext {
          max-width: 80vw; } }

@media (max-width: 543px) {
  #onepage-checkout-shipping .source-shipment-cost-tooltip .div-tooltiptext,
  #onepage-checkout-shipping .shipment-cost-tooltip .div-tooltiptext {
    right: -10vw !important;
    bottom: -280px !important; } }

.delivery-type .dispatch-title a {
  text-decoration: underline; }

.delivery-type .shipment-cost-tooltip .div-tooltip .div-tooltiptext {
  bottom: -210px;
  right: 20px; }

.blocked-overlay {
  pointer-events: none !important;
  position: relative; }
  .blocked-overlay:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(217, 217, 217, 0.6); }

#delivery-option-form.disabled .delivery-type .option-price {
  display: none; }

#delivery-option-form.disabled .date-selector {
  display: none !important; }

.sameday-options .options {
  border-radius: 0;
  border-bottom: none; }

.sameday-options.disabled {
  pointer-events: none; }
  .sameday-options.disabled .delivery-type .sameday-title, .sameday-options.disabled .delivery-type .carrier-price {
    color: #E0E0E0; }
  .sameday-options.disabled .delivery-type .custom-radio {
    border-color: #E0E0E0; }
  .sameday-options.disabled .date-range {
    color: #E0E0E0 !important; }

.nextday-cutoff-alert {
  font-size: 14px;
  margin-top: 0.5rem; }

.delivery-type .custom-radio-wrap label {
  margin-bottom: 0;
  margin-left: 0.5rem;
  color: #10318E;
  cursor: pointer; }

#cart-subtotal-discount .value {
  color: #478509; }

.page-onepagecheckout .block-promo .voucher-list [data-action="remove-voucher"] {
  color: #6A6A6A; }

.page-onepagecheckout .block-promo .voucher-list .discount-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }

.page-onepagecheckout .block-promo .voucher-list .label {
  color: #6A6A6A;
  font-weight: normal; }

.page-onepagecheckout .block-promo .voucher-list .value {
  color: #478509; }

.country-au#checkout .ui-datepicker-week-end:not(.ui-datepicker-unselectable):not(.ui-datepicker-current-day):not([title="surcharge-excluded"]) .ui-state-default, .country-au#orderupdate .ui-datepicker-week-end:not(.ui-datepicker-unselectable):not(.ui-datepicker-current-day):not([title="surcharge-excluded"]) .ui-state-default {
  background: #F5EFFE; }

.country-au#checkout .sat-delivery-surcharge .after-click, .country-au#orderupdate .sat-delivery-surcharge .after-click {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  color: #10318E;
  background-color: #F5EFFE;
  border-radius: 4px; }

.country-au#checkout #datepicker_arrival thead th.ui-datepicker-week-end:last-of-type, .country-au#orderupdate #datepicker_arrival thead th.ui-datepicker-week-end:last-of-type {
  position: relative; }

.country-au#checkout .ui-datepicker-week-end .surcharge, .country-au#orderupdate .ui-datepicker-week-end .surcharge {
  color: #6A6A6A;
  font-weight: normal;
  font-size: 10px;
  position: absolute;
  left: 20%;
  top: 55%; }

.page-orderupdate {
  background-color: #ffffff; }
  .page-orderupdate #_desktop_cart, .page-orderupdate #_mobile_cart {
    pointer-events: none; }
    .page-orderupdate #_desktop_cart .cart-products-count, .page-orderupdate #_mobile_cart .cart-products-count {
      display: none; }
  .page-orderupdate #content {
    max-width: 1140px; }
  .page-orderupdate.order-uneditable .site-main {
    background-color: #f2f5fb; }
    .page-orderupdate.order-uneditable .site-main #wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .page-orderupdate.order-uneditable .hero-header {
    padding: 4rem 1rem;
    z-index: 1;
    position: relative; }
    .page-orderupdate.order-uneditable .hero-header h3 {
      color: #6a6a6a;
      font-weight: 400;
      font-size: 25px;
      max-width: 920px; }
    .page-orderupdate.order-uneditable .hero-header img {
      margin: 3rem auto 2rem; }
  .page-orderupdate .hero-header {
    background-color: #f2f5fb;
    padding: 4rem 1rem 1rem; }
    .page-orderupdate .hero-header h1 {
      font-weight: 400; }
      @media (max-width: 767px) {
        .page-orderupdate .hero-header h1 {
          font-size: 1.5rem; } }
    .page-orderupdate .hero-header hr {
      max-width: 920px; }
    .page-orderupdate .hero-header .order-number {
      font-size: 1.325rem; }
      .page-orderupdate .hero-header .order-number .title {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        color: #10318E;
        padding-right: 0.5rem; }
  .page-orderupdate .order-update-validation {
    max-width: 400px;
    margin: auto;
    padding: 3rem 0; }
    .page-orderupdate .order-update-validation .card-block {
      background-color: #fff; }
    .page-orderupdate .order-update-validation .error-alert {
      margin-bottom: 0.9rem; }
  .page-orderupdate .order-update-sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left; }
    .page-orderupdate .order-update-sections .section-container {
      border-radius: 1rem;
      width: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      @media (max-width: 767px) {
        .page-orderupdate .order-update-sections .section-container {
          background-color: #fafafa;
          margin-top: 1.5rem;
          margin-bottom: 1.5rem;
          padding-top: 0.5rem; } }
      @media (min-width: 768px) {
        .page-orderupdate .order-update-sections .section-container .card-block {
          background: transparent; }
        .page-orderupdate .order-update-sections .section-container .delivery-address-block {
          padding-top: 0.75rem; }
        .page-orderupdate .order-update-sections .section-container .form-field-control:not(:placeholder-shown) + label {
          background: #fff; } }
    .page-orderupdate .order-update-sections .section {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      max-width: 600px;
      width: 100%; }
      @media (max-width: 767px) {
        .page-orderupdate .order-update-sections .section {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          padding: 0 1rem; } }
      .page-orderupdate .order-update-sections .section hr {
        display: none; }
      .page-orderupdate .order-update-sections .section.disabled {
        opacity: 0;
        visibility: hidden;
        pointer-events: none; }
    .page-orderupdate .order-update-sections .section.section-form {
      position: fixed;
      right: -1000vw;
      margin: 0.5rem 0;
      -ms-flex-item-align: start;
          -ms-grid-row-align: start;
          align-self: start;
      padding-top: 2rem; }
      .page-orderupdate .order-update-sections .section.section-form.active {
        position: static;
        right: auto; }
      .page-orderupdate .order-update-sections .section.section-form .card {
        margin-bottom: 1rem; }
      .page-orderupdate .order-update-sections .section.section-form h4 {
        display: none; }
      @media (max-width: 767px) {
        .page-orderupdate .order-update-sections .section.section-form {
          padding-top: 0;
          margin: 0; }
          .page-orderupdate .order-update-sections .section.section-form.section-delivery-date .section-content {
            padding-top: 1.5rem; }
          .page-orderupdate .order-update-sections .section.section-form h4 {
            display: block;
            text-align: left;
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            cursor: pointer;
            position: relative; }
            .page-orderupdate .order-update-sections .section.section-form h4:after {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6.2L11 1' stroke='%23003C71' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
              background-position: center;
              background-size: contain;
              background-repeat: no-repeat;
              content: '';
              display: block;
              position: absolute;
              right: 1rem;
              top: 0;
              bottom: 0;
              margin: auto;
              width: 14px;
              height: 10px;
              transition: .25s all; }
          .page-orderupdate .order-update-sections .section.section-form .section-content {
            max-height: 0;
            transition: .45s all;
            overflow: hidden;
            margin-left: -10px;
            margin-right: -10px; }
          .page-orderupdate .order-update-sections .section.section-form.uncollapsed h4:after {
            -webkit-transform: rotate(180deg);
                    transform: rotate(180deg); }
          .page-orderupdate .order-update-sections .section.section-form.uncollapsed .section-content {
            max-height: none; } }
    .page-orderupdate .order-update-sections .section.update-actions {
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      max-width: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
      .page-orderupdate .order-update-sections .section.update-actions .btn {
        margin: 0 0.5rem; }
        @media (max-width: 767px) {
          .page-orderupdate .order-update-sections .section.update-actions .btn.order-save {
            margin: 0;
            pointer-events: none;
            cursor: not-allowed;
            opacity: .55; }
            .page-orderupdate .order-update-sections .section.update-actions .btn.order-save.savable {
              opacity: 1;
              cursor: default;
              pointer-events: auto; } }
        @media (max-width: 543px) {
          .page-orderupdate .order-update-sections .section.update-actions .btn {
            margin-bottom: 1rem;
            width: 100%; } }
        .page-orderupdate .order-update-sections .section.update-actions .btn.btn-primary-outline {
          color: #10318E;
          background-color: #fff;
          border-color: #10318E; }
          .page-orderupdate .order-update-sections .section.update-actions .btn.btn-primary-outline:hover, .page-orderupdate .order-update-sections .section.update-actions .btn.btn-primary-outline:focus, .page-orderupdate .order-update-sections .section.update-actions .btn.btn-primary-outline:active, .page-orderupdate .order-update-sections .section.update-actions .btn.btn-primary-outline.active {
            color: #fff;
            background-color: #10318E; }
        @media (min-width: 544px) {
          .page-orderupdate .order-update-sections .section.update-actions .btn.order-save {
            width: auto !important; } }
    .page-orderupdate .order-update-sections .order-update-result {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: 500px;
      color: #10318E; }
    .page-orderupdate .order-update-sections .order-update-failed .show-error-message {
      width: 600px;
      margin-top: 50px;
      margin-bottom: 30px;
      font-size: 20px;
      color: #6A6A6A;
      text-align: center; }
      @media (max-width: 767px) {
        .page-orderupdate .order-update-sections .order-update-failed .show-error-message {
          width: 400px;
          margin-top: 42px;
          margin-bottom: 32px;
          font-size: 16px; } }
    .page-orderupdate .order-update-sections .order-update-failed svg {
      width: 159px;
      height: 159px; }
      @media (max-width: 767px) {
        .page-orderupdate .order-update-sections .order-update-failed svg {
          width: 130px;
          height: 130px; } }
    .page-orderupdate .order-update-sections .order-update-failed button {
      width: 296px; }
    .page-orderupdate .order-update-sections .delivery-address-block .form-fields .form-group.form-group-email, .page-orderupdate .order-update-sections .delivery-address-block .form-fields .form-group.form-group-newsletter, .page-orderupdate .order-update-sections .delivery-address-block .form-fields .form-group.form-group-sms, .page-orderupdate .order-update-sections .delivery-address-block .form-fields .form-group.form-group-firstname, .page-orderupdate .order-update-sections .delivery-address-block .form-fields .form-group.form-group-lastname {
      display: none; }
    @media (min-width: 768px) {
      .page-orderupdate .order-update-sections .delivery-address-block #js-address-delivery {
        margin-top: -1.5rem; } }
    .page-orderupdate .order-update-sections .delivery-options hr {
      display: block; }
  .page-orderupdate .alert-msg {
    padding: 0.5rem 0.8rem 0.5rem 2.2rem;
    border-radius: 3px;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    color: #6a6a6a; }
    .page-orderupdate .alert-msg:before {
      margin: 0.2rem 0.3rem -0.2rem -1.6rem;
      -ms-flex-item-align: start;
          align-self: flex-start;
      content: "";
      display: inline-block;
      background-size: cover;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px; }
    .page-orderupdate .alert-msg.info {
      background: #f2f5fb;
      border: 1px solid #10318E; }
      .page-orderupdate .alert-msg.info:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M0 8a8 8 0 1016 0A8 8 0 000 8z' fill='%23003C71'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.9 11.95a1.05 1.05 0 112.1 0 1.05 1.05 0 01-2.1 0zm1.669-8.82a.875.875 0 00-1.494.619v4.375a.875.875 0 001.75 0V3.749a.875.875 0 00-.256-.619z' fill='%23fff'/%3E%3C/svg%3E"); }
    .page-orderupdate .alert-msg.danger {
      color: #10318E;
      background: #f5cfc7;
      border: 1px solid #E96951; }
      .page-orderupdate .alert-msg.danger:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M-1.20797e-06 8C-1.59422e-06 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 6.4055e-07 8 2.54292e-07C3.58172 -1.31966e-07 -8.21708e-07 3.58172 -1.20797e-06 8Z' fill='%23E96951'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.9 11.95C6.9 11.3701 7.3701 10.9 7.95 10.9C8.5299 10.9 9 11.3701 9 11.95C9 12.5299 8.5299 13 7.95 13C7.3701 13 6.9 12.5299 6.9 11.95ZM8.5689 3.13005C8.40481 2.96595 8.18226 2.87378 7.9502 2.87378C7.71813 2.87378 7.49558 2.96595 7.33149 3.13005C7.1674 3.29414 7.0752 3.51671 7.0752 3.74878L7.0752 8.12378C7.0752 8.35584 7.1674 8.57839 7.33149 8.74248C7.49558 8.90658 7.71813 8.99878 7.9502 8.99878C8.18226 8.99878 8.40481 8.90658 8.5689 8.74249C8.733 8.57839 8.8252 8.35584 8.8252 8.12378L8.8252 3.74878C8.8252 3.51672 8.733 3.29414 8.5689 3.13005Z' fill='white'/%3E%3C/svg%3E"); }

#youtube-reviews {
  background: #555;
  overflow: hidden;
  /*  COLORS 
  ############################### */
  /* color of titles that appear below each thumbnail image in the playlist */
  /* color of playlist arrows */
  /* hover color of playlist arrows */
  /*  VIDEO CONTAINER
  ############################### */
  /*  VIDEOS PLAYLIST 
  ############################### */
  /*  ARROWS
  ############################### */ }
  #youtube-reviews .player-title h3 {
    color: #EAEAEA;
    text-transform: none;
    line-height: 40px; }
  #youtube-reviews .vid-item .desc {
    color: #616161; }
  #youtube-reviews .vid-item:hover .desc {
    color: #999;
    transition: .5s; }
  #youtube-reviews .current-vid {
    opacity: 1 !important;
    color: #999 !important;
    /* <-- color of title for currently selected video */ }
  #youtube-reviews .mlvp-arrow-left, #youtube-reviews .mlvp-arrow-right {
    color: #999; }
  #youtube-reviews .mlvp-arrow-left:hover, #youtube-reviews .mlvp-arrow-right:hover {
    color: #616161; }
  #youtube-reviews .player-container {
    max-width: 1000px; }
  #youtube-reviews .ui-body {
    border: none !important; }
  #youtube-reviews .ui-page-active {
    outline: none !important; }
  #youtube-reviews .mlvp-container {
    position: relative;
    padding-bottom: 52%;
    /* height: 0;  */
    min-height: 320px; }
    #youtube-reviews .mlvp-container iframe, #youtube-reviews .mlvp-container object, #youtube-reviews .mlvp-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #youtube-reviews .mlvp-list-container {
    /*width: 90%;*/
    overflow: hidden;
    margin-top: 16px;
    margin-left: 37px;
    margin-right: 38px;
    /* padding-bottom: 20px; */
    box-sizing: inherit; }
  #youtube-reviews .mlvp-list {
    /*width: 3192px;*/
    position: relative;
    top: 0;
    left: 0;
    box-sizing: inherit; }
  #youtube-reviews .vid-item {
    display: block;
    width: 148px;
    float: left;
    margin: 10px;
    padding: 0;
    box-sizing: inherit; }
  #youtube-reviews .thumb {
    overflow: hidden;
    height: 84px; }
  #youtube-reviews .thumb img {
    width: 100%;
    position: relative;
    top: -13px;
    opacity: 0.6; }
  #youtube-reviews .vid-item .desc {
    font-size: 15px;
    margin-top: 5px; }
  #youtube-reviews .vid-item:hover {
    /*background: #eee;*/
    cursor: pointer; }
  #youtube-reviews .vid-item:hover .thumb img {
    opacity: 1;
    transition: .5s; }
  #youtube-reviews .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #youtube-reviews .mlvp-arrows {
    position: relative;
    width: 100%;
    top: 52px; }
    #youtube-reviews .mlvp-arrows .icon {
      font-size: 2rem;
      font-weight: bold; }
  #youtube-reviews .mlvp-arrow-left {
    position: absolute;
    padding: 0;
    left: -25px;
    top: 0;
    z-index: 98;
    cursor: pointer; }
  #youtube-reviews .mlvp-arrow-right {
    position: absolute;
    padding: 0;
    right: -25px;
    top: 0;
    z-index: 99;
    cursor: pointer; }

@media (min-width: 768px) {
  #youtube-reviews .player-title h3 {
    text-align: left; }
  #youtube-reviews .player-container .clearfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #youtube-reviews .mlvp-container {
    padding-bottom: 37.5%; } }

.mattress-memory-foam .page-hero {
  position: relative;
  height: 85vh;
  min-height: 600px;
  max-height: 800px;
  padding-top: 0 !important;
  background: #E6E2DF;
  background-size: cover;
  background-position: 15%;
  background-image: linear-gradient(90deg, transparent 0, transparent 0, transparent 40%, #10318E 150%), url("https://ecosaau.imgix.net/img/mattress/mattress-in-a-box/perfect_sleep.jpg?auto=compress,format&ch=Width,DPR"); }
  .mattress-memory-foam .page-hero h2, .mattress-memory-foam .page-hero p {
    color: #fff;
    text-align: left; }
  .mattress-memory-foam .page-hero .hero-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    text-align: left;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  @media (max-width: 543px) {
    .mattress-memory-foam .page-hero .container {
      text-align: right;
      margin-right: 0; }
    .mattress-memory-foam .page-hero h2, .mattress-memory-foam .page-hero p {
      text-align: right; } }

.mattress-memory-foam .better-sleep {
  padding-bottom: 2rem;
  background-color: #10318E; }
  .mattress-memory-foam .better-sleep .card-block.container {
    width: 95%;
    padding: 0;
    position: relative;
    display: inline-block;
    margin-top: -2rem; }
  .mattress-memory-foam .better-sleep .header {
    display: block; }
  .mattress-memory-foam .better-sleep .info {
    padding: 2rem 1rem;
    background: #B0C8E9;
    border-radius: 0 0 8px 8px; }
  .mattress-memory-foam .better-sleep p {
    color: #10318E;
    text-align: center; }

.mattress-memory-foam .layers-overview {
  margin: -2rem auto 0 auto; }
  .mattress-memory-foam .layers-overview .layers-overview-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0; }
    .mattress-memory-foam .layers-overview .layers-overview-wrapper.hidden-xs-down .layers-overview-item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
      position: relative;
      padding: 1rem 0.5rem; }
      @media (min-width: 768px) {
        .mattress-memory-foam .layers-overview .layers-overview-wrapper.hidden-xs-down .layers-overview-item {
          padding: 1rem; } }
  .mattress-memory-foam .layers-overview .layers-overview-item.one .icon a:before {
    content: "1"; }
  .mattress-memory-foam .layers-overview .layers-overview-item.two .icon a:before {
    content: "2"; }
  .mattress-memory-foam .layers-overview .layers-overview-item.three .icon a:before {
    content: "3"; }
  .mattress-memory-foam .layers-overview .layers-overview-item .card-block {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .mattress-memory-foam .layers-overview .layers-overview-item .icon a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    cursor: pointer; }
    .mattress-memory-foam .layers-overview .layers-overview-item .icon a:before {
      content: "";
      top: -10px;
      position: absolute;
      z-index: 1;
      color: #10318E;
      border-radius: 50%;
      border: 2px solid #10318E;
      width: 2.65em;
      padding: 0.5rem;
      background: #fff;
      cursor: pointer;
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
    .mattress-memory-foam .layers-overview .layers-overview-item .icon a h3 {
      font-size: 1.175rem;
      margin-top: 1.5rem;
      width: 100%; }
  .mattress-memory-foam .layers-overview .layers-overview-item .icon:hover a:before, .mattress-memory-foam .layers-overview .layers-overview-item .icon:hover p.number-circle {
    box-shadow: 0 0 0 10px rgba(0, 59, 113, 0.5);
    transition: all 0.3s; }
  .mattress-memory-foam .layers-overview .layers-overview-item .icon p.number-circle {
    position: absolute;
    z-index: 1;
    color: #10318E;
    border-radius: 50%;
    border: 2px solid #10318E;
    width: 2.65em;
    padding: 0.5rem;
    background: #fff;
    text-align: center;
    cursor: pointer;
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
    .mattress-memory-foam .layers-overview .layers-overview-item .icon p.number-circle.one {
      left: 225px;
      top: -225px; }
    .mattress-memory-foam .layers-overview .layers-overview-item .icon p.number-circle.two {
      left: 400px;
      top: -310px; }
    .mattress-memory-foam .layers-overview .layers-overview-item .icon p.number-circle.three {
      left: 100px;
      top: -160px; }
  .mattress-memory-foam .layers-overview .layers-overview-item .layers-content ul {
    list-style-type: disc;
    display: inline-block;
    margin: 0;
    padding-left: 2rem; }
  .mattress-memory-foam .layers-overview .layers-overview-item .layers-content li {
    color: #10318E;
    margin: 0; }

.mattress-memory-foam .perfect-mattress {
  background-color: #FAFAFA; }
  @media (min-width: 992px) {
    .mattress-memory-foam .perfect-mattress .flex-div {
      max-height: 800px; } }
  @media (max-width: 767px) {
    .mattress-memory-foam .perfect-mattress .flex-div {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  .mattress-memory-foam .perfect-mattress .iwt-image {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
  .mattress-memory-foam .perfect-mattress .iwt-content, .mattress-memory-foam .perfect-mattress p {
    text-align: center;
    color: #10318E; }
  .mattress-memory-foam .perfect-mattress img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%; }
  .mattress-memory-foam .perfect-mattress .star-rate {
    color: #fec600;
    margin-bottom: 1.5rem; }
  .mattress-memory-foam .perfect-mattress .star-icon {
    font-size: 2.5rem; }
  @media (max-width: 767px) {
    .mattress-memory-foam .perfect-mattress .reverse-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  .mattress-memory-foam .perfect-mattress .btn-secondary.hidden-sm-up {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    margin-top: -1rem; }

.mattress-memory-foam .diff-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .mattress-memory-foam .diff-wrapper .diff-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .mattress-memory-foam .diff-wrapper h3 {
    font-size: 1rem; }

.mattress-memory-foam .reviews-slider {
  padding: 4rem 0 !important;
  background: #D7E3F4; }
  .mattress-memory-foam .reviews-slider h3:not(.featured-review-title), .mattress-memory-foam .reviews-slider h4 {
    width: 95%;
    margin: 0 auto 1rem auto; }

.mattress-memory-foam .page-footer {
  position: relative;
  height: 65vh; }
  .mattress-memory-foam .page-footer .hero-image {
    position: absolute;
    width: 100%;
    height: 100%; }
    .mattress-memory-foam .page-footer .hero-image img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 20% bottom;
         object-position: 20% bottom;
      height: 100%;
      width: 100%; }
  .mattress-memory-foam .page-footer .hero-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: linear-gradient(90deg, transparent 0, transparent 0, transparent 0, #fff 150%); }
    @media (max-width: 543px) {
      .mattress-memory-foam .page-footer .hero-content {
        max-width: 100%;
        text-align: center;
        background-image: linear-gradient(270deg, transparent 0, transparent 0, transparent 0, #fff 150%); } }

@media (min-width: 768px) {
  .mattress-memory-foam .layers-overview {
    width: 95%; } }

@media (max-width: 1199px) {
  .mattress-memory-foam .layers-overview .layers-overview-item .icon p.number-circle.one {
    left: 120px; }
  .mattress-memory-foam .layers-overview .layers-overview-item .icon p.number-circle.two {
    left: 360px; }
  .mattress-memory-foam .layers-overview .layers-overview-item .icon p.number-circle.three {
    left: 135px; } }

@media (max-width: 543px) {
  .mattress-memory-foam .layers-overview .layers-overview-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem; }
    .mattress-memory-foam .layers-overview .layers-overview-wrapper .swiper-slide {
      width: 85%; }
    .mattress-memory-foam .layers-overview .layers-overview-wrapper .swiper-pagination-bullet {
      background: #fff; }
  .mattress-memory-foam .layers-overview .layers-overview-item .icon a:before {
    top: -20px;
    width: 20px; } }

.country-au .mattress-in-a-box .reviews-slider, .country-au .mattress-in-a-box #reviews-slider-carousel, .country-au .mattress-in-a-box #reviews-slider-carousel .swiper-wrapper {
  background-color: #D6D1CB; }

.mattress-in-a-box {
  text-align: center;
  /*** AB Test ***/
  /* .reviews-slider, #reviews-slider-carousel, #reviews-slider-carousel .swiper-wrapper {
	background-color: #D6D1CB !important;
  } */
  /*** AB Test ***/ }
  .mattress-in-a-box .variation .usp-overview {
    padding: 6rem 0 2rem 0;
    color: #10318E; }
    @media (max-width: 767px) {
      .mattress-in-a-box .variation .usp-overview {
        padding: 4rem 0; } }
  @media (min-width: 768px) {
    .mattress-in-a-box .variation .usp-block {
      padding: 1.25rem 0.5rem; } }
  .mattress-in-a-box .variation .iwt-fluid {
    padding-top: 45px;
    padding-bottom: 45px;
    color: #10318E; }
    .mattress-in-a-box .variation .iwt-fluid:last-of-type {
      padding-bottom: 4rem; }
  .mattress-in-a-box .variation .iwt-image img {
    max-height: 300px; }
    .mattress-in-a-box .variation .iwt-image img.w-75 {
      max-height: 225px; }
  .mattress-in-a-box .variation #pac-input {
    background-color: #fafafa;
    max-width: 250px;
    border-radius: 2.5px; }
  .mattress-in-a-box .variation #convenient-delivery {
    padding-top: 15px;
    padding-bottom: 45px; }
    .mattress-in-a-box .variation #convenient-delivery h5 {
      font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif; }
  .mattress-in-a-box .pull-right {
    text-align: right !important; }
    .mattress-in-a-box .pull-right p {
      text-align: right; }
  .mattress-in-a-box .page-bottom {
    padding-top: 4rem;
    padding-bottom: 6rem; }
    .mattress-in-a-box .page-bottom .hero-wrapper, .mattress-in-a-box .page-bottom img {
      border-radius: 2rem; }
      @media (max-width: 543px) {
        .mattress-in-a-box .page-bottom .hero-wrapper, .mattress-in-a-box .page-bottom img {
          border-radius: 8px; } }
    .mattress-in-a-box .page-bottom .hero-wrapper {
      position: relative;
      height: 100%;
      overflow: hidden;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .mattress-in-a-box .page-bottom .hero-wrapper {
          width: 75%; } }
    .mattress-in-a-box .page-bottom .hero-image {
      min-height: 150px;
      height: 100%; }
      .mattress-in-a-box .page-bottom .hero-image img {
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .mattress-in-a-box .page-bottom .hero-content {
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 3.125rem 2rem 2rem 2rem;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .mattress-in-a-box .page-bottom .hero-content .btn {
        min-width: 200px; }
    @media (max-width: 543px) {
      .mattress-in-a-box .page-bottom .btn {
        width: 100%; } }
  .mattress-in-a-box .page-hero {
    padding-top: 0;
    color: #10318E; }
    .mattress-in-a-box .page-hero .hero-image img {
      -o-object-position: bottom;
         object-position: bottom; }
    .mattress-in-a-box .page-hero.control .hero-image {
      height: 80vh;
      max-height: 600px; }
    .mattress-in-a-box .page-hero.variation .hero-image {
      height: 90vh;
      min-height: 600px;
      max-height: 800px; }
      @media (max-width: 543px) {
        .mattress-in-a-box .page-hero.variation .hero-image {
          height: 70vh;
          min-height: 400px; } }
    @media (max-width: 767px) {
      .mattress-in-a-box .page-hero.variation .hero-content {
        position: relative; } }
    @media (min-width: 768px) {
      .mattress-in-a-box .page-hero h1 {
        text-align: left; }
      .mattress-in-a-box .page-hero p {
        max-width: 550px; } }
    @media (max-width: 767px) {
      .mattress-in-a-box .page-hero .hero-content .content-wrapper {
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important; }
      .mattress-in-a-box .page-hero .hero-content p {
        text-align: center !important;
        max-width: 500px;
        margin-left: auto !important; } }
  .mattress-in-a-box .aggregateRating > div {
    padding-bottom: 1rem; }
  .mattress-in-a-box .aggregateRating i {
    color: #ffd200;
    width: .8em; }
  .mattress-in-a-box .aggregateRating .display {
    display: inline-block;
    vertical-align: middle;
    color: #6A6A6A;
    padding-left: .25rem; }
  .mattress-in-a-box .advantages {
    background: #D7E3F5;
    padding: 4rem 0; }
    .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      width: 80%;
      margin: 0 auto; }
      .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div svg {
        width: 300px;
        padding: 0; }
      .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div > div {
        padding-left: 1rem;
        padding-right: 1rem;
        position: relative; }
        @media (max-width: 767px) {
          .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div > div {
            margin-top: 1rem;
            margin-bottom: 1rem; } }
        @media (max-width: 543px) {
          .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div > div {
            -webkit-transform: scale(0.8);
                    transform: scale(0.8); } }
        .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div > div i {
          position: absolute;
          cursor: pointer;
          color: #f5b7ac;
          transition: all 0.7s;
          z-index: 99; }
          .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div > div i:hover {
            color: #e96952; }
          .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div > div i.brace:before {
            content: "}";
            font-family: sans-serif;
            position: absolute;
            top: -16px;
            font-size: 3rem;
            left: -20px;
            color: #f5b7ac !important; }
      @media (max-width: 767px) {
        .mattress-in-a-box .advantages #best-mattress-in-a-box .flex-div {
          width: 100%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
  .mattress-in-a-box .compression {
    background: #fff;
    padding: 2rem 0; }
    .mattress-in-a-box .compression .card-block.container .info {
      background: #fff; }
  .mattress-in-a-box .card-block.container {
    width: 95%;
    margin: 2rem auto; }
    .mattress-in-a-box .card-block.container .header {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .mattress-in-a-box .card-block.container .flex-div {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .mattress-in-a-box .card-block.container p {
      color: #10318E;
      text-align: center;
      margin: 0 auto; }
    .mattress-in-a-box .card-block.container .info {
      background: #F5F5F5;
      border-radius: 0 0 8px 8px; }
    .mattress-in-a-box .card-block.container svg {
      padding: 1rem 0.5rem; }
    .mattress-in-a-box .card-block.container .versus {
      font-size: 7rem;
      margin: 0; }
      @media (max-width: 991px) {
        .mattress-in-a-box .card-block.container .versus {
          font-size: 5.5rem; } }
      @media (max-width: 767px) {
        .mattress-in-a-box .card-block.container .versus {
          font-size: 4rem; } }
      @media (max-width: 543px) {
        .mattress-in-a-box .card-block.container .versus {
          font-size: 1.5rem; } }
  .mattress-in-a-box .flex-div-column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
    .mattress-in-a-box .flex-div-column h5.grey {
      color: #777; }
    @media (max-width: 767px) {
      .mattress-in-a-box .flex-div-column h5:not(.versus) {
        height: 2rem; }
      .mattress-in-a-box .flex-div-column svg {
        height: 120px; } }
    @media (max-width: 543px) {
      .mattress-in-a-box .flex-div-column svg {
        height: 80px; } }
  .mattress-in-a-box .reviews-slider {
    padding: 4rem 0; }
    .mattress-in-a-box .reviews-slider h3 {
      margin-bottom: 0.5rem; }
  .mattress-in-a-box .page-footer {
    position: relative;
    height: 80vh;
    max-height: 600px; }
    .mattress-in-a-box .page-footer .hero-image {
      position: absolute;
      width: 100%;
      height: 100%; }
      .mattress-in-a-box .page-footer .hero-image img {
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 50% bottom;
           object-position: 50% bottom;
        height: 100%;
        width: 100%; }
    .mattress-in-a-box .page-footer .hero-content {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-image: linear-gradient(0deg, transparent 0, transparent 0, transparent 0, #fff 150%); }
      .mattress-in-a-box .page-footer .hero-content .container {
        margin-bottom: 22rem; }

@media (min-width: 768px) {
  .mattress-back-pain .page-hero {
    height: 80vh;
    min-height: 600px;
    max-height: 800px; } }

@media (max-width: 543px) {
  .mattress-back-pain .page-hero .hero-image img {
    height: 400px;
    -o-object-position: left;
       object-position: left; } }

@media (max-width: 991px) {
  .mattress-back-pain .page-hero .hero-content {
    padding: 2rem 1rem;
    background-color: rgba(255, 255, 255, 0.75); } }

@media (max-width: 767px) {
  .mattress-back-pain .page-hero .hero-content {
    position: relative; } }

.mattress-back-pain .page-hero .content-wrapper {
  color: #003b71; }
  @media (min-width: 768px) {
    .mattress-back-pain .page-hero .content-wrapper {
      max-width: 32rem; } }

.mattress-back-pain .better-sleep {
  padding: 4rem 0; }
  .mattress-back-pain .better-sleep .image-wrapper {
    padding: 4rem 1rem; }
    @media (max-width: 543px) {
      .mattress-back-pain .better-sleep .image-wrapper {
        padding: 2rem 1rem; } }
    .mattress-back-pain .better-sleep .image-wrapper img {
      max-width: 800px;
      width: 100%; }

.mattress-back-pain .layers-overview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 543px) {
    .mattress-back-pain .layers-overview {
      padding-top: 2rem;
      padding-bottom: 3rem; }
      .mattress-back-pain .layers-overview .swiper-slide {
        width: 85%; } }
  @media (min-width: 544px) {
    .mattress-back-pain .layers-overview .layer {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 0 0.5rem; } }
  .mattress-back-pain .layers-overview .layer.one .icon a:before {
    content: "1"; }
  .mattress-back-pain .layers-overview .layer.two .icon a:before {
    content: "2"; }
  .mattress-back-pain .layers-overview .layer.three .icon a:before {
    content: "3"; }
  .mattress-back-pain .layers-overview .layer .card-block {
    background-color: #d1d9e2;
    border: 1px #10318E solid;
    border-radius: 16px;
    color: #10318E;
    height: 100%; }
  .mattress-back-pain .layers-overview .layer .icon a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    cursor: pointer; }
    .mattress-back-pain .layers-overview .layer .icon a:before {
      content: "";
      position: absolute;
      top: -1rem;
      border-radius: 50%;
      border: 2px solid #10318E;
      width: 2.65em;
      padding: 0.5rem;
      background: #fff;
      cursor: pointer;
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
      @media (max-width: 543px) {
        .mattress-back-pain .layers-overview .layer .icon a:before {
          width: 1.25rem;
          height: 1.25rem; } }
    .mattress-back-pain .layers-overview .layer .icon a h3 {
      font-size: 1.175rem;
      margin-top: 1.5rem;
      width: 100%; }
  .mattress-back-pain .layers-overview .layer .icon:hover a:before, .mattress-back-pain .layers-overview .layer .icon:hover p.number-circle {
    box-shadow: 0 0 0 10px rgba(0, 59, 113, 0.5);
    transition: all 0.3s; }
  .mattress-back-pain .layers-overview .layer .icon p.number-circle {
    position: absolute;
    z-index: 1;
    color: #10318E;
    border-radius: 50%;
    border: 2px solid #10318E;
    width: 2.65em;
    padding: 0.5rem;
    margin: 0;
    background: #fff;
    text-align: center;
    cursor: pointer;
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
    .mattress-back-pain .layers-overview .layer .icon p.number-circle.one {
      left: 50%;
      top: -190px; }
    .mattress-back-pain .layers-overview .layer .icon p.number-circle.two {
      left: 60%;
      top: -160px; }
    .mattress-back-pain .layers-overview .layer .icon p.number-circle.three {
      left: 70%;
      top: -120px; }
  .mattress-back-pain .layers-overview .layer .content p {
    text-align: center;
    margin: 0; }

.mattress-back-pain .behind-pain {
  background-color: #d1d9e2; }

.mattress-back-pain .firmness-level img {
  width: 100%; }
  @media (max-width: 767px) {
    .mattress-back-pain .firmness-level img {
      max-height: 450px; } }

.mattress-back-pain .iwt-fluid {
  padding: 4rem 0; }
  @media (max-width: 767px) {
    .mattress-back-pain .iwt-fluid .iwt-image {
      max-width: 80%; } }
  .mattress-back-pain .iwt-fluid .iwt-content {
    text-align: center;
    color: #003b71; }
    @media (max-width: 767px) {
      .mattress-back-pain .iwt-fluid .iwt-content {
        padding: 2rem 0 0 0; } }
    .mattress-back-pain .iwt-fluid .iwt-content p {
      text-align: center;
      max-width: 100%; }

.mattress-back-pain .reviews-slider {
  text-align: center;
  padding: 4rem 0;
  background: #d1d9e2; }
  .mattress-back-pain .reviews-slider > h3 {
    margin-bottom: 2rem; }
  .mattress-back-pain .reviews-slider #reviews-slider-carousel, .mattress-back-pain .reviews-slider .swiper-wrapper {
    background: #d1d9e2; }

.mattress-back-pain .neck {
  padding: 4rem 1rem; }
  .mattress-back-pain .neck .card-block.container {
    position: relative;
    width: 95%;
    padding: 0; }
  .mattress-back-pain .neck .neck-header {
    padding: 1rem;
    background: #10318E;
    border-radius: 8px 8px 0 0; }
    .mattress-back-pain .neck .neck-header h3 {
      margin: 0;
      color: #fff; }
  .mattress-back-pain .neck .neck-wrapper {
    background: #deeff9;
    border-radius: 0 0 8px 8px;
    padding: 2rem 1rem; }
    .mattress-back-pain .neck .neck-wrapper p {
      color: #10318E; }
    .mattress-back-pain .neck .neck-wrapper .iwt-content {
      text-align: center !important; }

#ybc_blog_page .ybc-blog-wrapper-blog-list {
  padding-top: 2rem; }
  #ybc_blog_page .ybc-blog-wrapper-blog-list .blog-category {
    margin-top: -1.5rem; }

#ybc_blog_page ul.ybc-blog-list, #ybc_blog_page ul.ybc-blog-related-posts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  #ybc_blog_page ul.ybc-blog-list li, #ybc_blog_page ul.ybc-blog-related-posts-list li {
    padding: 1rem;
    width: 100%;
    margin: 0; }
    #ybc_blog_page ul.ybc-blog-list li a.ybc_item_img, #ybc_blog_page ul.ybc-blog-related-posts-list li a.ybc_item_img {
      display: block;
      position: relative;
      height: 200px;
      overflow: hidden; }
      #ybc_blog_page ul.ybc-blog-list li a.ybc_item_img img, #ybc_blog_page ul.ybc-blog-related-posts-list li a.ybc_item_img img {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
        width: 100%; }
      #ybc_blog_page ul.ybc-blog-list li a.ybc_item_img:before, #ybc_blog_page ul.ybc-blog-related-posts-list li a.ybc_item_img:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        transition: all .2s linear;
        opacity: 0;
        z-index: 1; }
      #ybc_blog_page ul.ybc-blog-list li a.ybc_item_img:after, #ybc_blog_page ul.ybc-blog-related-posts-list li a.ybc_item_img:after {
        content: "READ MORE";
        letter-spacing: 1px;
        display: inline-block;
        color: #fff;
        font-size: 18px;
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 45%;
        width: 200px;
        margin-left: -100px;
        text-align: center;
        z-index: 9;
        transition: all .2s linear;
        -webkit-transform: translateY(25px);
                transform: translateY(25px);
        opacity: 0; }
      #ybc_blog_page ul.ybc-blog-list li a.ybc_item_img:hover:before, #ybc_blog_page ul.ybc-blog-related-posts-list li a.ybc_item_img:hover:before {
        opacity: 1; }
      #ybc_blog_page ul.ybc-blog-list li a.ybc_item_img:hover:after, #ybc_blog_page ul.ybc-blog-related-posts-list li a.ybc_item_img:hover:after {
        opacity: 1;
        transition-delay: .1s;
        -webkit-transform: translateY(0px);
                transform: translateY(0px); }
  @media (min-width: 544px) {
    #ybc_blog_page ul.ybc-blog-list li, #ybc_blog_page ul.ybc-blog-related-posts-list li {
      width: 50%; } }
  @media (min-width: 768px) {
    #ybc_blog_page ul.ybc-blog-list li, #ybc_blog_page ul.ybc-blog-related-posts-list li {
      width: 33%; } }

#ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta-ecosa, #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta-ecosa, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta {
  text-align: center;
  padding-top: 0.5rem; }
  #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta-ecosa .ybc-blog-categories, #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta .ybc-blog-categories, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta-ecosa .ybc-blog-categories, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta .ybc-blog-categories {
    display: inline-block;
    font-size: 0.9rem; }
    #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta-ecosa .ybc-blog-categories a, #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta-ecosa .ybc-blog-categories span, #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta .ybc-blog-categories a, #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta .ybc-blog-categories span, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta-ecosa .ybc-blog-categories a, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta-ecosa .ybc-blog-categories span, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta .ybc-blog-categories a, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta .ybc-blog-categories span {
      font-weight: 600;
      color: #6A6A6A; }
  #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta-ecosa span.post-date, #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta span.post-date, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta-ecosa span.post-date, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta span.post-date {
    font-size: 0.9rem; }
    #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta-ecosa span.post-date:before, #ybc_blog_page .ybc-blog-wrapper-content-main .ybc-blog-sidear-post-meta span.post-date:before, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta-ecosa span.post-date:before, #ybc_blog_page .ybc-blog-related-posts .ybc-blog-sidear-post-meta span.post-date:before {
      content: '| '; }

#ybc_blog_page .ybc-blog-wrapper-content-main a.ybc_title_block, #ybc_blog_page .ybc-blog-related-posts a.ybc_title_block {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: 600; }

#ybc_blog_page .ybc-blog-wrapper-detail {
  padding: 2rem 0; }
  #ybc_blog_page .ybc-blog-wrapper-detail .be-categories a, #ybc_blog_page .ybc-blog-wrapper-detail .be-categories span {
    color: #6A6A6A;
    font-size: 0.9rem;
    font-weight: 600; }
  #ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading {
    margin: 0.2rem auto;
    max-width: 700px;
    line-height: 1em;
    text-transform: uppercase; }
  #ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-latest-toolbar span.post-date {
    font-size: 0.9rem; }
    #ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-latest-toolbar span.post-date span.be-label {
      display: none; }
  #ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1rem; }
    #ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share .ybc_blog_button_share {
      height: 25px;
      float: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin-bottom: 1rem;
      margin-left: 4px; }
      #ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share .ybc_blog_button_share:first-child {
        margin-left: 0; }
  #ybc_blog_page .ybc-blog-wrapper-detail .ybc_blog_img_wrapper {
    max-width: 800px;
    margin: 0 auto; }
  #ybc_blog_page .ybc-blog-wrapper-detail .blog_description {
    margin-top: 3rem;
    margin-bottom: 3rem; }
    #ybc_blog_page .ybc-blog-wrapper-detail .blog_description h2, #ybc_blog_page .ybc-blog-wrapper-detail .blog_description h3, #ybc_blog_page .ybc-blog-wrapper-detail .blog_description h4, #ybc_blog_page .ybc-blog-wrapper-detail .blog_description h5, #ybc_blog_page .ybc-blog-wrapper-detail .blog_description p, #ybc_blog_page .ybc-blog-wrapper-detail .blog_description ul, #ybc_blog_page .ybc-blog-wrapper-detail .blog_description li, #ybc_blog_page .ybc-blog-wrapper-detail .blog_description span {
      text-align: left; }
    #ybc_blog_page .ybc-blog-wrapper-detail .blog_description ol {
      padding-left: 1rem; }
      #ybc_blog_page .ybc-blog-wrapper-detail .blog_description ol li {
        word-break: break-word; }

#ybc_blog_page .ybc-blog-related-posts {
  background: #fafafa; }
  #ybc_blog_page .ybc-blog-related-posts h4.title_blog {
    text-align: center; }

#ybc_blog_page .blog-load-more {
  max-width: 300px;
  margin: 0 auto; }

#ybc_blog_page main table {
  margin: 2rem 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border: none; }
  #ybc_blog_page main table th, #ybc_blog_page main table td {
    padding: 1rem;
    border: 1px solid rgba(176, 200, 232, 0.5); }
  #ybc_blog_page main table th, #ybc_blog_page main table tr:first-child {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-size: 1.125rem;
    letter-spacing: 0.5px; }
  #ybc_blog_page main table tr:not(:first-child) td {
    background: #deeff9; }
  #ybc_blog_page main table strong {
    color: #10318E; }

#ybc_blog_page main .post-details ul {
  list-style: disc; }

#ybc_blog_page main .post-details .banner-wrapper {
  display: inline-block;
  width: auto;
  max-width: 100%; }

#ybc_blog_page main .post-details h1, #ybc_blog_page main .post-details h2, #ybc_blog_page main .post-details h3, #ybc_blog_page main .post-details h4, #ybc_blog_page main .post-details h5, #ybc_blog_page main .post-details h6, #ybc_blog_page main .post-details h7, #ybc_blog_page main .post-details h8 {
  clear: both; }

#ybc_blog_page main .post-details .bn_left {
  float: left;
  margin: 0 10px 0 0; }
  @media (max-width: 767px) {
    #ybc_blog_page main .post-details .bn_left {
      float: none;
      margin: 0;
      clear: both; } }

#ybc_blog_page main .post-details .bn_right {
  float: right;
  margin: 0 0 0 10px; }
  @media (max-width: 767px) {
    #ybc_blog_page main .post-details .bn_right {
      float: none;
      margin: 0;
      clear: both; } }

@media (min-width: 1200px) {
  #ybc_blog_page main #wrapper .container {
    max-width: 1400px; } }

@media (max-width: 543px) {
  #ybc_blog_page .wrapper.land {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; } }

@media (max-width: 543px) {
  #ybc_blog_page .wrapper.land .info {
    position: unset;
    width: 100%;
    top: unset;
    right: unset;
    -webkit-transform: unset;
            transform: unset;
    padding: 3% 0; } }

@media (max-width: 1199px) {
  #ybc_blog_page .wrapper.vertical .info .name {
    display: none; } }

#ybc_blog_page .ribbon {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
  font-size: 1.2rem;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  position: absolute;
  left: -8px;
  top: 10px;
  background: #ec6a54; }
  #ybc_blog_page .ribbon:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    bottom: -8.5px;
    left: 0;
    border-top: 9px solid #c25143;
    border-left: 9px solid transparent; }
  #ybc_blog_page .ribbon:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -14.5px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid #ec6a54; }

#ybc_blog_page.lang-hk ul.ybc-blog-list li a.ybc_item_img:after,
#ybc_blog_page.lang-hk ul.ybc-blog-related-posts-list li a.ybc_item_img:after {
  content: "\95B1\8B80\66F4\591A"; }

.blog-paggination .results {
  display: none; }

.blog-paggination a, .blog-paggination b {
  padding: 0.25rem 0.5rem;
  border-radius: 4px; }

.blog-paggination a:hover {
  background-color: #ddd; }

.blog-paggination b {
  background-color: #10318E;
  color: #fff; }

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }

.sticky-banner {
  position: -webkit-sticky;
  position: sticky;
  top: 128px; }
  .sticky-banner .banner-wrapper {
    display: none; }

#ybc_blog_page .ybc-blog-wrapper-content .vwo-test-pillow-blogpost-optimize-v1 {
  display: none; }

#ybc_blog_page .ybc-blog-wrapper-content .reviews {
  margin: 60px 20px; }

#ybc_blog_page .ybc-blog-wrapper-content .featured-review-wrapper {
  background: #fafafa; }

#ybc_blog_page .ybc-blog-wrapper-content .featured-review-content {
  font-weight: bold; }

#ybc_blog_page .ybc-blog-wrapper-content .featured-review-author {
  text-align: left; }

#ybc_blog_page .ybc-blog-wrapper-content .featured-review-rating-wrapper {
  padding-top: 5px; }

#ybc_blog_page .ybc-blog-wrapper-content .featured-review-author:after {
  content: "";
  display: inline-block;
  background-image: url(https://ecosaau.imgix.net/img/homepage/homepage-v1/tick-verified.svg);
  margin-left: 0.25rem;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  -webkit-transform: translateY(2px);
  transform: translateY(2px); }

#ybc_blog_page .ybc-blog-wrapper-content .featured-review-verified {
  color: #acacac;
  font-size: 0.9rem;
  line-height: 1; }

#ybc_blog_page .ybc-blog-wrapper-content .blog-content-image-container {
  text-align: center; }

#ybc_blog_page .ybc-blog-wrapper-content img.blog-content-image {
  width: 400px;
  margin-top: -55px;
  margin-bottom: -70px; }

.ecotex .ecotex-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem 1rem !important;
  height: 500px;
  background-size: cover;
  background-position: center bottom;
  background-image: radial-gradient(ellipse at bottom, #10318E 0, transparent 0, transparent 0, transparent 0), url("https://ecosaau.imgix.net/img/mattress/ecotex/hero-bg.png?auto=compress,format"); }
  .ecotex .ecotex-hero p {
    text-align: center; }

.ecotex .ecotex-intro {
  background-color: #10318E;
  padding: 5rem 1rem;
  position: relative; }
  .ecotex .ecotex-intro h3, .ecotex .ecotex-intro p {
    text-align: left;
    color: #fff; }
  .ecotex .ecotex-intro .ecotex-layer {
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 1rem; }
  .ecotex .ecotex-intro .cube-right {
    position: absolute;
    right: 20%;
    top: 80%; }
    @media (max-width: 1199px) {
      .ecotex .ecotex-intro .cube-right {
        width: 100px;
        top: 80%; } }

.ecotex .ecotex-change {
  background-color: #D8E3F5;
  padding: 5rem 1rem;
  color: #10318E; }
  .ecotex .ecotex-change h3 {
    text-align: left; }
  .ecotex .ecotex-change img {
    max-height: 250px;
    padding: 1rem; }
  .ecotex .ecotex-change .iwt-content {
    max-width: 500px; }

.ecotex .improve-durability {
  padding: 4rem 1rem; }
  .ecotex .improve-durability p {
    text-align: center; }

.ecotex .improve-breathability {
  padding: 4rem 0rem; }
  .ecotex .improve-breathability h3 {
    text-align: left; }
  .ecotex .improve-breathability .iwt-image {
    padding-right: 2rem; }

@media (min-width: 768px) {
  .ecotex .ecotex-hero h1 {
    font-size: 3.5rem; }
  .ecotex .ecotex-intro, .ecotex .ecotex-change {
    padding: 8rem 1rem; } }

.ecosa-yotpo-allproducts {
  padding: 0;
  margin-top: 40px; }
  .ecosa-yotpo-allproducts .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 41px; }
    .ecosa-yotpo-allproducts .nav li {
      position: relative;
      display: block;
      margin: 0; }
      .ecosa-yotpo-allproducts .nav li > a {
        color: #555;
        font-size: 16px;
        padding: 10px 15px;
        border-radius: 4px 4px 0 0; }
      .ecosa-yotpo-allproducts .nav li.active > a {
        background: #f6f6f6; }
  .ecosa-yotpo-allproducts .nav-tabs {
    border-bottom: 1px solid #ddd; }
    .ecosa-yotpo-allproducts .nav-tabs li > a {
      top: 0;
      position: -webkit-sticky;
      position: sticky;
      margin-right: 2px;
      line-height: 1.428571429;
      border-radius: 4px 4px 0 0;
      cursor: pointer; }
    .ecosa-yotpo-allproducts .nav-tabs li.active > a {
      cursor: default;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      line-height: 42px; }
  .ecosa-yotpo-allproducts .nav-tabs-dropdown {
    display: none;
    position: relative;
    padding: 2px 30px;
    border: solid 1px #ccc;
    border-radius: 4px;
    margin: auto; }
  .ecosa-yotpo-allproducts .tab-content {
    min-height: 800px;
    max-width: 80%;
    margin: auto; }
    .ecosa-yotpo-allproducts .tab-content > .active {
      display: block; }
      .ecosa-yotpo-allproducts .tab-content > .active.in {
        opacity: 1; }
    .ecosa-yotpo-allproducts .tab-content .yotpo-label.yotpo-small-box {
      display: none; }
    .ecosa-yotpo-allproducts .tab-content .write-question-button {
      display: none !important; }
    .ecosa-yotpo-allproducts .tab-content .yotpo-nav.yotpo-nav-primary {
      display: none; }
    .ecosa-yotpo-allproducts .tab-content .yotpo-nav.yotpo-small-box {
      display: none; }
    .ecosa-yotpo-allproducts .tab-content .yotpo-regular-box {
      background-color: #fafafa;
      margin: 20px 0;
      padding: 20px; }
      .ecosa-yotpo-allproducts .tab-content .yotpo-regular-box.yotpo-bottomline {
        height: auto !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .ecosa-yotpo-allproducts .tab-content .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews {
      min-width: 240px !important;
      margin: 0 20px; }
      .ecosa-yotpo-allproducts .tab-content .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .prod_name {
        font-family: Mavenpro-black,Arial,Helvetica,sans-serif;
        font-size: 20px;
        color: #003772;
        display: block;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        padding: 5px; }
      .ecosa-yotpo-allproducts .tab-content .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .yotpo-stars {
        float: left;
        margin-left: 10px; }
      .ecosa-yotpo-allproducts .tab-content .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .yotpo-sum-reviews, .ecosa-yotpo-allproducts .tab-content .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .font-color-gray.based-on {
        padding: 0;
        float: left;
        margin-left: 10px;
        clear: both; }
      .ecosa-yotpo-allproducts .tab-content .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .yotpo-star-distribution {
        margin-left: 0;
        margin-top: 15px; }
    .ecosa-yotpo-allproducts .tab-content .yotpoProd > .shop_prod {
      display: none; }
    .ecosa-yotpo-allproducts .tab-content .shop_prod {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 60px;
      border-left: 1px solid #ddd; }
      .ecosa-yotpo-allproducts .tab-content .shop_prod img {
        max-width: 250px;
        margin-bottom: 20px;
        width: 100%; }
      .ecosa-yotpo-allproducts .tab-content .shop_prod a {
        font-size: 12px;
        padding: 1em 2em;
        border: 1px solid #dbdbdb;
        color: #616161 !important;
        margin-top: 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 800;
        margin: auto;
        text-decoration: none !important;
        cursor: pointer !important;
        border-radius: 4px; }
        .ecosa-yotpo-allproducts .tab-content .shop_prod a:hover {
          background-color: #e7e8e8 !important; }
    @media (max-width: 655px) {
      .ecosa-yotpo-allproducts .tab-content .yotpo-regular-box.yotpo-bottomline {
        width: 100%; }
      .ecosa-yotpo-allproducts .tab-content .shop_prod {
        display: none; } }
  @media (max-width: 655px) {
    .ecosa-yotpo-allproducts .nav-tabs {
      display: none; }
    .ecosa-yotpo-allproducts .nav-tabs-dropdown {
      display: block; } }
  .ecosa-yotpo-allproducts .fade {
    opacity: 0;
    transition: opacity .15s linear; }
    .ecosa-yotpo-allproducts .fade .in {
      opacity: 1; }

.ecosa-reviews {
  overflow: hidden;
  margin-top: 100px; }
  .ecosa-reviews .col-center {
    float: none !important;
    margin: 0 auto; }
  .ecosa-reviews .press-header {
    text-align: center;
    padding: 20px 0;
    font-weight: 700;
    color: #757575;
    font-size: 28px;
    margin: 0;
    line-height: 1.35;
    font-family: Mavenpro-medium,Arial,Helvetica,sans-serif;
    text-transform: uppercase; }
  .ecosa-reviews .ecosa-press a {
    position: relative;
    display: block; }
    .ecosa-reviews .ecosa-press a span {
      display: none;
      position: absolute;
      left: 0;
      padding: 10px 20px;
      background: #e0f8ec;
      color: #111;
      margin-top: 10px;
      width: 300px;
      z-index: 999;
      border: 1px solid #e0f8ec;
      border-radius: 5px;
      font-size: 16px;
      line-height: 24px;
      font-style: italic; }
    .ecosa-reviews .ecosa-press a:hover span {
      display: block; }
  .ecosa-reviews .ecosa-press li {
    display: inline-block;
    margin: 20px;
    position: relative; }
  .ecosa-reviews .ecosa-press img {
    z-index: 1;
    max-width: 68px;
    max-height: 50px;
    margin: auto;
    vertical-align: middle;
    position: relative; }
  @media (min-width: 768px) {
    .ecosa-reviews .ecosa-press img {
      max-width: 94px; } }

body#reviews .ecosa-reviews-wrapper .page-hero {
  padding: 0; }
  body#reviews .ecosa-reviews-wrapper .page-hero .banner-top {
    background-color: #10318E;
    padding-bottom: 12rem;
    margin: 0; }
  body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom {
    background-color: #F5F5F5; }
    body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom img.reviews-icon {
      margin-top: -3rem; }
    body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom h1.reviews-title {
      font-size: 1.45rem; }
    body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom p {
      text-align: center;
      padding: 0 1rem; }
    body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider {
      width: 100%; }
      body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -ms-flex-line-pack: center;
            align-content: center;
        padding-bottom: 0;
        border-bottom: 0;
        margin: 0 auto;
        max-width: 1140px;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
        @media (max-width: 991px) {
          body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs {
            -webkit-box-align: unset;
                -ms-flex-align: unset;
                    align-items: unset;
            -webkit-box-pack: unset;
                -ms-flex-pack: unset;
                    justify-content: unset; } }
        body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs:after {
          content: unset; }
        body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a {
          cursor: pointer;
          position: relative;
          padding-top: .5rem;
          padding-bottom: 1.2rem;
          width: auto; }
          @media (max-width: 991px) {
            body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a {
              max-width: 130px;
              height: auto; } }
          @media (min-width: 768px) {
            body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a.active:after {
              content: "";
              width: 0;
              height: 0;
              border-left: 22px solid transparent;
              border-right: 22px solid transparent;
              border-bottom: 27px solid #fff; } }
          @media (max-width: 991px) {
            body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a.active .prod-item-wrapper {
              border: 1px solid #10318E; } }
          @media (max-width: 991px) {
            body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a:hover .prod-item-wrapper {
              box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4); } }
          @media (max-width: 991px) {
            body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a .prod-item-wrapper {
              border: 1px solid #ffffff;
              height: 100%;
              border-radius: 8px;
              background-color: #ffffff;
              padding: 0 1rem;
              box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4); } }
          body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a .prod-item-wrapper li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            text-align: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 1rem 1rem 0;
            position: relative; }
            @media (max-width: 991px) {
              body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a .prod-item-wrapper li {
                margin: 0; } }
            body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a .prod-item-wrapper li img.reviews-products {
              margin-bottom: .6rem;
              width: 100px; }
            body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a .prod-item-wrapper li h2 {
              font-size: 1rem;
              font-weight: normal;
              margin-bottom: .5rem; }
            @media (min-width: 768px) {
              body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a .prod-item-wrapper li:after {
                background: none repeat scroll 0 0 transparent;
                bottom: 0;
                content: "";
                display: block;
                height: 2px;
                left: 50%;
                position: absolute;
                background: #10318E;
                transition: width 0.3s ease 0s, left 0.3s ease 0s;
                width: 0; }
              body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a .prod-item-wrapper li.active:after {
                width: 100%;
                left: 0; }
              body#reviews .ecosa-reviews-wrapper .page-hero .banner-bottom #review-product-nav-slider .nav.nav-tabs > a .prod-item-wrapper li:hover:after {
                width: 100%;
                left: 0; } }

body#reviews .ecosa-reviews-wrapper .ecosa-reviews.ecosa-yotpo-allproducts {
  background-color: #ffffff;
  padding-top: 6.5rem;
  margin-top: 0; }
  @media (max-width: 991px) {
    body#reviews .ecosa-reviews-wrapper .ecosa-reviews.ecosa-yotpo-allproducts {
      margin-top: -5.5rem;
      padding-top: 7.5rem; } }
  body#reviews .ecosa-reviews-wrapper .ecosa-reviews.ecosa-yotpo-allproducts .tab-content {
    max-width: 1140px; }
    body#reviews .ecosa-reviews-wrapper .ecosa-reviews.ecosa-yotpo-allproducts .tab-content h3 {
      font-size: 1.45rem;
      margin-bottom: 2rem; }
    body#reviews .ecosa-reviews-wrapper .ecosa-reviews.ecosa-yotpo-allproducts .tab-content h3.prod_name {
      display: none; }
    body#reviews .ecosa-reviews-wrapper .ecosa-reviews.ecosa-yotpo-allproducts .tab-content .yotpo.yotpo-main-widget {
      margin-bottom: 1.5rem; }
      body#reviews .ecosa-reviews-wrapper .ecosa-reviews.ecosa-yotpo-allproducts .tab-content .yotpo.yotpo-main-widget .yotpo-regular-box.yotpo-bottomline {
        display: block; }
      body#reviews .ecosa-reviews-wrapper .ecosa-reviews.ecosa-yotpo-allproducts .tab-content .yotpo.yotpo-main-widget .yotpo.yotpo-regular-box {
        border-bottom: 0;
        border-top: 0; }

body#reviews .ecosa-reviews-wrapper .back-to-top .standard-wrapper {
  max-width: 1140px; }
  body#reviews .ecosa-reviews-wrapper .back-to-top .standard-wrapper .bottom-image-wrapper {
    position: relative; }
    body#reviews .ecosa-reviews-wrapper .back-to-top .standard-wrapper .bottom-image-wrapper .feature-content {
      position: absolute;
      text-align: left;
      left: 3%;
      bottom: 14%; }
    body#reviews .ecosa-reviews-wrapper .back-to-top .standard-wrapper .bottom-image-wrapper img:nth-of-type(1) {
      display: block; }
    body#reviews .ecosa-reviews-wrapper .back-to-top .standard-wrapper .bottom-image-wrapper img:nth-of-type(2) {
      display: none; }
    @media (max-width: 543px) {
      body#reviews .ecosa-reviews-wrapper .back-to-top .standard-wrapper .bottom-image-wrapper img:nth-of-type(1) {
        display: none; }
      body#reviews .ecosa-reviews-wrapper .back-to-top .standard-wrapper .bottom-image-wrapper img:nth-of-type(2) {
        display: block; }
      body#reviews .ecosa-reviews-wrapper .back-to-top .standard-wrapper .bottom-image-wrapper .feature-content {
        bottom: 4%; } }

.learn-more .pad .standard-wrapper {
  max-width: 1000px; }

.learn-more .pad .narrow {
  max-width: 600px; }

.learn-more .pad.lighter {
  background-color: #f2f4fa; }

.learn-more .pad.light {
  background-color: #fafafa; }

.learn-more .pad.iwt .flex-div .iwt-image {
  width: 50%;
  margin-right: 2rem; }

.learn-more .pad .video-container {
  width: 800px;
  max-width: 100%;
  margin: 0px auto; }

.learn-more .pad h2, .learn-more .pad h3 {
  text-transform: uppercase; }

.learn-more .pad ul.factors-list {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto; }
  .learn-more .pad ul.factors-list li.factors-list-factor {
    float: left;
    width: 33.33%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 10px 20px;
    border-right: 1px solid #e7e8e8;
    border-bottom: 1px solid #e7e8e8;
    margin: 0; }
  .learn-more .pad ul.factors-list figcaption.factors-caption {
    font-size: 0.85rem;
    color: #003772;
    text-transform: uppercase;
    height: 20px;
    text-align: center; }

.learn-more .pad .reasons img {
  height: 150px;
  padding-bottom: 10px;
  margin-top: 20px; }

.learn-more .pad .reasons .reasons-title h2 {
  text-align: center;
  padding-bottom: 10px;
  margin-top: 20px;
  color: #444;
  border-bottom: 3px solid #555;
  margin-bottom: 20px; }

.learn-more .pad .reasons h3 {
  font-size: 20px;
  padding-bottom: 10px;
  color: #003772;
  letter-spacing: .5px; }

@media (max-width: 767px) {
  .learn-more .pad ul.factors-list li.factors-list-factor {
    width: 50%; }
  .learn-more .pad ul.factors-list li.factors-list-factor:last-child,
  .learn-more .pad ul.factors-list li.factors-list-factor:nth-child(11n) {
    border-bottom: 0; }
  .learn-more .pad ul.factors-list li.factors-list-factor:nth-child(2n) {
    border-right: 0; } }

@media (min-width: 768px) {
  .learn-more .pad ul.factors-list li.factors-list-factor:last-child, .learn-more .pad ul.factors-list li.factors-list-factor:nth-child(10n), .learn-more .pad ul.factors-list li.factors-list-factor:nth-child(11n) {
    border-bottom: 0; }
  .learn-more .pad ul.factors-list li.factors-list-factor:nth-child(3n) {
    border-right: 0; } }

.refer-a-friend .refer-a-friend-header {
  background-color: #003b71; }
  .refer-a-friend .refer-a-friend-header svg {
    max-width: 450px; }
  .refer-a-friend .refer-a-friend-header h2 {
    color: #ffc62c;
    font-size: 3rem;
    margin: 2rem 0; }

.refer-a-friend .refer-step {
  height: 360px;
  background-color: #ffc62c; }
  .refer-a-friend .refer-step svg {
    max-height: 250px;
    max-width: 320px; }
  .refer-a-friend .refer-step p {
    color: #003b71;
    font-size: 1.2rem;
    font-weight: bold; }
  .refer-a-friend .refer-step .flex-div {
    height: 100%; }
  .refer-a-friend .refer-step:nth-of-type(2n) {
    background-color: #003b71; }
    .refer-a-friend .refer-step:nth-of-type(2n) p {
      color: #ffc62c; }
  .refer-a-friend .refer-step:last-of-type {
    height: 460px;
    padding-top: 0; }
    .refer-a-friend .refer-step:last-of-type p {
      margin-top: 3rem; }

@media (max-width: 767px) {
  .refer-a-friend .refer-step .iwt-image {
    width: 100%;
    margin-bottom: 2rem; }
  .refer-a-friend .refer-step svg {
    max-height: 200px; } }

@media (max-width: 543px) {
  .refer-a-friend .refer-a-friend-header h2 {
    font-size: 2rem; }
  .refer-a-friend .refer-step .iwt-image {
    margin-bottom: 2rem; }
    .refer-a-friend .refer-step .iwt-image svg {
      max-height: 160px; }
  .refer-a-friend .refer-step p {
    font-size: 1rem;
    text-align: center; } }

.shipping-new {
  background: #10318E;
  padding-top: 10rem; }
  .shipping-new .header {
    text-align: center;
    margin-top: -4rem;
    margin-bottom: 4rem; }
    .shipping-new .header .tagline {
      font-weight: 300; }
  .shipping-new .content-wrapper {
    background: #fff; }
    .shipping-new .content-wrapper h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.375rem;
      margin-bottom: 1.5rem; }
    .shipping-new .content-wrapper h2.accod + div {
      margin-left: 4.625rem;
      margin-bottom: 2.125rem; }
      @media (max-width: 991px) {
        .shipping-new .content-wrapper h2.accod + div {
          margin-left: 2.425rem; } }
    .shipping-new .content-wrapper h4, .shipping-new .content-wrapper h5 {
      margin-bottom: 0.5rem; }
    .shipping-new .content-wrapper img {
      width: auto !important; }
    .shipping-new .content-wrapper li {
      margin-bottom: 0; }
    .shipping-new .content-wrapper .flex-div {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .shipping-new .content-wrapper .iwt-fluid {
      text-align: center; }
      .shipping-new .content-wrapper .iwt-fluid a.btn {
        margin-top: 1rem; }
    .shipping-new .content-wrapper .iwt-content {
      padding: 0; }
    @media (min-width: 768px) {
      .shipping-new .content-wrapper .iwt-content {
        width: 60%; }
      .shipping-new .content-wrapper .iwt-image {
        width: 40%; } }
  .shipping-new #pac-input {
    background: #fafafa; }
    @media (min-width: 544px) {
      .shipping-new #pac-input {
        width: 50%; } }

.shipping .pad h2 {
  margin-bottom: 2rem; }

.shipping .pad strong {
  display: block;
  margin: 1rem 0;
  font-size: 1.125rem;
  color: #10318E; }

.shipping .pad svg {
  margin: 3rem 2rem;
  max-width: 350px; }

.shipping .pad:nth-child(1) svg {
  max-width: 120px; }

.shipping .pad:nth-child(2) svg {
  max-width: 600px; }

.shipping .pad:nth-child(4) svg {
  max-width: 200px; }

.shipping .pad ._header {
  font-size: 3.25rem; }

.shipping .pad ._tagline {
  text-align: center;
  font-weight: 700; }

.shipping .pad.white {
  background-color: #fff; }
  .shipping .pad.white ._header, .shipping .pad.white ._tagline {
    color: #10318E; }

.shipping .pad.light {
  background-color: #deeff9; }
  .shipping .pad.light ._header, .shipping .pad.light ._tagline {
    color: #10318E; }

.shipping .pad.dark {
  background-color: #10318E; }
  .shipping .pad.dark ._header, .shipping .pad.dark ._tagline {
    color: #fff; }

@media (max-width: 767px) {
  .shipping .pad svg {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .shipping .pad ._header {
    font-size: 2rem; }
  .shipping .pad ._tagline {
    font-size: 1rem; } }

@media (max-width: 543px) {
  .shipping .pad ._header {
    font-size: 2rem; } }

/*@import "components/oldecosa";*/
/*@import "components/oldecosa-common";*/
/*@import "components/oldecosa-products";*/
/*@import "components/oldecosa-homepage";*/
.financing-options .page-hero {
  background: #e3e1e2 url(/img/financing-options/bg.jpg) no-repeat top center;
  background-size: cover;
  height: 45vh; }
  .financing-options .page-hero h1 {
    text-shadow: 3px 3px 8px #5e5e5e;
    color: #fff;
    text-transform: uppercase;
    font-size: 3rem; }

.financing-options .options-wrapper h5 {
  height: 50px; }

.financing-options .options-wrapper .option {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0; }

.financing-options .options-wrapper a.btn {
  margin-bottom: 3rem; }

.afterpay li {
  margin: 0 0 30px 0;
  line-height: 1.2em;
  font-size: 0.9rem; }

.afterpay h3 {
  color: #10318E;
  padding-bottom: 40px;
  text-transform: uppercase; }

.afterpay .afterpay-hero {
  background: #fff url("/img/afterpay/sleep.jpg") left top no-repeat;
  background-size: cover;
  min-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .afterpay .afterpay-hero .afterpay-hero-wrapper {
    padding-top: 20px; }
    .afterpay .afterpay-hero .afterpay-hero-wrapper h1 {
      text-transform: uppercase;
      margin-top: 20px;
      color: #10318E;
      font-size: 48px; }

.afterpay .afterpay-icons {
  padding: 60px 20px 20px;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto; }
  .afterpay .afterpay-icons h4 {
    margin-top: 20px;
    color: #003772; }
  .afterpay .afterpay-icons p {
    margin-bottom: 40px;
    font-size: 0.9rem;
    text-align: center; }

.afterpay .afterpay-requirements {
  background: #eaebef url("/img/afterpay/pen2.jpg") right top no-repeat;
  background-size: contain;
  padding: 40px 0; }
  .afterpay .afterpay-requirements h3 {
    text-align: left; }
  .afterpay .afterpay-requirements .number-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 15px;
    border: 2px solid #666;
    border-radius: 50%;
    font-weight: bold;
    color: #666;
    height: 30px;
    width: 30px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff; }

.afterpay .afterpay-howtouse {
  background-color: #deeff9;
  padding-top: 20px; }
  .afterpay .afterpay-howtouse .flex-div {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .afterpay .afterpay-howtouse .iwt-content h3 {
    padding-left: 20px; }
  .afterpay .afterpay-howtouse .iwt-content ul {
    padding-left: 20px; }
    .afterpay .afterpay-howtouse .iwt-content ul li {
      color: #333; }
  .afterpay .afterpay-howtouse .iwt-image {
    max-width: 700px; }

.afterpay .afterpay-note {
  padding: 40px 20px; }
  .afterpay .afterpay-note .afterpay-note-wrapper {
    max-width: 700px;
    margin: 0 auto; }
  .afterpay .afterpay-note .btn {
    margin: 1rem 0; }

.afterpay .afterpay-terms {
  font-weight: bold;
  color: #003772;
  text-decoration: underline;
  display: block;
  text-align: left; }

.afterpay .custom-arrow-up {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #003772;
  display: inline-block;
  margin-right: 10px; }

@media (max-width: 767px) {
  .afterpay .afterpay-hero {
    background: #f7f7f7;
    min-height: 400px; }
    .afterpay .afterpay-hero .afterpay-hero-wrapper {
      text-align: center; }
  .afterpay .afterpay-requirements {
    background: #eaebef; }
    .afterpay .afterpay-requirements ul {
      max-width: 350px;
      margin: 0 auto;
      text-align: left; } }

@media (max-width: 543px) {
  .afterpay h3 {
    padding-bottom: 30px; }
  .afterpay .afterpay-hero-wrapper h1 {
    font-size: 36px; } }

.policy ul {
  list-style: disc;
  padding-left: 2rem; }

.policy h4 {
  color: #333; }

.onpage-faq {
  /* Style the list */ }
  .onpage-faq .page-hero {
    padding-top: 0rem !important;
    position: relative;
    background: #10318E;
    background-size: cover;
    height: 27vh;
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 767px) {
      .onpage-faq .page-hero {
        min-height: 250px; } }
  .onpage-faq .faq-title {
    color: #fff;
    position: relative;
    font-size: 3rem;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    margin-top: 2rem; }
    @media (max-width: 767px) {
      .onpage-faq .faq-title {
        font-size: 2rem; } }
    @media (max-width: 543px) {
      .onpage-faq .faq-title {
        font-size: 1.5rem;
        max-width: 80%; } }
  .onpage-faq .faq-subtitle {
    font-size: 2.25rem;
    margin-top: 1.5rem;
    margin-bottom: 4rem; }
    @media (max-width: 767px) {
      .onpage-faq .faq-subtitle {
        font-size: 1.6rem;
        margin: 2rem 0 1rem;
        text-align: center; } }
  .onpage-faq ul.faq-breadcrumbs {
    margin-top: 3.5rem;
    text-align: left; }
    @media (max-width: 767px) {
      .onpage-faq ul.faq-breadcrumbs {
        margin-top: 1rem; } }
    .onpage-faq ul.faq-breadcrumbs li {
      display: inline;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .onpage-faq ul.faq-breadcrumbs li {
          font-size: 16px; } }
      .onpage-faq ul.faq-breadcrumbs li + li:before {
        padding: 8px 0px 8px 8px;
        color: #10318E;
        content: "/\A0";
        display: inline; }
      .onpage-faq ul.faq-breadcrumbs li a {
        text-decoration: none; }
  .onpage-faq .faq-category.container {
    max-width: 1140px;
    width: 100%;
    padding: 0 1rem; }
  .onpage-faq .faq-category ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0; }
  .onpage-faq .faq-category ul.faq-cat-grid {
    text-align: center;
    margin: 0 -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 767px) {
      .onpage-faq .faq-category ul.faq-cat-grid {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin: 0 -0.375rem; } }
    .onpage-faq .faq-category ul.faq-cat-grid.multi-row {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item {
      position: relative;
      display: inline-block;
      width: 25%;
      margin: 0; }
      @media (max-width: 991px) {
        .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item {
          width: 33%; } }
      @media (max-width: 767px) {
        .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item {
          width: 33%; } }
      @media (max-width: 543px) {
        .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item {
          width: 50%; } }
      .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item a.category_link {
        box-shadow: 0px 0px 0px 1px #dddddd;
        border-radius: 20px;
        padding: 2rem 1rem;
        margin: 0 1rem 2rem; }
        @media (max-width: 767px) {
          .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item a.category_link {
            margin: 0 0.5rem 1rem;
            padding: 1.125rem 0.5rem 0.625rem;
            border-radius: 9px; } }
        @media (min-width: 768px) {
          .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item a.category_link:hover {
            box-shadow: 0px 0px 0px 2px #10318E; } }
        .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item a.category_link img.icon {
          margin: 0 auto; }
        .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item a.category_link span {
          font-size: 1.125rem;
          line-height: 22px;
          margin-top: 1rem;
          color: #10318E; }
          @media (max-width: 543px) {
            .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item a.category_link span {
              font-size: 1rem;
              margin-top: 0.625rem; } }
        .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item a.category_link h3 span {
          font-size: 1.5rem; }
        .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item a.category_link .contact-method-content span {
          font-size: 1rem;
          font-weight: normal; }
      .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item .current {
        position: absolute;
        top: -8%;
        right: -7%; }
        .onpage-faq .faq-category ul.faq-cat-grid li.faq-cat-item .current svg {
          width: 30px; }
  .onpage-faq .category_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    position: relative; }
    .onpage-faq .category_link span {
      font-weight: 600; }
    .onpage-faq .category_link .icon {
      margin-top: -4rem;
      margin-bottom: 1rem;
      margin-left: auto;
      margin-right: auto;
      max-width: 80px; }
      @media (max-width: 991px) {
        .onpage-faq .category_link .icon {
          max-width: 65px; } }
      @media (max-width: 767px) {
        .onpage-faq .category_link .icon {
          max-width: 55px; } }
      @media (max-width: 543px) {
        .onpage-faq .category_link .icon {
          max-width: 50px; } }
  .onpage-faq #accordion {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    padding: 0 1rem; }
    .onpage-faq #accordion h3 {
      text-transform: uppercase;
      border-bottom: 4px #10318E solid;
      padding-bottom: 0.875rem;
      margin-top: 1.75rem;
      font-size: 1.75rem; }
      @media (max-width: 767px) {
        .onpage-faq #accordion h3 {
          margin-top: 1.75rem;
          font-size: 1.25rem; } }
    .onpage-faq #accordion .card {
      box-shadow: none;
      background-color: transparent;
      border: 0;
      border-radius: 0;
      border-bottom: 1px solid #b0c8e8;
      margin-bottom: 16px; }
      .onpage-faq #accordion .card .card-header {
        border: 0;
        background: transparent;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0; }
        .onpage-faq #accordion .card .card-header h4 {
          font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif; }
        .onpage-faq #accordion .card .card-header a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          .onpage-faq #accordion .card .card-header a .question {
            width: 90%; }
          .onpage-faq #accordion .card .card-header a i.material-icons {
            width: 0;
            color: #10318E;
            -ms-flex-item-align: self-start;
                -ms-grid-row-align: self-start;
                align-self: self-start; }
          .onpage-faq #accordion .card .card-header a i.arrow-down {
            display: none; }
          .onpage-faq #accordion .card .card-header a i.arrow-up {
            display: inline-block; }
        .onpage-faq #accordion .card .card-header a.single {
          display: none; }
        .onpage-faq #accordion .card .card-header a[aria-expanded="true"] + a.single {
          display: block;
          position: absolute;
          right: 3.5rem;
          top: 0; }
        .onpage-faq #accordion .card .card-header a.collapsed i.arrow-down {
          display: inline-block; }
        .onpage-faq #accordion .card .card-header a.collapsed i.arrow-up {
          display: none; }
      .onpage-faq #accordion .card .card-block {
        padding: 0 0 1rem 0;
        font-weight: normal; }
        .onpage-faq #accordion .card .card-block p, .onpage-faq #accordion .card .card-block li {
          max-width: 100%; }
        .onpage-faq #accordion .card .card-block li {
          margin-bottom: 0; }
        .onpage-faq #accordion .card .card-block a {
          text-decoration: underline;
          font-weight: bold; }
      .onpage-faq #accordion .card .button_group {
        padding-bottom: 2rem; }
  .onpage-faq .faq-list {
    margin-bottom: 2rem; }
    @media (max-width: 767px) {
      .onpage-faq .faq-list {
        margin-bottom: 0; } }
  .onpage-faq .faq-contact {
    padding-top: 84px;
    max-width: 1140px;
    margin: 0 auto;
    margin-top: 5rem;
    border-top: 1px solid #ddd; }
    @media (max-width: 767px) {
      .onpage-faq .faq-contact {
        margin-top: 1.5rem;
        padding-top: 5rem; } }
    .onpage-faq .faq-contact h4 {
      margin: auto;
      margin-bottom: 1.125rem;
      font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
      width: 95%; }
      @media (max-width: 767px) {
        .onpage-faq .faq-contact h4 {
          font-size: 0.875rem; } }
    .onpage-faq .faq-contact h2 {
      margin: auto;
      margin-bottom: 0;
      width: 95%; }
      @media (max-width: 767px) {
        .onpage-faq .faq-contact h2 {
          font-size: 1.375rem; } }
    .onpage-faq .faq-contact .contact-methods {
      margin: 2rem auto 4rem; }
      .onpage-faq .faq-contact .contact-methods .contact-icon {
        height: 78px;
        width: 78px; }
      .onpage-faq .faq-contact .contact-methods ul.faq-cat-grid li.faq-cat-item {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media (max-width: 991px) {
          .onpage-faq .faq-contact .contact-methods ul.faq-cat-grid li.faq-cat-item {
            width: 33%; } }
        @media (max-width: 767px) {
          .onpage-faq .faq-contact .contact-methods ul.faq-cat-grid li.faq-cat-item {
            width: 50%; } }
        @media (max-width: 543px) {
          .onpage-faq .faq-contact .contact-methods ul.faq-cat-grid li.faq-cat-item {
            width: 100%; } }
        .onpage-faq .faq-contact .contact-methods ul.faq-cat-grid li.faq-cat-item .item-inner {
          max-width: 350px;
          margin: auto; }
        .onpage-faq .faq-contact .contact-methods ul.faq-cat-grid li.faq-cat-item a.category_link {
          padding: 2rem 1rem 1.5rem; }

#faq .footer-container {
  box-shadow: none; }

.site-overlay.js-active {
  width: 100%;
  height: 100%;
  z-index: 200;
  position: fixed;
  top: 0;
  cursor: pointer; }
  .site-overlay.js-active .topcart_mask {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 59, 113, 0.75);
    opacity: 1;
    transition: opacity .3s ease-out; }
  .site-overlay.js-active .topcart {
    cursor: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1); }

.site-overlay .topcart_mask {
  opacity: 0; }

.site-overlay .topcart {
  position: fixed;
  width: 100%;
  max-width: 400px;
  height: 95%;
  top: 1.35rem;
  padding: 0;
  z-index: 5;
  background: #FFFFFF;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  right: 2.5vw;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
  /** AJAX CART HEADER **/
  /** AJAX CART BODY **/
  /** EMPTY CART **/
  /** CART ITEM **/ }
  .site-overlay .topcart .cart-item-v1 {
    display: none; }
  .site-overlay .topcart .btn-close {
    outline: none; }
  .site-overlay .topcart .topcart-section-top.cart-item-v1 {
    display: none !important; }
  .site-overlay .topcart .ready-remove {
    background-color: #848484; }
    .site-overlay .topcart .ready-remove button {
      background-color: #848484 !important;
      color: #ffffff !important; }
      .site-overlay .topcart .ready-remove button i {
        font-size: 16px; }
      .site-overlay .topcart .ready-remove button:hover {
        background-color: #848484 !important; }
  .site-overlay .topcart.ecosa-v1-topcart .cart-item-v1 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .site-overlay .topcart.ecosa-v1-topcart .topcart-section-top {
    display: none; }
  .site-overlay .topcart.ecosa-v1-topcart .topcart-section-top.cart-item-v1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 1rem;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .site-overlay .topcart.ecosa-v1-topcart .topcart-section-top.cart-item-v1 .topcart-title {
      font-size: 1.1rem;
      font-weight: 500; }
      @media (max-width: 543px) {
        .site-overlay .topcart.ecosa-v1-topcart .topcart-section-top.cart-item-v1 .topcart-title {
          font-size: 1rem; } }
      .site-overlay .topcart.ecosa-v1-topcart .topcart-section-top.cart-item-v1 .topcart-title .cart-item-count {
        color: #e96952; }
    .site-overlay .topcart.ecosa-v1-topcart .topcart-section-top.cart-item-v1 .btn-close {
      padding: 0; }
  @media (max-width: 543px) {
    .site-overlay .topcart.ecosa-v1-topcart .cart-detailed-actions.checkout.top-checkout.cart-item-v1 {
      background: #fff; } }
  .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview {
    height: calc(100% - 48px);
    padding: 0; }
    .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-detailed-actions.top-checkout {
      padding: .5rem;
      border-bottom: 1px solid #e1e1e1; }
    .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items {
      width: 100%; }
      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items {
        padding: 0; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items hr {
          width: 96%;
          margin: 0 auto; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li {
          width: 100%; }
          .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item {
            padding: .8rem .5rem;
            width: 100%;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item > a {
              -webkit-box-flex: 1;
                  -ms-flex: 1;
                      flex: 1; }
            .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-flex: 7;
                  -ms-flex: 7;
                      flex: 7; }
              .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .product-title {
                line-height: 1;
                margin-bottom: .5rem; }
              .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .variant-title {
                line-height: 1;
                margin-bottom: .5rem; }
              .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price {
                padding: 0; }
                .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container {
                  border: 0; }
                  .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                            flex-direction: row;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    -ms-flex-line-pack: center;
                        align-content: center;
                    box-shadow: none;
                    border: 0; }
                    .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin input.js-cart-line-product-quantity.form-control {
                      background-color: #E5E5E5;
                      color: #848484;
                      border-radius: 3px;
                      width: 24px;
                      pointer-events: none; }
                    .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn {
                      float: none;
                      width: 22px;
                      color: #ffffff;
                      background-color: #E5E5E5;
                      border-radius: 3px !important;
                      margin-left: 5px; }
                      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn .btn {
                        color: #ffffff; }
                        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn .btn:hover {
                          background-color: #848484; }
                      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn.ready-remove {
                        background-color: #E5E5E5; }
                        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn.ready-remove button {
                          background-color: #E5E5E5; }
                          .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn.ready-remove button:hover {
                            background-color: #848484; }
                      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn button {
                        border-radius: 3px !important; }
                        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn button i.material-icons {
                          color: #fff;
                          font-size: 16px; }
                        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn button:hover {
                          border-radius: 3px !important; }
                      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .content .quantity-price .quantity-container .input-group.bootstrap-touchspin .input-group-btn:first-of-type {
                        margin-left: 0;
                        margin-right: 5px; }
            .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .price-wrapper {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              line-height: 1;
              padding-top: .3rem; }
              .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .price-wrapper .strikethrough-price {
                text-align: right;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-item-align: end;
                    align-self: flex-end;
                text-decoration: none !important;
                font-size: 0.9rem;
                font-weight: 300;
                color: #666;
                background: linear-gradient(to right bottom, transparent 47.75%, #e96954, #e96954, transparent 52.25%); }
              .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .price-wrapper .purchase-price {
                text-align: right;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-item-align: end;
                    align-self: flex-end;
                color: #10318E;
                font-size: 0.9rem;
                font-weight: 600; }
              .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-all-items .cart-all-items-table .cart-items li .cart-item .price-wrapper .remove-from-cart {
                display: none; }
    .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo {
      padding: 1rem .5rem;
      border-top: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1; }
      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher .promo-name li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher [data-link-action="multi-voucher"] {
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 .5rem; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher [data-link-action="multi-voucher"]:first-of-type {
          display: none; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher [data-link-action="multi-voucher"].collapsed .arrow-down {
          display: none; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher [data-link-action="multi-voucher"].collapsed .arrow-up {
          display: inline-block; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher [data-link-action="multi-voucher"]:hover {
          color: #10318E; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher [data-link-action="multi-voucher"]:focus {
          color: #10318E;
          outline: none; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher [data-link-action="multi-voucher"] .arrow-down {
          display: inline-block; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher [data-link-action="multi-voucher"] .arrow-up {
          display: none; }
      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher #cart-promo-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.2rem;
        padding: 0 .5rem;
        border-bottom: 0; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher #cart-promo-list li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: #EA6852; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher #cart-promo-list li span {
          color: #EA6852; }
      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .block-promo .cart-voucher .promo-code {
        display: none !important; }
    .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .cart-detailed-totals {
      padding: .5rem 0; }
      .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .cart-detailed-totals .cart-row {
        padding: 0.3rem 1rem; }
        .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .cart-detailed-totals .cart-row .label:nth-of-type(2) {
          font-weight: 600; }
    .site-overlay .topcart.ecosa-v1-topcart .topcart-form.cart-overview .cart-details .cart-detailed-actions.checkout {
      padding: 0 1rem;
      margin-bottom: 1rem; }
  .site-overlay .topcart.variation {
    top: 3.25rem;
    height: 90%; }
    @media screen and (max-width: 543px) {
      .site-overlay .topcart.variation {
        top: 0;
        height: 100%; } }
  .site-overlay .topcart .topcart-section-top {
    z-index: 5;
    padding: 1rem;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 544px) {
      .site-overlay .topcart .topcart-section-top {
        border-radius: 8px 8px 0 0; } }
    .site-overlay .topcart .topcart-section-top .topcart-title {
      margin-bottom: 0;
      font-size: 1.25rem; }
  .site-overlay .topcart .btn-close {
    line-height: 21px;
    font-size: 35px;
    color: #10318E;
    border: none;
    background: transparent;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease;
    cursor: pointer; }
    .site-overlay .topcart .btn-close:hover {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
      color: #3f3f3f; }
  .site-overlay .topcart .topcart-form {
    width: 100%;
    border-radius: 0 0 8px 8px;
    top: 48px;
    position: absolute;
    height: 95%;
    /** CART PRODUCT LIST **/
    /** CART DETAILS **/
    /** DISCOUNT CODE INPUT **/
    /** CART TOTAL **/
    /** EXPRESS CHECKOUT CONTAINER **/
    /** PAYPAL EXPRESS CHECKOUT CONTAINER **/
    /** STRIPE EXPRESS CHECKOUT CONTAINER **/ }
    @media (min-width: 544px) {
      .site-overlay .topcart .topcart-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .site-overlay .topcart .topcart-form::-webkit-scrollbar {
      width: 5px; }
    .site-overlay .topcart .topcart-form::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
    .site-overlay .topcart .topcart-form::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey; }
    .site-overlay .topcart .topcart-form .checkout-btn a {
      background-color: #ffc62c;
      color: #10318E;
      border-radius: 8px;
      line-height: 1.75rem;
      font-size: 1.25rem;
      text-transform: none;
      padding: .75rem 1.875rem;
      font-weight: 500; }
      .site-overlay .topcart .topcart-form .checkout-btn a:hover {
        background-color: rgba(255, 198, 44, 0.8); }
    .site-overlay .topcart .topcart-form.express .cart-detailed-actions.flex-div {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .site-overlay .topcart .topcart-form.express .checkout-btn.long {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .site-overlay .topcart .topcart-form.express .checkout-btn.long a {
        width: 100%; }
    .site-overlay .topcart .topcart-form.express .checkout-btn.short {
      display: none; }
    .site-overlay .topcart .topcart-form.express .hr-text {
      display: block;
      margin: 0.1rem 0 !important;
      font-size: 0.9rem;
      color: #6A6A6A; }
    .site-overlay .topcart .topcart-form.express #paypal_express_checkout_container:before {
      display: none; }
    .site-overlay .topcart .topcart-form .hr-text {
      display: none; }
    .site-overlay .topcart .topcart-form .checkout-btn.long {
      display: none; }
    .site-overlay .topcart .topcart-form .checkout-btn.short {
      display: block;
      width: 50%; }
    .site-overlay .topcart .topcart-form .cart-all-items {
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      background-color: #FFFFFF; }
      @media (min-width: 544px) {
        .site-overlay .topcart .topcart-form .cart-all-items {
          height: 100%; } }
      .site-overlay .topcart .topcart-form .cart-all-items::-webkit-scrollbar {
        width: 5px; }
      .site-overlay .topcart .topcart-form .cart-all-items::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
      .site-overlay .topcart .topcart-form .cart-all-items::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey; }
      .site-overlay .topcart .topcart-form .cart-all-items .cart-all-items-table {
        display: block;
        height: 100%;
        width: 100%; }
        .site-overlay .topcart .topcart-form .cart-all-items .cart-all-items-table tbody, .site-overlay .topcart .topcart-form .cart-all-items .cart-all-items-table tr, .site-overlay .topcart .topcart-form .cart-all-items .cart-all-items-table td {
          display: block;
          width: 100%; }
        .site-overlay .topcart .topcart-form .cart-all-items .cart-all-items-table td {
          padding: 0; }
      .site-overlay .topcart .topcart-form .cart-all-items ul.cart-items {
        padding: 0 1rem;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        height: 100%;
        /* @include media-breakpoint-down(sm) {
			max-height: 25vh;
		  } */ }
        .site-overlay .topcart .topcart-form .cart-all-items ul.cart-items li {
          margin: 0; }
        .site-overlay .topcart .topcart-form .cart-all-items ul.cart-items hr {
          margin: 0; }
        .site-overlay .topcart .topcart-form .cart-all-items ul.cart-items::-webkit-scrollbar {
          width: 5px; }
        .site-overlay .topcart .topcart-form .cart-all-items ul.cart-items::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
        .site-overlay .topcart .topcart-form .cart-all-items ul.cart-items::-webkit-scrollbar-thumb {
          background-color: darkgrey;
          outline: 1px solid slategrey; }
    .site-overlay .topcart .topcart-form .cart-details {
      margin-top: .5rem; }
      .site-overlay .topcart .topcart-form .cart-details > div:last-of-type {
        border-radius: 0 0 8px 8px; }
    .site-overlay .topcart .topcart-form .block-promo {
      /*background: $brand-primary;*/ }
      .site-overlay .topcart .topcart-form .block-promo .cart-summary-line {
        margin-bottom: 0; }
        .site-overlay .topcart .topcart-form .block-promo .cart-summary-line .label {
          color: #10318E; }
        .site-overlay .topcart .topcart-form .block-promo .cart-summary-line .voucher-value {
          float: right; }
      .site-overlay .topcart .topcart-form .block-promo .cart-voucher {
        /*background: $gray-light;*/ }
        .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-name {
          /*color:$brand-primary;*/
          margin-bottom: 0;
          /*background: $brand-primary;*/ }
          .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-name li.cart-summary-line {
            margin: 0;
            padding: 0 1rem; }
            .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-name li.cart-summary-line:not(:last-of-type) {
              border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
          .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-name.error {
            display: none;
            background: #ff4c4c; }
            .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-name.error.show {
              display: block; }
            .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-name.error span {
              color: #FFF;
              line-height: 25px; }
          .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-name.promo_hide {
            display: none; }
        .site-overlay .topcart .topcart-form .block-promo .cart-voucher a.promo-code-button {
          color: #10318E;
          padding: 0.5rem 1.25rem;
          margin-bottom: 0;
          background: #f3f3f3;
          width: 100%; }
        .site-overlay .topcart .topcart-form .block-promo .cart-voucher [data-link-action="multi-voucher"] {
          width: 100%;
          padding: 0 .5rem; }
        .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-code {
          padding: 0.5rem;
          height: 50px; }
          .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-code.in {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
          .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-code form[data-link-action="add-voucher"] {
            width: 100%; }
            .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-code form[data-link-action="add-voucher"] a {
              padding: 0 .5rem; }
          .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-code .promo-code-wrapper {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row; }
            .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-code .promo-code-wrapper input.promo-input {
              width: 70%;
              border: 1px solid #fff;
              border-radius: 8px 0 0 8px;
              border-right: 0;
              height: 2rem; }
            .site-overlay .topcart .topcart-form .block-promo .cart-voucher .promo-code .promo-code-wrapper button[type="submit"] {
              width: 30%;
              border-radius: 0 8px 8px 0px;
              margin-top: 0;
              box-shadow: none;
              padding: 5.2px 0;
              line-height: 1em;
              background: #10318E;
              height: 2rem; }
    .site-overlay .topcart .topcart-form .cart-detailed-totals {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      /*span.label{
          margin-bottom: 5px;
          display: block;
          text-align: center;
        }*/ }
      .site-overlay .topcart .topcart-form .cart-detailed-totals > div.card-block:nth-child(1) {
        border-right: 1px solid #f3f3f3; }
      .site-overlay .topcart .topcart-form .cart-detailed-totals > .card-block {
        width: 50%;
        display: inline-block;
        float: left;
        text-align: center;
        padding: 0.2rem 0.2rem 0 0.2rem;
        margin: 0.3rem 0;
        border-radius: 0;
        background-color: #fafafa; }
        .site-overlay .topcart .topcart-form .cart-detailed-totals > .card-block #cart-subtotal-products {
          display: none; }
        .site-overlay .topcart .topcart-form .cart-detailed-totals > .card-block #cart-subtotal-discount {
          /*display:none;*/ }
      .site-overlay .topcart .topcart-form .cart-detailed-totals .block-promo {
        display: none; }
      .site-overlay .topcart .topcart-form .cart-detailed-totals hr.separator {
        display: none; }
      .site-overlay .topcart .topcart-form .cart-detailed-totals .cart-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 1rem; }
        .site-overlay .topcart .topcart-form .cart-detailed-totals .cart-row span {
          width: 50%;
          color: #10318E; }
        .site-overlay .topcart .topcart-form .cart-detailed-totals .cart-row span:nth-child(1) {
          text-align: left; }
        .site-overlay .topcart .topcart-form .cart-detailed-totals .cart-row span:nth-child(2) {
          text-align: right; }
      .site-overlay .topcart .topcart-form .cart-detailed-totals span.value {
        margin-bottom: 5px;
        display: block;
        float: none;
        color: #10318E;
        font-size: 22px;
        font-weight: 600; }
    .site-overlay .topcart .topcart-form .cart-detailed-actions {
      padding: 1rem 0.5rem;
      padding-bottom: 1.5rem; }
      .site-overlay .topcart .topcart-form .cart-detailed-actions p {
        margin-top: 0.3125rem;
        text-align: center;
        cursor: default; }
    .site-overlay .topcart .topcart-form .express-checkout-container {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .site-overlay .topcart .topcart-form .express-checkout-container .express_checkout_item {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -ms-flex-preferred-size: 0;
            flex-basis: 0; }
        .site-overlay .topcart .topcart-form .express-checkout-container .express_checkout_item:first-of-type + .express_checkout_item {
          /* transparent border for flex-item spacing */
          border-left: 5px solid transparent; }
    .site-overlay .topcart .topcart-form #paypal_express_checkout_container:before {
      position: absolute;
      display: block;
      background-color: #fff;
      font-size: 0.5rem;
      color: #6A6A6A;
      left: -6px;
      top: 23%;
      content: "OR"; }
    .site-overlay .topcart .topcart-form #paypal_express_checkout_container #paypal_express_checkout_button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #ffc439;
      color: #111;
      max-height: 42px;
      padding: 0.5rem;
      margin: 0 auto; }
      .site-overlay .topcart .topcart-form #paypal_express_checkout_container #paypal_express_checkout_button:hover, .site-overlay .topcart .topcart-form #paypal_express_checkout_container #paypal_express_checkout_button:focus {
        background: #ffbb1d; }
      .site-overlay .topcart .topcart-form #paypal_express_checkout_container #paypal_express_checkout_button svg {
        max-height: 26px; }
      .site-overlay .topcart .topcart-form #paypal_express_checkout_container #paypal_express_checkout_button .paypal-button-text {
        text-transform: none;
        font-size: 11px;
        font-weight: bold;
        padding: 0.15rem 0; }
    .site-overlay .topcart .topcart-form #stripe_express_checkout_container.loading .load-spin {
      position: relative;
      top: 25%;
      border-color: #10318E #10318E transparent transparent; }
    .site-overlay .topcart .topcart-form #stripe_express_checkout_container #stripe-payment-request-button {
      box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
      background: #32325d;
      border-radius: 4px; }
    .site-overlay .topcart .topcart-form #stripe_express_checkout_container #stripe-google-pay-button {
      background-color: #000;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='17'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M19.526 2.635v4.083h2.518c.6 0 1.096-.202 1.488-.605.403-.402.605-.882.605-1.437 0-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0 5.52v4.736h-1.504V1.198h3.99c1.013 0 1.873.337 2.582 1.012.72.675 1.08 1.497 1.08 2.466 0 .991-.36 1.819-1.08 2.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668 2.287c0 .392.166.718.499.98.332.26.722.391 1.168.391.633 0 1.196-.234 1.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61 0-1.12.148-1.528.442-.409.294-.613.657-.613 1.093m1.946-5.815c1.112 0 1.989.297 2.633.89.642.594.964 1.408.964 2.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45 1.372-2.486 1.372-.882 0-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96 0-.828.313-1.486.94-1.976s1.463-.735 2.51-.735c.892 0 1.629.163 2.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132 2.132 0 0 0-1.455-.547c-.84 0-1.504.353-1.995 1.062l-1.324-.834c.73-1.045 1.81-1.568 3.238-1.568m11.853.262l-5.02 11.53H34.42l1.864-4.034-3.302-7.496h1.635l2.387 5.749h.032l2.322-5.75z' fill='%23FFF'/%3E%3Cpath d='M13.448 7.134c0-.473-.04-.93-.116-1.366H6.988v2.588h3.634a3.11 3.11 0 0 1-1.344 2.042v1.68h2.169c1.27-1.17 2.001-2.9 2.001-4.944' fill='%234285F4'/%3E%3Cpath d='M6.988 13.7c1.816 0 3.344-.595 4.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754 0-3.244-1.182-3.776-2.774H.978v1.731a6.728 6.728 0 0 0 6.01 3.703' fill='%2334A853'/%3E%3Cpath d='M3.212 8.267a4.034 4.034 0 0 1 0-2.572V3.964H.978A6.678 6.678 0 0 0 .261 6.98c0 1.085.26 2.11.717 3.017l2.234-1.731z' fill='%23FABB05'/%3E%3Cpath d='M6.988 2.921c.992 0 1.88.34 2.58 1.008v.001l1.92-1.918C10.324.928 8.804.262 6.989.262a6.728 6.728 0 0 0-6.01 3.702l2.234 1.731c.532-1.592 2.022-2.774 3.776-2.774' fill='%23E94235'/%3E%3C/g%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-position: 50% 65%;
      background-size: 58px;
      cursor: pointer;
      outline: 0;
      width: 100%;
      min-height: 42px;
      border-radius: 4px;
      box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2); }
    .site-overlay .topcart .topcart-form #stripe_express_checkout_container #stripe-google-pay-button:hover {
      background-color: #3c4043; }
  .site-overlay .topcart .empty-cart {
    padding: 1rem;
    text-align: center; }
    .site-overlay .topcart .empty-cart span.no-items {
      display: block;
      font-size: 1.25rem;
      color: #6A6A6A;
      margin-bottom: 2.5rem;
      margin-top: 1rem; }
    .site-overlay .topcart .empty-cart a {
      width: 100%;
      text-transform: initial;
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
  .site-overlay .topcart .cart-item {
    overflow: hidden;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    position: relative;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    transition: opacity 0.2s ease-in-out; }
    .site-overlay .topcart .cart-item a:first-of-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .site-overlay .topcart .cart-item .thumbnail {
      width: 80px;
      aspect-ratio: 4 / 3;
      border-radius: 3px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: left;
      background-color: #ffffff; }
      @media (max-width: 543px) {
        .site-overlay .topcart .cart-item .thumbnail {
          width: 50px;
          height: 50px; } }
    .site-overlay .topcart .cart-item .content {
      width: 100%;
      padding-left: 0.75rem; }
      .site-overlay .topcart .cart-item .content .cart-row {
        clear: both; }
      .site-overlay .topcart .cart-item .content .title {
        font-weight: 600;
        float: left;
        max-width: 190px; }
      .site-overlay .topcart .cart-item .content .variant-title {
        font-size: 0.9rem;
        color: #323232; }
        .site-overlay .topcart .cart-item .content .variant-title span {
          display: block;
          line-height: 1rem; }
      .site-overlay .topcart .cart-item .content .cart-row.quantity-price {
        padding-top: 5px; }
      .site-overlay .topcart .cart-item .content .quantity-container {
        border: 1px solid #deeff9;
        float: left;
        border-radius: 3px; }
        .site-overlay .topcart .cart-item .content .quantity-container.no-border {
          border: none; }
      .site-overlay .topcart .cart-item .content .price-wrapper {
        text-align: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: absolute;
        right: 0; }
        .site-overlay .topcart .cart-item .content .price-wrapper .strikethrough-price {
          font-size: 0.9rem;
          font-weight: 600;
          color: #666;
          text-decoration: line-through; }
        .site-overlay .topcart .cart-item .content .price-wrapper .purchase-price {
          color: #10318E;
          font-weight: 600; }
      .site-overlay .topcart .cart-item .content .input-group {
        font-family: monospace;
        border-radius: 3px; }
        .site-overlay .topcart .cart-item .content .input-group .input-group-btn {
          text-align: center;
          float: left;
          height: 21px;
          width: 25px; }
          .site-overlay .topcart .cart-item .content .input-group .input-group-btn > .btn {
            color: #10318E;
            line-height: 16px;
            padding: 0;
            background: transparent;
            font-size: 18px;
            width: 100%;
            height: 100%;
            float: left; }
            .site-overlay .topcart .cart-item .content .input-group .input-group-btn > .btn:hover {
              background-color: #10318E;
              color: #fff; }
          .site-overlay .topcart .cart-item .content .input-group .input-group-btn:first-of-type {
            border-radius: 2px 0 0 2px; }
          .site-overlay .topcart .cart-item .content .input-group .input-group-btn:last-of-type {
            border-radius: 0 2px 2px 0; }
          .site-overlay .topcart .cart-item .content .input-group .input-group-btn:first-of-type .btn:hover {
            border-radius: 3px 0 0 3px; }
          .site-overlay .topcart .cart-item .content .input-group .input-group-btn:last-of-type .btn:hover {
            border-radius: 0 3px 3px 0; }
        .site-overlay .topcart .cart-item .content .input-group input {
          width: 38px;
          height: 21px;
          float: left;
          padding: 0;
          border: none;
          border-radius: 0;
          text-align: center;
          -moz-appearance: textfield;
          background: transparent;
          border-left: 1px solid #deeff9;
          border-right: 1px solid #deeff9; }
    .site-overlay .topcart .cart-item .price-wrapper .remove-from-cart {
      color: #999;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .site-overlay .topcart .cart-item .price-wrapper .remove-from-cart i {
        font-size: 20px; }
    .site-overlay .topcart .cart-item .price-wrapper .strikethrough-price {
      font-size: 0.9rem;
      font-weight: 600;
      color: #666;
      text-decoration: line-through; }
    .site-overlay .topcart .cart-item .price-wrapper .purchase-price {
      color: #10318E;
      font-weight: 600; }

@media (max-width: 543px) {
  .site-overlay .topcart {
    height: 100%;
    width: 100%;
    max-width: 100%;
    top: 0;
    right: 0;
    border-radius: 0; }
  .site-overlay .topcart-section-top {
    border-radius: 0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
  .site-overlay .topcart-form {
    border-radius: 0 !important;
    overflow-y: auto;
    height: calc(var(--ch, 1vh) * 100) !important; }
  .site-overlay .cart-details {
    margin-bottom: 3rem; } }

/** DISCOUNT INPUT BOX **/
.block-promo .promo-code {
  padding: 1.20rem; }
  .block-promo .promo-code .alert-danger {
    position: relative;
    margin-top: 1.25rem;
    /*background: $brand-danger;*/
    color: white;
    display: none; }
    .block-promo .promo-code .alert-danger::after {
      bottom: 100%;
      left: 10%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-bottom-color: #ff4c4c;
      border-width: 10px;
      margin-left: -10px; }

.block-promo .promo-input {
  color: #323232;
  border: #6A6A6A 1px solid;
  height: 2.5rem;
  text-indent: 0.625rem;
  width: 75%; }
  .block-promo .promo-input + button {
    text-transform: capitalize; }

.block-promo .cart-summary-line .label,
.block-promo .promo-name {
  color: #ff9a52;
  font-weight: 400; }
  .block-promo .cart-summary-line .label a,
  .block-promo .promo-name a {
    font-weight: 400;
    color: #323232;
    display: inline-block; }

.block-promo .promo-code-button {
  padding-left: 1.25rem;
  margin-bottom: 1.25rem;
  display: inline-block; }

.block-promo.promo-highlighted {
  padding: 1.25rem;
  padding-bottom: 0;
  margin-bottom: 0; }

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.cart-loading-spinner {
  display: none;
  background-color: #757070;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: .4;
  z-index: 999; }
  .cart-loading-spinner .spinner-border {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid #ffffff;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
            animation: spinner-border .75s linear infinite; }

@media screen and (max-height: 700px) {
  .site-overlay.js-active .topcart-form {
    overflow-y: auto; }
    .site-overlay.js-active .topcart-form .cart-all-items {
      display: table; } }

/** PRODUCT RECOMENDATION **/
.cart-suggest-items-wrapper {
  margin: 1rem 0.8rem 0.5rem !important; }
  .cart-suggest-items-wrapper .cart-suggest-items .cart-recommend-title {
    color: #10318E;
    margin-bottom: .3rem; }
  .cart-suggest-items-wrapper .cart-suggest-items .suggest-item {
    background-color: #fafafa;
    border-radius: 8px;
    margin: 0; }
    .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap {
      padding: 0; }
      .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 4%;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        max-height: 6.5rem; }
        .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-image-link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
          .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-image-link .item-thumb {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 85px;
            height: 85px;
            vertical-align: middle;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 3px; }
            @media (max-width: 543px) {
              .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-image-link .item-thumb {
                width: 75px;
                height: 75px; } }
        .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-details {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 3;
              -ms-flex-positive: 3;
                  flex-grow: 3;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          line-height: 1;
          text-align: left;
          padding: 0 .5rem; }
          .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-details .item-name {
            font-size: 1rem;
            text-align: left;
            margin-bottom: .3rem; }
          .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-details .variant-title {
            font-size: .95rem;
            margin-bottom: .3rem; }
          .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-details .add-suggest-item {
            cursor: pointer;
            text-transform: initial;
            border-radius: 8px;
            border: none;
            color: #ffffff;
            background-color: #10318E;
            white-space: inherit;
            padding: .4rem 2.5rem; }
            .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-details .add-suggest-item:hover {
              opacity: .8; }
            .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-details .add-suggest-item .add-recommend-product {
              display: inline-block; }
            .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .item-details .add-suggest-item .swiper-wrapper {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
        .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .recommend-product-price {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-item-align: start;
              align-self: flex-start;
          text-align: right;
          line-height: 1;
          margin-top: .3rem;
          font-weight: 600; }
          .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .recommend-product-price .recommend-product-final-price {
            color: #10318E; }
          .cart-suggest-items-wrapper .cart-suggest-items .suggest-item .suggest-item-content-wrap .item-block .recommend-product-price .strikethrough-price {
            text-decoration: none !important;
            color: #666;
            font-weight: 300;
            background: linear-gradient(to right bottom, transparent 47.75%, #e96954, #e96954, transparent 52.25%); }
  .cart-suggest-items-wrapper .cart-suggest-items .recommend-product-scrollbar {
    text-align: center; }
    .cart-suggest-items-wrapper .cart-suggest-items .recommend-product-scrollbar.disabled {
      visibility: hidden; }
    .cart-suggest-items-wrapper .cart-suggest-items .recommend-product-scrollbar .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #000;
      opacity: .4; }

.mattress-survey .main-header {
  background-color: #E6EFF8;
  padding: 2rem 0rem; }
  .mattress-survey .main-header .main-title {
    max-width: 700px;
    margin: 0 auto;
    padding: 0.5rem; }
  .mattress-survey .main-header .main-content .flex-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .mattress-survey .main-header .main-content .flex-div .iwt-image h3 {
      text-align: center; }
    .mattress-survey .main-header .main-content .flex-div .iwt-image.left svg {
      margin-right: 1.5rem; }
    .mattress-survey .main-header .main-content .flex-div .iwt-image.right svg {
      margin-left: 1.5rem; }
    .mattress-survey .main-header .main-content .flex-div .iwt-content {
      text-align: center;
      margin: 1rem;
      padding: 0; }
      .mattress-survey .main-header .main-content .flex-div .iwt-content h1 {
        font-size: 180px;
        margin: 0; }
        @media (max-width: 1199px) {
          .mattress-survey .main-header .main-content .flex-div .iwt-content h1 {
            font-size: 6.5rem !important; } }
        @media (max-width: 991px) {
          .mattress-survey .main-header .main-content .flex-div .iwt-content h1 {
            font-size: 5rem !important; } }
        @media (max-width: 767px) {
          .mattress-survey .main-header .main-content .flex-div .iwt-content h1 {
            font-size: 3.5rem !important; } }
        @media (max-width: 543px) {
          .mattress-survey .main-header .main-content .flex-div .iwt-content h1 {
            font-size: 2rem !important; } }
    @media (min-width: 544px) {
      .mattress-survey .main-header .main-content .flex-div .iwt-image {
        width: 40%; }
      .mattress-survey .main-header .main-content .flex-div .iwt-content {
        width: 20%; } }
    @media (max-width: 543px) {
      .mattress-survey .main-header .main-content .flex-div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .mattress-survey .main-header .main-content .flex-div .iwt-image, .mattress-survey .main-header .main-content .flex-div .iwt-content {
          width: 100%; } }
  .mattress-survey .main-header .main-content p {
    color: #10318E;
    text-align: center;
    padding: 1rem; }

.mattress-survey .survey-questions .flex-div.container {
  padding: 0.5rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .mattress-survey .survey-questions .flex-div.container .flex-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .mattress-survey .survey-questions .flex-div.container svg {
    padding-bottom: 1rem; }
  .mattress-survey .survey-questions .flex-div.container p {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    max-width: 200px;
    text-align: center;
    color: #10318E;
    font-weight: 600; }
  @media (max-width: 543px) {
    .mattress-survey .survey-questions .flex-div.container svg {
      height: 60px; }
    .mattress-survey .survey-questions .flex-div.container p {
      font-size: 0.9rem; } }

.mattress-survey .survey-questions .standard-wrapper h3 {
  color: #e96952;
  margin-bottom: 1.5rem; }

.mattress-survey .survey-questions .standard-wrapper p {
  color: #10318E;
  text-align: center; }

.mattress-survey .survey-questions .standard-wrapper .btn {
  margin-top: 1rem; }

.mattress-survey .mattress-types {
  background: #E6EFF8; }
  .mattress-survey .mattress-types h3 {
    color: #e96952;
    margin-bottom: 1.5rem; }
  .mattress-survey .mattress-types p {
    color: #10318E;
    text-align: center; }
  .mattress-survey .mattress-types .type-stats {
    position: relative;
    padding: 2rem 0;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .mattress-survey .mattress-types .type-chart {
    margin: 1rem; }
    .mattress-survey .mattress-types .type-chart:before, .mattress-survey .mattress-types .type-chart:after {
      content: "";
      position: absolute;
      width: 12%;
      top: 172px; }
    .mattress-survey .mattress-types .type-chart:before {
      border: 2.5px solid #e96952;
      left: 27%; }
    .mattress-survey .mattress-types .type-chart:after {
      border: 2.5px solid #44719A;
      right: 27%; }
    @media (max-width: 1199px) {
      .mattress-survey .mattress-types .type-chart:before {
        left: 29.5%; }
      .mattress-survey .mattress-types .type-chart:after {
        right: 29.5%; } }

@media (min-width: 544px) and (max-width: 991px) {
  .mattress-survey .mattress-types .type-chart:before {
    display: none; }
  .mattress-survey .mattress-types .type-chart:after {
    display: none; } }
    @media (max-width: 767px) {
      .mattress-survey .mattress-types .type-chart {
        margin: 3rem; }
        .mattress-survey .mattress-types .type-chart:before, .mattress-survey .mattress-types .type-chart:after {
          width: 0;
          left: 50%;
          height: 10%; }
        .mattress-survey .mattress-types .type-chart:before {
          top: 202px; }
        .mattress-survey .mattress-types .type-chart:after {
          top: 446px; }
        .mattress-survey .mattress-types .type-chart svg {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); } }
  .mattress-survey .mattress-types .type-box {
    padding: 1rem;
    width: 250px;
    background: #fff; }
    .mattress-survey .mattress-types .type-box h5 {
      margin: 0;
      font-weight: 400; }
    .mattress-survey .mattress-types .type-box b {
      line-height: 1.5em;
      font-size: 2rem;
      color: #10318E; }
    .mattress-survey .mattress-types .type-box p {
      margin-bottom: 0; }
    .mattress-survey .mattress-types .type-box .type-icon {
      margin-top: -5rem; }
    .mattress-survey .mattress-types .type-box .keywords {
      color: #e96952; }
    .mattress-survey .mattress-types .type-box.memory-foam {
      border: 5px solid #e96952;
      border-radius: 8px; }
    .mattress-survey .mattress-types .type-box.spring {
      border: 5px solid #44719A;
      border-radius: 8px; }

.mattress-survey .mattress-age {
  background: #D8E3F5;
  padding: 2rem 0.5rem; }
  .mattress-survey .mattress-age h3 {
    color: #e96952;
    margin-bottom: 1.5rem; }
  .mattress-survey .mattress-age p {
    color: #10318E;
    text-align: center; }
  .mattress-survey .mattress-age .container {
    padding: 0; }
  .mattress-survey .mattress-age .table-content {
    overflow-x: auto;
    max-width: 900px;
    margin: 0 auto; }
  .mattress-survey .mattress-age .area-wrapper {
    padding: 1rem 0; }
    .mattress-survey .mattress-age .area-wrapper h4 {
      font-family: "nimbus-sans",'Noto Sans JP',microsoft jhenghei,sans-serif;
      font-weight: 400; }
    .mattress-survey .mattress-age .area-wrapper .area-name {
      color: #e96952;
      font-weight: 600; }
    .mattress-survey .mattress-age .area-wrapper table {
      color: #10318E;
      width: 100%;
      margin: 0 auto;
      background: #fff;
      border-radius: 8px;
      table-layout: fixed; }
      .mattress-survey .mattress-age .area-wrapper table thead th {
        text-align: center; }
      .mattress-survey .mattress-age .area-wrapper table thead th[rowspan] {
        text-align: left;
        width: 12rem;
        border-bottom: 1px solid #D7E2F3; }
        @media (max-width: 767px) {
          .mattress-survey .mattress-age .area-wrapper table thead th[rowspan] {
            width: 8rem; } }
        @media (max-width: 543px) {
          .mattress-survey .mattress-age .area-wrapper table thead th[rowspan] {
            width: 4rem; } }
        .mattress-survey .mattress-age .area-wrapper table thead th[rowspan] h5 {
          margin: 0;
          padding: 0.5rem; }
          @media (min-width: 544px) {
            .mattress-survey .mattress-age .area-wrapper table thead th[rowspan] h5 {
              padding-left: 1rem; } }
      .mattress-survey .mattress-age .area-wrapper table thead th[colspan] {
        border-bottom: 1px solid #D7E2F3; }
        .mattress-survey .mattress-age .area-wrapper table thead th[colspan] h5 {
          text-align: center;
          padding: 0.75rem;
          margin: 0; }
      .mattress-survey .mattress-age .area-wrapper table thead tr:last-child {
        padding: 0.5rem 0;
        border-bottom: 1px solid #D7E2F3; }
      .mattress-survey .mattress-age .area-wrapper table tbody tr:not(:last-child) {
        border-bottom: 1px solid #D7E2F3; }
      .mattress-survey .mattress-age .area-wrapper table tbody tr:nth-child(odd) {
        background: #ecf1f9; }
      .mattress-survey .mattress-age .area-wrapper table tbody tr:last-child td:first-child {
        border-radius: 0 0 0 8px; }
      .mattress-survey .mattress-age .area-wrapper table tbody tr:last-child td:last-child {
        border-radius: 0 0 8px 0; }
      .mattress-survey .mattress-age .area-wrapper table tbody tr td {
        padding: 0.5rem; }
        .mattress-survey .mattress-age .area-wrapper table tbody tr td:first-child {
          text-align: left; }
          @media (min-width: 544px) {
            .mattress-survey .mattress-age .area-wrapper table tbody tr td:first-child {
              padding-left: 1rem; } }
    .mattress-survey .mattress-age .area-wrapper .area-description {
      padding: 2rem 0; }
      .mattress-survey .mattress-age .area-wrapper .area-description p {
        margin: 0 auto; }
      .mattress-survey .mattress-age .area-wrapper .area-description b {
        color: #10318E; }

.mattress-survey .key-findings {
  background: #10318E;
  padding: 6rem 0 4rem 0; }
  .mattress-survey .key-findings .card-block {
    max-width: 800px;
    margin: 0 auto; }
    .mattress-survey .key-findings .card-block svg {
      margin-top: -5rem; }
    .mattress-survey .key-findings .card-block h3 {
      margin-bottom: 2rem; }
    .mattress-survey .key-findings .card-block h4 {
      color: #e96952;
      margin: 1.5rem 0; }
    .mattress-survey .key-findings .card-block p {
      color: #10318E;
      text-align: center; }

.mattress-firm .page-hero {
  position: relative;
  height: 65vh;
  padding-top: 0 !important;
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/firm/hero-bg.jpg?auto=compress,format&ch=Width,DPR") no-repeat left center;
  background-size: cover; }
  .mattress-firm .page-hero h1, .mattress-firm .page-hero h2, .mattress-firm .page-hero p {
    color: #fff;
    text-align: left; }
  .mattress-firm .page-hero .hero-content {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 30%;
    right: 15%;
    text-align: left; }
    @media (max-width: 543px) {
      .mattress-firm .page-hero .hero-content {
        top: 60%; } }

.mattress-firm .firm-reasons {
  background: #10318E;
  padding: 2rem 0 0 0; }
  .mattress-firm .firm-reasons .card-block.container {
    width: 95%;
    padding: 0;
    z-index: 1;
    position: relative; }
  .mattress-firm .firm-reasons .header {
    display: block;
    background: #b0c8e8; }
  .mattress-firm .firm-reasons .flex-div {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .mattress-firm .firm-reasons .wrapper-image {
    width: 50%;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
    .mattress-firm .firm-reasons .wrapper-image img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: left bottom;
         object-position: left bottom;
      height: 100%;
      width: 100%;
      border-radius: 0 0 0 8px; }
  .mattress-firm .firm-reasons .wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    width: 50%;
    background-color: #FCFCFC;
    border-radius: 0 0 8px 8px; }
    @media (max-width: 767px) {
      .mattress-firm .firm-reasons .wrapper-content {
        width: 100%; } }
  .mattress-firm .firm-reasons .reason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 1rem; }
  .mattress-firm .firm-reasons p {
    color: #10318E;
    margin-bottom: 0;
    text-align: left; }

.mattress-firm .guarantee {
  position: relative;
  background: #fff;
  padding: 6rem 0 0 0;
  margin-top: -5rem;
  margin-bottom: -10rem; }
  .mattress-firm .guarantee .container {
    width: 95%;
    padding: 0; }
  .mattress-firm .guarantee .guarantee-item-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .mattress-firm .guarantee .guarantee-item {
    padding: 0.5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
    .mattress-firm .guarantee .guarantee-item span {
      padding: 1rem 0; }
      @media (max-width: 543px) {
        .mattress-firm .guarantee .guarantee-item span {
          padding: 0.5rem 0;
          font-size: 1rem; } }
  .mattress-firm .guarantee .standard-wrapper {
    min-height: 230px; }
    .mattress-firm .guarantee .standard-wrapper img {
      position: relative;
      z-index: 1; }

.mattress-firm .firmness-layers {
  position: relative;
  padding: 12rem 0 2rem 0;
  background: #D7E3F4; }
  @media (max-width: 543px) {
    .mattress-firm .firmness-layers {
      padding: 7rem 0 2rem 0; } }
  .mattress-firm .firmness-layers .card-block.container {
    padding: 0;
    width: 95%;
    margin: 0 auto; }
  .mattress-firm .firmness-layers .header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .mattress-firm .firmness-layers .info {
    background: #F5F5F3;
    border-radius: 0 0 8px 8px; }
    .mattress-firm .firmness-layers .info p {
      color: #10318E;
      text-align: center; }
  .mattress-firm .firmness-layers .firmness-levels {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start; }
    @media (max-width: 543px) {
      .mattress-firm .firmness-layers .firmness-levels {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .mattress-firm .firmness-layers .firmness-levels .level {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 100%; }
      .mattress-firm .firmness-layers .firmness-levels .level h5 {
        margin: 2rem 0; }
      .mattress-firm .firmness-layers .firmness-levels .level li {
        list-style-type: initial;
        color: #10318E;
        max-width: 100%; }
      @media (max-width: 543px) {
        .mattress-firm .firmness-layers .firmness-levels .level svg {
          height: 100px; } }

.mattress-firm .reviews-slider {
  padding: 2rem 0;
  background: #D7E3F4; }

.mattress-firm .page-footer {
  position: relative;
  height: 65vh; }
  .mattress-firm .page-footer .hero-image {
    position: absolute;
    width: 100%;
    height: 100%; }
    .mattress-firm .page-footer .hero-image img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 20% bottom;
         object-position: 20% bottom;
      height: 100%;
      width: 100%; }
  .mattress-firm .page-footer .hero-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: linear-gradient(0deg, transparent 0, transparent 0, transparent 0, #fff 150%); }

@media (min-width: 768px) {
  .mattress-firm .guarantee-item .item-title {
    height: 90px; } }

@media (max-width: 543px) {
  .mattress-firm .guarantee-item {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 100% !important;
            flex: 1 0 100% !important; }
    .mattress-firm .guarantee-item .item-title {
      height: initial; } }

@media (max-width: 991px) {
  .mattress-firm .guarantee-item {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 50% !important;
            flex: 1 0 50% !important; }
    .mattress-firm .guarantee-item .item-title {
      height: 60px; } }

.mattress-single .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/single-size/hero-bg.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; }
  @media (max-width: 543px) {
    .mattress-single .page-hero {
      background: linear-gradient(180deg, transparent 0, transparent -100%, transparent 0, #fff 100%), url("https://ecosaau.imgix.net/img/mattress/single-size/hero-bg.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; } }

.mattress-long-single .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/single-size/hero-bg.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; }
  @media (max-width: 543px) {
    .mattress-long-single .page-hero {
      background: linear-gradient(180deg, transparent 0, transparent -100%, transparent 0, #fff 100%), url("https://ecosaau.imgix.net/img/mattress/single-size/hero-bg.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; } }

.mattress-queen .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/queen-size/hero-bg.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; }

.mattress-king .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/memoryfoam/perfect_sleep.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; }

.mattress-super-king .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/memoryfoam/perfect_sleep.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; }

.mattress-california-king .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/memoryfoam/perfect_sleep.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; }

.mattress-double .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/double-size/hero.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; }

.mattress-king-single .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/king-single-size/hero.jpg?auto=compress,format&ch=Width,DPR&w=2560") no-repeat top center; }

.mattress-sizes .page-hero {
  position: relative;
  height: 85vh;
  min-height: 550px;
  max-height: 600px;
  padding-top: 0 !important;
  background-size: cover; }
  .mattress-sizes .page-hero h2, .mattress-sizes .page-hero p {
    color: #10318E;
    text-align: left; }
  .mattress-sizes .page-hero .hero-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 500px;
    height: 100%;
    text-align: left;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 543px) {
      .mattress-sizes .page-hero .hero-content {
        left: 0;
        text-align: center; }
        .mattress-sizes .page-hero .hero-content h2, .mattress-sizes .page-hero .hero-content p {
          text-align: center; } }

.mattress-sizes .aggregateRating > div {
  padding-bottom: 1rem; }

.mattress-sizes .aggregateRating i {
  color: #ffd200;
  width: .8em; }

.mattress-sizes .aggregateRating .display {
  display: inline-block;
  vertical-align: middle;
  color: #10318E;
  padding-left: .25rem; }

.mattress-sizes .features-overview-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0; }
  .mattress-sizes .features-overview-wrapper.hidden-xs-down .features-overview-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    position: relative;
    padding: 1rem; }

.mattress-sizes .features-overview-item .card-block {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.mattress-sizes .features-overview-item .icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .mattress-sizes .features-overview-item .icon a .feature-icon {
    height: 80px;
    top: -50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    position: absolute;
    z-index: 1; }
  .mattress-sizes .features-overview-item .icon a h3 {
    font-size: 1.175rem;
    margin-top: 1.5rem;
    width: 100%; }
  .mattress-sizes .features-overview-item .icon a p {
    margin: 30px 0 0 0;
    color: #FFF;
    text-align: center; }

.mattress-sizes .features-overview-item .feature-content p {
  text-align: center;
  margin: 0; }

.mattress-sizes .dimension {
  padding: 2rem 0; }
  .mattress-sizes .dimension .card-block.container {
    width: 95%;
    padding: 0; }
  .mattress-sizes .dimension .header {
    display: block;
    background: #b0c8e8; }
  .mattress-sizes .dimension .info {
    padding: 2rem 1rem; }
  .mattress-sizes .dimension .size-row {
    padding: 2rem 0rem;
    /* padding: 1rem 0;
	  justify-content: space-around;
	  .size {
		padding: 2rem;
		svg {
		  margin: 1rem 0;
		}
	    &:first-of-type, &:last-of-type {
		  p {
		    color: rgba(0, 59, 113, .3);
		  }
		}
	  } */ }
    .mattress-sizes .dimension .size-row .flex-div {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .mattress-sizes .dimension .size-row .flex-div .left-wrapper {
        text-align: left;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 10%;
                flex: 1 0 10%; }
        .mattress-sizes .dimension .size-row .flex-div .left-wrapper a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
      .mattress-sizes .dimension .size-row .flex-div .right-wrapper {
        text-align: right;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 10%;
                flex: 1 0 10%; }
        .mattress-sizes .dimension .size-row .flex-div .right-wrapper a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
      .mattress-sizes .dimension .size-row .flex-div .center-wrapper {
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 80%;
                flex: 1 0 80%; }
      @media (max-width: 767px) {
        .mattress-sizes .dimension .size-row .flex-div .left-wrapper {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          padding: 1rem 0;
          position: relative;
          -webkit-box-flex: 1;
              -ms-flex: 1 0 50%;
                  flex: 1 0 50%; }
        .mattress-sizes .dimension .size-row .flex-div .right-wrapper {
          -webkit-box-ordinal-group: 4;
              -ms-flex-order: 3;
                  order: 3;
          padding: 1rem 0;
          position: relative;
          -webkit-box-flex: 1;
              -ms-flex: 1 0 50%;
                  flex: 1 0 50%; }
        .mattress-sizes .dimension .size-row .flex-div .center-wrapper {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          -webkit-box-flex: 1;
              -ms-flex: 1 0 100%;
                  flex: 1 0 100%; } }
      .mattress-sizes .dimension .size-row .flex-div .size-table {
        color: #10318E;
        border-radius: 8px;
        border: 2px solid #10318E;
        margin: 0 auto;
        border-collapse: separate;
        border-spacing: 0; }
        @media (min-width: 768px) {
          .mattress-sizes .dimension .size-row .flex-div .size-table {
            width: 80%; } }
        @media (max-width: 767px) {
          .mattress-sizes .dimension .size-row .flex-div .size-table {
            width: 85%; } }
        @media (max-width: 543px) {
          .mattress-sizes .dimension .size-row .flex-div .size-table {
            width: 100%; } }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr.category {
          background: #10318E;
          color: #fff;
          font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr:not(.category) td {
          background: #fafafa; }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr:not(:last-of-type) td {
          border-bottom: 1px solid #b0c8e8; }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr:first-of-type td.h5 {
          border-radius: 8px 0 0 0; }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr:first-of-type td:not(.h5) {
          border-radius: 0 8px 0 0; }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr:last-of-type td.h5 {
          border-radius: 0 0 0 8px; }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr:last-of-type td:not(.h5) {
          border-radius: 0 0 8px 0; }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr td {
          padding: 0.25rem; }
          .mattress-sizes .dimension .size-row .flex-div .size-table tr td.h5 {
            font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
            text-align: left;
            padding-left: 1rem;
            border-right: 1px solid #b0c8e8; }
        .mattress-sizes .dimension .size-row .flex-div .size-table tr a.material-icons {
          font-size: 1.2rem;
          float: right; }
      .mattress-sizes .dimension .size-row .flex-div i {
        border: solid #10318E;
        border-width: 0 5px 5px 0;
        display: inline-block;
        padding: 0.5rem; }
        .mattress-sizes .dimension .size-row .flex-div i.right {
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg); }
        .mattress-sizes .dimension .size-row .flex-div i.left {
          transform: rotate(135deg);
          -webkit-transform: rotate(135deg); }
  .mattress-sizes .dimension p {
    color: #10318E;
    margin-bottom: 0;
    text-align: center; }

.mattress-sizes .size-grid {
  padding: 2rem 0;
  background-color: rgba(16, 49, 142, 0.8); }
  .mattress-sizes .size-grid .card-block.container {
    width: 95%;
    padding: 0; }
  .mattress-sizes .size-grid .header {
    background-color: #b0c8e8;
    display: block; }
  .mattress-sizes .size-grid .info {
    padding: 2rem 1rem; }
    .mattress-sizes .size-grid .info p {
      text-align: center; }
    .mattress-sizes .size-grid .info .sizes {
      position: relative;
      width: 50%;
      margin: 0 auto;
      opacity: 0;
      font-weight: 700; }
      @media (max-width: 767px) {
        .mattress-sizes .size-grid .info .sizes {
          width: 100%;
          display: table;
          padding-top: 0 !important;
          overflow: hidden;
          border-collapse: separate; }
          .mattress-sizes .size-grid .info .sizes:after {
            position: absolute;
            content: "";
            top: 7px;
            right: 5px;
            color: #10318E;
            transition: all 0.25s;
            -webkit-transform-origin: center;
                    transform-origin: center;
            -webkit-transform: rotate(-180deg);
                    transform: rotate(-180deg);
            background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7.41%2015.41L12%2010.83l4.59%204.58L18%2014l-6-6-6%206z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
            background-size: 100% 100%;
            width: 25px;
            height: 25px;
            background-position: center; } }
      .mattress-sizes .size-grid .info .sizes > .size {
        top: 0;
        left: 0;
        position: absolute;
        display: block;
        background-color: rgba(255, 255, 255, 0);
        border-radius: 15px;
        border: 3px solid #10318E;
        transition: all 0.25s; }
        .mattress-sizes .size-grid .info .sizes > .sizea {
          cursor: pointer; }
        @media (max-width: 767px) {
          .mattress-sizes .size-grid .info .sizes > .size {
            position: relative;
            top: initial !important;
            bottom: initial !important;
            left: initial !important;
            right: initial !important;
            width: 100% !important;
            height: inherit !important;
            border-radius: 0;
            border-width: 0;
            display: none;
            transition: none; } }
        .mattress-sizes .size-grid .info .sizes > .size.current {
          background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
          background-size: 30px 30px; }
          @media (max-width: 767px) {
            .mattress-sizes .size-grid .info .sizes > .size.current {
              display: table-header-group; } }
        .mattress-sizes .size-grid .info .sizes > .size:before {
          display: block;
          position: absolute;
          content: attr(data-title);
          white-space: nowrap;
          padding: 2px;
          right: 0;
          top: 50%;
          text-align: center;
          width: 0;
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg);
          -webkit-transform-origin: 100% 100%;
                  transform-origin: 100% 100%;
          color: #10318E; }
          @media (max-width: 767px) {
            .mattress-sizes .size-grid .info .sizes > .size:before {
              display: table-cell;
              position: static;
              text-align: left !important;
              -webkit-transform: none;
                      transform: none;
              padding: 0.5rem;
              border-width: 0 0 0 1px;
              border-style: solid;
              border-color: rgba(16, 49, 142, 0.3); } }
        .mattress-sizes .size-grid .info .sizes > .size:after {
          content: attr(data-width) attr(data-unit) " x " attr(data-length) attr(data-unit);
          display: none;
          position: absolute;
          white-space: nowrap;
          padding: 5px;
          color: #fff; }
          @media (max-width: 767px) {
            .mattress-sizes .size-grid .info .sizes > .size:after {
              display: table-cell;
              position: static;
              text-align: right;
              color: #10318E;
              padding: 0.5rem;
              border-width: 0 1px 0 0;
              border-style: solid;
              border-color: rgba(16, 49, 142, 0.3); } }
        @media (max-width: 767px) {
          .mattress-sizes .size-grid .info .sizes > .size.current:before {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            border-top-width: 1px;
            border-bottom-width: 1px; }
          .mattress-sizes .size-grid .info .sizes > .size.current:after {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            border-top-width: 1px;
            border-bottom-width: 1px;
            padding: 0.5rem 2rem 0.5rem 0.5rem; }
          .mattress-sizes .size-grid .info .sizes > .size:last-child:before {
            border-bottom-left-radius: 8px;
            border-bottom-width: 1px; }
          .mattress-sizes .size-grid .info .sizes > .size:last-child:after {
            border-bottom-right-radius: 8px;
            border-bottom-width: 1px; } }
        .mattress-sizes .size-grid .info .sizes > .size.reverse:before {
          -webkit-transform: none;
                  transform: none;
          -webkit-transform-origin: none;
                  transform-origin: none;
          text-align: center;
          left: 0;
          right: 0;
          bottom: 0px;
          top: initial;
          width: auto; }
        .mattress-sizes .size-grid .info .sizes > .size:hover {
          background-color: rgba(16, 49, 142, 0.9);
          border-color: rgba(16, 49, 142, 0.9); }
          @media (max-width: 767px) {
            .mattress-sizes .size-grid .info .sizes > .size:hover {
              background-color: #fff; } }
          .mattress-sizes .size-grid .info .sizes > .size:hover:before {
            color: #fff; }
            @media (max-width: 767px) {
              .mattress-sizes .size-grid .info .sizes > .size:hover:before {
                color: #10318E; } }
          .mattress-sizes .size-grid .info .sizes > .size:hover:after {
            display: block; }
            @media (max-width: 767px) {
              .mattress-sizes .size-grid .info .sizes > .size:hover:after {
                display: table-cell; } }
      @media (max-width: 767px) {
        .mattress-sizes .size-grid .info .sizes:hover > .size:not(.current) {
          display: table-row; }
        .mattress-sizes .size-grid .info .sizes:hover > .size.current:before {
          border-bottom-left-radius: 0; }
        .mattress-sizes .size-grid .info .sizes:hover > .size.current:after {
          border-bottom-right-radius: 0; }
        .mattress-sizes .size-grid .info .sizes:hover:after {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); } }

.mattress-sizes .better-sleep {
  padding: 2rem 0 4rem 0;
  background-color: rgba(16, 49, 142, 0.6); }
  .mattress-sizes .better-sleep .card-block.container {
    width: 95%;
    padding: 0; }
  .mattress-sizes .better-sleep .header {
    display: block; }
  .mattress-sizes .better-sleep .info {
    padding: 2rem 1rem;
    background: #b0c8e8;
    border-radius: 0 0 8px 8px; }
  .mattress-sizes .better-sleep .image-wrapper {
    position: relative; }
    .mattress-sizes .better-sleep .image-wrapper img {
      min-height: 160px; }
  .mattress-sizes .better-sleep p {
    color: #10318E;
    text-align: center; }
  .mattress-sizes .better-sleep .layers-overview {
    margin: -2rem auto; }
    @media (max-width: 767px) {
      .mattress-sizes .better-sleep .layers-overview {
        margin-top: -5.5rem; } }
    @media (max-width: 543px) {
      .mattress-sizes .better-sleep .layers-overview {
        margin-top: -4.5rem; }
        .mattress-sizes .better-sleep .layers-overview .swiper-container {
          padding-bottom: 3rem; } }
    .mattress-sizes .better-sleep .layers-overview .swiper-slide {
      width: 80% !important; }

.mattress-sizes .layers-overview {
  margin: -4rem auto; }
  .mattress-sizes .layers-overview .layers-overview-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem; }
    .mattress-sizes .layers-overview .layers-overview-wrapper.hidden-xs-down .layers-overview-item {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch;
      position: relative;
      padding: 1rem; }
  .mattress-sizes .layers-overview .layers-overview-item.one .icon a:before {
    content: "1"; }
  .mattress-sizes .layers-overview .layers-overview-item.two .icon a:before {
    content: "2"; }
  .mattress-sizes .layers-overview .layers-overview-item.three .icon a:before {
    content: "3"; }
  .mattress-sizes .layers-overview .layers-overview-item .card-block {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .mattress-sizes .layers-overview .layers-overview-item .icon a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    cursor: pointer; }
    .mattress-sizes .layers-overview .layers-overview-item .icon a:before {
      content: "";
      top: -10px;
      position: absolute;
      z-index: 1;
      color: #10318E;
      border-radius: 50%;
      border: 2px solid #10318E;
      /*width: 2.65em;*/
      /*padding: 0.5rem;*/
      background: #fff;
      cursor: pointer;
      width: 22px;
      height: 22px;
      padding: 10px;
      display: block;
      box-sizing: content-box;
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
    .mattress-sizes .layers-overview .layers-overview-item .icon a h3 {
      font-size: 1.175rem;
      margin-top: 1.5rem;
      width: 100%; }
  .mattress-sizes .layers-overview .layers-overview-item .icon:hover a:before, .mattress-sizes .layers-overview .layers-overview-item .icon:hover p.number-circle {
    box-shadow: 0 0 0 10px rgba(0, 59, 113, 0.5);
    transition: all 0.3s; }
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle {
    position: absolute;
    z-index: 1;
    color: #10318E;
    border-radius: 50%;
    border: 2px solid #10318E;
    width: 2.65em;
    padding: 0.5rem;
    background: #fff;
    text-align: center;
    cursor: pointer;
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
    .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.one {
      left: 225px;
      top: -208px; }
    .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.two {
      left: 400px;
      top: -280px; }
    .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.three {
      left: 100px;
      top: -130px; }
  .mattress-sizes .layers-overview .layers-overview-item .layers-content p {
    text-align: center;
    margin: 0; }

.mattress-sizes .ideal-size {
  padding: 4rem 0;
  background: #f3f3f3; }
  .mattress-sizes .ideal-size h3 {
    padding: 1rem; }
  .mattress-sizes .ideal-size .container {
    width: 95%;
    padding: 0; }
  .mattress-sizes .ideal-size .ideal-item {
    padding: 1rem;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .mattress-sizes .ideal-size p {
    color: #10318E;
    padding: 1rem 0.5rem;
    text-align: center; }

.mattress-sizes .guarantee {
  padding: 2rem 0; }
  .mattress-sizes .guarantee .container {
    width: 95%;
    padding: 0; }
  .mattress-sizes .guarantee .guarantee-item-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .mattress-sizes .guarantee .guarantee-item {
    padding: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; }
    .mattress-sizes .guarantee .guarantee-item .item-title {
      min-height: 4rem; }
  .mattress-sizes .guarantee .item-content span {
    color: #10318E;
    padding: 1rem 0.5rem;
    text-align: center; }

.mattress-sizes .sales-proportion {
  padding: 2rem 0; }
  .mattress-sizes .sales-proportion .card-block.container {
    width: 95%;
    padding: 2rem 1rem; }
  .mattress-sizes .sales-proportion .card-block {
    background: #deeff9; }
    .mattress-sizes .sales-proportion .card-block .flex-div div {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 1rem 0; }

.mattress-sizes .onpage-faq {
  padding: 4rem 0.5rem; }
  .mattress-sizes .onpage-faq h3 {
    margin-bottom: 2rem; }
  .mattress-sizes .onpage-faq #accordion .card:last-of-type {
    border-bottom: none; }

.mattress-sizes .reviews-slider {
  padding: 4rem 0; }
  .mattress-sizes .reviews-slider > h3 {
    padding: 0 0.5rem; }

.mattress-sizes .which-single .card-block.container {
  width: 95%; }

.mattress-sizes .which-single table {
  width: 100%;
  color: #10318E; }
  .mattress-sizes .which-single table td {
    text-align: right;
    border-width: 1px 0 0 1px; }
  .mattress-sizes .which-single table th {
    border-width: 1px 1px 0 0; }
  .mattress-sizes .which-single table th, .mattress-sizes .which-single table td {
    border-color: rgba(16, 49, 142, 0.1);
    border-style: solid;
    padding: 1rem 0; }
  .mattress-sizes .which-single table tr:first-child th, .mattress-sizes .which-single table tr:first-child td {
    border-top-color: #10318E;
    border-top-width: 3px; }

.mattress-sizes .which-single p {
  color: #10318E;
  text-align: center; }

.mattress-sizes .single-sales .card-block.container {
  width: 95%; }

.mattress-sizes .single-sales .question-blocks {
  padding: 2rem 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }
  @media (min-width: 544px) {
    .mattress-sizes .single-sales .question-blocks {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.mattress-sizes .single-sales .question-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .mattress-sizes .single-sales .question-item .question {
    color: #10318E;
    max-width: 150px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1rem 0; }
  .mattress-sizes .single-sales .question-item .underborder {
    border-bottom: 8px solid #10318E;
    border-radius: 8px;
    width: 100%;
    margin: 0.5rem auto; }
  .mattress-sizes .single-sales .question-item.big .question {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-size: 2rem;
    line-height: 2rem;
    max-width: 200px; }
  .mattress-sizes .single-sales .question-item.big .underborder {
    border-bottom: 12px solid #10318E; }
  @media (max-width: 543px) {
    .mattress-sizes .single-sales .question-item.big {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1; }
      .mattress-sizes .single-sales .question-item.big .question {
        font-size: 1.5rem;
        line-height: 1.5rem;
        max-width: 100%; }
      .mattress-sizes .single-sales .question-item.big .underborder {
        border-bottom: 10px solid #10318E; } }

.mattress-sizes .single-sales p {
  color: #10318E;
  text-align: center; }

.mattress-sizes .fun-fact .card-block.container {
  width: 95%; }

.mattress-sizes .fun-fact p {
  color: #10318E;
  text-align: center; }

@media (min-width: 768px) {
  .mattress-queen .layers-overview {
    width: 95%; }
  .mattress-queen .guarantee-item .item-title {
    height: 90px; } }

@media (max-width: 543px) {
  .mattress-queen .layers-overview .layers-overview-wrapper .swiper-slide {
    width: 85%; }
  .mattress-queen .layers-overview .layers-overview-wrapper .swiper-pagination-bullet {
    background: #fff; }
  .mattress-queen .layers-overview .layers-overview-item .icon a:before {
    top: -20px;
    width: 20px; } }

@media (max-width: 543px) {
  .mattress-sizes .guarantee-item {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 100% !important;
            flex: 1 0 100% !important; }
    .mattress-sizes .guarantee-item .item-title {
      height: initial; } }

@media (max-width: 1199px) {
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.one {
    left: 120px; }
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.two {
    left: 360px; }
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.three {
    left: 135px; } }

@media (max-width: 991px) {
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.one {
    left: 100px;
    top: -200px; }
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.two {
    left: 270px;
    top: -260px; }
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.three {
    left: 120px;
    top: -110px; }
  .mattress-sizes .guarantee-item {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 50% !important;
            flex: 1 0 50% !important; }
    .mattress-sizes .guarantee-item .item-title {
      height: 60px; } }

@media (max-width: 767px) {
  .mattress-sizes .features-overview, .mattress-sizes .features-overview-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4rem; }
  .mattress-sizes .features-overview .features-overview-item h3 {
    margin-top: 1rem !important;
    font-size: 1.125rem !important; }
  .mattress-sizes .features-overview .features-overview-item .card-block {
    padding: 1rem; }
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.one {
    left: 75px;
    top: -170px; }
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.two {
    left: 250px;
    top: -230px; }
  .mattress-sizes .layers-overview .layers-overview-item .icon p.number-circle.three {
    left: 90px;
    top: -100px; } }

@media (max-width: 543px) {
  .mattress-sizes .features-overview .features-overview-item .text p {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important; }
  .mattress-sizes .features-overview .features-overview-item .card-block {
    height: initial; }
  .mattress-sizes .features-overview .features-overview-wrapper.swiper-container {
    padding-top: 6rem;
    padding-bottom: 0rem;
    margin-top: -4rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .mattress-sizes .features-overview .features-overview-wrapper.swiper-container svg.feature-icon {
      height: 60px !important;
      top: -50px !important; }
    .mattress-sizes .features-overview .features-overview-wrapper.swiper-container .icon-ellipse {
      position: absolute;
      top: 10px; }
    .mattress-sizes .features-overview .features-overview-wrapper.swiper-container .swiper-wrapper {
      padding: 0.25rem 0; }
  .mattress-sizes .features-overview .swiper-slide {
    background: #fff;
    margin: 0 0.25rem;
    border-radius: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); }
    .mattress-sizes .features-overview .swiper-slide .small {
      margin: 0.5rem 0 0;
      color: #10318E;
      text-align: center;
      font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }
  .mattress-sizes .features-overview .swiper-pagination-bullet {
    background: #fff;
    opacity: .8; }
  .mattress-sizes .features-overview .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff; } }

@media (max-width: 650px) {
  .mattress-sizes .features-overview .features-overview-item .icon p.number-circle.one {
    left: 75px;
    top: -166px; }
  .mattress-sizes .features-overview .features-overview-item .icon p.number-circle.two {
    left: 250px;
    top: -205px; }
  .mattress-sizes .features-overview .features-overview-item .icon p.number-circle.three {
    left: 90px;
    top: -100px; } }

body#promotions #content-wrapper .text-primary {
  color: #10318E; }

body#promotions #content-wrapper .text-secondary {
  color: #e96952; }

body#promotions #content-wrapper .block {
  display: block; }

body#promotions #content-wrapper h1 {
  font-size: 4rem; }

body#promotions #content-wrapper h3 {
  margin-bottom: 0; }

body#promotions #content-wrapper img {
  margin-bottom: 2rem; }

body#promotions #content-wrapper .input-group > .form-control {
  border-width: 0;
  background-color: #f3f3f3; }

body#promotions #content-wrapper .input-group .input-group-btn > .btn {
  text-transform: inherit;
  font-size: .85rem; }
  body#promotions #content-wrapper .input-group .input-group-btn > .btn.btn-secondary {
    color: #10318E; }

body#promotions #content-wrapper .flex-div {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  body#promotions #content-wrapper .flex-div > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%; }

body#promotions .coupon-list {
  padding-bottom: 6rem; }

#orderadjustment {
  color: #323232;
  background-color: #F8F8FA;
  /*** Global & Helper Styles ***/
  /*** Header ***/
  /*** Main Layout ***/
  /*** General Form & Checkout Elements ***/
  /*** Cart Summary ***/
  /*** Payment Step ***/ }
  #orderadjustment.loading:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    display: block;
    z-index: 150; }
  #orderadjustment.loading:after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    z-index: 200;
    border: 12px solid #FFF;
    border-radius: 50%;
    border-top: 12px solid #10318E;
    width: 100px;
    height: 100px;
    -webkit-animation: checkout-spin 2s linear infinite;
    animation: checkout-spin 2s linear infinite; }
  #orderadjustment #footer,
  #orderadjustment .step-footer,
  #orderadjustment .js-checkout-process .step-title,
  #orderadjustment .checkout-flex-layout .right-column .section-header {
    display: none !important; }
  #orderadjustment hr {
    margin-top: 0; }
  #orderadjustment header {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); }
  #orderadjustment .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 55px;
    padding: 0 1.5rem; }
    #orderadjustment .header-nav img {
      height: 30px; }
  #orderadjustment .checkout-header {
    padding-bottom: 0.5rem; }
    #orderadjustment .checkout-header .title {
      margin: 0;
      font-weight: 500;
      text-transform: uppercase; }
    #orderadjustment .checkout-header .description {
      font-size: 0.6rem;
      text-transform: uppercase; }
      #orderadjustment .checkout-header .description i {
        font-size: 0.6rem; }
      #orderadjustment .checkout-header .description span {
        font-size: 0.7rem;
        font-weight: bold; }
  #orderadjustment .checkout-flex-layout .left-column {
    padding-top: 24px; }
  @media (max-width: 1600px) and (min-width: 1200px) {
    #orderadjustment .checkout-flex-layout .left-column {
      padding-left: 5% !important; }
    #orderadjustment .checkout-flex-layout .right-column {
      padding-right: 5% !important; } }
  @media (max-width: 1199px) {
    #orderadjustment .checkout-flex-layout .left-column {
      padding: 80px 1rem 0; }
    #orderadjustment .checkout-flex-layout .right-column {
      padding: 0 1rem;
      background-color: #F8F8FA; } }
  @media (min-width: 1200px) {
    #orderadjustment .checkout-flex-layout .left-column {
      width: 55%;
      padding: 80px 48px 0 16px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    #orderadjustment .checkout-flex-layout .right-column {
      width: 45%;
      height: 100vh;
      padding: 80px 16px 0 48px;
      background: #F2F5FB;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      overflow-y: auto; }
      #orderadjustment .checkout-flex-layout .right-column:after {
        margin-left: -1rem; }
      #orderadjustment .checkout-flex-layout .right-column .checkout-section {
        max-width: 660px;
        margin-left: 0; } }
  #orderadjustment .checkout-section {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
    @media (max-width: 991px) {
      #orderadjustment .checkout-section {
        padding: 20px;
        margin-bottom: 20px; } }
  #orderadjustment .form-header, #orderadjustment .block-title {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding: 0;
    border: none; }
  #orderadjustment .block-title {
    font-weight: 400;
    padding-bottom: 1rem; }
  #orderadjustment .custom-radio-wrap {
    margin-bottom: .2rem; }
    #orderadjustment .custom-radio-wrap.disabled {
      opacity: .25; }
    #orderadjustment .custom-radio-wrap .custom-radio {
      margin-right: 0; }
      #orderadjustment .custom-radio-wrap .custom-radio input[type="radio"] {
        height: 1rem;
        width: 1rem; }
        #orderadjustment .custom-radio-wrap .custom-radio input[type="radio"]:checked + span {
          left: 2px;
          top: 2px;
          transition: all 0.5s; }
  #orderadjustment .checkout-step .options {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background-color: #fff; }
    #orderadjustment .checkout-step .options label {
      color: #003b71;
      cursor: pointer; }
    #orderadjustment .checkout-step .options .option-wrapper:first-child .option-row {
      border-top: none; }
    #orderadjustment .checkout-step .options .option-wrapper .option-row {
      padding: 0.75rem;
      border-top: 1px solid #e5e5e5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      #orderadjustment .checkout-step .options .option-wrapper .option-row label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        padding-left: 1rem;
        margin-bottom: 0; }
        #orderadjustment .checkout-step .options .option-wrapper .option-row label.blodtext span {
          font-weight: bold; }
      #orderadjustment .checkout-step .options .option-wrapper .option-row img {
        max-height: 30px; }
    #orderadjustment .checkout-step .options .option-wrapper .option-addition {
      padding: 0 0.75rem 1rem 0.75rem; }
  #orderadjustment #js-checkout-summary,
  #orderadjustment #cart-summary-block {
    border: none;
    box-shadow: none;
    margin-bottom: 0; }
    #orderadjustment #js-checkout-summary .card-block,
    #orderadjustment #cart-summary-block .card-block {
      padding: 0; }
  #orderadjustment .cart-summary-products {
    padding: 0; }
  #orderadjustment .block-promo, #orderadjustment .cart-summary-subtotals {
    padding: 1rem 0; }
  #orderadjustment .cart-summary-totals {
    padding: 0; }
  #orderadjustment #cart-summary-product-list {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 0.5rem; }
    #orderadjustment #cart-summary-product-list img {
      max-width: 100px; }
    @media (max-width: 991px) {
      #orderadjustment #cart-summary-product-list {
        max-height: 100%; } }
    #orderadjustment #cart-summary-product-list.collapsing {
      overflow-y: hidden; }
    #orderadjustment #cart-summary-product-list::-webkit-scrollbar {
      width: 5px; }
      #orderadjustment #cart-summary-product-list::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
      #orderadjustment #cart-summary-product-list::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey; }
    #orderadjustment #cart-summary-product-list table {
      width: 100%; }
      @media (max-width: 543px) {
        #orderadjustment #cart-summary-product-list table > td {
          padding: 0.5rem 0.25rem; } }
    #orderadjustment #cart-summary-product-list .prices-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #orderadjustment #cart-summary-product-list .product-item > td:first-child {
      width: 90px;
      padding: 0.5rem 0; }
      @media (min-width: 768px) {
        #orderadjustment #cart-summary-product-list .product-item > td:first-child {
          width: 20%; } }
      #orderadjustment #cart-summary-product-list .product-item > td:first-child a {
        position: relative;
        display: block;
        height: 100%; }
      #orderadjustment #cart-summary-product-list .product-item > td:first-child .cart-products-count {
        position: absolute;
        top: -8px;
        right: -8px;
        font-size: 12px;
        background: #6a6a6a;
        border-radius: 50%;
        color: #fff;
        width: 18px;
        height: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      #orderadjustment #cart-summary-product-list .product-item > td:first-child .gift-badge {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #10318E;
        color: #fff;
        text-align: center;
        letter-spacing: .4px;
        font-size: .825rem;
        line-height: 1.2rem;
        border-radius: 0 0 3px 3px;
        text-transform: uppercase; }
    #orderadjustment #cart-summary-product-list .product-item > td:last-child {
      padding-left: 1rem; }
      @media (min-width: 768px) {
        #orderadjustment #cart-summary-product-list .product-item > td:last-child {
          width: 80%; } }
    #orderadjustment #cart-summary-product-list .product-details tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (min-width: 544px) {
        #orderadjustment #cart-summary-product-list .product-details tr {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #orderadjustment #cart-summary-product-list .product-details tr td {
            line-height: 1em;
            padding: 0; }
            #orderadjustment #cart-summary-product-list .product-details tr td:first-child {
              width: 75%; }
            #orderadjustment #cart-summary-product-list .product-details tr td:nth-child(2) {
              width: 25%; } }
      @media (max-width: 543px) {
        #orderadjustment #cart-summary-product-list .product-details tr td:nth-child(2) {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
        #orderadjustment #cart-summary-product-list .product-details tr .strikethrough-price {
          color: #ec7d69 !important;
          margin-right: 0.2rem;
          font-size: 1rem; } }
    #orderadjustment #cart-summary-product-list .product-details td .product-name {
      display: block;
      font-weight: bold;
      color: #333333; }
    #orderadjustment #cart-summary-product-list .product-details td .product-attribute {
      font-size: 0.9rem;
      color: #969696; }
    #orderadjustment #cart-summary-product-list .product-details td .packitems {
      display: block;
      line-height: 1rem; }
    #orderadjustment #cart-summary-product-list .product-details td .product-quantity {
      font-size: 14px; }
    #orderadjustment #cart-summary-product-list .product-details td .product-price {
      font-weight: bold;
      color: #000000; }
      @media (min-width: 544px) {
        #orderadjustment #cart-summary-product-list .product-details td .product-price {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
    #orderadjustment #cart-summary-product-list .strikethrough-price,
    #orderadjustment #cart-summary-product-list .product-details td .strikethrough-price {
      font-size: 90%;
      text-decoration: line-through;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-right: 4px; }
  #orderadjustment .cart-summary-line .label {
    position: relative; }
    #orderadjustment .cart-summary-line .label .div-tooltiptext {
      left: 50%;
      -webkit-transform: unset;
              transform: unset; }
  #orderadjustment .cart-summary-totals .cart-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #orderadjustment .cart-summary-totals .major {
    display: block;
    font-weight: bold;
    font-size: 18px; }
  #orderadjustment .cart-summary-totals .minor {
    display: block;
    font-size: 14px; }
  #orderadjustment .cart-summary-totals .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #orderadjustment .cart-summary-totals .currency {
    padding-right: 0.5rem;
    font-size: 14px; }
  #orderadjustment .cart-summary-totals .total {
    color: #000000;
    font-weight: bold;
    font-size: 1.5rem; }
  #orderadjustment #checkout-payment-step .payment-option {
    height: 3rem; }
  #orderadjustment #checkout-payment-step .js-additional-information {
    padding: 0.75rem;
    border-top: 1px solid #e5e5e5;
    background: #f3f3f3;
    color: #666; }
  #orderadjustment #checkout-payment-step .option-wrapper:last-child .js-additional-information {
    border-radius: 0 0 8px 8px; }
  @media (min-width: 544px) {
    #orderadjustment #checkout-payment-step #afterpaypayovertime-method .payment-method-note li, #orderadjustment #checkout-payment-step #afterpaypayovertime-method .instalment-footer {
      font-size: 0.9rem;
      color: #666; } }
  #orderadjustment .confirm-button-container {
    width: 100%; }
  #orderadjustment #payment-confirmation button {
    height: 60px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    padding: 0.9375rem 2.25rem;
    font-size: 26px; }
  #orderadjustment .secure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1rem;
    padding-bottom: 1rem;
    color: #333333;
    font-size: 14px; }
    #orderadjustment .secure i {
      font-size: 1rem; }

.melbourne .control .page-hero {
  background: #fafafa url("https://ecosaau.imgix.net/img/mattress/queen-size/hero-bg.jpg?auto=compress,format") no-repeat top center; }

.sydney .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/single-size/hero-bg.jpg?auto=compress,format") no-repeat top center; }
  @media (max-width: 543px) {
    .sydney .page-hero {
      background: linear-gradient(180deg, transparent 0, transparent -100%, transparent 0, #fff 100%), url("https://ecosaau.imgix.net/img/mattress/single-size/hero-bg.jpg?auto=compress,format") no-repeat top center; } }

.brisbane .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/double-size/hero.jpg?auto=compress,format") no-repeat top center; }

.adelaide .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/memoryfoam/perfect_sleep.jpg?auto=compress,format") no-repeat top center; }

.perth .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/memoryfoam/perfect_sleep.jpg?auto=compress,format") no-repeat top center; }

.gold-coast .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/memoryfoam/perfect_sleep.jpg?auto=compress,format") no-repeat top center; }

.canberra .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/location/canberra_bg.jpg?auto=compress,format") no-repeat top center; }

.toowoomba .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/location/toowoomba_bg.jpg?auto=compress,format") no-repeat top center; }

.sunshine-coast .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/location/sunshine_coast_bg.jpg?auto=compress,format") no-repeat top center; }

.cairns .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/location/cairns_bg.jpg?auto=compress,format") no-repeat top center; }

.geelong .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/queen-size/hero-bg.jpg?auto=compress,format") no-repeat top center; }

.hobart .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/location/hobart_bg.jpg?auto=compress,format") no-repeat top center; }

.darwin .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/location/darwin_bg.jpg?auto=compress,format") no-repeat top center; }

.newcastle .page-hero {
  background: #10318E url("https://ecosaau.imgix.net/img/mattress/location/newcastle_bg.jpg?auto=compress,format") no-repeat top center; }

.locations {
  text-align: center;
  /*** AB Test ***/
  /*** AB Test ***/ }
  .locations .variation .page-hero {
    max-height: 1000px; }
    .locations .variation .page-hero .hero-image img {
      max-height: 1000px;
      min-height: 520px;
      -o-object-position: 20%;
         object-position: 20%; }
    .locations .variation .page-hero .hero-content {
      color: #003b71; }
      @media (min-width: 1200px) {
        .locations .variation .page-hero .hero-content {
          padding-right: 20%; } }
      .locations .variation .page-hero .hero-content h1 {
        margin: 0.5rem 0; }
      .locations .variation .page-hero .hero-content .content-wrapper {
        max-width: 20rem; }
        .locations .variation .page-hero .hero-content .content-wrapper img {
          height: 25px; }
    @media (max-width: 767px) {
      .locations .variation .page-hero .hero-content, .locations .variation .page-hero .content-wrapper {
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important; }
      .locations .variation .page-hero .hero-image img {
        max-height: 600px;
        -o-object-position: center 80%;
           object-position: center 80%; }
      .locations .variation .page-hero .hero-content {
        padding-top: 6rem;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      .locations .variation .page-hero h1, .locations .variation .page-hero p {
        text-align: center !important; } }
  .locations .variation .location-description {
    padding: 4rem 1rem; }
  @media (min-width: 768px) {
    .locations .four-seasons {
      padding: 4rem 1rem 0 1rem; }
      .locations .four-seasons .container {
        padding: 2rem;
        border-radius: 1rem; } }
  .locations .four-seasons .container {
    padding: 4rem 1rem;
    background-color: #003b71;
    color: #fff; }
  .locations .four-seasons h2, .locations .four-seasons h4 {
    color: #fff; }
  .locations .four-seasons .tagline {
    text-align: center;
    font-size: 1.1rem; }
  .locations .four-seasons .season-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .locations .four-seasons .season {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    padding: 1rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 767px) {
      .locations .four-seasons .season {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0.5rem; } }
    @media (max-width: 543px) {
      .locations .four-seasons .season {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        padding: 0; } }
  .locations .four-seasons .flex-image {
    width: 25%; }
    @media (max-width: 767px) {
      .locations .four-seasons .flex-image {
        width: 100%; }
        .locations .four-seasons .flex-image img {
          width: 100%;
          max-height: 100px; } }
    .locations .four-seasons .flex-image img {
      padding: 1rem; }
  @media (min-width: 768px) {
    .locations .four-seasons .flex-content {
      width: 75%;
      text-align: left; } }
  .locations .good-planet {
    padding: 4rem 1rem; }
    .locations .good-planet .header {
      margin-bottom: 2rem; }
      .locations .good-planet .header img {
        padding: 1rem;
        width: 100px; }
      .locations .good-planet .header h3 {
        margin-bottom: 0; }
    .locations .good-planet p {
      color: #003b71;
      text-align: center; }
    .locations .good-planet .partnerships {
      max-width: 1200px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .locations .good-planet .partnerships img {
        padding: 0.5rem; }
        @media (max-width: 543px) {
          .locations .good-planet .partnerships img {
            max-width: 120px; } }
  .locations .know-better {
    padding-top: 4rem;
    padding-bottom: 6rem; }
    .locations .know-better .hero-wrapper, .locations .know-better img {
      border-radius: 2rem; }
      @media (max-width: 543px) {
        .locations .know-better .hero-wrapper, .locations .know-better img {
          border-radius: 8px; } }
    .locations .know-better .hero-wrapper {
      position: relative;
      height: 100%;
      overflow: hidden;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .locations .know-better .hero-wrapper {
          width: 75%; } }
    .locations .know-better .hero-image {
      min-height: 150px;
      height: 100%; }
      .locations .know-better .hero-image img {
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .locations .know-better .hero-content {
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 2rem; }
      .locations .know-better .hero-content .btn {
        min-width: 200px; }
    @media (max-width: 543px) {
      .locations .know-better .btn {
        width: 100%; } }
  .locations .page-hero:not(.variation) {
    position: relative;
    height: 85vh;
    min-height: 550px;
    max-height: 600px;
    padding-top: 0 !important;
    background-size: cover; }
    .locations .page-hero:not(.variation) h1, .locations .page-hero:not(.variation) p {
      color: #10318E;
      text-align: left; }
    .locations .page-hero:not(.variation) .hero-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 500px;
      height: 100%;
      text-align: left;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (max-width: 543px) {
        .locations .page-hero:not(.variation) .hero-content {
          left: 0;
          text-align: center; }
          .locations .page-hero:not(.variation) .hero-content h1, .locations .page-hero:not(.variation) .hero-content p {
            text-align: center; } }
  .locations .aggregateRating > div {
    padding-bottom: 1rem; }
  .locations .aggregateRating i {
    color: #ffd200;
    width: .8em; }
  .locations .aggregateRating .display {
    display: inline-block;
    vertical-align: middle;
    color: #10318E;
    padding-left: .25rem; }
  .locations .usp-overview.bonus > h3 {
    color: #fff; }
    @media (min-width: 768px) {
      .locations .usp-overview.bonus > h3 {
        margin-bottom: 5rem; } }
    @media (max-width: 767px) {
      .locations .usp-overview.bonus > h3 {
        margin-bottom: 2rem; } }
  .locations .location-description {
    padding: 2rem 0; }
    .locations .location-description .card-block.container {
      width: 95%;
      padding: 0; }
    .locations .location-description .header {
      display: block;
      background: #b0c8e8; }
    .locations .location-description .info {
      padding: 2rem 1rem; }
    .locations .location-description p {
      color: #10318E;
      margin-bottom: 0;
      text-align: center; }
    .locations .location-description .mattress-type {
      padding-top: 1.5rem; }
      .locations .location-description .mattress-type p {
        color: #e96952; }
    .locations .location-description .mattress-inner-item-wrapper {
      color: #10318E; }
      .locations .location-description .mattress-inner-item-wrapper .iwt-image {
        position: relative; }
        .locations .location-description .mattress-inner-item-wrapper .iwt-image img {
          max-width: 400px; }
      @media (max-width: 767px) {
        .locations .location-description .mattress-inner-item-wrapper .iwt-content {
          padding: 2rem 0 0 0; } }
      .locations .location-description .mattress-inner-item-wrapper .standard-wrapper {
        max-width: 850px; }
      .locations .location-description .mattress-inner-item-wrapper p.number-circle {
        font-family: monospace;
        margin: 0;
        position: absolute;
        font-size: 1.2rem;
        background: #fff;
        border-radius: 50%;
        text-align: center;
        padding: 4px 12px;
        cursor: default;
        transition: all 0.5s; }
        .locations .location-description .mattress-inner-item-wrapper p.number-circle.number-circle-one {
          top: 40%;
          left: 40%; }
        .locations .location-description .mattress-inner-item-wrapper p.number-circle.number-circle-two {
          top: 48%;
          left: 60%; }
        .locations .location-description .mattress-inner-item-wrapper p.number-circle.number-circle-three {
          top: 67%;
          left: 60%; }
        @media (max-width: 543px) {
          .locations .location-description .mattress-inner-item-wrapper p.number-circle {
            font-size: 1rem;
            padding: 2px 8px; } }
      .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item {
        position: relative;
        text-align: left;
        padding-left: 50px;
        cursor: default;
        margin-left: 2px;
        transition: all 0.3s; }
        @media (max-width: 767px) {
          .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item {
            padding-left: 30px; }
            .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item:before {
              font-size: 25px !important; } }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item p {
          text-align: left;
          margin-bottom: 2rem; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item p.number-circle {
          cursor: pointer; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item:hover {
          margin-left: 0; }
          .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item:hover p.number-circle {
            box-shadow: 0 0 0 10px rgba(176, 200, 232, 0.5);
            font-weight: 600;
            transition: all 0.3s; }
          .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item:hover:before, .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item:hover h5, .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item:hover p, .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item:hover p.number-circle {
            color: #323232; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          font-size: 40px;
          font-family: monospace;
          font-weight: bold; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item h5 {
          font-size: 1.25rem; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-one:before {
          content: "1"; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-one p.number-circle {
          left: -78%;
          top: 120px; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-two:before {
          content: "2"; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-two p.number-circle {
          left: -42%;
          top: 38px; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-three:before {
          content: "3"; }
        .locations .location-description .mattress-inner-item-wrapper .mattress-inner-item.mattress-inner-item-three p.number-circle {
          left: -42%;
          top: 38px; }
  .locations .seasons {
    padding: 4rem 1rem;
    background-color: #eff3fa; }
    .locations .seasons.wet-dry {
      background-color: #fff; }
    .locations .seasons h3 + p {
      color: #e96952;
      text-align: center; }
    .locations .seasons .table-content {
      overflow-x: auto; }
    .locations .seasons table {
      color: #10318E;
      width: 100%;
      margin: 0 auto; }
      .locations .seasons table svg {
        width: 35px; }
      .locations .seasons table .bg-white {
        background-color: #fff; }
      .locations .seasons table .bg-blue {
        background-color: #eff3fa; }
      .locations .seasons table .bg-red {
        background-color: #ffefeb; }
      .locations .seasons table thead th {
        text-align: center; }
      .locations .seasons table thead th[rowspan] {
        text-align: center;
        width: 12rem;
        border-bottom: 2px solid #B1C7E4; }
        @media (max-width: 767px) {
          .locations .seasons table thead th[rowspan] {
            width: 8rem; } }
        @media (max-width: 543px) {
          .locations .seasons table thead th[rowspan] {
            width: 4rem; } }
        .locations .seasons table thead th[rowspan] h5 {
          margin: 0;
          padding: 0.5rem; }
          @media (min-width: 544px) {
            .locations .seasons table thead th[rowspan] h5 {
              padding-left: 1rem; } }
      .locations .seasons table thead th[colspan] h5 {
        text-align: center;
        padding: 0.75rem;
        margin: 0; }
      .locations .seasons table thead th[colspan] sup {
        cursor: pointer; }
      .locations .seasons table thead tr:last-child {
        padding: 0.5rem 0;
        border-bottom: 2px solid #B1C7E4; }
      .locations .seasons table tbody tr {
        border-bottom: 2px solid #B1C7E4; }
        .locations .seasons table tbody tr:nth-child(odd) {
          background: #ecf1f9; }
        .locations .seasons table tbody tr:last-child td:first-child {
          border-radius: 0 0 0 8px; }
        .locations .seasons table tbody tr:last-child td:last-child {
          border-radius: 0 0 8px 0; }
        .locations .seasons table tbody tr td {
          padding: 0.5rem; }
          .locations .seasons table tbody tr td:first-child {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .locations .seasons table tbody tr td:first-child svg {
              padding-right: 0.5rem; }
            @media (min-width: 544px) {
              .locations .seasons table tbody tr td:first-child {
                padding-left: 1rem; } }
        .locations .seasons table tbody tr.row-max-temp td {
          color: #e96952; }
      .locations .seasons table tfoot td {
        text-align: left; }
  .locations .delivery {
    padding: 4rem 1rem; }
    .locations .delivery p {
      color: #10318E; }
    @media (max-width: 767px) {
      .locations .delivery p {
        text-align: center; }
      .locations .delivery .pad {
        padding: 0 1rem; } }
    .locations .delivery .light-bulb {
      border-radius: 8px;
      border: 2px solid #10318E;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      margin: 2rem auto 0 auto; }
      .locations .delivery .light-bulb svg {
        margin-top: -3.5rem; }
      .locations .delivery .light-bulb p {
        text-align: center;
        margin: 1.5rem; }
  .locations .hundrednight {
    padding: 4rem 1rem 0 1rem;
    background-color: #10318E; }
    .locations .hundrednight h2, .locations .hundrednight p {
      color: #fff;
      text-align: center; }
    .locations .hundrednight p {
      margin-bottom: 2rem; }
    .locations .hundrednight svg {
      max-width: 100%;
      margin-bottom: -5px;
      padding: 0 1rem; }
  .locations .guarantee {
    padding: 4rem 0;
    background-color: #dfe8f5; }
    .locations .guarantee .container {
      width: 95%;
      padding: 2rem 0; }
    .locations .guarantee .guarantee-item-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .locations .guarantee .guarantee-item {
      padding: 1rem;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -ms-flex-item-align: stretch;
          -ms-grid-row-align: stretch;
          align-self: stretch; }
    .locations .guarantee .item-wrapper {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .locations .guarantee .item-content span {
      color: #10318E;
      padding: 1rem 0rem;
      text-align: center; }
    .locations .guarantee svg {
      margin-bottom: 1rem; }
  .locations .sleeping-experience {
    padding: 4rem 1rem; }
    .locations .sleeping-experience .reviews-item-wrapper {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .locations .sleeping-experience .reviews-item-wrapper .reviews-item {
        padding: 1rem; }
      .locations .sleeping-experience .reviews-item-wrapper .review-icon {
        padding: 0.5rem; }
      .locations .sleeping-experience .reviews-item-wrapper .review-summary {
        padding: 1rem; }
      .locations .sleeping-experience .reviews-item-wrapper .review-rating {
        padding-bottom: 0.5rem; }
        .locations .sleeping-experience .reviews-item-wrapper .review-rating svg {
          margin: 0 5px; }
      .locations .sleeping-experience .reviews-item-wrapper .review-description {
        color: #10318E;
        font-weight: bold;
        padding-top: 1rem; }
  .locations .fun-fact {
    background: #deeff9;
    padding: 4rem 1rem 0 1rem; }
    .locations .fun-fact p {
      color: #10318E;
      text-align: center; }
    .locations .fun-fact a {
      text-decoration: none;
      color: #e96952; }
    .locations .fun-fact svg {
      max-width: 100%;
      margin-bottom: -5px;
      padding: 0 1rem; }
  .locations .onpage-faq {
    padding: 4rem 1rem; }
    .locations .onpage-faq h3 {
      margin-bottom: 2rem; }
    .locations .onpage-faq #accordion .card:last-of-type {
      border-bottom: none; }
  .locations .reviews-slider {
    padding: 4rem 0; }
    .locations .reviews-slider > h3 {
      padding: 0 0.5rem; }

@media (max-width: 991px) {
  .locations .guarantee-item {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 50% !important;
            flex: 1 0 50% !important; }
    .locations .guarantee-item .item-title {
      height: 60px; } }

@media (max-width: 767px) {
  .locations .usp-overview.bonus .usp-wrapper {
    padding-top: 2rem; } }

@media (max-width: 543px) {
  .locations .guarantee-item {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 100% !important;
            flex: 1 0 100% !important; }
    .locations .guarantee-item .item-title {
      height: initial; } }

.calculator .highlight {
  color: #ffc62c !important; }

.calculator .page-hero {
  background-color: #10318E;
  padding-top: 5rem !important;
  padding-bottom: 4rem;
  position: relative; }
  .calculator .page-hero h1, .calculator .page-hero p {
    color: #fff;
    text-align: center; }
  .calculator .page-hero .star {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0);
    border-radius: 5px; }

@keyframes twinkle {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    background: rgba(255, 255, 255, 0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    background: white;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  80% {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

.calculator .sleep-calculator-form .result {
  display: none; }

.calculator .sleep-calculator-form select {
  display: block;
  padding: 1rem;
  margin: 1rem auto;
  border: none;
  border-radius: 8px;
  color: #10318E;
  min-width: 250px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #f3f3f3 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem; }

.calculator .sleep-calculator-form .timeslots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .calculator .sleep-calculator-form .timeslots span {
    color: #fff;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33.3%;
            flex: 1 0 33.3%;
    padding: 1rem;
    font-weight: 600;
    font-size: 1.25rem; }

.calculator .sleep-stages {
  padding: 4rem 1rem 2rem 1rem; }
  .calculator .sleep-stages p {
    color: #10318E;
    text-align: center; }
  .calculator .sleep-stages svg {
    max-width: 1000px;
    max-height: 600px;
    padding-top: 3rem; }

.calculator .non-rem-stages {
  padding: 2rem 1rem; }
  .calculator .non-rem-stages p {
    color: #10318E;
    text-align: center; }
  .calculator .non-rem-stages .stage-wrapper {
    padding: 1rem 0; }

.calculator .rem-stage {
  padding: 4rem 1rem 0 1rem; }
  .calculator .rem-stage h3, .calculator .rem-stage p {
    color: #fff;
    text-align: center; }
  .calculator .rem-stage svg {
    max-width: 100%;
    margin-bottom: -5px;
    padding: 0 1rem; }

.calculator .sleep-cycles {
  padding: 4rem 1rem;
  color: #10318E; }
  .calculator .sleep-cycles p {
    text-align: center; }

.calculator .page-footer {
  position: relative;
  height: 80vh; }
  .calculator .page-footer .hero-image {
    position: absolute;
    width: 100%;
    height: 100%; }
    .calculator .page-footer .hero-image img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 20% bottom;
         object-position: 20% bottom;
      height: 100%;
      width: 100%; }
  .calculator .page-footer .hero-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    height: 100%;
    max-width: 420px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: linear-gradient(90deg, transparent 0, transparent 0, transparent 0, #fff 150%); }
    @media (max-width: 767px) {
      .calculator .page-footer .hero-content {
        max-width: 100%;
        text-align: center;
        background-image: linear-gradient(270deg, transparent 0, transparent 0, transparent 0, #fff 150%); } }

.recent-purchase {
  position: fixed;
  bottom: 10px;
  border: none;
  background: #fff;
  z-index: 9999;
  border-radius: 5px;
  opacity: 1;
  width: 400px;
  text-align: left;
  letter-spacing: 0.2px;
  color: #2a2a2a;
  right: 10px; }
  .recent-purchase:hover {
    opacity: 0.6; }
  .recent-purchase .image {
    float: left;
    margin-right: 10px;
    min-width: 75px; }
  .recent-purchase .title {
    padding: 10px;
    line-height: 25px;
    font-size: 0.8rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; }
  .recent-purchase a {
    color: #000;
    font-weight: bold; }
  .recent-purchase .order_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px;
    overflow: hidden;
    border: 0;
    border-radius: 5px;
    margin: 0;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2) !important; }

.snooze-station .page-hero {
  position: relative; }
  .snooze-station .page-hero h1 {
    color: #FFF; }
    .snooze-station .page-hero h1:after {
      content: '';
      display: block;
      height: 0.5rem;
      background: #FFF;
      border-radius: 4px;
      margin: 0.5rem 0; }
  .snooze-station .page-hero .hero-image {
    width: 100%;
    height: 100%; }
    .snooze-station .page-hero .hero-image img {
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }
  .snooze-station .page-hero .hero-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  @media (min-width: 768px) {
    .snooze-station .page-hero {
      height: 600px; }
      .snooze-station .page-hero .hero-image {
        position: absolute; }
      .snooze-station .page-hero .hero-content {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        height: 100%;
        z-index: 1; }
        .snooze-station .page-hero .hero-content h1, .snooze-station .page-hero .hero-content p {
          text-align: left; }
      .snooze-station .page-hero .content-wrapper {
        max-width: 500px; }
      .snooze-station .page-hero p {
        color: #FFF; } }
  @media (max-width: 767px) {
    .snooze-station .page-hero .hero-image {
      height: 450px; }
    .snooze-station .page-hero .hero-content {
      padding-top: 4rem; }
      .snooze-station .page-hero .hero-content h1 {
        position: absolute;
        top: -20rem;
        text-align: left;
        max-width: 300px; }
      .snooze-station .page-hero .hero-content p {
        text-align: center;
        color: #10318E; } }

.snooze-station .your-details {
  padding: 4rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden; }
  @media (max-width: 991px) {
    .snooze-station .your-details {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  @media (min-width: 544px) {
    .snooze-station .your-details .form-wrapper {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 60%;
              flex: 1 0 60%;
      width: 100%;
      padding: 1rem; }
    .snooze-station .your-details .flex-div-column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 40%;
              flex: 1 0 40%;
      padding: 1rem; } }
  .snooze-station .your-details .img-div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 1rem auto;
    border-radius: 16px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    max-width: 400px;
    box-shadow: 6px 8px 12px rgba(0, 0, 0, 0.1); }
    @media (max-width: 991px) {
      .snooze-station .your-details .img-div {
        margin: 1rem auto; } }
    .snooze-station .your-details .img-div img {
      border-radius: 16px;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }

.snooze-station #notifications, .snooze-station .application-form {
  float: right;
  width: 100%;
  max-width: 800px; }
  @media (max-width: 991px) {
    .snooze-station #notifications, .snooze-station .application-form {
      max-width: 100%; } }

.snooze-station .application-form {
  padding: 1rem;
  background-color: #f3f3f3;
  border-radius: 8px; }
  .snooze-station .application-form .title {
    background-color: #b0c8e8;
    letter-spacing: 0.5px;
    color: #10318E;
    padding: 1rem 1rem;
    margin: -1rem -1rem 1rem;
    text-align: left;
    border-radius: 8px 8px 0 0; }
  .snooze-station .application-form .form-fields {
    padding: 0 6px; }
  .snooze-station .application-form textarea {
    width: 100%;
    border-radius: 8px;
    border: none;
    resize: none;
    padding: 0.6rem; }

.snooze-station .form-control {
  border: none; }

.snooze-station .form-group {
  margin-bottom: 0;
  margin-top: 0; }

.snooze-station .form-field-group {
  margin-top: 0.5rem; }

.snooze-station .form-field-group .form-control-label {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
  color: #10318E !important; }

.snooze-station .textarea-label {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
  color: #10318E;
  padding-left: .65rem;
  font-size: 0.8rem; }

.snooze-station .extra-mile {
  padding: 4rem 1rem;
  background: #b0c8e8; }
  .snooze-station .extra-mile .container {
    padding: 0; }
  .snooze-station .extra-mile p {
    color: #10318E; }
  @media (max-width: 767px) {
    .snooze-station .extra-mile h2, .snooze-station .extra-mile p {
      text-align: center; }
    .snooze-station .extra-mile svg {
      height: 170px; } }

.best-silkpc .hero-header {
  position: relative;
  height: 80vh;
  overflow: hidden;
  padding-top: 0 !important; }
  @media (max-width: 543px) {
    .best-silkpc .hero-header {
      height: initial; } }
  .best-silkpc .hero-header h1 {
    display: inline-block;
    text-align: right; }
    @media (min-width: 1200px) {
      .best-silkpc .hero-header h1 {
        font-size: 2.5rem;
        margin-bottom: 0.5rem; } }
    .best-silkpc .hero-header h1:after {
      content: '';
      display: block;
      height: 1rem;
      background: #10318E;
      border-radius: 4px;
      margin: 0.5rem 0; }
  .best-silkpc .hero-header p {
    color: #10318E;
    text-align: right; }
  .best-silkpc .hero-header .overlay {
    background: linear-gradient(to right, transparent, #fff 100%);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.5; }
  .best-silkpc .hero-header .hero-image {
    width: 100%;
    height: 100%; }
    .best-silkpc .hero-header .hero-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .best-silkpc .hero-header .hero-content {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5rem;
    max-width: 700px;
    text-align: right;
    z-index: 1; }
    @media (max-width: 543px) {
      .best-silkpc .hero-header .hero-content {
        position: relative;
        padding: 1.5rem 1rem 2rem 1rem;
        text-align: center; }
        .best-silkpc .hero-header .hero-content p {
          text-align: center; } }

.best-silkpc .aggregateRating > div {
  padding-bottom: 1rem; }

.best-silkpc .aggregateRating i {
  color: #ffd200;
  width: .8em; }

.best-silkpc .aggregateRating .display {
  display: inline-block;
  vertical-align: middle;
  color: #6A6A6A;
  padding-left: .25rem; }

.best-silkpc .silkpc-benefits h2, .best-silkpc .silkpc-benefits h5, .best-silkpc .silkpc-benefits span {
  color: #fff; }

.best-silkpc .silkpc-benefits h2 {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .best-silkpc .silkpc-benefits h2:after {
    content: '';
    display: block;
    height: 0.5rem;
    background: #fff;
    border-radius: 4px;
    margin: 0.5rem 0; }

.best-silkpc .silkpc-benefits h5 {
  font-weight: normal;
  margin: 1rem 0; }

.best-silkpc .silkpc-benefits .content-wrapper {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%); }
  @media (max-width: 767px) {
    .best-silkpc .silkpc-benefits .content-wrapper {
      position: relative;
      background-color: #10318E; }
      .best-silkpc .silkpc-benefits .content-wrapper h2 {
        display: inline-block; } }

.best-silkpc .silkpc-benefits .hero-image {
  height: 40vh;
  min-height: 800px; }
  @media (max-width: 767px) {
    .best-silkpc .silkpc-benefits .hero-image {
      min-height: 300px; } }
  .best-silkpc .silkpc-benefits .hero-image img {
    width: 100%;
    height: 100%;
    -o-object-position: bottom;
       object-position: bottom;
    -o-object-fit: cover;
       object-fit: cover; }

.best-silkpc .silkpc-benefits .benefits-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.best-silkpc .silkpc-benefits .flex-div-column {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media (max-width: 767px) {
    .best-silkpc .silkpc-benefits .flex-div-column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 50%;
              flex: 1 0 50%; } }
  @media (max-width: 543px) {
    .best-silkpc .silkpc-benefits .flex-div-column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%; } }

.best-silkpc .wash-silkpc .wash-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.best-silkpc .wash-silkpc .method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%; }
  @media (max-width: 543px) {
    .best-silkpc .wash-silkpc .method {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%; } }
  .best-silkpc .wash-silkpc .method svg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
            flex: 1 0 25%; }
  .best-silkpc .wash-silkpc .method span {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 75%;
            flex: 1 0 75%;
    margin-left: 1rem;
    margin-bottom: 0;
    text-align: left;
    font-weight: 300;
    font-size: 1.125rem; }

.best-silkpc .silk-momme {
  background: #D1D9E2; }
  .best-silkpc .silk-momme h5 {
    margin-bottom: 0; }
  .best-silkpc .silk-momme .flex-div-column {
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (max-width: 767px) {
      .best-silkpc .silk-momme .flex-div-column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%; } }
  .best-silkpc .silk-momme img {
    max-height: 300px;
    margin-top: -4rem;
    margin-bottom: -2rem; }

.best-silkpc .wash-silkpc, .best-silkpc .silk-momme {
  padding: 4rem 1rem;
  color: #10318E; }
  .best-silkpc .wash-silkpc h2, .best-silkpc .silk-momme h2 {
    display: inline-block; }
    .best-silkpc .wash-silkpc h2:after, .best-silkpc .silk-momme h2:after {
      content: '';
      display: block;
      height: 0.5rem;
      background: #10318E;
      border-radius: 4px;
      margin: 0.5rem 0; }
  .best-silkpc .wash-silkpc p, .best-silkpc .silk-momme p {
    text-align: center;
    max-width: 850px; }
  .best-silkpc .wash-silkpc .flex-wrapper, .best-silkpc .silk-momme .flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.best-silkpc .reviews-slider {
  padding-top: 4rem; }

@media (max-width: 543px) {
  .best-silkpc .cross-promotion .cross-content h2 {
    margin-bottom: 0rem;
    max-width: 120px;
    text-align: right; } }

.best-silkpc .usp-overview.top {
  background-color: #10318E; }
  @media (max-width: 767px) {
    .best-silkpc .usp-overview.top {
      padding-top: 4rem; } }

@media (max-width: 767px) {
  .best-silkpc .usp-overview.middle {
    margin-top: -4rem; } }

.best-silkpc .usp-block {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start; }

.ecofriendly .pull-right {
  text-align: right !important; }
  .ecofriendly .pull-right p {
    text-align: right; }
  .ecofriendly .pull-right img {
    float: left; }

.ecofriendly p > a {
  text-decoration: underline; }

.ecofriendly .iwt-content p {
  color: #003b71; }

.ecofriendly .iwt-image img {
  width: initial !important;
  max-height: 800px; }
  @media (max-width: 767px) {
    .ecofriendly .iwt-image img {
      max-height: 600px; } }
  @media (max-width: 543px) {
    .ecofriendly .iwt-image img {
      max-height: 400px; } }

.ecofriendly .page-hero {
  height: 80vh;
  max-height: 600px; }
  @media (max-width: 543px) {
    .ecofriendly .page-hero {
      max-height: 480px; } }
  .ecofriendly .page-hero .hero-image img {
    -o-object-position: center bottom !important;
       object-position: center bottom !important; }
  @media (max-width: 543px) {
    .ecofriendly .page-hero .hero-content {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-top: 6rem;
      padding-left: 2rem;
      padding-right: 2rem; } }
  .ecofriendly .page-hero .content-wrapper {
    max-width: 20rem; }
    @media (max-width: 991px) {
      .ecofriendly .page-hero .content-wrapper {
        max-width: 13rem; } }
  @media (min-width: 768px) {
    .ecofriendly .page-hero h1 {
      font-size: 3rem; } }
  .ecofriendly .page-hero h1:after {
    content: '';
    display: block;
    height: 1rem;
    background: #10318E;
    border-radius: 4px;
    margin: 0.5rem 0; }

.ecofriendly .ethos {
  padding: 4rem 1rem 2rem 1rem;
  color: #10318E; }
  .ecofriendly .ethos h2, .ecofriendly .ethos p {
    text-align: center; }

.clean-mattress .page-hero {
  color: #10318E;
  height: 80vh;
  max-height: 950px;
  z-index: 1; }
  @media (max-width: 543px) {
    .clean-mattress .page-hero.top {
      max-height: 300px; } }
  @media (max-width: 1199px) {
    .clean-mattress .page-hero.top .hero-content {
      padding: 2rem 1.5rem; } }
  @media (max-width: 543px) {
    .clean-mattress .page-hero.top .hero-content {
      padding: 4rem 1rem 1rem 1rem; }
      .clean-mattress .page-hero.top .hero-content h1 {
        font-size: 1.5rem; } }
  .clean-mattress .page-hero.top .content-wrapper {
    max-width: 30rem; }
    @media (max-width: 767px) {
      .clean-mattress .page-hero.top .content-wrapper {
        max-width: 20rem; } }
    @media (max-width: 543px) {
      .clean-mattress .page-hero.top .content-wrapper {
        max-width: 12rem; } }
  @media (max-width: 991px) {
    .clean-mattress .page-hero.bottom {
      max-height: 600px; } }
  @media (max-width: 543px) {
    .clean-mattress .page-hero.bottom {
      max-height: 290px; } }
  .clean-mattress .page-hero.bottom .hero-image img {
    -o-object-position: center 70%;
       object-position: center 70%; }
  .clean-mattress .page-hero.bottom .hero-content {
    padding-top: 4rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media (max-width: 543px) {
      .clean-mattress .page-hero.bottom .hero-content {
        padding: 4rem 1rem; } }

.clean-mattress .mobile-content {
  padding: 2rem 1rem;
  color: #10318E;
  text-align: center; }
  .clean-mattress .mobile-content p {
    text-align: center; }

@media (min-width: 1200px) {
  .clean-mattress .mattress-stains .iwt-image {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    margin-top: -3rem; } }

.clean-mattress .mattress-stains .iwt-image img {
  max-width: 800px !important; }

.clean-mattress .clean-urine .iwt-image img {
  max-width: 600px !important; }

.clean-mattress .blood-stains .iwt-image img {
  max-width: 800px !important; }

.clean-mattress .step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .clean-mattress .step-list .step {
    width: 100%;
    text-align: center; }
    @media (min-width: 544px) {
      .clean-mattress .step-list .step {
        width: 50%;
        margin: 0;
        text-align: left; }
        .clean-mattress .step-list .step:nth-child(odd) {
          padding-right: 0.5rem; } }
  .clean-mattress .step-list span {
    display: block; }
  .clean-mattress .step-list .icon {
    padding: 1rem 0; }

.clean-mattress .icon {
  width: 60px; }

.clean-mattress .iwt-image img {
  max-width: 70%; }
  .clean-mattress .iwt-image img.float-right {
    float: right; }
  .clean-mattress .iwt-image img.float-left {
    float: left; }

.clean-mattress .iwt-content {
  color: #10318E; }
  .clean-mattress .iwt-content p {
    max-width: 100%; }
  @media (max-width: 543px) {
    .clean-mattress .iwt-content h3, .clean-mattress .iwt-content h4, .clean-mattress .iwt-content p {
      text-align: center; } }

.clean-mattress .reviews-slider {
  text-align: center;
  padding: 4rem 0;
  background: #b0c8e8; }
  .clean-mattress .reviews-slider > h3 {
    margin-bottom: 2rem; }
  .clean-mattress .reviews-slider #reviews-slider-carousel, .clean-mattress .reviews-slider .swiper-wrapper {
    background: #b0c8e8; }

.recycling__top {
  background-color: #163E71;
  width: 100%;
  min-height: 350px;
  padding-top: 72px;
  padding-bottom: 20px; }

.recycling__top-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .recycling__top-inner h1 {
    color: white;
    font-weight: 400;
    margin-bottom: 0; }

.recycling__icon {
  width: 80px;
  height: 80px; }

.recycling__long-desc {
  background-color: white;
  padding-bottom: 100px; }

.where-to-recycle {
  min-height: 400px;
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .where-to-recycle {
      margin-bottom: 0; } }

.where-to-recycle__image-wrapper,
.where-to-recycle__text-wrapper {
  width: 100%; }
  @media (min-width: 768px) {
    .where-to-recycle__image-wrapper,
    .where-to-recycle__text-wrapper {
      width: 50%; } }

.where-to-recycle__image-wrapper {
  margin-bottom: 40px;
  padding-top: 40px; }
  @media (min-width: 768px) {
    .where-to-recycle__image-wrapper {
      padding-left: 16%;
      margin-bottom: 0;
      padding-bottom: 40px; } }

.where-to-recycle__text-wrapper {
  padding: 0 8%; }

.where-to-recycle__image {
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  max-height: 300px; }
  @media (min-width: 768px) {
    .where-to-recycle__image {
      max-width: 380px; } }

.where-to-recycle__text-wrapper h3 {
  font-weight: normal;
  margin-bottom: 0; }

.where-to-recycle__address-list {
  width: 100%;
  min-height: 200px; }

.where-to-recycle__address {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px; }
  .where-to-recycle__address:last-child {
    margin-bottom: 0; }
  .where-to-recycle__address h4 {
    font-weight: normal;
    margin-bottom: 3px; }
  .where-to-recycle__address p {
    margin-bottom: 0;
    word-wrap: break-word;
    width: 100%;
    text-align: center; }

.delivery-survey .page-hero {
  background-color: #10318E;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 6rem; }
  .delivery-survey .page-hero svg {
    width: 70px; }
  .delivery-survey .page-hero p {
    text-align: center;
    color: #fff;
    max-width: 460px; }

.delivery-survey .rate-experience {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 4rem;
  margin-top: -2rem;
  z-index: 1; }

.delivery-survey .rating-form {
  padding: 4rem 2rem;
  background: #FAFAFA;
  border-radius: 16px; }
  @media (max-width: 543px) {
    .delivery-survey .rating-form {
      padding: 2rem 1rem; }
      .delivery-survey .rating-form h1 {
        font-size: 1.5rem; } }
  .delivery-survey .rating-form h1, .delivery-survey .rating-form h4 {
    font-weight: 200;
    color: #333; }
  .delivery-survey .rating-form .thanks {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
    @media (min-width: 544px) {
      .delivery-survey .rating-form .thanks {
        font-size: 2.5rem; } }
  .delivery-survey .rating-form .feedback-area {
    max-width: 480px;
    margin: 0 auto;
    text-align: right; }
  .delivery-survey .rating-form textarea {
    width: 100%;
    border-radius: 8px;
    border: none;
    resize: none;
    padding: 1rem;
    margin-bottom: 0.5rem; }
  .delivery-survey .rating-form button {
    min-width: 150px; }

.product-review-thank-you .page-hero {
  background-color: #10318E;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 6rem; }

.product-review-thank-you .main-container {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 4rem;
  margin-top: -2rem;
  z-index: 1; }

.product-review-thank-you .thankyou-box {
  padding: 3rem 2rem;
  background: #FAFAFA;
  border-radius: 16px; }
  @media (max-width: 543px) {
    .product-review-thank-you .thankyou-box {
      padding: 2rem 1rem; }
      .product-review-thank-you .thankyou-box h1 {
        font-size: 1.5rem; } }
  .product-review-thank-you .thankyou-box .thanks {
    font-weight: 500; }
    @media (min-width: 544px) {
      .product-review-thank-you .thankyou-box .thanks {
        font-size: 2.5rem; } }
  .product-review-thank-you .thankyou-box p {
    text-align: center; }

.product-review-thank-you .success-message {
  max-width: 500px;
  margin: 0 auto; }

@media (max-width: 543px) {
  #content-wrapper.gifts-for-sleep-lovers .flex-div .iwt-content {
    padding: 2rem 0; } }

#content-wrapper.gifts-for-sleep-lovers .page-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("https://ecosaau.imgix.net/img/gifts/header_banner.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 480px;
  padding-top: 72px; }
  @media (max-width: 543px) {
    #content-wrapper.gifts-for-sleep-lovers .page-hero {
      padding-top: 0;
      min-height: 260px; } }
  #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper {
    margin: 0 auto; }
    #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .banner_text {
      width: 100%; }
      @media (max-width: 543px) {
        #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .banner_text {
          width: 30%; } }
    #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .title h1 {
      font-size: 6.5rem;
      letter-spacing: .65rem;
      text-transform: uppercase;
      line-height: 1;
      margin: 0; }
      #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .title h1 span {
        font-weight: 600; }
        #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .title h1 span:nth-child(1) {
          color: #E83535; }
        #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .title h1 span:nth-child(2) {
          color: #003B71; }
        #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .title h1 span:nth-child(3) {
          color: #4DAAA4; }
        #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .title h1 span:nth-child(4) {
          color: #FFC62C; }
        #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .title h1 span:nth-child(5) {
          color: #E96952; }
    #content-wrapper.gifts-for-sleep-lovers .page-hero .flex-div .banner-wrapper .subtitle {
      font-size: 1.95rem;
      color: #454448; }

#content-wrapper.gifts-for-sleep-lovers .usp-overview {
  padding: 1.5rem 1rem 2rem 1rem; }
  @media (max-width: 543px) {
    #content-wrapper.gifts-for-sleep-lovers .usp-overview.top-usp {
      padding: 4rem 1rem 0 1rem; } }
  #content-wrapper.gifts-for-sleep-lovers .usp-overview .usp-item .usp-block {
    background: #fafafa; }

#content-wrapper.gifts-for-sleep-lovers .gifts-top-grid {
  padding: 1rem 0 3rem 0; }
  @media (max-width: 543px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-top-grid {
      padding: .5rem 0; } }
  @media (min-width: 768px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-top-grid .flex-div .iwt-image {
      width: 65%; } }
  #content-wrapper.gifts-for-sleep-lovers .gifts-top-grid .flex-div .iwt-image img {
    border-radius: 10px; }
  @media (min-width: 768px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-top-grid .flex-div .iwt-content {
      width: 35%;
      padding: 2rem 0 2rem 6rem; } }

#content-wrapper.gifts-for-sleep-lovers .gifts-feature-products {
  padding: 4rem 0;
  background-image: url("/img/gifts/blue_curved_line.png"), url("/img/gifts/grey_curved_line.png");
  background-position: top, bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain; }
  @media (max-width: 543px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products {
      background-position: 0% 35%, bottom;
      background-size: 180%;
      padding: .5rem 0; } }
  @media screen and (min-width: 2400px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products {
      background-size: cover, cover; } }
  #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products .iwt-content h3 {
    margin-bottom: 2.5rem; }
  #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products #gifts-product-slider .swiper-wrapper .swiper-slide {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1rem; }
    @media (max-width: 991px) {
      #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products #gifts-product-slider .swiper-wrapper .swiper-slide {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        width: 75% !important; } }
    #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products #gifts-product-slider .swiper-wrapper .swiper-slide .thumbnail-wrapper {
      margin-bottom: 1.3rem; }
      #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products #gifts-product-slider .swiper-wrapper .swiper-slide .thumbnail-wrapper img {
        border-radius: 10px; }
    #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products #gifts-product-slider .swiper-wrapper .swiper-slide .content-wrapper h4 {
      margin-bottom: 1.3rem; }
    #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products #gifts-product-slider .swiper-wrapper .swiper-slide .content-wrapper p {
      min-height: 50px;
      text-align: center;
      margin-bottom: 1.3rem; }
  #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products #gifts-product-slider .gifts-product-scrollbar {
    margin: 1rem auto; }
    @media (min-width: 768px) {
      #content-wrapper.gifts-for-sleep-lovers .gifts-feature-products #gifts-product-slider .gifts-product-scrollbar {
        display: none; } }

#content-wrapper.gifts-for-sleep-lovers .gifts-middle-grid {
  padding: 3rem 3rem 4rem 0; }
  @media (max-width: 543px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-middle-grid {
      padding: .5rem 0; } }
  @media (min-width: 768px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-middle-grid .flex-div .iwt-image {
      width: 60%; } }
  #content-wrapper.gifts-for-sleep-lovers .gifts-middle-grid .flex-div .iwt-image img {
    border-radius: 10px; }
  @media (min-width: 768px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-middle-grid .flex-div .iwt-content {
      width: 40%;
      text-align: right;
      padding: 2rem 2rem 2rem 0; }
      #content-wrapper.gifts-for-sleep-lovers .gifts-middle-grid .flex-div .iwt-content p {
        text-align: right; } }

#content-wrapper.gifts-for-sleep-lovers .gifts-bottom-grid {
  background: #f2f3f4;
  padding: 4rem 0 5rem 0; }
  @media (max-width: 543px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-bottom-grid {
      margin-top: 3rem;
      padding: .5rem 0; } }
  @media (max-width: 543px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-bottom-grid .flex-div {
      margin-top: -3rem; } }
  #content-wrapper.gifts-for-sleep-lovers .gifts-bottom-grid .flex-div .iwt-image img {
    border-radius: 10px; }
  #content-wrapper.gifts-for-sleep-lovers .gifts-bottom-grid .flex-div .iwt-content .shipping-icon {
    margin-left: -1.5rem;
    margin-bottom: 1rem; }
    @media (max-width: 991px) {
      #content-wrapper.gifts-for-sleep-lovers .gifts-bottom-grid .flex-div .iwt-content .shipping-icon {
        margin-left: 0; } }
  @media (min-width: 768px) {
    #content-wrapper.gifts-for-sleep-lovers .gifts-bottom-grid .flex-div .iwt-content {
      padding: 0 0 0 6rem; } }

#footer .footer-container {
  box-shadow: none; }

#store-option-blok {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 500ms;
  visibility: visible;
  z-index: 9998;
  opacity: 1;
  margin: 0;
  text-align: center;
  padding: 10px;
  width: 100%;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }
  @media (max-width: 845px) {
    #store-option-blok {
      padding: 10px 10px 3rem; } }
  @media (max-width: 767px) {
    #store-option-blok {
      padding: 10px 10px 4.2rem; } }
  @media (max-width: 380px) {
    #store-option-blok {
      padding: 10px 3px 4.2rem; } }
  #store-option-blok .store-option-label {
    color: #10318E;
    display: inline;
    margin-right: 10px; }
    @media (max-width: 767px) {
      #store-option-blok .store-option-label {
        display: block;
        margin-right: 0px;
        margin-bottom: 10px; } }
  #store-option-blok .store-selector-wrapper {
    display: inline; }
    #store-option-blok .store-selector-wrapper .store-option-selector {
      display: inline-block;
      border: 1px solid #10318E;
      border-radius: 8px;
      outline: none;
      text-align: center;
      padding: .2rem;
      width: 189px; }
    #store-option-blok .store-selector-wrapper .dropdown-menu {
      color: #10318E;
      border: 1px solid #10318E;
      border-radius: 8px;
      bottom: 120%; }
    #store-option-blok .store-selector-wrapper .dropdown-item.shop-list-item {
      padding: .2rem 1.3rem;
      cursor: pointer; }
      #store-option-blok .store-selector-wrapper .dropdown-item.shop-list-item img {
        width: 20px; }
      #store-option-blok .store-selector-wrapper .dropdown-item.shop-list-item .store-label {
        color: #10318E;
        margin-left: .6rem; }
      #store-option-blok .store-selector-wrapper .dropdown-item.shop-list-item:hover {
        background-color: #deeff9; }
  #store-option-blok .countine-shop {
    background-color: #10318E;
    color: #fff;
    padding: .4rem 1.4rem;
    margin-left: .3rem;
    border: 0;
    border-radius: 8px; }
    @media (max-width: 360px) {
      #store-option-blok .countine-shop {
        padding: .4rem .6rem;
        margin-left: 0; } }
  #store-option-blok .cross-btn {
    display: inline-block;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    border: 0;
    margin-left: .3rem;
    background-color: transparent;
    height: 25px;
    width: 25px;
    padding: 0; }
    @media (max-width: 360px) {
      #store-option-blok .cross-btn {
        margin-left: 0; } }
    #store-option-blok .cross-btn svg {
      display: block; }
    #store-option-blok .cross-btn .close-x {
      stroke: #10318E;
      fill: transparent;
      stroke-linecap: round;
      stroke-width: 5; }

.store-option-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  visibility: hidden;
  opacity: 0; }
  .store-option-overlay :target {
    visibility: visible;
    opacity: 1; }

body#survey #header, body#survey #footer {
  display: none !important; }

body#survey #zd-chat-iframe {
  display: none !important; }

body#survey #content-wrapper.ecosa-delivery-survey {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center bottom; }
  body#survey #content-wrapper.ecosa-delivery-survey div[data-tf-widget="TtiCezJP"] {
    padding-top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999; }
    body#survey #content-wrapper.ecosa-delivery-survey div[data-tf-widget="TtiCezJP"] .tf-v1-widget {
      z-index: 999999; }
  body#survey #content-wrapper.ecosa-delivery-survey iframe {
    border-radius: 0; }
  body#survey #content-wrapper.ecosa-delivery-survey .complete_success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: visible;
    background-size: cover;
    background-position: center bottom;
    height: 100vh;
    padding-top: 0; }
    body#survey #content-wrapper.ecosa-delivery-survey .complete_success .content-box {
      background-color: #003b71;
      color: #fff;
      text-align: left;
      font-size: 48pt;
      line-height: 1;
      font-weight: bold;
      max-width: 42%;
      padding: 50pt 30pt;
      margin-top: 10%;
      border-top-right-radius: 18px;
      border-bottom-right-radius: 18px; }
      @media screen and (max-width: 1102px) {
        body#survey #content-wrapper.ecosa-delivery-survey .complete_success .content-box {
          margin-top: 40%;
          font-size: 33pt; } }
      @media screen and (max-width: 1440px) {
        body#survey #content-wrapper.ecosa-delivery-survey .complete_success .content-box {
          max-width: 56%; } }
      @media screen and (max-width: 760px) {
        body#survey #content-wrapper.ecosa-delivery-survey .complete_success .content-box {
          font-size: 23pt; } }
      @media screen and (max-width: 626px) {
        body#survey #content-wrapper.ecosa-delivery-survey .complete_success .content-box {
          margin-top: 40%;
          padding: 30pt 10pt; } }
      @media screen and (max-width: 512px) {
        body#survey #content-wrapper.ecosa-delivery-survey .complete_success .content-box {
          max-width: 82%; } }

.page-onepagecheckout .overlay-pinbox {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  display: none; }
  .page-onepagecheckout .overlay-pinbox .popup {
    color: #fff2e6;
    font-weight: bold;
    font-size: 20px;
    width: 426px;
    height: 230px;
    position: absolute;
    z-index: 10000;
    top: 50%;
    left: 50%;
    background: #003b71;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 10px;
    text-align: center;
    padding: 36px 0; }
    @media (max-width: 445px) {
      .page-onepagecheckout .overlay-pinbox .popup {
        width: 344px;
        height: 200px; } }
    @media (max-width: 350px) {
      .page-onepagecheckout .overlay-pinbox .popup {
        width: 300px;
        height: 200px; } }
    .page-onepagecheckout .overlay-pinbox .popup .cloud {
      position: absolute;
      top: 59px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 445px) {
        .page-onepagecheckout .overlay-pinbox .popup .cloud {
          top: 40px; } }
    .page-onepagecheckout .overlay-pinbox .popup .title {
      text-align: center;
      margin-top: 22px;
      line-height: 38.04px;
      font-size: 30px; }
    .page-onepagecheckout .overlay-pinbox .popup .close {
      position: absolute;
      top: 9px;
      right: 11px;
      width: 36px;
      height: 36px;
      cursor: pointer;
      opacity: 1;
      display: block; }
      .page-onepagecheckout .overlay-pinbox .popup .close::before, .page-onepagecheckout .overlay-pinbox .popup .close::after {
        content: "";
        width: 2px;
        height: 31px;
        position: absolute;
        top: 3px;
        right: 16px;
        background-color: #fff;
        display: block;
        border-radius: 22px; }
      .page-onepagecheckout .overlay-pinbox .popup .close::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .page-onepagecheckout .overlay-pinbox .popup .close::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .page-onepagecheckout .overlay-pinbox .popup .text {
      text-align: center;
      font-size: 16px;
      line-height: 22.96px;
      font-weight: 400;
      color: #6A6A6A;
      margin: 2rem 0; }
      @media (max-width: 445px) {
        .page-onepagecheckout .overlay-pinbox .popup .text {
          font-size: 14px; } }
      .page-onepagecheckout .overlay-pinbox .popup .text-en {
        padding: 0 51px; }
        @media (max-width: 445px) {
          .page-onepagecheckout .overlay-pinbox .popup .text-en {
            padding: 0 30px; } }
      .page-onepagecheckout .overlay-pinbox .popup .text-hk {
        padding: 0 48px; }
        @media (max-width: 445px) {
          .page-onepagecheckout .overlay-pinbox .popup .text-hk {
            padding: 0 25px; } }
    .page-onepagecheckout .overlay-pinbox .popup .btn {
      width: 320px;
      height: 44px; }
      @media (max-width: 445px) {
        .page-onepagecheckout .overlay-pinbox .popup .btn {
          width: 272px; } }
  .page-onepagecheckout .overlay-pinbox .pincode-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 2% 18%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .page-onepagecheckout .overlay-pinbox .pincode-input-text, .page-onepagecheckout .overlay-pinbox .pincode-input-text.form-control {
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin: 10px;
    padding: 10px;
    min-width: 48px; }
  .page-onepagecheckout .overlay-pinbox .pincode-input-text .filled {
    caret-color: transparent; }
  .page-onepagecheckout .overlay-pinbox .pincode-input-error {
    clear: both; }
  .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .pincode-input-text:focus, .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .pincode-input-text:focus.form-control {
    outline: none;
    border: 0;
    box-shadow: none; }
  .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .touchwrapper {
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .touchwrapper .pincode-input-text {
      display: block;
      background: transparent;
      text-align: initial;
      border: 0;
      padding-left: 0;
      overflow: visible;
      box-shadow: none;
      transition: none; }
      .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .touchwrapper .pincode-input-text.noletterspacing {
        letter-spacing: 0 !important;
        visibility: hidden; }
  .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .touch-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .touch-flex-cell {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border: 1px solid #f2f2f2; }
  .modal-dialog .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .pincode-input-text {
    z-index: 1042; }
  .modal-dialog .page-onepagecheckout .overlay-pinbox .pincode-input-container.touch .touch-flex {
    z-index: 1041;
    pointer-events: none; }
  .page-onepagecheckout .overlay-pinbox .message {
    text-align: center; }
  .page-onepagecheckout .overlay-pinbox .shake {
    -webkit-animation: shake-animation 2s ease infinite;
            animation: shake-animation 2s ease infinite;
    width: 426px;
    height: 200px;
    position: absolute;
    z-index: 10000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center; }

@-webkit-keyframes shake-animation {
  0% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  1.78571% {
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%); }
  3.57143% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  5.35714% {
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%); }
  7.14286% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  8.92857% {
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%); }
  10.71429% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

@keyframes shake-animation {
  0% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  1.78571% {
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%); }
  3.57143% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  5.35714% {
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%); }
  7.14286% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  8.92857% {
    -webkit-transform: translate(-51%, -50%);
            transform: translate(-51%, -50%); }
  10.71429% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

#login-register-modal .social-login, #authentication .social-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto; }

@media (min-width: 544px) {
  #login-register-modal .social-login, #authentication .social-login {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; } }

#login-register-modal .gSignInBtn, #login-register-modal .fbSignInBtn, #authentication .gSignInBtn, #authentication .fbSignInBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(1 / 2 * 100% - (1 - 1 / 2) * 10px); }

@media (max-width: 543px) {
  #login-register-modal .gSignInBtn, #login-register-modal .fbSignInBtn, #authentication .gSignInBtn, #authentication .fbSignInBtn {
    width: 100%; }
  #login-register-modal .gSignInBtn, #authentication .gSignInBtn {
    padding: 0 0 0.5rem 0; }
  #login-register-modal .social-login .button-wrapper, #authentication .social-login .button-wrapper {
    width: 100% !important; }
  #login-register-modal .fbSignInBtn, #authentication .fbSignInBtn {
    padding: 0; } }

#login-register-modal .social-login .logo, #authentication .social-login .logo {
  width: 24px;
  height: 24px; }

#login-register-modal .gSignInBtn .button-wrapper, #authentication .gSignInBtn .button-wrapper {
  height: 40px;
  background: #FFF;
  border-radius: 4px;
  border: 1px #ffffff solid;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#login-register-modal .gSignInBtn .button-wrapper:hover, #authentication .gSignInBtn .button-wrapper:hover {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }

#login-register-modal .gSignInBtn .desc, #authentication .gSignInBtn .desc {
  font-size: 15px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.25px;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  color: #6A6A6A; }

#login-register-modal .fbSignInBtn .button-wrapper, #authentication .fbSignInBtn .button-wrapper {
  height: 40px;
  background: #4267b2;
  border-radius: 4px;
  border: 1px #4267b2 solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#login-register-modal .fbSignInBtn .button-wrapper:hover, #authentication .fbSignInBtn .button-wrapper:hover {
  background-color: #00488b; }

#login-register-modal .fbSignInBtn .desc, #authentication .fbSignInBtn .desc {
  font-size: 15px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.25px;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  color: #fff; }

#login-register-modal .gSignInBtn, #authentication .gSignInBtn {
  position: relative; }

#login-register-modal .g_id_signin, #authentication .g_id_signin {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%; }

#login-register-modal .g_id_signin > div > iframe, #authentication .g_id_signin > div > iframe {
  width: 100% !important;
  margin: 0 !important; }

#login-register-modal .g-signin-loading-shadow, #authentication .g-signin-loading-shadow {
  width: 100%;
  height: 100%;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9002;
  background: gray;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0 !important;
  opacity: 0.40; }

#login-register-modal .g-signin-loading-shadow .g-signin-load-spin, #authentication .g-signin-loading-shadow .g-signin-load-spin {
  width: 32px;
  height: 32px;
  border: 6px solid;
  margin: auto;
  border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.78) transparent transparent;
  -webkit-animation: loading-cycle 1s infinite linear;
          animation: loading-cycle 1s infinite linear;
  display: block;
  border-radius: 50%;
  background: transparent; }

#login-register-modal .loading-shadow, #authentication .loading-shadow {
  width: 100%;
  height: 100%;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9003;
  opacity: 0.40;
  background: gray;
  position: fixed;
  top: 0;
  left: 0; }

#login-register-modal .shadow-load-spin, #authentication .shadow-load-spin {
  width: 160px;
  height: 160px;
  border: 16px solid;
  border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.78) transparent transparent;
  -webkit-animation: loading-cycle 1s infinite linear;
          animation: loading-cycle 1s infinite linear;
  display: block;
  border-radius: 50%;
  background: transparent;
  margin: auto; }

#stepscheckout {
  background-color: #F8F8FA;
  /* DATEPICKER */
  /* MATTRESS RECYCLING */
  /* PAYMENT CONFIRMATION */ }
  #stepscheckout.loading .ajax-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(0, 0, 0, 0.2); }
  #stepscheckout noscript {
    position: fixed;
    z-index: 9999; }
    #stepscheckout noscript > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100vw;
      height: 100vh; }
  #stepscheckout header {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); }
  #stepscheckout .header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 1.5rem;
    height: 55px; }
    #stepscheckout .header-nav .logo {
      height: 30px; }
  #stepscheckout .checkout-flex-layout .left-column {
    padding-top: 24px; }
  @media (max-width: 1600px) and (min-width: 1200px) {
    #stepscheckout .checkout-flex-layout .left-column {
      padding-left: 5% !important; }
    #stepscheckout .checkout-flex-layout .right-column {
      padding-right: 5% !important; } }
  @media (max-width: 1199px) {
    #stepscheckout .checkout-flex-layout .left-column {
      padding-top: 135px;
      padding-left: 1rem;
      padding-right: 1rem; }
    #stepscheckout .checkout-flex-layout .right-column {
      background-color: #F8F8FA; } }
  @media (min-width: 1200px) {
    #stepscheckout .checkout-flex-layout .left-column {
      width: 55%;
      padding: 80px 48px 0 16px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    #stepscheckout .checkout-flex-layout .right-column {
      width: 45%;
      height: 100vh;
      padding: 80px 16px 0 48px;
      background: #F2F5FB;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      overflow-y: auto; }
      #stepscheckout .checkout-flex-layout .right-column:after {
        margin-left: -1rem; }
      #stepscheckout .checkout-flex-layout .right-column .checkout-section {
        max-width: 660px;
        margin-left: 0; }
      #stepscheckout .checkout-flex-layout .right-column .section-header {
        display: none; } }
  @media (max-width: 1199px) {
    #stepscheckout .order-review {
      position: fixed;
      top: 55px;
      padding: 0 !important;
      max-width: 100%;
      width: 100%;
      background: #F2F5FB !important;
      border-radius: 0 !important;
      box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
      z-index: 10;
      max-height: calc(100vh - 55px);
      overflow-y: scroll; }
      #stepscheckout .order-review .checkout-section {
        border-radius: 0;
        padding: 0;
        background: #F2F5FB; }
      #stepscheckout .order-review .section-header {
        background: #10318E;
        padding: 1rem; }
        #stepscheckout .order-review .section-header .cart-products-count {
          font-size: 14px; }
        #stepscheckout .order-review .section-header .collapse-title,
        #stepscheckout .order-review .section-header .cart-products-count,
        #stepscheckout .order-review .section-header .currency,
        #stepscheckout .order-review .section-header .total {
          color: #FFFFFF; }
        #stepscheckout .order-review .section-header .value {
          margin-right: 0.5rem; }
        #stepscheckout .order-review .section-header .arrow-icon {
          width: 22px;
          height: 22px; }
          #stepscheckout .order-review .section-header .arrow-icon::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 22px;
            height: 22px;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.1001L8 10.9001L14 6.1001' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A"); }
        #stepscheckout .order-review .section-header[aria-expanded="true"] .arrow-icon::after {
          background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10.9L8 6.10001L2 10.9' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A") !important; }
      #stepscheckout .order-review #cart-summary-block {
        background: #fff;
        padding: 1rem;
        margin: 1rem;
        border-radius: 4px; } }

@media (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) {
  #stepscheckout .order-review #cart-summary-block {
    max-width: 740px;
    min-width: 740px;
    margin-left: auto;
    margin-right: auto; } }
  @media (max-width: 1199px) {
        #stepscheckout .order-review #cart-summary-block .cart-summary-products h5 {
          display: none; } }
  #stepscheckout .after-edit {
    display: none; }
  #stepscheckout .before-edit {
    margin-top: 1rem; }
  #stepscheckout .before-edit.collapse.in + .after-edit {
    display: none; }
  #stepscheckout .checkout-section.completed .before-edit.collapse:not(.in) + .after-edit {
    display: block;
    margin-top: 1rem; }
  #stepscheckout .checkout-section {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
    @media (max-width: 991px) {
      #stepscheckout .checkout-section {
        padding: 20px;
        margin-bottom: 20px; } }
    #stepscheckout .checkout-section.inactive .section-header .step-header, #stepscheckout .checkout-section:not(.active):not(.completed) .section-header .step-header {
      color: #6A6A6A; }
    #stepscheckout .checkout-section:not(.order-review) .section-header {
      padding-top: 0;
      padding-bottom: 0; }
    #stepscheckout .checkout-section.completed:not(.active) .step-edit {
      display: block; }
    #stepscheckout .checkout-section.completed:not(.active) .after-edit {
      margin-top: 1rem; }
    #stepscheckout .checkout-section:not(.active):not(.inactive) .step-edit {
      display: block; }
  #stepscheckout .step-edit {
    display: none;
    text-decoration: underline;
    cursor: pointer;
    color: #6A6A6A; }
  #stepscheckout .options {
    background-color: initial;
    border: none;
    box-shadow: unset; }
    #stepscheckout .options .option-row {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-top: none; }
      #stepscheckout .options .option-row label {
        padding-left: 0; }
      #stepscheckout .options .option-row .custom-radio:not(.hidden) + label {
        padding-left: 1rem; }
    #stepscheckout .options .blodtext > span {
      color: #10318E; }
  #stepscheckout .custom-checkbox input[type="checkbox"] + span {
    border-radius: 50%; }
    #stepscheckout .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
      border-radius: 50%; }
  #stepscheckout .custom-radio {
    width: 24px;
    height: 24px;
    padding-right: 1.25rem;
    margin-right: 0; }
    #stepscheckout .custom-radio span {
      width: 16px;
      height: 16px; }
    #stepscheckout .custom-radio input[type=radio] {
      width: 24px;
      height: 24px; }
    #stepscheckout .custom-radio.disabled {
      border: none; }
      #stepscheckout .custom-radio.disabled svg {
        width: 24px;
        height: 24px; }
  #stepscheckout .personal-information .form-group {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 0; }
  #stepscheckout .personal-information .form-field-control {
    box-shadow: unset; }
    #stepscheckout .personal-information .form-field-control:not(:placeholder-shown) + label,
    #stepscheckout .personal-information .form-field-control:focus + label {
      background-image: unset;
      background-color: #FFFFFF; }
  #stepscheckout .personal-information .form-field-select {
    padding-left: 1rem; }
  #stepscheckout .personal-information .form-control-select {
    height: 50px;
    box-shadow: none;
    padding-left: 1rem; }
  #stepscheckout .personal-information label::before {
    background-image: none !important; }
  #stepscheckout .personal-information .form-field-label {
    left: 0; }
  #stepscheckout .personal-information .customer-info {
    color: #333333; }
    #stepscheckout .personal-information .customer-info .name-email {
      font-weight: bold; }
    #stepscheckout .personal-information .customer-info .logout a {
      text-decoration: underline; }
  #stepscheckout .select-address-formatted {
    border-left: 1px solid #DDE3E8;
    border-right: 1px solid #DDE3E8;
    border-bottom: 1px solid #DDE3E8;
    border-radius: 0 0 8px 8px;
    padding: 1rem; }
  #stepscheckout .address-formatted .address-header {
    margin-bottom: 0.5rem; }
  #stepscheckout .address-formatted .address-body {
    color: #333333; }
  #stepscheckout .form-group-default_billing,
  #stepscheckout .form-group-default_shipping {
    display: none; }
  #stepscheckout #onepage-checkout-address-delivery {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  #stepscheckout #onepage-checkout-address-billing {
    margin-top: 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    #stepscheckout #onepage-checkout-address-billing #billing-address-form {
      margin-top: 1rem; }
    #stepscheckout #onepage-checkout-address-billing .billing-address-option-addition {
      background-color: #FFFFFF;
      border: none; }
    #stepscheckout #onepage-checkout-address-billing #js-address-billing .option-row {
      padding-left: 0; }
  #stepscheckout #onepage-checkout-payment .payment-options .option-wrapper:not(:first-child) {
    border-top: 1px solid #EEF4FE; }
  #stepscheckout #onepage-checkout-payment div.adyen-payment {
    border-top: none;
    background: #FFFFFF; }
  #stepscheckout #onepage-checkout-summary {
    position: relative;
    width: 100%; }
    #stepscheckout #onepage-checkout-summary h5 {
      font-size: 18px;
      font-weight: 400;
      margin: 0; }
    #stepscheckout #onepage-checkout-summary hr {
      margin: 0; }
    #stepscheckout #onepage-checkout-summary #cart-summary-block {
      border: none;
      box-shadow: unset; }
    #stepscheckout #onepage-checkout-summary .cart-summary-line .label {
      position: relative; }
      #stepscheckout #onepage-checkout-summary .cart-summary-line .label .div-tooltiptext {
        left: 50%;
        -webkit-transform: unset;
                transform: unset; }
    #stepscheckout #onepage-checkout-summary .cart-summary-products {
      padding: 0; }
    #stepscheckout #onepage-checkout-summary .block-promo {
      padding: 1rem 0; }
    #stepscheckout #onepage-checkout-summary .cart-summary-subtotals {
      padding: 1rem 0; }
    #stepscheckout #onepage-checkout-summary .cart-summary-totals {
      padding: 0; }
    #stepscheckout #onepage-checkout-summary #cart-summary-product-list img {
      max-width: 100px; }
    #stepscheckout #onepage-checkout-summary #cart-summary-product-list .strikethrough-price {
      margin-right: 4px; }
    #stepscheckout #onepage-checkout-summary #cart-summary-product-list .prices-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  #stepscheckout .section-next {
    margin-top: 16px; }
    #stepscheckout .section-next button.continue {
      min-width: 240px;
      height: 50px;
      padding: 8px 30px;
      background: #10318E;
      color: #E8D7FF; }
      @media (max-width: 543px) {
        #stepscheckout .section-next button.continue {
          width: 100%; } }
      #stepscheckout .section-next button.continue.disabled {
        background: #E6E9F2;
        color: #A1ADCF; }
  #stepscheckout .step-header {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin: 0;
    padding: 0;
    border: none; }
  #stepscheckout .block-content .options {
    border: 1px solid #EEF4FE;
    border-radius: 0 0 8px 8px; }
  #stepscheckout .block-content .option-wrapper:first-child .option-row {
    border-top: none; }
  #stepscheckout .block-content .option-row {
    border-top: 1px solid #EEF4FE; }
  #stepscheckout .additional-option .option-title {
    margin-bottom: 0.5rem; }
  #stepscheckout .additional-option .custom-radio-box {
    margin-right: 1.5rem; }
  #stepscheckout .additional-option textarea {
    border: 1px solid #EEF4FE; }
  #stepscheckout .delivery-restriction {
    display: block;
    border: 1px solid #EEF4FE;
    border-radius: 8px;
    margin-bottom: 0;
    background-color: #fff;
    box-sizing: border-box; }
    #stepscheckout .delivery-restriction .context-box {
      padding: 0 0.75rem 0.75rem 0.75rem; }
      #stepscheckout .delivery-restriction .context-box .message-wrapper {
        font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
        font-size: 15px;
        font-weight: normal;
        color: #E96951; }
      #stepscheckout .delivery-restriction .context-box .description-wrapper {
        font-size: 14px;
        margin-top: 0.5rem; }
        #stepscheckout .delivery-restriction .context-box .description-wrapper a {
          color: #10318E;
          text-decoration: underline; }
  #stepscheckout .products-block .product-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #stepscheckout .products-block .product-image {
    width: 100px; }
  #stepscheckout .products-block .product-name {
    color: #333333; }
  #stepscheckout .products-block .product-name, #stepscheckout .products-block .product-attribute {
    font-size: 14px; }
  #stepscheckout #delivery-option-form .option-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #stepscheckout #delivery-option-form .option-title .title {
      color: #10318E;
      font-weight: 700; }
    #stepscheckout #delivery-option-form .option-title .carrier-price {
      color: #10318E;
      font-weight: 700; }
    #stepscheckout #delivery-option-form .option-title .desc {
      color: #6A6A6A;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #stepscheckout #delivery-option-form .option-title .desc svg {
        margin-right: 0.5rem; }
    #stepscheckout #delivery-option-form .option-title .option-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative; }
    #stepscheckout #delivery-option-form .option-title .option-price {
      position: relative; }
  #stepscheckout .delivery-types {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    border: 1px solid #EEF4FE;
    border-radius: 8px; }
    #stepscheckout .delivery-types .method-option {
      width: 50%;
      min-height: 72px; }
      #stepscheckout .delivery-types .method-option:first-of-type {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px; }
      #stepscheckout .delivery-types .method-option:last-of-type {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px; }
      #stepscheckout .delivery-types .method-option.active {
        background-color: #EEF4FE; }
        #stepscheckout .delivery-types .method-option.active .carrier-price {
          font-weight: 700; }
      #stepscheckout .delivery-types .method-option.disabled {
        cursor: not-allowed;
        background-color: #F8F8FA; }
        #stepscheckout .delivery-types .method-option.disabled .custom-radio, #stepscheckout .delivery-types .method-option.disabled .option-body, #stepscheckout .delivery-types .method-option.disabled .option-title {
          cursor: not-allowed; }
        #stepscheckout .delivery-types .method-option.disabled .checkout-tooltip {
          cursor: pointer; }
        #stepscheckout .delivery-types .method-option.disabled .title {
          color: #6A6A6A !important; }
        #stepscheckout .delivery-types .method-option.disabled .option-price {
          text-align: center; }
        #stepscheckout .delivery-types .method-option.disabled .unavailable {
          font-size: 14px;
          padding-left: 0.5rem;
          padding-right: 0.5rem; }
        #stepscheckout .delivery-types .method-option.disabled .div-tooltiptext {
          width: 320px;
          padding-bottom: 0.5rem; }
          @media (max-width: 991px) {
            #stepscheckout .delivery-types .method-option.disabled .div-tooltiptext {
              -webkit-transform: translateX(-100%);
                      transform: translateX(-100%);
              max-width: 80vw; } }
        #stepscheckout .delivery-types .method-option.disabled .tooltip-header {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #stepscheckout .delivery-types .method-option.disabled .tooltip-header svg {
            margin-right: 4px; }
        #stepscheckout .delivery-types .method-option.disabled .tooltip-content {
          font-size: 14px; }
    #stepscheckout .delivery-types #collect-unavailable-items {
      padding-top: 0.5rem; }
    #stepscheckout .delivery-types .option-row {
      padding: 0; }
    #stepscheckout .delivery-types .option-title {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important;
      padding-left: 0 !important; }
    #stepscheckout .delivery-types .custom-radio {
      display: none; }
  #stepscheckout .delivery-methods {
    margin-bottom: 1rem; }
    #stepscheckout .delivery-methods .method-option {
      border-left: 1px solid #EEF4FE;
      border-right: 1px solid #EEF4FE;
      border-bottom: 1px solid #EEF4FE; }
  #stepscheckout .dispatch-date-options {
    border: 1px solid #EEF4FE;
    border-radius: 8px; }
  #stepscheckout .date-range-wrapper {
    padding: 0 0.75rem 0.75rem 0.75rem; }
  #stepscheckout .delivery-options {
    border: none;
    margin-bottom: 0; }
  #stepscheckout .change-datepicker-label {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 125%; }
  #stepscheckout .change-datepicker-wrapper {
    border: none; }
  @media (min-width: 1200px) {
    #stepscheckout #arrival_date_picker .ui-datepicker,
    #stepscheckout #premium_date_picker .ui-datepicker,
    #stepscheckout #dispatch_date_picker .ui-datepicker,
    #stepscheckout #datepicker_pickup .ui-datepicker {
      margin: 0; } }
  @media (min-width: 1200px) {
    #stepscheckout #arrival_date_selector .arrival-timeslots-wrapper {
      margin-left: 0; } }
  #stepscheckout #arrival_date_picker thead th.ui-datepicker-week-end:last-of-type {
    position: relative; }
  #stepscheckout #arrival_date_picker .ui-datepicker-week-end:not(.ui-datepicker-unselectable):not(.ui-datepicker-current-day):not([title="surcharge-excluded"]) .ui-state-default {
    background: #F5EFFE; }
  #stepscheckout #arrival_date_picker .ui-datepicker-week-end .surcharge {
    color: #6A6A6A;
    font-weight: normal;
    font-size: 10px;
    position: absolute;
    left: 20%;
    top: 55%; }
  #stepscheckout #mattress-collection-form .collection-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  #stepscheckout #mattress-collection-form .collection-now-title,
  #stepscheckout #mattress-collection-form .collection-later-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; }
  #stepscheckout .confirm-button-container {
    width: 100%;
    max-width: 660px;
    margin-left: 0; }

@media (min-width: 768px) and (max-width: 1199px) {
  #stepscheckout .confirm-button-container {
    max-width: 740px;
    min-width: 740px;
    margin-left: auto;
    margin-right: auto; } }
    @media (max-width: 991px) {
      #stepscheckout .confirm-button-container {
        padding: 0 1rem; } }
  #stepscheckout #payment-confirmation button {
    border-radius: 8px;
    font-size: 19px;
    height: auto;
    padding: 16px 32px; }
    #stepscheckout #payment-confirmation button.is-disabled {
      background-color: #E6E9F2;
      color: #A1ADCF; }
  #stepscheckout .text-black {
    color: #333333; }
  #stepscheckout .shadow-none {
    box-shadow: none !important; }
  #stepscheckout .rounded-lg {
    border-radius: 8px; }
  #stepscheckout .rounded-t-lg {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  #stepscheckout .rounded-b-lg {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  #stepscheckout .edit-info:not(:first-of-type) {
    margin-top: 0.5rem; }
  #stepscheckout .edit-info .info-title {
    color: #6A6A6A; }
  #stepscheckout .edit-info .info-value {
    color: #333333; }
  #stepscheckout .global-form-submission-error {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebcccc;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 15px;
    text-align: left; }
  #stepscheckout #launcher {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    left: 10px !important;
    bottom: 10px !important; }

.checkout-tooltip {
  position: absolute;
  right: -20px;
  top: -4px;
  z-index: 1; }
  .checkout-tooltip svg {
    width: 14px;
    height: 14px; }
  .checkout-tooltip .tooltip-header {
    font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
    color: #10318E;
    margin-bottom: 0.5rem;
    font-weight: 500; }
  .checkout-tooltip .tooltip-content {
    color: #6A6A6A; }
    .checkout-tooltip .tooltip-content a {
      text-decoration: underline;
      color: #6A6A6A; }
  .checkout-tooltip .div-tooltiptext {
    display: none;
    position: absolute;
    bottom: 120%;
    z-index: 9999;
    max-width: 80vw;
    width: 280px;
    padding: 16px;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 59, 113, 0.1);
    text-align: left;
    font-size: 14px; }
    @media (max-width: 1199px) {
      .checkout-tooltip .div-tooltiptext {
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        max-width: 60vw; } }
  .checkout-tooltip .div-tooltip:hover .div-tooltiptext,
  .checkout-tooltip .div-tooltip:focus .div-tooltiptext,
  .checkout-tooltip .div-tooltip:focus-within .div-tooltiptext {
    display: block; }
  .checkout-tooltip .tooltip-ul li {
    margin-bottom: 0;
    list-style-type: disc;
    list-style-position: inside; }

.option-price .checkout-tooltip {
  right: unset;
  left: -20px;
  top: 2px; }
  @media (max-width: 1199px) {
    .option-price .checkout-tooltip .div-tooltiptext {
      left: unset;
      -webkit-transform: unset;
              transform: unset;
      right: 50%; } }

/* CLICK AND COLLECT */
#stepscheckout .block-header,
#orderupdate .block-header {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
  background: #EEF4FE;
  padding: 8px 10px;
  color: #10318E; }
  #stepscheckout .block-header:first-of-type,
  #orderupdate .block-header:first-of-type {
    border-radius: 8px 8px 0 0; }

#stepscheckout .delivery-block,
#orderupdate .delivery-block {
  margin-bottom: 1rem; }
  #stepscheckout .delivery-block .block-content,
  #orderupdate .delivery-block .block-content {
    border: 1px solid #EEF4FE; }
    #stepscheckout .delivery-block .block-content:last-of-type,
    #orderupdate .delivery-block .block-content:last-of-type {
      border-radius: 0 0 8px 8px; }
    #stepscheckout .delivery-block .block-content .method-option,
    #orderupdate .delivery-block .block-content .method-option {
      border-left: none;
      border-right: none; }
  #stepscheckout .delivery-block .delivery-description,
  #orderupdate .delivery-block .delivery-description {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 14px; }

#stepscheckout .delivery-block-group .method-option:first-of-type,
#orderupdate .delivery-block-group .method-option:first-of-type {
  border-top: 1px solid #EEF4FE;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

#stepscheckout .delivery-block-group .method-option:last-of-type,
#orderupdate .delivery-block-group .method-option:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

#stepscheckout .collect-details,
#orderupdate .collect-details {
  border: 1px solid #F8F8FA;
  border-radius: 8px;
  text-align: left; }
  #stepscheckout .collect-details .block-header,
  #orderupdate .collect-details .block-header {
    background: #F8F8FA; }
  #stepscheckout .collect-details .block-content,
  #orderupdate .collect-details .block-content {
    padding: 0.75rem; }
  #stepscheckout .collect-details .store-name,
  #orderupdate .collect-details .store-name {
    display: block;
    color: #10318E;
    font-weight: 700; }
  #stepscheckout .collect-details .store-info,
  #orderupdate .collect-details .store-info {
    position: relative; }
    #stepscheckout .collect-details .store-info .checkout-tooltip,
    #orderupdate .collect-details .store-info .checkout-tooltip {
      font-weight: normal; }
  #stepscheckout .collect-details .store-address,
  #orderupdate .collect-details .store-address {
    display: block; }
  #stepscheckout .collect-details .special-hours b,
  #orderupdate .collect-details .special-hours b {
    color: #FF8A00; }

#stepscheckout .store-header,
#orderupdate .store-header {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif; }

#stepscheckout .store-detail:not(:last-of-type),
#orderupdate .store-detail:not(:last-of-type) {
  padding-bottom: 1rem; }

#stepscheckout .store-stock-status,
#orderupdate .store-stock-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #stepscheckout .store-stock-status svg,
  #orderupdate .store-stock-status svg {
    margin-right: 0.5rem; }

#stepscheckout .store-timeslots fieldset,
#orderupdate .store-timeslots fieldset {
  padding: 0; }

#stepscheckout .pick-up-timeslots .custom-radio-box,
#orderupdate .pick-up-timeslots .custom-radio-box {
  padding-top: 1rem; }

#stepscheckout .custom-radio-wrap.disabled,
#stepscheckout .custom-radio-box.disabled,
#orderupdate .custom-radio-wrap.disabled,
#orderupdate .custom-radio-box.disabled {
  opacity: .25; }

#stepscheckout .custom-radio-wrap .custom-radio,
#stepscheckout .custom-radio-box .custom-radio,
#orderupdate .custom-radio-wrap .custom-radio,
#orderupdate .custom-radio-box .custom-radio {
  padding-right: 0;
  margin-right: 0; }

#stepscheckout .custom-radio-wrap label,
#stepscheckout .custom-radio-box label,
#orderupdate .custom-radio-wrap label,
#orderupdate .custom-radio-box label {
  cursor: pointer;
  padding-left: 0.5rem;
  color: #10318E; }

#stepscheckout .change-btn,
#orderupdate .change-btn {
  cursor: pointer;
  color: #10318E;
  text-decoration: underline; }
  #stepscheckout .change-btn.arrow-icon,
  #orderupdate .change-btn.arrow-icon {
    position: relative;
    padding-left: 1.5rem;
    width: 16px;
    height: 16px; }
    #stepscheckout .change-btn.arrow-icon:after,
    #orderupdate .change-btn.arrow-icon:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M6.73287 10.8024C7.09254 11.1629 7.67665 11.1629 8.03632 10.8024L12.6401 6.18811C12.9998 5.82762 12.9998 5.24218 12.6401 4.88169C12.2804 4.52121 11.6963 4.52121 11.3367 4.88169L7.38316 8.84419L3.42965 4.88458C3.06998 4.52409 2.48587 4.52409 2.1262 4.88458C1.76653 5.24507 1.76653 5.8305 2.1262 6.19099L6.72999 10.8052L6.73287 10.8024Z" fill="%236A6A6A"/></svg>'); }
    #stepscheckout .change-btn.arrow-icon.expanded:after,
    #orderupdate .change-btn.arrow-icon.expanded:after {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M6.85006 4.5399C7.20973 4.17941 7.79384 4.17941 8.15351 4.5399L12.7573 9.15416C13.117 9.51464 13.117 10.1001 12.7573 10.4606C12.3976 10.8211 11.8135 10.8211 11.4539 10.4606L7.50034 6.49807L3.54684 10.4577C3.18716 10.8182 2.60306 10.8182 2.24339 10.4577C1.88371 10.0972 1.88371 9.51176 2.24339 9.15127L6.84718 4.53701L6.85006 4.5399Z" fill="%236A6A6A"/></svg>'); }

#orderupdate .onepage-checkout-container {
  margin-bottom: 0; }

#orderupdate .newsletter-wrapper {
  display: none; }

#orderupdate .collect-update-sections-container {
  padding: 4rem 1rem; }

#orderupdate .collect-details {
  max-width: 600px;
  margin: 0 auto; }

#orderupdate .store-timeslots {
  text-align: center; }

#orderupdate .timeslot-list {
  max-width: 320px;
  margin: 0 auto; }

#orderupdate .collect-update-result h2 {
  font-weight: 500; }

#orderupdate .collect-update-result .result-message {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  color: #10318E; }

#orderupdate .collect-btn {
  min-width: 320px; }
  @media (max-width: 543px) {
    #orderupdate .collect-btn {
      width: 100%; } }

/*** Popup ***/
.overlay.overlay-aerolux-unavailable {
  position: fixed;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  display: none; }
  .overlay.overlay-aerolux-unavailable .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 10000;
    background: white;
    border-radius: 16px;
    max-width: 380px;
    min-width: 320px;
    text-align: center;
    padding: 24px 32px; }
    .overlay.overlay-aerolux-unavailable .popup .title {
      font-size: 28px;
      font-weight: 500; }
    .overlay.overlay-aerolux-unavailable .popup .text {
      text-align: center;
      font-size: 16px; }
    .overlay.overlay-aerolux-unavailable .popup .close {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 20px;
      height: 20px;
      cursor: pointer;
      opacity: 1;
      display: block;
      z-index: 1; }
      .overlay.overlay-aerolux-unavailable .popup .close::before, .overlay.overlay-aerolux-unavailable .popup .close::after {
        content: "";
        width: 2px;
        height: 20px;
        position: absolute;
        top: 2px;
        right: 16px;
        background-color: #10318E;
        display: block;
        border-radius: 24px; }
      .overlay.overlay-aerolux-unavailable .popup .close::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .overlay.overlay-aerolux-unavailable .popup .close::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .overlay.overlay-aerolux-unavailable .popup .btn {
      display: block;
      width: 100%;
      max-width: 200px;
      min-height: 44px;
      margin: 0 auto 1rem auto;
      padding-left: 1rem;
      padding-right: 1rem; }
    .overlay.overlay-aerolux-unavailable .popup .close-btn {
      text-decoration: underline; }

.overlay.overlay-sofabed-longdistance-unavailable {
  position: fixed;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  display: none; }
  .overlay.overlay-sofabed-longdistance-unavailable .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 10000;
    background: white;
    border-radius: 16px;
    max-width: 380px;
    min-width: 320px;
    text-align: center;
    padding: 24px 32px; }
    .overlay.overlay-sofabed-longdistance-unavailable .popup .title {
      font-size: 28px;
      font-weight: 500; }
    .overlay.overlay-sofabed-longdistance-unavailable .popup .text {
      text-align: center;
      font-size: 16px; }
    .overlay.overlay-sofabed-longdistance-unavailable .popup .close {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 20px;
      height: 20px;
      cursor: pointer;
      opacity: 1;
      display: block;
      z-index: 1; }
      .overlay.overlay-sofabed-longdistance-unavailable .popup .close::before, .overlay.overlay-sofabed-longdistance-unavailable .popup .close::after {
        content: "";
        width: 2px;
        height: 20px;
        position: absolute;
        top: 2px;
        right: 16px;
        background-color: #10318E;
        display: block;
        border-radius: 24px; }
      .overlay.overlay-sofabed-longdistance-unavailable .popup .close::before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .overlay.overlay-sofabed-longdistance-unavailable .popup .close::after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .overlay.overlay-sofabed-longdistance-unavailable .popup .btn {
      display: block;
      width: 100%;
      max-width: 200px;
      min-height: 44px;
      margin: 0 auto 1rem auto;
      padding-left: 1rem;
      padding-right: 1rem; }
    .overlay.overlay-sofabed-longdistance-unavailable .popup .close-btn {
      text-decoration: underline; }

/*** SITE BODY ***/
.site-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .site-main .overlayer {
    opacity: 0; }
  .site-main.js-active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh; }
    .site-main.js-active .overlayer {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99999;
      opacity: 0.5;
      width: 100vw;
      height: 100vh;
      background: #505050;
      transition: opacity .2s;
      cursor: pointer; }

/*@include media-breakpoint-up(lg) {
  .site-overlay{
    .topcart{
      .topcart-form{
        padding-bottom: 190px;
      }
    }
  }
}*/
/*** HEADER ***/
body:not(.oldecosa) #header .content.slideUp {
  height: 0px; }
  body:not(.oldecosa) #header .content.slideUp .shop-dropdown-menu {
    display: none !important; }

.popover {
  font-family: inherit; }

/*** WRAPPER ***/
#wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  #wrapper .breadcrumb {
    background: transparent;
    padding: 0; }
    #wrapper .breadcrumb[data-depth="1"] {
      display: none; }
    #wrapper .breadcrumb ol {
      padding-left: 0;
      margin-bottom: 0; }
    #wrapper .breadcrumb li {
      display: inline; }
      #wrapper .breadcrumb li::after {
        content: "/";
        color: #6A6A6A;
        margin: 0.3125rem; }
      #wrapper .breadcrumb li:last-child {
        content: "/";
        color: #6A6A6A;
        margin: 0; }
        #wrapper .breadcrumb li:last-child::after {
          content: ""; }
      #wrapper .breadcrumb li a {
        color: #323232; }

/*** MAIN ***/
#main {
  /*  .page-footer {
    margin-bottom: 1.563rem;
  }*/ }
  #main .page-header {
    /*margin-top: 1.563rem;*/
    padding: 1.563rem; }
    #main .page-header h1 {
      margin-bottom: 0; }
  #main .page-content {
    margin-bottom: 1.563rem; }
    #main .page-content h6 {
      margin-bottom: 1.125rem; }
    #main .page-content.page-cms {
      text-align: left;
      padding-top: 6rem; }
      #main .page-content.page-cms p, #main .page-content.page-cms li {
        max-width: 100%; }

#notifications .alert {
  display: table;
  max-width: 100%;
  width: 100%;
  padding: 0; }
  #notifications .alert .alert-icon {
    display: table-cell;
    vertical-align: middle;
    padding: 0.5rem;
    border-radius: 6px 0 0 6px;
    font-size: 24px;
    color: #fff; }

#notifications .alert-danger {
  border-color: #e64646; }
  #notifications .alert-danger .alert-icon {
    background-color: #e64646; }

#notifications .alert-warning {
  border-color: #FF9A52;
  color: #ca5c0e; }
  #notifications .alert-warning .alert-icon {
    background-color: #FF9A52; }

#notifications .alert-success {
  border-color: #3c763d; }
  #notifications .alert-success .alert-icon {
    background-color: #3c763d; }

#notifications .alert-info {
  border-color: #31708f; }
  #notifications .alert-info .alert-icon {
    background-color: #31708f; }

#notifications .alert-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 1rem;
  text-align: left;
  font-size: 0.9375rem; }
  #notifications .alert-text a {
    text-decoration: underline;
    font-weight: bold; }

#notifications .container {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0; }
  #notifications .container .alert {
    margin: 0;
    padding: 0.5rem; }

#notifications ul {
  margin-bottom: 0; }
  #notifications ul li {
    text-align: center; }

/*** FOOTER ***/
/*#footer {
  padding-top: 2.5rem;
}*/
/*** Responsive part ***/
@media (max-width: 767px) {
  #wrapper {
    /*box-shadow: none;*/ }
  #checkout-cart-summary {
    float: none;
    width: 100%;
    margin-top: 1rem; }
  section.checkout-step {
    width: 100%; }
  .default-input {
    min-width: 100%; }
  label {
    clear: both; }
  /*  #products .product-miniature,
  .featured-products .product-miniature {
    margin: 0 auto;
  }*/
  .block-contact {
    padding-left: 0.9375rem;
    border: none; }
  .menu,
  .dropdown-item {
    padding-left: 0; }
  /*#footer {
    padding-top: 0.5rem;
  }*/ }

@media (max-width: 991px) {
  .container {
    max-width: 100%; }
  /*  #products .product-miniature,
  .featured-products .product-miniature {
    margin: 0 auto;
  }*/
  .sub-menu {
    left: 0;
    min-width: 100%; }
  #blockcart-modal .product-image {
    width: 100%;
    display: block;
    max-width: 250px;
    margin: 0 auto 0.9375rem; }
  #blockcart-modal .cart-content {
    padding-left: 0; }
  #blockcart-modal .product-name,
  #product-availability {
    /* margin-top: $small-space; */ }
  #search_filters .facet .facet-label {
    text-align: left; }
  .block-category .category-cover {
    position: relative;
    text-align: center; }
  .block-category {
    padding-bottom: 0; } }

.cart-voucher a[data-link-action="remove-voucher"] {
  float: left;
  color: #10318E;
  margin-right: 0.5rem; }
  .cart-voucher a[data-link-action="remove-voucher"]:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

#content-wrapper {
  text-align: center; }

body #content-wrapper {
  text-align: center; }
  body #content-wrapper > div:first-of-type {
    padding-top: 8rem; }

.buy-now {
  padding: 3rem; }

.reviews .featured-review-wrapper {
  text-align: left;
  margin: auto;
  padding: 2rem; }
  .reviews .featured-review-wrapper .featured-review-title, .reviews .featured-review-wrapper p {
    color: #10318E;
    text-align: left;
    line-height: 1.2em; }
  .reviews .featured-review-wrapper p {
    margin-bottom: 0; }

.reviews .featured-review-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.reviews .featured-review-rating-wrapper i.material-icons {
  color: #ffd200;
  font-size: 1rem; }

.featured-discount {
  background-color: #10318E;
  color: #fff;
  min-height: 1.375rem;
  margin: 0;
  padding: 0;
  text-align: center;
  position: fixed;
  width: 100%;
  font-size: 14.4px;
  font-weight: 600;
  border-radius: 0;
  overflow-y: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .featured-discount.variation {
    min-height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .featured-discount .close {
    top: 0;
    right: 0.5rem;
    opacity: 1; }
  .featured-discount.halloween, .featured-discount.boxingday2019 {
    background: #e96952;
    color: white; }
  .featured-discount.xmas-sale {
    background: #ffcd46;
    color: #10318E; }
  @media (max-width: 767px) {
    .featured-discount .desktop {
      display: none; } }
  @media (min-width: 768px) {
    .featured-discount .mobile {
      display: none; } }
  .featured-discount .swiper-button-prev,
  .featured-discount .swiper-button-next {
    background-size: 15px 15px;
    background-color: transparent;
    border: 0px;
    height: 10px;
    margin-top: -5px; }
    @media (max-width: 543px) {
      .featured-discount .swiper-button-prev,
      .featured-discount .swiper-button-next {
        display: none; } }
    .featured-discount .swiper-button-prev:focus,
    .featured-discount .swiper-button-next:focus {
      outline: none; }
  .featured-discount .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.59998 5.00008C6.59998 4.81781 6.51712 4.64542 6.37479 4.53155L1.37479 0.531554C1.11604 0.324548 0.73846 0.366501 0.531454 0.625258C0.324448 0.884015 0.366402 1.26159 0.625159 1.4686L5.03951 5.00008L0.625158 8.53155C0.366401 8.73856 0.324448 9.11614 0.531454 9.37489C0.73846 9.63365 1.11603 9.6756 1.37479 9.4686L6.37479 5.4686C6.51712 5.35473 6.59998 5.18235 6.59998 5.00008Z' fill='white'/%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .featured-discount .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.59998 5.00008C6.59998 4.81781 6.51712 4.64542 6.37479 4.53155L1.37479 0.531554C1.11604 0.324548 0.73846 0.366501 0.531454 0.625258C0.324448 0.884015 0.366402 1.26159 0.625159 1.4686L5.03951 5.00008L0.625158 8.53155C0.366401 8.73856 0.324448 9.11614 0.531454 9.37489C0.73846 9.63365 1.11603 9.6756 1.37479 9.4686L6.37479 5.4686C6.51712 5.35473 6.59998 5.18235 6.59998 5.00008Z' fill='white'/%3E%3C/svg%3E"); }

@-webkit-keyframes loading-cycle {
  0%, 50%, to {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-cycle {
  0%, 50%, to {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.load-spin {
  display: none; }

.loading button b,
.loading .btn b,
.loading > .load-spin + b {
  display: none !important; }

.loading:not(.sold-out) .load-spin, button[type=submit]:disabled:not(.sold-out) .load-spin {
  -webkit-animation: loading-cycle 1s infinite linear;
  animation: loading-cycle 1s infinite linear;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 50%;
  background: transparent;
  margin: auto;
  border: 4px solid;
  border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.78) transparent transparent; }

.carousel {
  box-shadow: none !important; }
  .carousel a.carousel-control-prev {
    position: absolute;
    top: 50%;
    left: 1%; }
    .carousel a.carousel-control-prev span.carousel-control-prev-icon {
      height: 2rem;
      width: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #777;
      border-radius: 50%;
      margin: auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #777;
      font-family: monospace; }
      .carousel a.carousel-control-prev span.carousel-control-prev-icon:before {
        content: '<'; }
  .carousel a.carousel-control-next {
    position: absolute;
    top: 50%;
    right: 1%; }
    .carousel a.carousel-control-next span.carousel-control-next-icon {
      height: 2rem;
      width: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #777;
      border-radius: 50%;
      margin: auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #777;
      font-family: monospace; }
      .carousel a.carousel-control-next span.carousel-control-next-icon:before {
        content: '>'; }
  .carousel ol.carousel-indicators {
    bottom: 0 !important;
    margin-bottom: 0; }
    .carousel ol.carousel-indicators li {
      border: 0;
      background-color: #ccc; }
      .carousel ol.carousel-indicators li.active {
        background-color: #323232; }

@media (max-width: 767px) {
  .carousel a.carousel-control-prev, .carousel a.carousel-control-next {
    display: none; } }

img[data-src], img[data-srcset] {
  min-width: 1px;
  min-height: 1px; }

@media all and (-ms-high-contrast: none) {
  #wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .popup_body {
    height: 600px; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px) {
  .iwt-image {
    max-width: 40%; }
  .iwt-content {
    min-width: 60%; } }

.back-to-top img {
  padding: 2rem 0; }

.back-to-top p {
  text-align: center; }

.question-block {
  padding: 1.5rem;
  border: 3px solid #003772;
  border-radius: 4px; }

.bulb-block {
  padding: 1.5rem;
  border: 3px solid #777;
  border-radius: 4px;
  margin-top: 1rem;
  position: relative; }
  .bulb-block:before {
    content: '';
    background: #fff url(/img/mattress/memoryfoam/bulb2.png) no-repeat left center;
    background-size: contain;
    position: absolute;
    left: -20px;
    top: 25%;
    top: calc(50% - 30px);
    width: 38px;
    height: 60px; }

#ybc_blog_page {
  padding-top: 6rem; }
  #ybc_blog_page nav.breadcrumb {
    display: none; }
  #ybc_blog_page .author-block {
    display: none; }

.user-info a {
  outline: none; }

#login-modal-login-register-modal .modal-content, #order-confirmation-register-modal .modal-content {
  border-radius: 8px;
  border: none; }

#login-modal-login-register-modal .header, #order-confirmation-register-modal .header {
  padding: 1rem; }
  #login-modal-login-register-modal .header h3, #order-confirmation-register-modal .header h3 {
    margin-bottom: 0; }
  #login-modal-login-register-modal .header .close, #order-confirmation-register-modal .header .close {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    outline: none;
    color: #10318E;
    font-size: 2.5rem;
    opacity: 1; }
    #login-modal-login-register-modal .header .close:hover, #order-confirmation-register-modal .header .close:hover {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }

#login-modal-login-register-modal .login-form, #login-modal-login-register-modal .reset-pw-form, #login-modal-login-register-modal .register-form, #order-confirmation-register-modal .login-form, #order-confirmation-register-modal .reset-pw-form, #order-confirmation-register-modal .register-form {
  padding: 1rem;
  background: #f3f3f3; }

#login-modal-login-register-modal .form-control, #order-confirmation-register-modal .form-control {
  border: none; }

#login-modal-login-register-modal .form-control-label, #order-confirmation-register-modal .form-control-label {
  font-family: "filson-pro",'Noto Sans JP',microsoft jhenghei,sans-serif;
  color: #10318E; }

#login-modal-login-register-modal .hr-text, #order-confirmation-register-modal .hr-text {
  display: block !important; }

#login-modal-login-register-modal .hr-text:after, #order-confirmation-register-modal .hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 .5em;
  line-height: 1.5em;
  color: #818078;
  background-color: #f3f3f3; }

#login-modal-login-register-modal .no-account, #login-modal-login-register-modal .back-to-login, #order-confirmation-register-modal .no-account, #order-confirmation-register-modal .back-to-login {
  text-align: center;
  padding: 1rem; }
  #login-modal-login-register-modal .no-account a:hover, #login-modal-login-register-modal .back-to-login a:hover, #order-confirmation-register-modal .no-account a:hover, #order-confirmation-register-modal .back-to-login a:hover {
    color: #10318E; }

#login-modal-login-register-modal #login-modal-login-content .forgot-password, #order-confirmation-register-modal #login-modal-login-content .forgot-password {
  display: block;
  text-align: center;
  margin-top: 1rem; }
  #login-modal-login-register-modal #login-modal-login-content .forgot-password a, #order-confirmation-register-modal #login-modal-login-content .forgot-password a {
    color: #6A6A6A; }

#login-modal-login-register-modal #login-modal-register-content #customer-form section, #order-confirmation-register-modal #login-modal-register-content #customer-form section {
  padding: 0 5px; }

#login-modal-login-register-modal #login-modal-forgot-content .forgotten-password, #order-confirmation-register-modal #login-modal-forgot-content .forgotten-password {
  padding: 0; }

#login-modal-login-register-modal #login-modal-forgot-content .reset-pw-form .form-field-group, #order-confirmation-register-modal #login-modal-forgot-content .reset-pw-form .form-field-group {
  padding: 0 15px .5rem; }

#login-modal-login-register-modal #login-modal-forgot-content .ps-alert-success, #login-modal-login-register-modal #login-modal-forgot-content .ps-alert-error, #order-confirmation-register-modal #login-modal-forgot-content .ps-alert-success, #order-confirmation-register-modal #login-modal-forgot-content .ps-alert-error {
  padding: 2rem 1rem;
  background: #f3f3f3;
  margin: 0; }
  #login-modal-login-register-modal #login-modal-forgot-content .ps-alert-success .item, #login-modal-login-register-modal #login-modal-forgot-content .ps-alert-error .item, #order-confirmation-register-modal #login-modal-forgot-content .ps-alert-success .item, #order-confirmation-register-modal #login-modal-forgot-content .ps-alert-error .item {
    margin: 0; }
  #login-modal-login-register-modal #login-modal-forgot-content .ps-alert-success p, #login-modal-login-register-modal #login-modal-forgot-content .ps-alert-error p, #order-confirmation-register-modal #login-modal-forgot-content .ps-alert-success p, #order-confirmation-register-modal #login-modal-forgot-content .ps-alert-error p {
    font-size: 0.9rem; }

#login-modal-login-register-modal #customer-form .form-field-group, #login-modal-login-register-modal #login-form .form-field-group, #order-confirmation-register-modal #customer-form .form-field-group, #order-confirmation-register-modal #login-form .form-field-group {
  margin-bottom: 0.5rem; }

#login-modal-login-register-modal #login-modal-login-content .form-group.row, #order-confirmation-register-modal #login-modal-login-content .form-group.row {
  margin-left: -10px;
  margin-right: -10px; }

#login-modal-login-register-modal .form-group, #order-confirmation-register-modal .form-group {
  margin-bottom: .5rem; }

#login-modal-login-register-modal .form-errors .help-block li, #order-confirmation-register-modal .form-errors .help-block li {
  position: relative !important; }

@media (min-width: 544px) {
  .modal#login-modal-login-register-modal.in .modal-dialog, .modal#order-confirmation-register-modal.in .modal-dialog {
    -webkit-transform: translate(0, 5rem);
    transform: translate(0, 5rem); } }

@media (max-width: 767px) {
  .modal#login-modal-login-register-modal .form-field-group.has-error, .modal#order-confirmation-register-modal .form-field-group.has-error {
    margin-bottom: 0 !important; }
    .modal#login-modal-login-register-modal .form-field-group.has-error:nth-child(2), .modal#order-confirmation-register-modal .form-field-group.has-error:nth-child(2) {
      margin-top: .5rem; }
    .modal#login-modal-login-register-modal .form-field-group.has-error .help-block, .modal#order-confirmation-register-modal .form-field-group.has-error .help-block {
      top: inherit;
      right: inherit;
      position: relative; } }

.wow {
  visibility: hidden; }

.yotpo-display-wrapper .promoted-products-box {
  display: none !important; }

.swiper-wrapper {
  height: auto; }

.modal-backdrop {
  background-color: #003b71; }

img[data-sizes="auto"] {
  display: block;
  width: 100%; }

.blur-up {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  transition: filter 400ms, -webkit-filter 400ms; }

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0); }

.fade-box {
  position: relative;
  display: block;
  height: 0;
  width: 100%; }
  .fade-box .lazyload, .fade-box .lazyloading {
    opacity: 0;
    transition: opacity 500ms; }
  .fade-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover; }
  .fade-box img.lazyloaded {
    opacity: 1; }

#main .page-content.page-cms-7 {
  background: #10318E;
  margin-bottom: 0;
  padding: 10rem 0 0 0; }

.warranty-wrapper {
  background: #fff; }
  .warranty-wrapper .container h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; }
    .warranty-wrapper .container h1 svg {
      margin: -6rem auto 2rem auto; }
  .warranty-wrapper .container h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.375rem;
    margin-bottom: 2.125rem; }
    .warranty-wrapper .container h2.collapsed {
      margin-bottom: 2.125rem; }
  .warranty-wrapper .container h5 {
    font-weight: 400 !important; }
  .warranty-wrapper .container h2.accod + div {
    margin-left: 4.625rem;
    margin-bottom: 2.125rem; }
  .warranty-wrapper .collapsing {
    transition-timing-function: linear; }

/** Safari only **/
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    h1, h2, h3, h4, h5 {
      letter-spacing: -0.75px;
      font-weight: 500; }
    .featured-discount {
      letter-spacing: -0.75px;
      font-weight: 600; } } }

.sticky-buynow .product-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 370px) {
    .sticky-buynow .product-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .sticky-buynow .product-content p:not(.small) {
    margin: 0 5px 0 0;
    color: #003b71;
    font-weight: 600; }
  .sticky-buynow .product-content p.small {
    margin: 3px 0 0 0; }
    @media (max-width: 370px) {
      .sticky-buynow .product-content p.small {
        margin: -3px 0 0 0; } }

@media (max-width: 543px) {
  .sticky-buynow .buynow_scroolTop a.btn {
    padding: 0.5rem; } }

.cookie_setting {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  height: auto;
  display: none; }

.cookie_setting h3 {
  margin-left: 5%;
  margin-top: 1rem;
  color: white;
  max-width: 90%; }

.cookie_setting p {
  color: white;
  margin-left: 5%;
  max-width: 90%; }

.cookie_setting button {
  margin: 1rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (max-width: 375px) {
  .cookie_setting button {
    margin-bottom: 3rem; } }