@charset "UTF-8";
/*============================================================================
  Velstar Theme | Built with Slate
    - You cannot use native CSS/Sass @imports in this file without a build script
==============================================================================*/
/* Table of Contents
==================================================

    #Vendor
    #Tools
    #Settings
    #Common
    #Templates
    #Sections
    #Snippets

==================================================
*/
/* ==========================================================================
#Tools
========================================================================== */
/* Table of Contents
==================================================

    #Clearfix
    #Prefix
    #Media Query
    #Visually Hidden
    #Visually Shown
    #PX to REM
    #Aspect Ratio
    #Responsive Font Sizes

==================================================
*/
/* ==========================================================================
#Clearfix
========================================================================== */
/* ==========================================================================
#Prefix
========================================================================== */
/*
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss

  Usage:
    // Input:
    .element {
      @include prefix(transform, scale(1), ms webkit spec);
    }

    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
*/
/* ==========================================================================
#Media Query
========================================================================== */
/* ==========================================================================
#Visually Hidden
========================================================================== */
/* ==========================================================================
#Visually Shown
========================================================================== */
/* ==========================================================================
#PX to REM
========================================================================== */
/* ==========================================================================
#Aspect Ratio
========================================================================== */
/* ==========================================================================
#Settings
========================================================================== */
/* Table of Contents
==================================================

    #Colours
    #Fonts
    #Breakpoints
    #Grid

==================================================
*/
/* ==========================================================================
#Colours
========================================================================== */
/* ==========================================================================
#Fonts
========================================================================== */
/* ==========================================================================
#Breakpoints
========================================================================== */
/* ==========================================================================
#Grid
========================================================================== */
/* ==========================================================================
#Common
========================================================================== */
/*!
 * Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "GTAmericaStandard", serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: left;
  background-color: #fff;
}

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

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

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

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

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

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

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: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: 900;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #2E3192;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:visited {
  color: #FFC42F;
}
a:hover {
  text-decoration: underline;
  color: #5DAE00;
}

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

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

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

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

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

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

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

table {
  border-collapse: collapse;
}

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

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

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

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/*# sourceMappingURL=bootstrap-reboot.css.map */
/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
.container.no-gutters {
  padding-right: 0;
  padding-left: 0;
}
@media only screen and (min-width: 576px) {
  .container.gutters-sm {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .container.gutters-md {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .container.gutters-lg {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .container.gutters-xl {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 2560px) {
  .container {
    max-width: 1440px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class*=col-], .row.no-gutters .col {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 576px) {
  .row.gutters-sm {
    margin-right: -16px;
    margin-left: -16px;
  }
  .row.gutters-sm > [class*=col-], .row.gutters-sm .col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .row.gutters-md {
    margin-right: -16px;
    margin-left: -16px;
  }
  .row.gutters-md > [class*=col-], .row.gutters-md .col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .row.gutters-lg {
    margin-right: -16px;
    margin-left: -16px;
  }
  .row.gutters-lg > [class*=col-], .row.gutters-lg .col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .row.gutters-xl {
    margin-right: -16px;
    margin-left: -16px;
  }
  .row.gutters-xl > [class*=col-], .row.gutters-xl .col {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.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-sm,
.col-sm-auto,
.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-md,
.col-md-auto,
.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-lg,
.col-lg-auto,
.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,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

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

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

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

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

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

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

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

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

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

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

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

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.333333%;
  }

  .offset-md-2 {
    margin-left: 16.666667%;
  }

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

  .offset-md-4 {
    margin-left: 33.333333%;
  }

  .offset-md-5 {
    margin-left: 41.666667%;
  }

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

  .offset-md-7 {
    margin-left: 58.333333%;
  }

  .offset-md-8 {
    margin-left: 66.666667%;
  }

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

  .offset-md-10 {
    margin-left: 83.333333%;
  }

  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }

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

  .offset-lg-4 {
    margin-left: 33.333333%;
  }

  .offset-lg-5 {
    margin-left: 41.666667%;
  }

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

  .offset-lg-7 {
    margin-left: 58.333333%;
  }

  .offset-lg-8 {
    margin-left: 66.666667%;
  }

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

  .offset-lg-10 {
    margin-left: 83.333333%;
  }

  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.333333%;
  }

  .offset-xl-2 {
    margin-left: 16.666667%;
  }

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

  .offset-xl-4 {
    margin-left: 33.333333%;
  }

  .offset-xl-5 {
    margin-left: 41.666667%;
  }

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

  .offset-xl-7 {
    margin-left: 58.333333%;
  }

  .offset-xl-8 {
    margin-left: 66.666667%;
  }

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

  .offset-xl-10 {
    margin-left: 83.333333%;
  }

  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 2560px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xxl-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xxl-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xxl-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xxl-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xxl-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xxl-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xxl-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xxl-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xxl-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xxl-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xxl-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xxl-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xxl-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xxl-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xxl-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.666667%;
  }

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

  .offset-xxl-4 {
    margin-left: 33.333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.666667%;
  }

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

  .offset-xxl-7 {
    margin-left: 58.333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.666667%;
  }

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

  .offset-xxl-10 {
    margin-left: 83.333333%;
  }

  .offset-xx-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

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

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

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

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

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

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

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

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

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

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

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

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

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

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

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

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

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

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

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

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

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

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

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

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

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

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

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 2560px) {
  .d-xxl-none {
    display: none !important;
  }

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

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

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

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

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

  .d-xxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

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

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

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

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

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

  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-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;
  flex: 1 1 auto !important;
}

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

.flex-grow-1 {
  -ms-flex-positive: 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;
  justify-content: flex-start !important;
}

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

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

.justify-content-between {
  -ms-flex-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;
  align-items: flex-start !important;
}

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

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

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

.align-items-stretch {
  -ms-flex-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;
  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;
  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;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -ms-flex-direction: column-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;
    flex: 1 1 auto !important;
  }

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

  .flex-sm-grow-1 {
    -ms-flex-positive: 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;
    justify-content: flex-start !important;
  }

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

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

  .justify-content-sm-between {
    -ms-flex-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;
    align-items: flex-start !important;
  }

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

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

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

  .align-items-sm-stretch {
    -ms-flex-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;
    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;
    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;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -ms-flex-direction: column-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;
    flex: 1 1 auto !important;
  }

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

  .flex-md-grow-1 {
    -ms-flex-positive: 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;
    justify-content: flex-start !important;
  }

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

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

  .justify-content-md-between {
    -ms-flex-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;
    align-items: flex-start !important;
  }

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

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

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

  .align-items-md-stretch {
    -ms-flex-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;
    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;
    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;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -ms-flex-direction: column-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;
    flex: 1 1 auto !important;
  }

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

  .flex-lg-grow-1 {
    -ms-flex-positive: 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;
    justify-content: flex-start !important;
  }

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

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

  .justify-content-lg-between {
    -ms-flex-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;
    align-items: flex-start !important;
  }

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

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

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

  .align-items-lg-stretch {
    -ms-flex-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;
    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;
    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;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -ms-flex-direction: column-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;
    flex: 1 1 auto !important;
  }

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

  .flex-xl-grow-1 {
    -ms-flex-positive: 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;
    justify-content: flex-start !important;
  }

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

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

  .justify-content-xl-between {
    -ms-flex-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;
    align-items: flex-start !important;
  }

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

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

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

  .align-items-xl-stretch {
    -ms-flex-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;
    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;
    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;
    align-self: stretch !important;
  }
}
@media (min-width: 2560px) {
  .flex-xxl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xxl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
/* Table of Contents
==================================================

	#Helper Classes
	#Display Classes
	#Spacing Classes
	#Lists

==================================================
*/
/* ==========================================================================
#Helper Classes
========================================================================== */
.clearfix,
.cf {
  *zoom: 1;
}
.clearfix::after,
.cf::after {
  content: "";
  display: table;
  clear: both;
}

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

.js-focus-hidden:focus {
  outline: none;
}

.label-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.no-placeholder .label-hidden {
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.visually-shown {
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.hide {
  display: none !important;
}

.no-js:not(html) {
  display: none;
}
.no-js .no-js:not(html) {
  display: block;
}

.no-js .js {
  display: none;
}

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

.img-full {
  width: 100%;
  height: auto;
}

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

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

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

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

@media only screen and (min-width: 576px) {
  .text-sm-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 768px) {
  .text-md-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 992px) {
  .text-lg-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 1200px) {
  .text-xl-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 576px) {
  .text-sm-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 768px) {
  .text-md-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 992px) {
  .text-lg-center {
    text-align: center !important;
  }

  .hide-lg {
    display: none !important;
  }

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

  .flex-lg {
    display: flex !important;
  }

  .text-lg-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 1200px) {
  .text-xl-center {
    text-align: center !important;
  }
}
.text-uppercase {
  text-transform: uppercase;
}

.border-v {
  border-top: 1px solid #2E3192;
  border-bottom: 1px solid #2E3192;
}

.border-t {
  border-top: 1px solid #2E3192;
}

.border-b {
  border-bottom: 1px solid #2E3192;
}

.fixed-ratio {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  text-decoration: none;
  padding-top: 100%;
}
.fixed-ratio.portrait {
  padding-top: 125%;
}
.fixed-ratio.portrait > * {
  max-height: 100%;
  width: auto !important;
}
.fixed-ratio.portrait-crop {
  padding-top: 125%;
}
.fixed-ratio.square-crop > * {
  height: 100%;
  width: auto !important;
}
.fixed-ratio > * {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  max-width: 100%;
}

/* ==========================================================================
#Display Classes
========================================================================== */
.d-none {
  display: none !important;
}

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

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

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

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

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

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

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

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

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

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

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

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

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

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

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

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

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

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

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

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

  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .w-lg-50-pc {
    width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

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

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

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

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

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

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/* ==========================================================================
#Spacing Classes
========================================================================== */
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

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

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

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

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

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

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

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

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

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

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mt-10,
.my-10 {
  margin-top: 6rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 6rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

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

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

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

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

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

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

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

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

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

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.pt-8,
.py-8 {
  padding-top: 4.8rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.pt-10,
.py-10 {
  padding-top: 6rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 6rem !important;
}

.column-banners .pb-10{
  padding-bottom: 1rem !important;
}

.pt-15,
.py-15 {
  padding-top: 9rem !important;
}

.pb-15,
.py-15 {
  padding-bottom: 9rem !important;
}

.pl-15,
.px-15 {
  padding-left: 9rem !important;
}

.pr-15,
.px-15 {
  padding-right: 9rem !important;
}

.pl-10,
.px-10 {
  padding-left: 6rem !important;
}

.pr-10,
.px-10 {
  padding-right: 6rem !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

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

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

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

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

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

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

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

  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

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

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

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

  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }

  .pt-md-15,
.py-md-15 {
    padding-top: 9rem !important;
  }

  .pb-md-15,
.py-md-15 {
    padding-bottom: 9rem !important;
  }

  .pl-md-15,
.px-md-15 {
    padding-left: 9rem !important;
  }

  .pr-md-15,
.px-md-15 {
    padding-right: 9rem !important;
  }

  .pt-md-20,
.py-md-20 {
    padding-top: 12rem !important;
  }

  .pb-md-20,
.py-md-20 {
    padding-bottom: 12rem !important;
  }

  .pl-md-20,
.px-md-20 {
    padding-left: 12rem !important;
  }

  .pr-md-20,
.px-md-20 {
    padding-right: 12rem !important;
  }

  .text-md-50 {
    font-size: 3.125rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

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

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

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

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

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

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }

  .pt-lg-9,
.py-lg-9 {
    padding-top: 5rem !important;
  }

  .pt-lg-10,
.py-lg-10 {
    padding-top: 6rem !important;
  }

  .pb-lg-10,
.py-lg-10 {
    padding-bottom: 6rem !important;
  }

  .pl-lg-10,
.px-lg-10 {
    padding-left: 6rem !important;
  }

  .pr-lg-10,
.px-lg-10 {
    padding-right: 6rem !important;
  }

  .pt-lg-15,
.py-lg-15 {
    padding-top: 9rem !important;
  }

  .pb-lg-15,
.py-lg-15 {
    padding-bottom: 9rem !important;
  }

  .pl-lg-15,
.px-lg-15 {
    padding-left: 9rem !important;
  }

  .pr-lg-15,
.px-lg-15 {
    padding-right: 9rem !important;
  }

  .pt-lg-20,
.py-lg-20 {
    padding-top: 12rem !important;
  }

  .pb-lg-20,
.py-lg-20 {
    padding-bottom: 12rem !important;
  }

  .pl-lg-20,
.px-lg-20 {
    padding-left: 12rem !important;
  }

  .pr-lg-20,
.px-lg-20 {
    padding-right: 12rem !important;
  }

  .text-lg-18 {
    font-size: 1.125rem !important;
  }

  .text-lg-20 {
    font-size: 1.25rem !important;
  }

  .text-lg-12 {
    font-size: 0.75rem !important;
  }

  .text-lg-14 {
    font-size: 0.875rem !important;
  }

  .text-lg-50 {
    font-size: 3.125rem !important;
  }

  .text-lg-28 {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

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

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

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

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

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

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  position: absolute !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #000;
  padding: 16px;
  z-index: 9999;
  transition: none;
}

/* ==========================================================================
#Lists
========================================================================== */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
}
.list-inline > li:not(:last-child) {
  margin-right: 0.5rem;
}

.text-large {
  font-size: 48px !important;
}

.text-med {
  font-size: 20px !important;
}

.text-small {
  font-size: 12px !important;
}

.text-white {
  color: #fff;
}

.text-primary {
  color: #2E3192 !important;
}

.text-secondary {
  color: #000000 !important;
}

.text-black {
  color: #000 !important;
}

.text-underline {
  text-decoration: underline !important;
}

.text-bold-800 {
  font-weight: 800 !important;
}

.text-bold-600 {
  font-weight: 500 !important;
}

.text-bold-500 {
  font-weight: 500 !important;
}

.text-bold-400 {
  font-weight: 400 !important;
}

.text-bold-300 {
  font-weight: 300 !important;
}

.d-flex-center {
  justify-content: center;
}

.d-flex-start {
  justify-content: flex-start;
}

@media (min-width: 768px) {
  .d-md-flex-center {
    justify-content: center;
  }

  .d-md-flex-start {
    justify-content: flex-start;
  }
}
.d-flex-wrap {
  flex-wrap: wrap;
}

.w-50 {
  width: 50%;
}

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

.p-relative {
  position: relative;
}

.remove-decoration {
  text-decoration: none !important;
}

.text-46 {
  font-size: 2.875rem!important;
  line-height: 1!important;
}

.text-18 {
  font-size: 1.125rem !important;
}

.text-20 {
  font-size: 1.25rem !important;
}

.text-12 {
  font-size: 0.75rem !important;
}

.text-14 {
  font-size: 0.875rem !important;
}

.text-16 {
  font-size: 1rem !important;
}

.text-50 {
  font-size: 3.125rem !important;
}

.text-28 {
  font-size: 1.75rem !important;
}

.text-23 {
  font-size: 23px !important;
}

.title-font {
  font-family: "ArizonaMix", serif !important;
}

.body-font {
  font-family: "GTAmericaStandard", serif !important;
}

.position-relative {
  position: relative !important;
}

.max-w-1000 {
  max-width: 1000px !important;
}

.max-w-500 {
  max-width: 500px !important;
}

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

.m-center {
  margin: 0 auto !important;
}

.fill-parent {
  display: flex;
  height: 100%;
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
}
.break-all {
  word-break: break-all;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

@media (min-width: 992px) {
  .max-w-lg-500 {
    max-width: 500px !important;
  }
}
/* ==========================================================================
#Font Size Options
========================================================================== */
@media (max-width: 992px) {
  .mobile-font-0 {
    font-size: 0px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-0 {
    font-size: 0px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-1 {
    font-size: 1px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-1 {
    font-size: 1px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-2 {
    font-size: 2px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-2 {
    font-size: 2px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-3 {
    font-size: 3px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-3 {
    font-size: 3px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-4 {
    font-size: 4px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-4 {
    font-size: 4px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-5 {
    font-size: 5px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-5 {
    font-size: 5px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-6 {
    font-size: 6px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-6 {
    font-size: 6px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-7 {
    font-size: 7px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-7 {
    font-size: 7px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-8 {
    font-size: 8px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-8 {
    font-size: 8px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-9 {
    font-size: 9px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-9 {
    font-size: 9px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-10 {
    font-size: 10px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-10 {
    font-size: 10px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-11 {
    font-size: 11px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-11 {
    font-size: 11px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-12 {
    font-size: 12px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-12 {
    font-size: 12px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-13 {
    font-size: 13px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-13 {
    font-size: 13px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-14 {
    font-size: 14px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-14 {
    font-size: 14px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-15 {
    font-size: 15px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-15 {
    font-size: 15px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-16 {
    font-size: 16px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-16 {
    font-size: 16px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-17 {
    font-size: 17px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-17 {
    font-size: 17px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-18 {
    font-size: 18px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-18 {
    font-size: 18px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-19 {
    font-size: 19px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-19 {
    font-size: 19px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-20 {
    font-size: 20px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-20 {
    font-size: 20px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-21 {
    font-size: 21px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-21 {
    font-size: 21px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-22 {
    font-size: 22px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-22 {
    font-size: 22px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-23 {
    font-size: 23px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-23 {
    font-size: 23px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-24 {
    font-size: 24px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-24 {
    font-size: 24px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-25 {
    font-size: 25px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-25 {
    font-size: 25px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-26 {
    font-size: 26px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-26 {
    font-size: 26px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-27 {
    font-size: 27px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-27 {
    font-size: 27px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-28 {
    font-size: 28px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-28 {
    font-size: 28px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-29 {
    font-size: 29px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-29 {
    font-size: 29px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-30 {
    font-size: 30px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-30 {
    font-size: 30px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-31 {
    font-size: 31px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-31 {
    font-size: 31px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-32 {
    font-size: 32px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-32 {
    font-size: 32px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-33 {
    font-size: 33px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-33 {
    font-size: 33px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-34 {
    font-size: 34px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-34 {
    font-size: 34px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-35 {
    font-size: 35px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-35 {
    font-size: 35px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-36 {
    font-size: 36px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-36 {
    font-size: 36px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-37 {
    font-size: 37px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-37 {
    font-size: 37px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-38 {
    font-size: 38px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-38 {
    font-size: 38px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-39 {
    font-size: 39px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-39 {
    font-size: 39px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-40 {
    font-size: 40px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-41 {
    font-size: 41px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-42 {
    font-size: 42px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-43 {
    font-size: 43px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-44 {
    font-size: 44px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-45 {
    font-size: 45px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-46 {
    font-size: 46px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-47 {
    font-size: 47px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-48 {
    font-size: 48px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-49 {
    font-size: 49px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-49 {
    font-size: 49px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-50 {
    font-size: 50px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-50 {
    font-size: 50px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-51 {
    font-size: 51px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-52 {
    font-size: 52px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-53 {
    font-size: 53px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-54 {
    font-size: 54px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-55 {
    font-size: 55px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-56 {
    font-size: 56px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-57 {
    font-size: 57px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-58 {
    font-size: 58px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-59 {
    font-size: 59px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-60 {
    font-size: 60px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-61 {
    font-size: 61px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-62 {
    font-size: 62px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-63 {
    font-size: 63px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-64 {
    font-size: 64px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-65 {
    font-size: 65px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-66 {
    font-size: 66px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-67 {
    font-size: 67px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-68 {
    font-size: 68px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-69 {
    font-size: 69px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-70 {
    font-size: 70px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-71 {
    font-size: 71px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-72 {
    font-size: 72px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-73 {
    font-size: 73px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-74 {
    font-size: 74px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-75 {
    font-size: 75px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-75 {
    font-size: 75px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-76 {
    font-size: 76px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-77 {
    font-size: 77px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-78 {
    font-size: 78px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-79 {
    font-size: 79px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-80 {
    font-size: 80px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-80 {
    font-size: 80px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-81 {
    font-size: 81px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-81 {
    font-size: 81px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-82 {
    font-size: 82px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-82 {
    font-size: 82px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-83 {
    font-size: 83px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-83 {
    font-size: 83px !important;
  }
}

@media (max-width: 992px) {
  .mobile-font-84 {
    font-size: 84px !important;
  }
}

@media (min-width: 992px) {
  .desktop-font-84 {
    font-size: 84px !important;
  }
}

/* Table of Contents
==================================================

    #Icons
    #Icon Fallback

==================================================
*/
/* ==========================================================================
#Icons
========================================================================== */
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;
}
.no-svg .icon {
  display: none;
}

.icon--wide {
  width: 40px;
}

/* ==========================================================================
#Icon Fallback
========================================================================== */
/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon-fallback-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.no-svg .icon-fallback-text {
  position: static !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.placeholder-svg {
  display: block;
  fill: rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.placeholder-svg--small {
  width: 480px;
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.placeholder-background .icon {
  border: 0;
}

/* Table of Contents
==================================================

	#General
    #Shopify Section
    #Challenge
    #Site Overlay
    #Page Header
    #Page Content
    #Homepage Sections


==================================================
*/
/* ==========================================================================
#General
========================================================================== */
@media only screen and (max-width: 575px) {
  html, body {
    overflow-x: hidden;
  }
}
html.noscroll, body.noscroll {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

body {
  padding-top: 62px;
}
/* @media only screen and (min-width: 1200px) {
  body {
    padding-top: 8.3%;
  }
} */
@media only screen and (max-width: 575px) {
  body {
    position: relative;
    padding-top: 84px !important;
  }
}

img[data-sizes=auto] {
  display: block;
  width: 100%;
}

.template-index #MainContent {
  margin-bottom: 60px;
}

/* ==========================================================================
#Shopify Section
========================================================================== */
#preview-bar-iframe {
  height: 50px;
}

/* ==========================================================================
#Site Overlay
========================================================================== */
#site-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: z-index 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
#site-overlay.active, #site-overlay.mobileQuantityControl {
  visibility: visible;
  opacity: 1;
  z-index: 5;
  transition: z-index 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
}
@media only screen and (min-width: 992px) {
  #site-overlay.mobileVariantControl {
    display: none;
  }
}
#site-overlay.mobileSearch {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 200;
}

/* ==========================================================================
#Page Header
========================================================================== */
.page-header {
  padding: 16px 0;
  background-color: #F8F6F7;
  margin-bottom: 30px;
  background-size: cover;
}
@media only screen and (min-width: 992px) {
  .page-header {
    padding: 24px 0 16px;
    margin-bottom: 60px;
  }
}
.page-header h1, .page-header h4 {
  margin: 0;
  text-align: left;
  font-weight: 300;
}
.page-header .search-term {
  display: block;
  margin-top: 15px;
}
.page-header .breadcrumbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

/* ==========================================================================
#Page Content
========================================================================== */
.truncate-content .rte {
  position: relative;
  height: 75px;
  overflow: hidden;
}
.truncate-content .rte:after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff",GradientType=0 );
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
}
.truncate-content .rte.active:after {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}

/* ==========================================================================
#Homepage Sections
========================================================================== */
/* ==========================================================================
#Ajax Fix
========================================================================== */
/* https://github.com/Velstar/Royfort/pull/215 */
.ajaxfeedback {
  display: none !important;
}

/* Table of Contents
==================================================

	#Heading
    #Content
    #RTE

==================================================
*/
/* ==========================================================================
#Heading
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  line-height: 1.2;
  color: #2E3192;
  font-family: "ArizonaMix", serif !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-size: inherit;
  color: inherit;
}

h1,
.h1,
.blog-header .blog-title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 300;
  color: #2E3192;
  text-align: left;
  font-family: "ArizonaMix";
}

.date-blogs {
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  line-height: 1.5;
  font-family: "GTAmericaStandard";

}

.article-detail h2{
  font-family: "ArizonaMix";
  font-weight: 300;
  color: #2E3192;
  font-size: 20px;
  line-height: 1.2;
  text-align: left;
}

.article-detail p{
  font-family: "GTAmericaStandard";
  font-weight: 400;
  color: #000;
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  h1,
.h1,
.blog-header .blog-title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 300;
  color: #2E3192;
  text-align: left;
  }
}

h2,
.h2 {
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
}

h3,
.h3 {
  font-weight: 300;
  font-size: 20px;
  font-size: 1.25rem;
}

h4,
.h4 {
  font-size: 16px;
  font-size: 1rem;
}

/* ==========================================================================
#Content
========================================================================== */
p,
li,
a,
td,
blockquote,
label,
input,
select {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 300;
  font-family: "GTAmericaStandard", serif;
}

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

.t-capital {
  text-transform: capitalize;
}

/* ==========================================================================
#RTE
========================================================================== */
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin-bottom: 1rem;
}
.rte p,
.rte a,
.rte li,
.rte span,
.rte div {
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  font-family: "GTAmericaStandard", serif !important;
}
.rte ul {
  margin-top: 15px;
  list-style: none;
  padding-left: 16px;
}
.rte ul > li {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.rte ul > li:before {
  position: absolute;
  left: -16px;
  top: 7px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}
.rte ol {
  padding-left: 16px;
}
.rte p {
  color: #000;
}
/*============================================================================
  Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (min-width: 768px) {
  .responsive-table thead th {
    padding: 0.5rem;
    border-bottom: 1px solid #F8F6F7;
  }
  .responsive-table tbody td {
    padding: 0.5rem;
  }
}
.responsive-table tbody .responsive-table-row {
  background-color: #F4EAFD;
}
.responsive-table tbody .responsive-table-row:nth-child(odd) {
  background-color: #E3E3E3;
}
.responsive-table tfoot td {
  font-weight: 600;
  padding: 0.5rem 0;
}
.responsive-table a {
  color: #2E3192;
}

@media only screen and (max-width: 767px) {
  .responsive-table {
    width: 100%;
  }
  .responsive-table thead {
    display: none;
  }
  .responsive-table tr {
    display: block;
  }
  .responsive-table tr,
.responsive-table td {
    float: left;
    clear: both;
    width: 100%;
  }
  .responsive-table th,
.responsive-table td {
    display: block;
    padding: 0.5rem 16px;
    margin: 0;
  }
  .responsive-table td::before {
    display: block;
    content: attr(data-label);
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875rem;
  }
}
/* Table of Contents
==================================================

    #Button General
    #Button Primary
    #Button Secondary
    #Button Tertiary
    #Button Link
    #Button Plain
    #Button Slim/Wide
    #Account Button


==================================================
*/
/* ==========================================================================
#Button General
========================================================================== */
.btn, body.template-password .btn, body.template-password .shopify-challenge__button, body.template-password .showcase-button, body.template-password button[type=submit], .showcase-button, .shopify-challenge__button {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 2px solid transparent;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
  line-height: 1.4;
  font-size: 14px;
  font-size: 0.875rem;
  width: auto;
  border-radius: 2px;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
  cursor: pointer;
  border-radius: 4px;
  font-family: "GTAmericaStandard", serif;
}
.btn:hover, body.template-password .btn:hover, body.template-password .shopify-challenge__button:hover, body.template-password .showcase-button:hover, body.template-password button[type=submit]:hover, .showcase-button:hover, .shopify-challenge__button:hover {
  text-decoration: none;
  color: inherit;
}
.btn:focus, body.template-password .btn:focus, body.template-password .shopify-challenge__button:focus, body.template-password .showcase-button:focus, body.template-password button[type=submit]:focus, .showcase-button:focus, .shopify-challenge__button:focus {
  outline: 0;
}

/* ==========================================================================
#Button Primary
========================================================================== */
.btn-primary, body.template-password .btn, body.template-password .shopify-challenge__button, body.template-password .showcase-button, body.template-password button[type=submit] {
  background-color: #2E3192;
  border-color: #2E3192;
  text-transform: uppercase;
  color: #fff !important;
  padding: 1.1rem 1.9rem;
}
.btn-primary:hover, body.template-password .btn:hover, body.template-password .shopify-challenge__button:hover, body.template-password .showcase-button:hover, body.template-password button[type=submit]:hover, .btn-primary:active, body.template-password .btn:active, body.template-password .shopify-challenge__button:active, body.template-password .showcase-button:active, body.template-password button[type=submit]:active {
  background-color: #fff;
  border-color: #2E3192;
  color: #2E3192 !important;
}
.btn-primary:disabled, body.template-password .btn:disabled, body.template-password .shopify-challenge__button:disabled, body.template-password .showcase-button:disabled, body.template-password button[type=submit]:disabled,
.btn-primary .disabled,
body.template-password .btn .disabled,
body.template-password .shopify-challenge__button .disabled,
body.template-password .showcase-button .disabled,
body.template-password button[type=submit] .disabled {
  background-color: #b3b3b3 !important;
  border-color: #b3b3b3 !important;
  color: #fff !important;
  cursor: not-allowed !important;
}
.btn-primary:visited, body.template-password .btn:visited, body.template-password .shopify-challenge__button:visited, body.template-password .showcase-button:visited, body.template-password button[type=submit]:visited {
  color: #fff;
}

/* ==========================================================================
#Button Secondary
========================================================================== */
.btn-secondary {
  background-color: #fff;
  border-color: #000;
  color: #000;
  padding: 0.6rem 0.7rem;
}
.btn-secondary:hover, .btn-secondary:active {
  background-color: #fff;
  border-color: #2E3192;
  color: #2E3192;
}
.btn-secondary:disabled,
.btn-secondary .disabled {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  color: #fff;
  cursor: not-allowed;
}

/* ==========================================================================
#Button Tertiary
========================================================================== */
.btn-tertiary {
  background-color: transparent;
  border-color: #000000;
  color: #000000;
  padding: 0.6rem 0.7rem;
}
.btn-tertiary:hover, .btn-tertiary:active {
  background-color: #000000;
  border-color: #000000;
  color: #fff;
}
.btn-tertiary:disabled,
.btn-tertiary .disabled {
  background-color: #fff;
  border-color: #b3b3b3;
  color: #b3b3b3;
  cursor: not-allowed;
}

/* ==========================================================================
#Button Link
========================================================================== */
.btn-link {
  background-color: transparent;
  color: #2E3192;
  padding: 0.6rem 0.7rem;
  text-decoration: underline;
  font-weight: 400;
}
.btn-link:hover, .btn-link:active {
  background-color: transparent;
  color: #5DAE00;
  text-decoration: underline;
}
.btn-link:disabled,
.btn-link .disabled {
  background-color: #fff;
  border-color: #b3b3b3;
  color: #b3b3b3;
}
.btn-link:visited {
  color: #FFC42F;
}

/* ==========================================================================
#Button Plain
========================================================================== */
/*
* BG: To be used on it's own. Idea is to strip button formatting away.
*/
.btn-plain, #header-usp .header-usp-list.slick-initialized .slick-arrow {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
}
.btn-plain:focus, #header-usp .header-usp-list.slick-initialized .slick-arrow:focus {
  outline: 0;
}

/* ==========================================================================
#Button Slim/Wide
========================================================================== */
.btn-slim {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  text-transform: uppercase;
}

.btn-slim-wide {
  padding: 0.65rem 3rem;
}

.btn-grey, .showcase-button {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #000000;
  font-family: 'GTAmericaStandard';
  text-transform: uppercase;
  padding: 0.6rem 0.7rem;
}
.btn-grey:hover, .showcase-button:hover, .btn-grey:active, .showcase-button:active {
  background-color: #000000;
  color: #f8f8f8;
}
.btn-grey:disabled, .showcase-button:disabled,
.btn-grey .disabled,
.showcase-button .disabled {
  background-color: #fff;
  border-color: #b3b3b3;
  color: #b3b3b3;
  cursor: not-allowed;
}

.btn-grey-outline {
  background-color: #000000;
  border-color: #f8f8f8;
  color: #fff;
  padding: 0.6rem 0.7rem;
}
.btn-grey-outline:hover, .btn-grey-outline:active {
  background-color: #fff;
  color: #000000;
}
.btn-grey-outline:disabled,
.btn-grey-outline .disabled {
  background-color: #fff;
  border-color: #b3b3b3;
  color: #b3b3b3;
  cursor: not-allowed;
}

.btn-account, .shopify-challenge__button {
  background-color: #fff;
  border-color: #2E3192 !important;
  padding: 0 10px !important;
  height: 40px !important;
  color: #2E3192;
  border-width: 1px;
}
.btn-account:hover, .shopify-challenge__button:hover, .btn-account:active, .shopify-challenge__button:active {
  background-color: #2E3192;
  border-color: #2E3192;
  color: #fff !important;
}

.btn-account-grey {
  background-color: transparent;
  border-color: #000000 !important;
  padding: 0 10px !important;
  height: 40px !important;
  color: #000000 !important;
  border-width: 1px;
}
.btn-account-grey:hover, .btn-account-grey:active {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}

.btn-about,
.btn-invert {
  background-color: transparent;
  border-color: #2E3192 !important;
  padding: 0 10px !important;
  height: 40px !important;
  color: #2E3192 !important;
  border-width: 1px;
  font-family: "GTAmericaStandard";
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .btn-about:hover, .btn-about:active,
.btn-invert:hover,
.btn-invert:active {
    background-color: #2E3192;
    border-color: #2E3192;
    color: #fff !important;
  }
}

.shopify-challenge__button {
  height: 40px !important;
  border-color: #2E3192 !important;
}

.additional-products {
  background: #f8f8f8;
}

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

.btn-invert {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.btn-hollow {
  background-color: transparent;
  padding: 0 10px !important;
  height: 40px !important;
  color: #000000 !important;
  border-bottom: 1px solid #000000;
}

.showcase-button {
  padding: 0.6rem 1.3rem !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* Table of Contents
==================================================

    #Forms
    #Custom Styling
    #Ajax Feedback

==================================================
*/
/* ==========================================================================
#Forms
========================================================================== */
/*============================================================================
  Form scaffolding
    - Selectors setup for you to style form elements how you want
    - Focus, error, and disabled states are set to be extended
==============================================================================*/
input:not([type=checkbox]),
textarea,
select {
  border-radius: 0;
  max-width: 100%;
  width: 100%;
  border: 1px solid #2E3192;
  height: 48px;
  padding: 0 15px;
  transition: border-color 0.35s ease-in-out;
  background-color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 4px;
  padding-top: 2.5px;
}
input:not([type=checkbox]):focus,
textarea:focus,
select:focus {
  outline: 0;
  border-color: #2E3192;
}
input:not([type=checkbox])[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
  background-color: #efefef;
  border-color: #b3b3b3;
  color: #b3b3b3;
}
input:not([type=checkbox]).grey,
textarea.grey,
select.grey {
  background-color: #000000;
  color: #f8f8f8;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

textarea {
  min-height: 100px;
  height: auto;
  padding: 15px 25px;
  font-weight: 300;
}

label {
  font-weight: 500;
}
label.required:after {
  display: inline-block;
  margin-left: 5px;
  color: #2E3192;
  content: "*";
}

.form-group {
  margin-bottom: 1rem;
}
.form-group.form-full > * {
  width: 100%;
}
.form-group.form-inline {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.form-group.form-inline > * {
  align-self: center;
}

/*
BG: prevent zooming on input focus on mobile
*/
/* ==========================================================================
#Custom Styling
========================================================================== */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 15px 15px;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 ================*/
}
.ie9 select {
  padding-right: 10px;
  background-image: none;
}

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

.custom-checkbox {
  width: 24px;
  height: 24px;
  box-shadow: 0 0 0 0 #2E3192 inset;
  transition: all 0.2s ease-in-out;
  position: relative;
  cursor: pointer;
  vertical-align: -6px;
  border: 1px solid;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  background-color: #f1eef0;
  margin-right: 10px;
}
.custom-checkbox:focus {
  outline-color: #2E3192;
}
.custom-checkbox:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0.2);
  transition: all 0.2s ease-in-out 0.1s;
  opacity: 0;
  width: 10px;
  height: 8px;
  margin-left: -5px;
  margin-top: -4px;
  background-image: url(/cdn/s/assets/checkout_2020-01-15/checkbox-tick-79bec41ba275bbc4dd575b11f8dada4a411a5ae0f007e938c299587fe7579a32.png);
  background-image: url(/cdn/s/assets/checkout_2020-01-15/checkbox-tick-924f1ffcd2bcf9a29293aa0b640b31f39068d9def7837cb7b2788f7e7e7686af.svg), none;
}
.custom-checkbox:checked {
  border: none;
  box-shadow: 0 0 0 12px #2E3192 inset;
}
.custom-checkbox:checked:after {
  transform: scale(1);
  opacity: 1;
}

/* ==========================================================================
#Ajax Feedback
========================================================================== */
.ajax-feedback,
.form-feedback {
  padding: 0.75rem 1.25rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 11px;
  font-size: 0.6875rem;
  border: 1px solid #000;
}
.ajax-feedback:empty,
.form-feedback:empty {
  display: none;
}
.ajax-feedback.error,
.form-feedback.error {
  background-color: #f8d7da;
  border-color: #721c24;
  color: #721c24;
}
.ajax-feedback.success,
.form-feedback.success {
  background-color: #F8F6F7;
  border-color: #F8F6F7;
  color: #000;
}
.ajax-feedback.warning,
.form-feedback.warning {
  background-color: #fff3cd;
  border-color: #856404;
  color: #856404;
}

.form-feedback {
  background-color: #d4edda;
  border-color: #2e5700;
  color: #2e5700;
  margin-bottom: 2rem;
}
.form-feedback ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form-feedback li,
.form-feedback a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  color: #2e5700;
}
.form-feedback.warning li, .form-feedback.warning a {
  color: #856404;
}
.form-feedback.error li, .form-feedback.error a {
  color: #721c24;
}

@media only screen and (max-width: 991px) {
  .section-main-reviews {
    margin: 0 -16px;
  }
  .section-main-reviews .slick-list .product-review.slick-slide {
    margin: 0 16px;
  }
}

#main-reviews-page .main {
  padding: 2rem;
}

/* ==========================================================================
#Templates
========================================================================== */
/* Table of Contents
==================================================

    #Category Sections
    #Category Subcategories
    #Category Content

==================================================
*/
/* ==========================================================================
#Category Sections
========================================================================== */
/*
*BG: not really a template, but we wrap the contents of the page in this div, so the client can re-order template via theme customizer
*/
#template-category-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
#template-category-container .category-section {
  margin-bottom: 35px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #template-category-container .category-section {
    margin-bottom: 60px;
  }
}
#template-category-container .category-section > .category-section {
  margin-bottom: 0;
}
#template-category-container .category-title {
  display: block;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
}

/* ==========================================================================
#Category Subcategories
========================================================================== */
.category-subcategories ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 32px);
  list-style: none;
  padding: 0;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 992px) {
  .category-subcategories ul {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }
}
.category-subcategories .subcategory-listing {
  width: calc(25% - 16px);
  margin-bottom: 24px;
  margin-left: 8px;
  margin-right: 8px;
}
@media only screen and (min-width: 992px) {
  .category-subcategories .subcategory-listing {
    width: calc(12.5% - 40px);
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 40px;
  }
}
.category-subcategories .subcategory-listing a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: color 0.35s ease;
}
.category-subcategories .subcategory-listing span[aria-hidden=true] {
  margin-left: auto;
}
.category-subcategories .subcategory-listing:hover a, .category-subcategories .subcategory-listing:hover .subcategory-title {
  color: #5DAE00;
  transition: color 0.35s ease;
}
.category-subcategories .subcategory-listing:hover .icon path {
  fill: #5DAE00;
  transition: all 0.35s ease;
}
.category-subcategories .subcategory-image-container {
  display: block;
}
.category-subcategories .subcategory-image {
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #efefef;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .category-subcategories .subcategory-image {
    width: 115px;
    height: 115px;
    margin-bottom: 25px;
  }
}
.category-subcategories .subcategory-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #121212;
  text-align: center;
  transition: color 0.35s ease;
}
@media only screen and (min-width: 992px) {
  .category-subcategories .subcategory-title {
    display: block;
  }
}
.category-subcategories .icon {
  display: block;
  width: 6px;
  height: 10px;
  margin-left: auto;
  transition: all 0.35s ease;
}
.category-subcategories .icon path {
  fill: #000;
}
@media only screen and (min-width: 992px) {
  .category-subcategories .icon {
    display: none;
  }
}

/* ==========================================================================
#Category Content
========================================================================== */
@media only screen and (max-width: 991px) {
  #category-page-content .rte p, #category-page-content .rte li, #category-page-content .rte span, #category-page-content .rte a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
#category-page-content .rte p, #category-page-content .rte li, #category-page-content .rte span, #category-page-content .rte h1, #category-page-content .rte h2, #category-page-content .rte h3, #category-page-content .rte h4, #category-page-content .rte h5, #category-page-content .rte h6 {
  color: #FFC42F;
}

/* Table of Contents
==================================================

    #Collection Listing Container
    #Collection Listing
    #Info Sort Row
    #Collection Sort By
    #Collection Filters
    #Collection Description
    #Collection Recently Viewed 
    #Mini Swatches

==================================================
*/
/* ==========================================================================
    #Collection Listing Container
========================================================================== */
.template-collection .page-header {
  padding: 0;
}
.template-collection .page-header .breadcrumbs {
  top: 30px;
}
.template-collection .page-header .container-fluid {
  background-size: cover;
  /* SH: Hide mobile collection header background image on desktop */
}
@media only screen and (min-width: 992px) {
  .template-collection .page-header .container-fluid {
    background-image: none !important;
  }
}

.collection-listing-container {
  position: relative;
  z-index: 2;
}
.collection-listing-container .container-fluid {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .collection-listing-container .container-fluid {
    flex-direction: row;
    max-width: 85%;
    margin-top: 45px;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 992px) {
  .collection-listing-container .container-fluid .collection-sidebar {
    width: 280px;
    margin-right: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .collection-listing-container .container-fluid .collection-main {
    width: calc(100% - 280px - 32px);
    border-left: 1px solid #c1c1c1;
  }

  .no-border {
    padding-right: 1rem !important;

  }
  
}
.collection-listing-container .container-fluid .collection-main.nosidebar {
  /* border: none; */
}
@media only screen and (min-width: 992px) {
  .collection-listing-container .container-fluid .collection-main.nosidebar {
    /* width: 100%; */
  }
}
@media only screen and (max-width: 991px) {
  .collection-listing-container .container-fluid .collection-main.nosidebar {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .collection-listing-container .container-fluid.contains-1-collection .collection-main {
    border-left: none;
  }
}
@media only screen and (min-width: 992px) {
  .collection-listing-container .container-fluid .collection-main.search-main {
    width: 100%;
  }
}
.collection-listing-container .no-results {
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
}
@media only screen and (min-width: 992px) {
  .collection-listing-container .no-results {
    margin: 0 0 60px;
  }
}

.collection-listing-container--no-results .container-fluid {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .collection-listing-container--no-results .container-fluid {
    margin-bottom: 30px;
  }
}

/* ==========================================================================
    #Collection Listing
========================================================================== */
.collection-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.collection-listing .product-listing {
  width: calc(50% - 7.5px);
  margin-right: 15px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 991px) {
  .collection-listing .product-listing:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .collection-listing .product-listing {
    width: calc(33.33% - 15px);
    margin-bottom: 30px;
  }
  .collection-listing .product-listing:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1130px) {
  .collection-listing .product-listing {
    width: calc(50% - 7.5px);
    /*
              SK Notes for the changes below
              #1 Add 15px margin to everything, used nth-child for correct specificity
              #2 Removing from everything second item. Creating a 2 column grid
              #3 3n+3 failed on every 6th items. As this was in the RH column the extra margin forced it onto the line below
              Side note:
              This could be refactored into a mobile first approach.
              Add margin-right: 15px to everything then at the relevant BP use nth-child to remove it from the 2nd/3rd/4th column.
              The end result would be the same but would make the code (IMO) easier to maintain/debug
          */
  }
  .collection-listing .product-listing:nth-child(1n+1) {
    margin-right: 15px;
  }
  .collection-listing .product-listing:nth-child(2n+2) {
    margin-right: 0;
  }
  .collection-listing .product-listing:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .nosidebar .collection-listing .product-listing {
    width: calc(25% - 15px);
    margin-right: 10px;
  }
  .nosidebar .collection-listing .product-listing:nth-child(3n+3) {
    margin-right: 10px;
  }
  .nosidebar .collection-listing .product-listing:nth-child(4n+4) {
    margin-right: 0;
  }
}

/* ==========================================================================
    #Info Sort Row
========================================================================== */
.info-sort-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .info-sort-row > * {
    width: calc(50% - 7.5px);
  }
}
@media only screen and (min-width: 992px) {
  .info-sort-row {
    align-items: center;
  }
}
.info-sort-row .collection-info {
  display: none;
}
@media only screen and (min-width: 992px) {
  .info-sort-row .collection-info {
    display: block;
  }
}
.info-sort-row .btn-collection-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 6px 15px;
  background-color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  border: 1px solid #E3E3E3;
}
.info-sort-row .btn-collection-menu .icon {
  margin-left: 10px;
}
@media only screen and (min-width: 992px) {
  .info-sort-row .btn-collection-menu {
    display: none;
  }
}

/* ==========================================================================
    #Collection Sort By
========================================================================== */
.collection-sort-by {
  position: relative;
}
.collection-sort-by .sort-by-selected {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 6px 15px;
  border-radius: 2px;
  border: 1px solid #E3E3E3;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .collection-sort-by .sort-by-selected {
    min-width: 180px;
    justify-content: space-between;
  }
}
.collection-sort-by .sort-by-selected .name {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}
@media only screen and (max-width: 991px) {
  .collection-sort-by .sort-by-selected .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.collection-sort-by .sort-by-selected .icon {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}
.collection-sort-by .sort-by-menu {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  background-color: #fff;
  border: 1px solid #E3E3E3;
  border-top: 0;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: all 0.15s ease;
}
.collection-sort-by .sort-by-menu.active {
  visibility: visible;
  opacity: 1;
  transition: all 0.15s ease;
}
.collection-sort-by .sort-by-menu li {
  padding: 10px 15px;
  cursor: pointer;
}
.collection-sort-by .sort-by-menu li:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 992px) {
  .collection-sort-by .sort-by-menu li {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/* ==========================================================================
    #Collection Filters
========================================================================== */
.collection-sidebar.empty {
  display: none;
}
@media only screen and (max-width: 991px) {
  .collection-sidebar {
    padding: 16px;
    transition: all 0.35s ease;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .collection-sidebar {
    position: sticky;
    top: 140px;
    align-self: flex-start;
    text-align: left;
  }
  .collection-sidebar.empty {
    display: block;
  }
}
.collection-sidebar .sidebar-wrapper h4 {
  line-height: 19px;
}
@media only screen and (max-width: 991px) {
  .collection-sidebar .sidebar-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: inherit;
  }
}
.collection-sidebar button.clear-filters {
  color: #2E3192;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 992px) {
  .collection-sidebar button.clear-filters {
    font-size: 12px;
    font-size: 0.75rem;
    text-decoration: underline;
  }
}
@media only screen and (max-width: 991px) {
  .collection-sidebar .sidebar-title {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
.collection-sidebar .sidebar-title .btn-collection-menu {
  padding: 4px 6px;
  margin-right: 10px;
  background-color: #fff;
}
.collection-sidebar .sidebar-title .btn-collection-menu .icon {
  display: block;
  width: 12px;
  height: 12px;
}
@media only screen and (min-width: 992px) {
  .collection-sidebar .sidebar-title .btn-collection-menu {
    display: none;
  }
}
.collection-sidebar .sidebar-title .clear-filters {
  margin-left: auto;
}
@media only screen and (min-width: 992px) {
  .collection-sidebar .sidebar-title .clear-filters {
    display: none;
  }
}
.collection-sidebar .selected-filters .clear-filters {
  display: none;
}
@media only screen and (min-width: 992px) {
  .collection-sidebar .selected-filters .clear-filters {
    display: inline-block;
  }
}
.collection-sidebar .current-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 16px 0 10px -4px;
}
.collection-sidebar .current-tags li {
  margin: 4px;
}
.collection-sidebar .current-tags li a {
  display: block;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: #f8f6f7;
  color: #000;
  font-size: 12px;
  font-size: 0.75rem;
  text-decoration: none;
  text-transform: capitalize;
}
.collection-sidebar .current-tags li span {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 600;
}
.collection-sidebar .current-tags li span:before {
  display: block;
  content: attr(data-prefix);
  margin-right: 3px;
  font-weight: normal;
}
.collection-sidebar .current-tags li .icon {
  display: block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
}
.collection-sidebar .accordion-container {
  margin-top: 16px;
}
.collection-sidebar .accordion-title h3 {
  text-transform: capitalize;
}
.collection-sidebar .filter-tags {
  list-style: none;
  padding: 0;
  margin: 0;
}
.collection-sidebar .filter-item {
  display: block;
  margin-bottom: 18px;
}
.collection-sidebar .filter-item a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  color: #000;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}
.collection-sidebar .filter-item a:before {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: #f1eef0;
  border-radius: 1px;
  content: "";
}
.collection-sidebar .filter-item a .tag-count {
  display: inline-block;
  margin-left: 5px;
}
.collection-sidebar .filter-item.active a:before {
  background-image: url("icon-tick.png");
  background-size: 12px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #2E3192;
}
.collection-sidebar .filter-item.disabled a {
  color: #c1c1c1;
  cursor: not-allowed;
}
.collection-sidebar .mobile-info {
  position: absolute;
  bottom: -16px;
  left: -16px;
  right: -16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  box-shadow: 0px -2px 4px rgba(186, 177, 182, 0.15);
}
@media only screen and (min-width: 992px) {
  .collection-sidebar .mobile-info {
    display: none;
  }
}
.collection-sidebar .mobile-info .product-info,
.collection-sidebar .mobile-info .btn-collection-menu {
  width: calc(50% - 7.5px);
}
.collection-sidebar .mobile-info .product-info {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}
.collection-sidebar .mobile-info .btn-collection-menu {
  background-color: #000;
  color: #fff;
  padding: 14px 0;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}

@media only screen and (max-width: 991px) {
  .collection-listing-container.filter-open .collection-sidebar {
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
    transition: all 0 ease;
  }
}

/* ==========================================================================
    #Collection Description
========================================================================== */
.collection-description {
  margin-top: 45px;
}
.collection-description .container-fluid {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.collection-description .collection-description-row {
  width: 100%;
  padding: 0 5%;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .collection-description .collection-description-row {
    width: calc(100% - 280px - 32px);
    padding: 0 10%;
  }
}
@media only screen and (max-width: 991px) {
  .collection-description p {
    margin-bottom: 0;
  }
}

/* ==========================================================================
    #Collection Recently Viewed
========================================================================== */
.template-collection .recently-viewed-products {
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.template-collection .featured-blogs .navigation-featured-menu {
  width: 100%;
  align-self: flex-start;
}
.template-collection .featured-blogs .navigation-featured-menu a {
  display: block;
  padding: 24px 24px 16px;
  text-decoration: none;
}
.template-collection .featured-blogs .navigation-featured-menu a:hover {
  text-decoration: none;
}
.template-collection .featured-blogs .navigation-featured-menu img {
  display: block;
  margin-bottom: 19px;
}
.template-collection .featured-blogs .navigation-featured-menu .featured-menu-title {
  display: block;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem;
  color: #2E3192;
}
.template-collection .featured-blogs .navigation-featured-menu .featured-menu-cta {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  color: #000000 !important;
  text-decoration: none;
  display: block;
}
.template-collection .featured-blogs .navigation-featured-menu .featured-menu-date {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0.75rem 0;
  display: block;
}

.collection-title {
  font-size: 50px;
}

.collection-description {
  font-size: 14px;
  line-height: 19px;
}

.sub-collection {
  font-size: 46px;
  line-height: 1!important;
}

.sub-description {
  font-size: 14px;
  line-height: 19px;
}

@media only screen and (max-width: 767px) {
  .collection-title {
    font-size: 28px;
  }

  .collection-listing .product-listing {
    margin-bottom: 15px;
  }

  .sub-collection {
    font-size: 23px;
    text-align: center;
  }
}
.px-collection {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .px-collection {
    padding-left: 3.25rem !important;
  }
}

/* ==========================================================================
    #Mini Swatches 
========================================================================== */
.product-listing .mini-swatch {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .product-listing .mini-swatch .swatch-element {
    /* width: 9%;
    height: auto; */
    /* padding: 8% 0 0 0; */
  }
}
.product-listing .mini-swatch .swatch-element.active {
  /* border: 1px solid #2E3192;
  box-shadow: 0px 0px 0px 2px #fff inset; */
}

/* Table of Contents
==================================================

    #Product Breadcrumbs
    #Product Detail Page
    #Product Images Container
    #Product Thumbnails
    #Product Large Images
    #Product Detail
    #Product Title
    #Product Reviews - Star Rating Widget (Yotpo)
    #Product Reviews - Product Reviews Widget (Yotpo)
    #Product Price
    #Product Offer
    #Product Swatches
    #Product Key Actions
    #Product Quantity - Desktop
    #Product Quantity - Mobile
    #Product Add to bag
    #Product Delivery CTA
    #Product Tabs
    #Site USP
    #Product Custom Block
    #Product Related Products
    #MBC Bundles App

==================================================
*/
/* ==========================================================================
#Product Breadcrumbs
========================================================================== */
.product-breadcrumbs {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* ==========================================================================
#Product Detail Page
========================================================================== */
@media only screen and (min-width: 1200px) {
  #MainContent {
    /* padding-top: 30px; */
  }
}
.product-detail-row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-evenly;
}
@media only screen and (min-width: 992px) {
  .product-detail-row {
    width: 93%;
    max-width: 1600px;
    /* margin: 30px auto 50px auto; */
    margin: 45px auto 50px auto;
    flex-direction: row;
  }
}

.product-detail-row h2 {
  font-family: "GTAmericaStandard"!important;
}

@media only screen and (min-width: 992px) {
  .product-detail-row .product-col-left {
    width: 62%;
  }
}
@media only screen and (min-width: 992px) {
  .product-detail-row .product-col-right {
    width: 32%;
  }
}

@media only screen and (min-width: 992px) {
  .sticky-top {
    top: 120px;
    position: sticky;
  }
}

@media only screen and (max-width: 767px) {
  #product-detail {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .product-col-right,
.product-col-left {
    width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
}
/* ==========================================================================
#Product Thumbnails Container
========================================================================== */
#product-images-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-self: flex-start;
  justify-content: flex-start;
}
@media only screen and (min-width: 992px) {
  #product-images-container {
    position: sticky;
    top: 120px;
    flex-wrap: nowrap;
  }
}

/* ==========================================================================
#Product Thumbnails
========================================================================== */
#product-thumbnails {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 85px;
}
@media only screen and (min-width: 992px) {
  #product-thumbnails {
    display: flex;
  }
}
#product-thumbnails .slick-arrow {
  display: none !important;
}
#product-thumbnails .thumbnail-image.slick-current > div {
  border: 1px solid grey;
}
#product-thumbnails .thumbnail-image {
  width: 85px !important;
  height: 85px;
  margin-bottom: 16px;
  border-radius: 2px;
  transition: border-color 0.35s ease;
}
#product-thumbnails .thumbnail-image > div {
  cursor: pointer;
}
#product-thumbnails .thumbnail-image > div:hover {
  border: 1px solid grey;
}
#product-thumbnails .thumbnail-image:focus {
  outline: 0;
}
#product-thumbnails .thumbnail-image.slick-current {
  transition: border-color 0.35s ease;
}
#product-thumbnails .thumbnail-image:last-child {
  margin-bottom: 0;
}
#product-thumbnails .slick-arrow {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
}
#product-thumbnails .slick-arrow:focus {
  outline: 0;
}
#product-thumbnails .slick-arrow.slick-disabled {
  opacity: 0.3;
}
#product-thumbnails .slick-arrow svg {
  display: block;
  width: 12px;
  height: 15px;
}
#product-thumbnails .slick-arrow svg path {
  fill: #000;
}
#product-thumbnails .slick-arrow.slick-previous {
  margin-bottom: 25px;
}
#product-thumbnails .slick-arrow.slick-previous svg {
  transform: rotate(90deg);
}
#product-thumbnails .slick-arrow.slick-next {
  margin-top: 25px;
}
#product-thumbnails .slick-arrow.slick-next svg {
  transform: rotate(-90deg);
}
/* ==========================================================================
#Product Large Images
========================================================================== */
@media only screen and (min-width: 992px) {
  .product-large-images-container {
    width: 100%;
  }
}

.product-images {
  width: 100%;
  align-self: flex-start;
  max-width: 100vw;
}
@media only screen and (max-width: 991px) {
  .product-images {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
@media only screen and (min-width: 992px) {
  .product-images {
    width: calc(100% - 85px);
    padding-left: 30px;
  }
}
.product-images .large-image {
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.product-images .large-image:focus {
  outline: 0;
}
.product-images .large-image img {
  touch-action: pan-y;
}
.product-images .large-image picture > img {
  display: block;
  width: 100%;
  height: auto;
}
.product-images.is-active {
  opacity: 1;
  user-select: auto;
  pointer-events: auto;
  height: auto;
  overflow: auto;
}
.product-images.not-active {
  opacity: 0;
  user-select: none;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
.product-images .btn-product-zoom {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  color: #898a89;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.product-images .btn-product-zoom:focus {
  outline: 0;
}
.product-images .btn-product-zoom svg {
  display: block;
  width: 15px;
  height: auto;
  margin-right: 7px;
}
.product-images .btn-product-zoom svg path {
  fill: #898a89;
}
.product-images .img-wrap {
  text-align: center;
}
.product-images.slick-incoming .large-image {
  display: none;
}
.product-images.slick-incoming .large-image:first-child {
  display: block;
}
.product-images.slick-initialized .large-image {
  display: block;
}

@media only screen and (max-width: 991px) {
  .product-images .slick-dots {
    display: flex !important;
  }
}
/* ==========================================================================
#Product Detail
========================================================================== */
@media only screen and (min-width: 992px) {
  #product-detail {
    position: sticky;
    top: 140px;
    align-self: flex-start;
  }
}

/* ==========================================================================
#Product Title
========================================================================== */
#product-title-mobile {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #product-title-mobile {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  #product-title-mobile {
    display: flex;
    flex-direction: column;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}

@media only screen and (max-width: 991px) {
  #product-title-desktop {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  #product-title-desktop {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

.product-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 6px;
  order: -1;
}
@media only screen and (min-width: 992px) {
  .product-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

/* ==========================================================================
#Product Reviews - Star Rating Widget (Yopto)
========================================================================== */
#product-detail-page .yotpo.bottomLine {
  min-height: 20px;
  min-width: 160px;
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.bottomLine {
    margin-bottom: 10px;
  }
}
#product-detail-page .yotpo.bottomLine .yotpo-bottomline.pull-left.star-clickable {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#product-detail-page .yotpo.bottomLine .yotpo-bottomline.pull-left.star-clickable:focus {
  outline: 0;
}
#product-detail-page .yotpo.bottomLine .yotpo-stars {
  background: #2E3192;
}
#product-detail-page .yotpo.bottomLine .yotpo-icon.rating-star {
  background-color: #fff;
  mix-blend-mode: luminosity;
}
#product-detail-page .yotpo.bottomLine .yotpo-icon.rating-star + .yotpo-icon.rating-star {
  padding-left: 6px;
}
#product-detail-page .yotpo.bottomLine .text-m {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
  margin-left: 9px;
  margin-top: 2px;
  font-family: "GTAmericaStandard", serif !important;
}

/* ==========================================================================
#Product Reviews - Product Reviews Widget (Yopto)
========================================================================== */
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget {
    border: 1px solid #E3E3E3;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-label.yotpo-small-box {
  display: none;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-regular-box.yotpo-bottomline.yotpo-bottomline-2-boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 0;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-regular-box.yotpo-bottomline.yotpo-bottomline-2-boxes {
    padding: 50px 30px;
    flex-direction: row;
  }
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-regular-box.yotpo-bottomline.yotpo-bottomline-2-boxes > .yotpo-hidden-mobile.write-button.write-review-button {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-2 {
  display: none;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  order: 2;
  max-width: none !important;
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 {
    width: 100%;
    order: -1;
  }
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 {
    justify-content: flex-end;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 .yotpo-sum-reviews {
  margin-left: 10px;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 .yotpo-sum-reviews .based-on {
  font-family: "GTAmericaStandard", serif !important;
  color: #000 !important;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 .yotpo-stars {
  background: #2E3192;
  padding: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 .yotpo-stars .rating-star {
  background-color: #fff;
  mix-blend-mode: luminosity;
  font-size: 30px;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 .yotpo-stars .rating-star + .rating-star {
  padding-left: 5px;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-bottomline-box-1 .yotpo-star-digits {
  position: static !important;
  bottom: 0;
  margin-left: 16px;
  font-family: "GTAmericaStandard", serif !important;
  font-weight: 600;
  font-size: 28px;
  font-size: 1.75rem;
  color: #000000;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-button {
  position: static !important;
  order: 1;
  margin: 0;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #5DAE00;
  padding: 10px 35px;
  transition: all 0.35s ease;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-button:hover {
  background-color: #5DAE00;
  color: #fff;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-button:hover .yotpo-icon-button-text {
  color: #fff;
  transition: all 0.35s ease;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-button:focus {
  outline: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-button .yotpo-icon-write {
  display: none !important;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-button .yotpo-icon-button-text {
  display: block;
  font-family: "GTAmericaStandard", serif !important;
  color: #5DAE00;
  font-weight: 600;
  text-transform: none !important;
  font-size: 14px;
  font-size: 0.875rem;
  transition: all 0.35s ease;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-button .yotpo-icon-button-text::first-letter {
  text-transform: capitalize !important;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-first-review {
  display: none;
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .yotpo-regular-box {
    border-top: 0 !important;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .stars-wrapper {
  background: #2E3192;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .stars-wrapper .review-star {
  background-color: #fff;
  mix-blend-mode: luminosity;
  border: 0 !important;
  outline: 0 !important;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .stars-wrapper .review-star + .review-star {
  padding-left: 5px;
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review {
    margin: 0;
    padding-left: 33px;
    padding-right: 33px;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .y-label,
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-mandatory-mark,
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-mandatory-explain {
  font-family: "GTAmericaStandard", serif !important;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-header-title {
  display: block;
  font-family: "GTAmericaStandard", serif !important;
  font-weight: 600;
  font-size: 17px;
  font-size: 1.0625rem;
  text-transform: lowercase;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-header-title::first-letter {
  text-transform: capitalize !important;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-mandatory-mark {
  color: #e93c30;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .y-input {
  height: auto;
  padding: 14px;
  border: 1px solid #E3E3E3;
  border-radius: 1px;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "GTAmericaStandard", serif !important;
  color: #000;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .y-input:focus {
  outline: 0;
  border-color: #2E3192;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .form-input-error {
  display: block !important;
  font-family: "GTAmericaStandard", serif !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #e93c30;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-footer.visible {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-footer.visible .socialize-wrapper {
  width: 100%;
  position: static;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-footer.visible .socialize-wrapper .yotpo-or {
  width: 100%;
  margin: 25px 0;
  font-family: "GTAmericaStandard", serif !important;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 600;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-footer.visible .socialize {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-footer.visible .socialize .y-label {
  padding: 0;
  margin-right: 16px;
  margin-top: -4px;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-footer.visible .socialize > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-footer.visible .connect-wrapper.visible {
  display: flex !important;
  flex-direction: column;
  padding: 0 !important;
  width: 100% !important;
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .yotpo-footer.visible .connect-wrapper.visible {
    flex-direction: row;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .socialize-wrapper .yotpo-icon-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #000;
  height: 35px;
  width: 35px;
  padding: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .socialize-wrapper .yotpo-icon-btn + .yotpo-icon-btn {
  margin-left: 10px;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .form-element.submit-button {
  display: flex;
  flex-direction: column;
  width: 100%;
  float: none;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .form-element.submit-button .yotpo-submit {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #c32583;
  padding: 10px 35px;
  margin-top: 25px !important;
  font-family: "GTAmericaStandard", serif !important;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: capitalize;
  font-weight: 600 !important;
  color: #5DAE00;
  transition: all 0.35s ease;
  width: auto !important;
  align-self: flex-start;
  order: 1;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .form-element.submit-button .yotpo-submit:hover {
  background-color: #5DAE00 !important;
  color: #fff !important;
  border: 1px solid #5DAE00 !important;
  transition: all 0.35s ease;
}
#product-detail-page .yotpo.yotpo-main-widget .write-review-wrapper .write-review .form-element.submit-button .form-input-error {
  padding: 0;
  margin: 0 !important;
  order: 2;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews {
  border: 0;
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews {
    margin-top: 40px;
    padding: 0;
  }
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-dropdown-button {
    display: flex;
  }
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-dropdown-button > span {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews {
    padding: 0 30px;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-nav-wrapper {
  border-bottom: 0 !important;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-nav-wrapper:focus {
  outline: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-nav-tab.yotpo-active:focus {
  outline: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-nav.yotpo-nav-primary {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-nav.yotpo-nav-primary .yotpo-nav-tab {
  padding: 0;
  margin: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-nav.yotpo-nav-primary .yotpo-nav-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-nav li {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-visible-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .yotpo-nav-dropdown {
    margin-left: auto;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews .write-review-button {
  display: none !important;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav.reviews span {
  font-family: "GTAmericaStandard", serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000000;
  font-weight: 500;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews {
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews {
    padding: 0 30px;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review {
  border-color: #E3E3E3;
  margin: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-icon-profile.yotpo-header-element {
  margin-right: 24px;
  width: 40px;
  height: 40px;
  background-color: #000;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-icon-profile.yotpo-header-element .yotpo-icon-circle-checkmark {
  top: auto !important;
  left: auto !important;
  right: -3px;
  bottom: -3px;
  color: #5DAE00;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-review-stars {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-review-stars .rating-star {
  color: #5DAE00;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-review-stars .rating-star + .rating-star {
  padding-left: 2px;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header-element {
  padding-bottom: 20px !important;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header-element .yotpo-user-name {
  font-family: "GTAmericaStandard", serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header-element .yotpo-user-name:after {
  display: inline-block;
  content: ".";
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header-element .yotpo-user-title {
  font-family: "GTAmericaStandard", serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header-element.yotpo-header-actions {
  display: block !important;
  position: absolute;
  left: 65px;
  bottom: 0;
  padding-bottom: 0 !important;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-header-element.yotpo-header-actions .yotpo-review-date {
  font-family: "GTAmericaStandard", serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #8d8d8d;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-main {
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-main {
    margin-left: 65px;
    margin-bottom: 30px;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-main .content-title,
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-main .content-review,
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-main .yotpo-review-wrapper {
  font-family: "GTAmericaStandard", serif;
  color: #000;
  line-height: 1.4;
  font-size: 14px;
  font-size: 0.875rem;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer {
  margin-left: 0px;
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer {
    margin-left: 65px;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .footer-actions {
  display: none;
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .footer-additional-actions {
    display: none !important;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful .label-helpful {
  display: block;
  text-transform: lowercase;
  font-family: "GTAmericaStandard", serif !important;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  color: #8b8b8b;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful .label-helpful::first-letter {
  text-transform: capitalize;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful .yotpo-icon {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  margin-right: 5px;
  font-family: "GTAmericaStandard", serif !important;
  color: #979797;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful .yotpo-icon::before {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 15px !important;
  height: 15px !important;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful div[data-type=up] {
  display: flex;
  flex-direction: row;
  margin-left: auto;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful div[data-type=down] {
  margin-left: 20px;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful div[data-type=down] .yotpo-icon {
  font-size: 30px;
  margin-top: -3px;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful .vote-sum {
  font-family: "GTAmericaStandard", serif !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #979797;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-icon-thumbs-up::before {
  font-family: "GTAmericaStandard", serif;
  content: "+";
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-nav-content .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-icon-thumbs-down::before {
  font-family: "GTAmericaStandard", serif;
  content: "-";
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-pager {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-pager .yotpo-page-element.yotpo-icon-left-arrow {
  margin-right: 15px;
}
@media only screen and (max-width: 991px) {
  #product-detail-page .yotpo.yotpo-main-widget .yotpo-pager .yotpo-page-element.yotpo-icon-left-arrow {
    margin-right: 0;
  }
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-pager .yotpo-page-element.yotpo-icon-right-arrow {
  margin-left: 0;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-pager .yotpo-page-element.goTo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  font-family: "GTAmericaStandard", serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  margin-right: 5px;
  transition: all 0.35s ease;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-pager .yotpo-page-element.goTo.yotpo-active, #product-detail-page .yotpo.yotpo-main-widget .yotpo-pager .yotpo-page-element.goTo:hover {
  background-color: #000 !important;
  color: #fff !important;
  font-weight: 600;
  transition: all 0.35s ease;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-pager .yotpo-page-element.yotpo-disabled {
  display: none;
}
#product-detail-page .yotpo.yotpo-main-widget .yotpo-pager .yotpo-hidden-mobile {
  display: none !important;
}

/* ==========================================================================
#Product Price
========================================================================== */
.product-price-container,
.main-product-additional-price {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.product-price-container .product-price,
.main-product-additional-price .product-price {
  line-height: 1;
}
.product-price-container .money:not(.original-price),
.product-price-container .additional-money,
.main-product-additional-price .money:not(.original-price),
.main-product-additional-price .additional-money {
  display: inline-block;
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
}
.product-price-container .money:not(.original-price),
.product-price-container .additional-money-new-style,
.main-product-additional-price .money:not(.original-price),
.main-product-additional-price .additional-money-new-style {
  display: inline-block;
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 992px) {
  .product-price-container .money:not(.original-price),
.product-price-container .additional-money,
.main-product-additional-price .money:not(.original-price),
.main-product-additional-price .additional-money {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
  }
  .product-price-container .money:not(.original-price),
  .product-price-container .additional-money-new-style,
  .main-product-additional-price .money:not(.original-price),
  .main-product-additional-price .additional-money-new-style {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 400;
    }
}
.product-price-container .product-price,
.main-product-additional-price .product-price {
  line-height: 1;
}
.product-price-container .money:not(.original-price),
.product-price-container .additional-money,
.main-product-additional-price .money:not(.original-price),
.main-product-additional-price .additional-money {
  display: inline-block;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
}

.product-price-container .money:not(.original-price),
.product-price-container .additional-moneynew-style,
.main-product-additional-price .money:not(.original-price),
.main-product-additional-price .additional-money-new-style {
  display: inline-block;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 992px) {
  .product-price-container .money:not(.original-price),
.product-price-container .additional-money,
.main-product-additional-price .money:not(.original-price),
.main-product-additional-price .additional-money {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .product-price-container .money:not(.original-price),
  .product-price-container .additional-money-new-style,
  .main-product-additional-price .money:not(.original-price),
  .main-product-additional-price .additional-money-new-style {
      font-size: 18px;
      font-size: 1.125rem;
    }
}
.product-price-container .original-price,
.main-product-additional-price .original-price {
  display: inline-block;
  margin-left: 10px;
  color: #FFC42F !important;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: line-through;
}

.compare-at-price {
  display: inline-block;
  margin-left: 10px;
  color: #FFC42F !important;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: line-through;
}

.discount-perc {
  display: inline-block;
  margin-left: 10px;
  color: #FFC42F !important;
  font-size: 16px;
  font-size: 1rem;
}

.product-price-container .price-per-ml,
.main-product-additional-price .price-per-ml {
  display: inline-block;
  margin-left: auto;
  color: #808080;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
}

/* ==========================================================================
#Product Offer
========================================================================== */
.product-offer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 10px;
}
.product-offer .icon {
  width: 19px;
  margin-right: 10px;
}
.product-offer .product-offer-text {
  color: #5DAE00;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* ==========================================================================
#Product Swatches
========================================================================== */
#product-detail-page .product-swatch-container {
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  #product-detail-page .product-swatch-container {
    margin-top: 40px;
  }
}

/* ==========================================================================
#Product Key Actions
========================================================================== */
.product-key-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
@media only screen and (max-width: 991px) {
  .product-key-actions {
    align-items: stretch;
  }
}
@media only screen and (min-width: 992px) {
  .product-key-actions {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 320px) {
  .product-key-actions {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 320px) {
  .product-key-actions .product-quantity-container {
    width: 100%;
  }
}
.product-key-actions #btn-basket {
  width: 100% !important;
}
@media only screen and (max-width: 320px) {
  .product-key-actions #btn-basket {
    width: 100% !important;
    margin-top: 15px;
  }
}

.product-key-actions.bundle-product-key-actions {
  display: block;
}

/* ==========================================================================
#Product Quantity - Desktop
========================================================================== */
.product-quantity-desktop {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #E3E3E3;
}
@media only screen and (max-width: 767px) {
  .product-quantity-desktop {
    display: none;
  }
}
.product-quantity-desktop .product-quantity,
.product-quantity-desktop .btn-plain,
.product-quantity-desktop #header-usp .header-usp-list.slick-initialized .slick-arrow,
#header-usp .header-usp-list.slick-initialized .product-quantity-desktop .slick-arrow {
  height: 55px;
  width: 55px;
  background-color: #fff;
}
.product-quantity-desktop .product-quantity {
  text-align: center;
  padding: 0;
  border: 0;
}
.product-quantity-desktop .product-quantity::-webkit-inner-spin-button,
.product-quantity-desktop .product-quantity::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-quantity-desktop .btn-plain, .product-quantity-desktop #header-usp .header-usp-list.slick-initialized .slick-arrow, #header-usp .header-usp-list.slick-initialized .product-quantity-desktop .slick-arrow {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.product-quantity-desktop .icon {
  display: block;
  width: 10px;
  height: auto;
}

/* ==========================================================================
#Product Quantity - Mobile
========================================================================== */
.product-quantity-mobile {
  width: 167px;
}
@media only screen and (max-width: 320px) {
  .product-quantity-mobile {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .product-quantity-mobile {
    display: none;
  }
}
.product-quantity-mobile .current-quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  border: 1px solid #E3E3E3;
  padding: 0 16px;
  cursor: pointer;
}
.product-quantity-mobile .current-quantity .icon {
  display: block;
  width: 10px;
  height: 60px;
}

.quantity-mobile-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.3);
  z-index: 101;
  transform: translateY(100%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease;
}
@media only screen and (min-width: 768px) {
  .quantity-mobile-modal {
    display: none;
  }
}
.quantity-mobile-modal .modal-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
  cursor: pointer;
}
.quantity-mobile-modal .modal-label .icon {
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 23px;
  margin-left: 7px;
}
.quantity-mobile-modal .modal-label .label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #000;
}
.quantity-mobile-modal .quantity-listing {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.quantity-mobile-modal .quantity-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 10px 12px 17px;
  cursor: pointer;
}
.quantity-mobile-modal .quantity-item:first-child {
  padding-top: 16px;
}
.quantity-mobile-modal .quantity-item .custom-ratio {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 21px;
  overflow: hidden;
  box-shadow: 0 0 0 3px #f1eef0, 0 0 0 4px #f1eef0;
  background-color: #f1eef0;
  transition: all 0.35s ease;
}
.quantity-mobile-modal .quantity-item .custom-ratio:after {
  position: absolute;
  display: block;
  height: 11px;
  width: 11px;
  background-color: transparent;
  border-radius: 50%;
  z-index: 1;
  content: "";
  transition: all 0.35s ease;
}
.quantity-mobile-modal .quantity-item.selected .custom-ratio {
  box-shadow: 0 0 0 3px #2E3192, 0 0 0 4px #2E3192;
  background-color: #2E3192;
  transition: all 0.35s ease;
}
.quantity-mobile-modal .quantity-item.selected .custom-ratio:after {
  background-color: #f1eef0;
  transition: all 0.35s ease;
}
.quantity-mobile-modal .quantity-item .quantity-value {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
}
.quantity-mobile-modal.active {
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
  transition: all 0.35s ease;
}
.quantity-mobile-modal .mobile-quantity-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.2);
}
.quantity-mobile-modal .mobile-quantity-action .mobile-quantity-input {
  width: calc(50% - 12.5px);
  padding: 0 16px;
}
.quantity-mobile-modal .mobile-quantity-action button {
  width: calc(50% - 12.5px) !important;
}
.quantity-mobile-modal.disable .current-quantity {
  cursor: not-allowed;
}

/* ==========================================================================
#Product Add to bag
========================================================================== */
#btn-basket.btn-adding,
.btn-basket.btn-adding,
.bottom-fixed-button.btn-adding {
  background-color: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
  cursor: pointer !important;
}
#btn-basket.btn-added,
.btn-basket.btn-added,
.bottom-fixed-button.btn-added {
  background-color: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
  cursor: pointer !important;
}

.bottom-fixed-button {
  height: 40px;
  padding: 0 !important;
}

/* ==========================================================================
#Product Delivery CTA
========================================================================== */
.product-delivery-cta {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 40px;
}
.product-delivery-cta .delivery-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: 64px;
  border-radius: 50%;
  background-color: #f1e9f4;
  margin-right: 24px;
}
.product-delivery-cta .delivery-icon .icon {
  display: block;
  width: 35px;
  height: auto;
}
.product-delivery-cta .delivery-content {
  width: calc(100% - 64px - 24px);
}
.product-delivery-cta .delivery-title {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
.product-delivery-cta .delivery-content {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.product-delivery-cta .countdown-timer {
  color: #2E3192;
}

/* ==========================================================================
#Product Tabs
========================================================================== */
#product-tabs-desktop {
  width: 100%;
}

#product-tabs-mobile {
  padding-left: 16px;
  padding-right: 16px;
}

#product-tabs {
  margin-top: 50px;
}
@media only screen and (min-width: 992px) {
  #product-tabs {
    margin-top: 60px;
  }
}

/* ==========================================================================
#Site USP
========================================================================== */
#product-detail-page #site-usps {
  margin-top: 40px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
  #product-detail-page #site-usps {
    margin-top: 135px;
    margin-bottom: 120px;
  }
}
#product-detail-page .additional-products .product-options .product-option-container {
  width: 50%;
}

/* ==========================================================================
#Product Custom Block
========================================================================== */
.product-custom-block-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .product-custom-block-container {
    margin-top: 40px;
  }
}

/* ==========================================================================
#Product Related Products
========================================================================== */
#product-detail-page .product-list-container.related-products {
  z-index: 10;
}

.template-product {
  /* ==========================================================================
  #MBC Bundles App
  ========================================================================== */
  /* ==========================================================================
  #Chatra App | Prevent chat overlapping step-by-step popout
  ========================================================================== */
}
.template-product .mbc-bundles-list {
  border-color: #E3E3E3 !important;
}
.template-product .mbc-bundle__item-thumbnail {
  border-width: 1px !important;
}
.template-product .mbc-bundles-list__title {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  color: #000 !important;
}
.template-product .mbc-bundle .mbc-bundle__item-separator {
  background-color: #000 !important;
}
@media only screen and (min-width: 768px) {
  .template-product .mbc-bundle__items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
  }
}
@media only screen and (min-width: 768px) {
  .template-product .mbc-bundle__item.mbc-bundle__item--product {
    margin-bottom: 0px !important;
    width: 100% !important;
    min-width: auto !important;
    max-width: none !important;
  }
  .template-product .mbc-bundle__item.mbc-bundle__item--product .mbc-bundle__item-wrapper {
    display: flex;
    flex-direction: row;
  }
  .template-product .mbc-bundle__item.mbc-bundle__item--product .mbc-bundle__item-wrapper .mbc-bundle__item-thumbnail {
    width: 40% !important;
  }
  .template-product .mbc-bundle__item.mbc-bundle__item--product .mbc-bundle__item-wrapper .mbc-bundle__item-info {
    width: 60% !important;
    padding-left: 15px !important;
  }
}
@media only screen and (min-width: 768px) {
  .template-product .mbc-bundle__item.mbc-bundle__item--with-separator {
    max-width: 100% !important;
  }
  .template-product .mbc-bundle__item.mbc-bundle__item--with-separator .mbc-bundle__item-separator-wrapper {
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 20px;
  }
  .template-product .mbc-bundle__item.mbc-bundle__item--with-separator .mbc-bundle__item-separator {
    top: 17px !important;
  }
}
@media only screen and (min-width: 768px) {
  .template-product .mbc-bundle__footer {
    margin-top: 20px;
  }
}
.template-product .mbc-bundle__item-info {
  line-height: 1 !important;
}
.template-product .mbc-bundle__item-title {
  display: block !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #000 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  margin-bottom: 5px !important;
}
.template-product .mbc-bundle__item-title > a {
  line-height: inherit !important;
  color: inherit !important;
}
.template-product .mbc-bundle__item-price > .mbc-bundle__compare-price {
  font-weight: 400 !important;
  color: #FFC42F !important;
}
.template-product .mbc-bundle__item-price > span:not(.mbc-bundle__compare-price) > .money {
  font-weight: 600 !important;
  color: #000 !important;
}
.template-product .mbc-bundles-list,
.template-product .mbc-bundle .mbc-bundle__wrapper,
.template-product .mbc-bundle .mbc-bundle__footer {
  border-color: #E3E3E3 !important;
}
.template-product .mbc-bundle__price > .mbc-bundle__compare-price {
  font-weight: 400 !important;
  color: #FFC42F !important;
}
.template-product .mbc-bundle__price > span:not(.mbc-bundle__compare-price) > .money {
  font-weight: 600 !important;
  color: #000 !important;
}
.template-product .mbc-bundle_atc {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
  padding: 1.1rem 1.9rem !important;
  border-radius: 2px !important;
  font-size: 14px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out !important;
}
.template-product .mbc-bundle_atc:hover {
  background-color: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
}
.template-product #chatra.chatra--pos-right {
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.product-options-combined,
.product-options-bundle {
  flex-direction: column;
}

.product-options,
.product-options-combined {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.product-option-container {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-bottom: 1rem;
  flex-grow: 1;
  flex-shrink: 1;
  /* width: 100%; */
  min-width: 35%;
}
@media only screen and (max-width: 991px) {
  .product-option-container {
    width: 50%;
  }
}
.product-option-container h4 {
  margin-bottom: 0.5rem;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .product-option-container h4 {
    font-weight: 300;
  }
}
.product-option-container.size-option {
  min-width: 100%;
}
@media only screen and (max-width: 991px) {
  .product-option-container.size-option {
    width: 100%;
  }
}
.product-option-container.additional-product-option-container h4 {
  display: none;
}
.product-option-container .select-container {
  position: relative;
}
.product-option-container .select-container select {
  color: #000000;
}
.product-option-container .select-container::after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: absolute;
  top: 18px;
  right: 15px;
  transform: rotate(-225deg);
  vertical-align: top;
  width: 8px;
  transition: 350ms;
}

.product-swatch {
  width: 100%;
  margin-bottom: 1rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.product-swatch .text-secondary {
  margin-bottom: 0.5rem;
  font-weight: 400;
}

.options-style {
  margin-bottom: 0;
}
.product-swatch .swatch-value {
  cursor: pointer;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  position: relative;
  border: 2px solid #fff;
  padding: 2px;
}
.product-swatch .swatch-value .swatch-image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid #fff;
}
.product-swatch .swatch-value.active {
  border-color: #000000;
}
@media only screen and (min-width: 992px) {
  .product-swatch .swatch-value.active {
    border-color: #bbbbbc;
  }
}
.product-swatch select {
  outline: 0;
  border-color: #2E3192;
  color: #000000;
  background: #fff;
  height: 40px;
}

.product-tabs-desktop {
  display: none;
}
.product-tabs-desktop .tab-titles {
  margin: 0 auto;
  display: flex;
  justify-content: stretch;
  width: 820px;
}
.product-tabs-desktop .tab-titles .tab-selector {
  border-bottom: 1px solid #000000;
  color: #2E3192;
  cursor: pointer;
  flex-grow: 1;
  font-family: "ArizonaMix", serif;
  font-size: 18px;
  padding: 1rem;
  text-align: center;
  font-weight: 600;
  flex: 1;
}
.product-tabs-desktop .tab-titles .tab-selector.active {
  border-bottom: 5px solid #2E3192;
}
.product-tabs-desktop .tab-content {
  max-width: 820px;
  margin: 0 auto;
}
.product-tabs-desktop .tab-content .tab {
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: none;
}
.product-tabs-desktop .tab-content .tab.active {
  display: block;
}
.product-tabs-desktop .tab-content .tab .rte p,
.product-tabs-desktop .tab-content .tab .rte div {
  font-size: 0.75rem;
}

.product-footer {
  background: #f8f8f8;
  color: #d9d9d6;
}
.product-footer .product-footer-row {
  margin: 0 auto;
  max-width: 820px;
}
.product-footer .product-footer-row .row {
  justify-content: center;
  flex-wrap: wrap;
}
.product-footer .product-footer-row .row .product-footer-block {
  text-align: center;
  color: #000000;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .product-footer .product-footer-row .row .product-footer-block {
    width: 33.3333%;
  }
}
.product-footer .product-footer-row .row .product-footer-block h4 {
  text-align: center;
  margin-bottom: 0.5rem;
  color: #000000;
}
.product-footer .product-footer-row .row .product-footer-block .rte p {
  font-size: 0.75rem;
  color: #000000;
}
.product-footer a {
  text-decoration: none;
  color: #000000;
}

@media only screen and (min-width: 992px) {
  .product-tabs-desktop {
    display: block;
  }

  .product-tabs-mobile {
    display: none;
  }
}
.product-video {
  max-width: 820px;
  margin: 0 auto;
  width: 100%;
}
.product-video iframe {
  width: 100%;
  height: 50vh;
}

#product-detail-page .product-overlay {
  display: none;
  width: 50%;
  top: 0;
  height: 200vh;
  left: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
}
#product-detail-page .product-overlay svg {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: -50%;
  stroke: #2E3192;
}

.product-bottom-bar {
  position: fixed;
  width: 100%;
  padding: 1rem;
  bottom: 0;
  left: 0;
  background: #fff;
  border-top: 1px solid #2E3192;
  z-index: 10;
}
.product-bottom-bar .container-fluid {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .product-bottom-bar .container-fluid {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.product-bottom-bar .container-fluid h2,
.product-bottom-bar .container-fluid .product-price {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .product-bottom-bar .container-fluid h2,
.product-bottom-bar .container-fluid .product-price {
    flex-grow: 1;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
  }
}
.product-bottom-bar .container-fluid h2 .original-price,
.product-bottom-bar .container-fluid .product-price .original-price {
  /* display: none; */
  color: #FFC42F !important;
  margin-left: 10px;
}
.product-bottom-bar .container-fluid p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
@media only screen and (min-width: 768px) {
  .product-bottom-bar .container-fluid h2 {
    flex-grow: 1;
  }
}
.product-bottom-bar .container-fluid .product-price {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .product-bottom-bar .container-fluid .product-price {
    margin: 0 0 0 10px;
    flex-grow: 0;
    display: none;
    align-items: center;
  }
}
.product-bottom-bar .container-fluid button {
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .product-bottom-bar .container-fluid button {
    margin: 0 0 0 20px;
    flex-grow: 0;
    width: 275px;
  }
}
.product-bottom-bar .container-fluid .additional {
  display: none;
}
@media only screen and (min-width: 768px) {
  .product-bottom-bar .container-fluid .additional {
    display: block;
  }
}
.product-bottom-bar .container-fluid .right {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .product-bottom-bar .container-fluid .right {
    flex-direction: row;
  }
}
.product-bottom-bar .container-fluid .right .product-price {
  display: none;
}
@media only screen and (min-width: 768px) {
  .product-bottom-bar .container-fluid .right .product-price {
    display: flex;
  }
}

.bundle-slideout {
  position: fixed;
  width: 500px;
  height: 100%;
  max-width: 100%;
  top: 0;
  right: 0;
  background: #e9eaee;
  overflow-y: auto;
  z-index: 100;
  padding: 1rem 3rem 0;
  transform: translateX(2rem);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
}
.bundle-slideout.active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.bundle-slideout h3 {
  text-align: center;
  padding: 0.5rem;
}
.bundle-slideout .additional-products {
  background: #fff;
}
.bundle-slideout .close-bundle-slideout {
  top: 1rem;
  right: 1rem;
  position: absolute;
  cursor: pointer;
}
.bundle-slideout .slideout-bottom {
  position: sticky;
  width: calc(100% + 6rem);
  padding: 1rem 3rem;
  bottom: 0;
  margin: auto -3rem 0;
  background: #fff;
  border-top: 1px solid #2E3192;
  z-index: 10;
  display: flex;
  flex-direction: column;
}
.bundle-slideout .slideout-bottom .btn, .bundle-slideout .slideout-bottom body.template-password button[type=submit], body.template-password .bundle-slideout .slideout-bottom button[type=submit], .bundle-slideout .slideout-bottom .shopify-challenge__button, .bundle-slideout .slideout-bottom .showcase-button {
  padding: 0.5rem 3rem;
  width: 100%;
}
.bundle-slideout .slideout-bottom .subtotal-slideout {
  display: flex;
  justify-content: space-between;
}
.bundle-slideout .product-key-actions {
  margin-top: 0;
}
.bundle-slideout .top {
  margin-bottom: 10px;
}
.bundle-slideout .product-option-container {
  margin: 0;
}

.under-cart-message {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
  font-family: "GTAmericaStandard", serif;
  color: #000000;
}

.instock-indicator,
.outofstock-indicator {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
  font-family: "GTAmericaStandard", serif;
  color: #5dae00;
}
.instock-indicator span,
.outofstock-indicator span {
  border-radius: 100%;
  background: #5dae00;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-right: 15px;
}

.outofstock-indicator {
  color: #ae0009;
}
.outofstock-indicator span {
  background: #ae0009;
}

.presale-indicator {
  color: #FBB230;
}
.presale-indicator span {
  background: #FBB230;
}

.product-unique-usp.site-usp-container {
  margin-top: 50px;
}
.product-unique-usp.site-usp-container h4.usp_title {
  font-size: 18px !important;
}

.product-tabs-mobile {
  border-bottom: 1px solid #C4C4C4;
  margin-top: 30px;
}
.product-tabs-mobile .accordion-item {
  border-top: 1px solid #C4C4C4;
  width: 100%;
}

.product-shared-usp-mobile {
  display: none;
}
.product-shared-usp-mobile .accordion-parent {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.product-shared-usp-mobile .accordion-parent img {
  width: 43px;
  height: 43px;
  margin: 8px 16px;
  transition: 350ms;
}
.product-shared-usp-mobile .accordion-parent .accordion-item {
  width: 100%;
}
.product-shared-usp-mobile .accordion-parent .accordion-title {
  border-top: none;
}
.product-shared-usp-mobile .accordion-parent .accordion-title h3 {
  font-size: 14px;
  font-weight: 600;
}
.product-shared-usp-mobile .accordion-parent .accordion-content .rte p {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}
.product-shared-usp-mobile .accordion-parent.active img {
  width: 63px;
  height: 63px;
}

@media only screen and (max-width: 991px) {
  .instock-indicator span,
.outofstock-indicator span {
    margin-right: 15px;
  }

  .product-unique-usp.site-usp-container {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .product-shared-usp-desktop {
    display: none;
  }

  .product-shared-usp-mobile {
    display: block;
  }
}
.content-strip-item {
  min-height: 480px !important;
  display: flex !important;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .content-strip-item {
    height: 100% !important;
  }

  .product-unique-usp.site-usp-container h4.usp_title {
    font-size: 14px !important;
    font-weight: 600;
  }

  .product-video iframe {
    height: 50vw;
  }

  .product-content-strip .content-strip-item .block-content {
    background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, #f6f6f6 50%, #f6f6f6 100%);
  }
  .product-content-strip .content-strip-item .block-content .title {
    font-size: 38px !important;
    text-transform: uppercase;
  }
  .product-content-strip .content-strip-item .block-content .btn-primary, .product-content-strip .content-strip-item .block-content body.template-password .btn, body.template-password .product-content-strip .content-strip-item .block-content .btn, .product-content-strip .content-strip-item .block-content body.template-password .shopify-challenge__button, body.template-password .product-content-strip .content-strip-item .block-content .shopify-challenge__button, .product-content-strip .content-strip-item .block-content body.template-password .showcase-button, body.template-password .product-content-strip .content-strip-item .block-content .showcase-button, .product-content-strip .content-strip-item .block-content body.template-password button[type=submit], body.template-password .product-content-strip .content-strip-item .block-content button[type=submit] {
    height: 30px;
    font-size: 10px;
    padding: 0;
    width: 100%;
    max-width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    color: #2E3192 !important;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .product-content-strip .content-strip-item .block-content {
    padding: 15px 15px 45px 15px !important;
  }
  .product-content-strip .content-strip-item .block-content .title {
    font-size: 32px !important;
  }
}
.additional-products .product-description {
  color: #000000;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 100;
  margin-bottom: 0.5rem;
}
.additional-products .top {
  padding: 0.5rem;
  flex-grow: 1;
}
.additional-products .top h4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
.additional-products .top .product-key-actions {
  margin-top: 0;
}
.additional-products .product-options {
  margin-top: 15px;
}
.additional-products .product-options .product-option-container {
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 991px) {
  .additional-products .product-options .product-option-container {
    width: 100%;
  }
}
.additional-products .additional-product-price .money {
  font-weight: 600;
  color: #000000;
}
@media only screen and (min-width: 992px) {
  .additional-products .additional-product-price .money {
    font-weight: 300;
    color: #2E3192;
  }
}

.product-unique-usp.site-usp-container {
  flex-direction: row;
  flex-wrap: nowrap;
}
.product-unique-usp.site-usp-container .usp-item {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.product-images .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 36px;
  height: 100%;
  background-color: transparent;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  padding: 5px 0;
  z-index: 4;
}
.product-images .slick-arrow:focus {
  outline: 0;
}
.product-images .slick-arrow.slick-next {
  right: 0px;
}
.product-images .slick-arrow.slick-prev {
  left: 0px;
}
.product-images .slick-arrow.slick-prev svg {
  margin: 0 auto 0 20px;
}
.product-images .slick-arrow.slick-disabled {
  opacity: 0.2;
}
.product-images .slick-arrow svg {
  display: block;
  margin: 0 20px 0 auto;
  fill: #000000;
  height: 30px;
}

@media only screen and (min-width: 992px) {
  .product-images .slick-arrow {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .product-images .slick-dots {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}
.product-reviews-stamped-singles {
  position: relative;
  padding: 2rem;
  padding-top: 0;
  overflow: hidden;
}
.product-reviews-stamped-singles .carousel {
  max-width: 820px;
  margin: 0 auto;
  position: unset;
}
.product-reviews-stamped-singles .carousel .rating {
  text-align: center;
  margin: 1rem 0;
}
.product-reviews-stamped-singles .carousel .excerpt {
  font-family: "ArizonaMix", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 36px;
  text-align: center;
  margin: 1rem 0;
  color: #000000;
}
.product-reviews-stamped-singles .carousel .name {
  font-family: "GTAmericaStandard", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  margin: 1rem 0;
  text-align: center;
  color: #888b8d;
}
.product-reviews-stamped-singles .carousel .slick-prev,
.product-reviews-stamped-singles .carousel .slick-next {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  top: 0;
  cursor: pointer;
}
.product-reviews-stamped-singles .carousel .slick-prev span,
.product-reviews-stamped-singles .carousel .slick-next span {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  top: 0;
  vertical-align: top;
  width: 10px;
}
.product-reviews-stamped-singles .carousel .slick-prev {
  left: 1rem;
  transform: rotate(-135deg);
}
.product-reviews-stamped-singles .carousel .slick-next {
  right: 1rem;
  transform: rotate(45deg);
}
.product-reviews-stamped-singles .carousel .slick-dots {
  display: flex !important;
  flex-direction: row;
  background: none;
  margin: 1rem 0;
  max-width: 100%;
  width: 100%;
}
.product-reviews-stamped-singles .carousel .slick-dots li {
  width: 10px;
  height: 10px;
  border: 1px solid #2E3192;
  border-radius: 100%;
  flex: 0;
  margin: 0 0.25rem;
}
@media only screen and (max-width: 767px) {
  .product-reviews-stamped-singles .carousel .slick-dots li {
    margin: 0 0.1rem;
  }
}
.product-reviews-stamped-singles a {
  margin: 0 auto;
  max-width: 180px;
}

@media only screen and (max-width: 767px) {
  .product-reviews-stamped-singles {
    margin-top: 0.5rem;
  }
  .product-reviews-stamped-singles .carousel .excerpt {
    font-size: 16px;
    line-height: 24px;
  }
  .product-reviews-stamped-singles .carousel .slick-prev,
.product-reviews-stamped-singles .carousel .slick-next {
    display: none;
  }
  .product-reviews-stamped-singles .carousel .slick-dots {
    margin: 1rem 0 2rem 0;
  }

  .product-strip-item {
    padding-top: 50% !important;
  }
}
.product-strip-item {
  background-size: cover;
}
.product-strip-item .banner-post-title {
  padding: 1.5rem 0;
  line-height: 1.5rem;
}

.stamped-toggle {
  margin-bottom: 1rem;
}

.stamped-product-reviews-badge {
  margin: 0.5rem 0;
}

.main-product-title {
  font-weight: 600;
}

.product-footer h4,
.product-footer h3 {
  font-weight: 600;
  font-family: "GTAmericaStandard", serif!important;
}

.product-usp-upper .container-fluid {
  max-width: 850px;
}
.product-usp-upper .usp-icon img {
  max-width: 60px !important;
  max-height: 60px !important;
}

.product-bottom-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #ddd;
  padding: 10px !important;
}

.product-content-strip .btn-invert {
  max-width: 140px;
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .product-content-strip .btn-invert {
    margin: 0 auto !important;
  }
}

.two-columns-module .btn-invert {
  max-width: 140px;
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .two-columns-module .btn-invert {
    margin: 0 auto !important;
  }

}

.product-tabs-desktop .rte,
.product-tabs-mobile .rte {
  color: #000000;
  font-size: 14px;
}

.product-content-strip .content-strip-item.content-strip-standard .paragraph {
  padding: 1.5rem 0rem;
  max-width: 100%;
}

.product-tabs-mobile .accordion-title h3 {
  font-weight: 600;
}

.stamped-badge-caption {
  color: #949494;
  font-size: 14px;
  line-height: 19px;
}

.bundle-debug {
  background: #f00 !important;
  display: block !important;
}
.bundle-debug.hide {
  display: block !important;
}

/* PDP Thumbnails */
#product-thumbnails .slick-active .square {
  border: solid 1px black;
}

/* Table of Contents
==================================================

    #Page Header
    #Mobile Quick Checkout
    #Basket Main
    #Basket Total
    #Basket Sidebar
    #Site USP
    #Continue Shopping

==================================================
*/
/* ==========================================================================
#Page Header
========================================================================== */
body.template-cart .page-header {
  padding: 30px 0 35px;
  background-color: transparent;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  body.template-cart .page-header {
    padding: 45px 0 50px;
  }
}
body.template-cart .page-header .cart-bag-count {
  display: block;
  font-weight: 500;
  color: #000;
  opacity: 0.5;
  margin-top: 5px;
}

/* ==========================================================================
#Mobile Quick Checkout
========================================================================== */
#mobile-quick-checkout .mobile-total-and-checkout {
  margin-top: 8px;
  padding: 20px;
  background-color: #f9f9f9;
}
#mobile-quick-checkout .mobile-total-and-checkout .btn-checkout {
  width: 100% !important;
  margin-top: 10px;
}
#mobile-quick-checkout .basket-total {
  margin-top: 0;
}
#mobile-quick-checkout .basket-total .total-price .value {
  font-size: 16px;
  font-size: 1rem;
}
#mobile-quick-checkout .free-delivery-message {
  display: block;
  padding: 20px;
  background-color: #FDF7FA;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #5DAE00;
}

/* ==========================================================================
#Basket Main
========================================================================== */
@media only screen and (max-width: 991px) {
  #basket-main {
    margin-top: 25px;
  }
}
#basket-main .basket-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-top: 35px;
  padding-bottom: 40px;
  border-top: 1px solid #E3E3E3;
}
#basket-main .basket-item:last-of-type {
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (min-width: 992px) {
  #basket-main .basket-item {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
#basket-main .basket-item .basket-item-image {
  margin-right: 16px;
}
@media only screen and (min-width: 992px) {
  #basket-main .basket-item .basket-item-image {
    margin-right: 30px;
  }
}
#basket-main .basket-item .basket-item-image a {
  width: 80px;
}
@media only screen and (min-width: 992px) {
  #basket-main .basket-item .basket-item-image a {
    width: 144px;
  }
}
#basket-main .basket-item .basket-item-image picture > img {
  display: block;
  width: 100%;
  height: auto;
}
#basket-main .basket-item .basket-item-details {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
#basket-main .basket-item .basket-item-details .product-title {
  line-height: 1;
  margin-top: -5px;
  width: calc(100% - 30px);
}
#basket-main .basket-item .basket-item-details .product-title a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  font-weight: 600;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  #basket-main .basket-item .basket-item-details .product-title a {
    font-size: 16px;
    font-size: 1rem;
  }
}
#basket-main .basket-item .basket-item-details .product-title a:hover {
  text-decoration: underline;
}
#basket-main .basket-item .basket-item-details .product-variant {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#basket-main .basket-item .basket-item-details .product-variant .variant-image {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
  overflow: hidden;
}
#basket-main .basket-item .basket-item-details .product-variant .variant-image.no-variant-image {
  display: none;
}
#basket-main .basket-item .basket-item-details .product-variant .variant-image img {
  display: block;
}
#basket-main .basket-item .basket-item-details .product-variant .variant-title {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #000;
  opacity: 0.4;
}
#basket-main .basket-item .basket-item-details .btn-remove {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: transparent;
  padding-left: 15px;
  padding-bottom: 15px;
}
#basket-main .basket-item .basket-item-details .btn-remove .icon-delete {
  display: block;
  fill: transparent;
  width: 13px;
  height: 15px;
}
#basket-main .basket-item .basket-item-details .product-quantity-price {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: auto;
}
@media only screen and (min-width: 768px) {
  #basket-main .basket-item .basket-item-details .product-quantity-price .product-quantity-desktop {
    display: inline-flex;
    margin-top: 30px;
  }
}
#basket-main .basket-item .basket-item-details .product-quantity-price .product-quantity-desktop .product-quantity, #basket-main .basket-item .basket-item-details .product-quantity-price .product-quantity-desktop .btn-plain, #basket-main .basket-item .basket-item-details .product-quantity-price .product-quantity-desktop #header-usp .header-usp-list.slick-initialized .slick-arrow, #header-usp .header-usp-list.slick-initialized #basket-main .basket-item .basket-item-details .product-quantity-price .product-quantity-desktop .slick-arrow {
  width: 40px;
  height: 40px;
}
#basket-main .basket-item .basket-item-details .product-quantity-price .product-quantity-mobile {
  width: 100px;
  margin-top: 30px;
}
#basket-main .basket-item .basket-item-details .product-quantity-price .product-quantity-mobile .current-quantity .quantity-value {
  font-size: 14px;
  font-size: 0.875rem;
}
#basket-main .basket-item .basket-item-details .product-quantity-price .product-quantity-mobile .current-quantity .icon {
  height: 40px;
}
#basket-main .basket-item .basket-item-details .product-price-container {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-left: auto;
}
#basket-main .basket-item .basket-item-details .product-price-container .product-price {
  display: flex;
  flex-direction: row;
}
#basket-main .basket-item .basket-item-details .product-price-container .product-price .money {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 992px) {
  #basket-main .basket-item .basket-item-details .product-price-container .product-price .money {
    font-size: 16px;
    font-size: 1rem;
  }
}
#basket-main .basket-item .basket-item-details .product-price-container .product-price .original-price {
  order: -1;
  margin-right: 10px;
}
#basket-main .basket-item .basket-item-details .product-price-container .price-per-ml {
  margin-top: 2px;
  margin-left: 5px;
  color: #808080;
  text-align: right;
}

/* ==========================================================================
#Basket Total
========================================================================== */
.basket-total {
  margin-top: 10px;
}
@media only screen and (min-width: 992px) {
  .basket-total {
    margin-top: 20px;
  }
}
.basket-total .total-price {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .basket-total .total-price {
    flex-wrap: wrap;
  }
}
.basket-total .total-price .label {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
}
.basket-total .total-price .value {
  display: block;
  margin-left: auto;
  text-align: right;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
@media only screen and (min-width: 992px) {
  .basket-total .total-price .value {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: -3px;
  }
}
.basket-total .total-price .total-price-info {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  color: #000;
}
@media only screen and (max-width: 991px) {
  .basket-total .total-price .total-price-info {
    margin-left: 5px;
    margin-top: -2px;
  }
}
@media only screen and (min-width: 992px) {
  .basket-total .total-price .total-price-info {
    order: 3;
    width: 100%;
    text-align: left;
  }
}

/* ==========================================================================
#Basket Sidebar
========================================================================== */
@media only screen and (max-width: 991px) {
  #basket-sidebar {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 992px) {
  #basket-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
    background-color: #F9F9F9;
    padding: 25px 30px;
    max-width: 360px;
    margin-left: auto;
    align-self: flex-start;
  }
}
@media only screen and (max-width: 991px) {
  #basket-sidebar .basket-sidebar-background {
    padding: 33px 20px;
    background-color: #f9f9f9;
  }
}
#basket-sidebar .free-delivery-message {
  display: none;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #5DAE00;
  margin-bottom: 19px;
}
@media only screen and (min-width: 992px) {
  #basket-sidebar .free-delivery-message {
    display: block;
    text-align: center;
  }
}
#basket-sidebar .sidebar-title {
  display: none;
}
@media only screen and (min-width: 992px) {
  #basket-sidebar .sidebar-title {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
  }
}
#basket-sidebar .basket-breakdown {
  display: none;
  list-style: none;
  padding: 0;
  margin: 25px 0 0;
}
#basket-sidebar .basket-breakdown.visible {
  display: block;
}
#basket-sidebar .basket-breakdown li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  #basket-sidebar .basket-breakdown li {
    margin-bottom: 20px;
  }
}
#basket-sidebar .basket-breakdown li:last-child {
  margin-bottom: 0;
}
#basket-sidebar .basket-breakdown .label, #basket-sidebar .basket-breakdown .value {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
}
@media only screen and (min-width: 992px) {
  #basket-sidebar .basket-breakdown .label, #basket-sidebar .basket-breakdown .value {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
  }
}
#basket-sidebar .basket-breakdown .value {
  text-align: right;
}
#basket-sidebar .promo-message {
  display: block;
  margin-top: 30px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #000;
  text-align: center;
  opacity: 0.6;
}
#basket-sidebar .btn-checkout {
  width: 100% !important;
  margin-top: 30px;
}
#basket-sidebar .payment-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 30px;
}

/* ==========================================================================
#Site USP
========================================================================== */
body.template-cart #site-usps {
  margin-top: 40px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
  body.template-cart #site-usps {
    margin-top: 135px;
    margin-bottom: 120px;
  }
}

/* ==========================================================================
#Continue Shopping
========================================================================== */
.continue-shopping {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 16px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 991px) {
  .continue-shopping {
    width: 100%;
    justify-content: center;
    margin-top: 30px;
  }
}
.continue-shopping .icon {
  display: block;
  width: 15px;
  height: auto;
  margin-right: 16px;
}

.account-wrapper {
  padding: 0 15px;
}
.account-wrapper.login-wrapper {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .account-wrapper.login-wrapper {
    padding-bottom: 245px;
  }
}
@media only screen and (min-width: 768px) {
  .account-wrapper.login-wrapper {
    padding-top: 70px;
    padding-bottom: 240px;
  }
}
.account-wrapper.login-wrapper::after {
  content: "";
  background-image: url("Star_Asset_Blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: absolute;
  bottom: -300px;
  left: -300px;
  width: 558px;
  height: 558px;
  display: block;
  z-index: -1;
}
@media only screen and (min-width: 992px) {
  .account-wrapper.login-wrapper::after {
    width: 1167px;
    height: 1167px;
    top: 0px;
    bottom: auto;
    left: -450px;
  }
}
@media only screen and (max-width: 767px) {
  .account-wrapper.register-wrapper {
    padding-bottom: 129px;
  }
}
@media only screen and (min-width: 768px) {
  .account-wrapper.register-wrapper {
    padding-top: 20px;
    padding-bottom: 196px;
  }
}
.account-wrapper .inner-form-wrapper {
  max-width: 400px;
  margin: 0 auto;
}
.account-wrapper h1, .account-wrapper h2 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 35px;
  width: 100%;
  text-align: center;
  font-family: "ArizonaMix", serif;
  font-weight: 400;
}
.account-wrapper .button-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.account-wrapper .button-wrapper a {
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
  color: #000000;
  text-decoration: none;
  font-family: "GTAmericaStandard", serif;
}
.account-wrapper .button-wrapper a:hover {
  text-decoration: underline;
}
.account-wrapper .button-wrapper .btn, .account-wrapper .button-wrapper body.template-password button[type=submit], body.template-password .account-wrapper .button-wrapper button[type=submit], .account-wrapper .button-wrapper .shopify-challenge__button, .account-wrapper .button-wrapper .showcase-button {
  min-width: 160px;
}
@media only screen and (min-width: 768px) {
  .account-wrapper .button-wrapper .btn, .account-wrapper .button-wrapper body.template-password button[type=submit], body.template-password .account-wrapper .button-wrapper button[type=submit], .account-wrapper .button-wrapper .shopify-challenge__button, .account-wrapper .button-wrapper .showcase-button {
    margin-bottom: 20px;
  }
}
.account-wrapper #RecoverPasswordForm h1 {
  margin-bottom: 1rem;
}
.account-wrapper #RecoverPasswordForm .success-message {
  font-size: 14px;
  line-height: 18px;
  margin-top: 20px;
  text-align: center;
  color: #000000;
}
.account-wrapper #guestAccount {
  margin-top: 50px;
}
.account-wrapper #activateAccount h1 {
  margin-bottom: 1rem;
}
.account-wrapper #activateAccount .button-wrapper .btn, .account-wrapper #activateAccount .button-wrapper body.template-password button[type=submit], body.template-password .account-wrapper #activateAccount .button-wrapper button[type=submit], .account-wrapper #activateAccount .button-wrapper .shopify-challenge__button, .account-wrapper #activateAccount .button-wrapper .showcase-button {
  margin: 0px;
}
.account-wrapper #activateAccount .button-wrapper .btn + .btn, .account-wrapper #activateAccount .button-wrapper body.template-password .btn + .btn, .account-wrapper #activateAccount .button-wrapper body.template-password .shopify-challenge__button + .btn, .account-wrapper #activateAccount .button-wrapper body.template-password .showcase-button + .btn, .account-wrapper #activateAccount .button-wrapper body.template-password button[type=submit] + .btn, body.template-password .account-wrapper #activateAccount .button-wrapper button[type=submit] + .btn, .account-wrapper #activateAccount .button-wrapper body.template-password .btn + .shopify-challenge__button, .account-wrapper #activateAccount .button-wrapper body.template-password .shopify-challenge__button + .shopify-challenge__button, .account-wrapper #activateAccount .button-wrapper body.template-password .showcase-button + .shopify-challenge__button, .account-wrapper #activateAccount .button-wrapper body.template-password button[type=submit] + .shopify-challenge__button, body.template-password .account-wrapper #activateAccount .button-wrapper button[type=submit] + .shopify-challenge__button, .account-wrapper #activateAccount .button-wrapper body.template-password .btn + .showcase-button, .account-wrapper #activateAccount .button-wrapper body.template-password .shopify-challenge__button + .showcase-button, .account-wrapper #activateAccount .button-wrapper body.template-password .showcase-button + .showcase-button, .account-wrapper #activateAccount .button-wrapper body.template-password button[type=submit] + .showcase-button, body.template-password .account-wrapper #activateAccount .button-wrapper button[type=submit] + .showcase-button, .account-wrapper #activateAccount .button-wrapper body.template-password .btn + button[type=submit], body.template-password .account-wrapper #activateAccount .button-wrapper .btn + button[type=submit], .account-wrapper #activateAccount .button-wrapper body.template-password .shopify-challenge__button + button[type=submit], body.template-password .account-wrapper #activateAccount .button-wrapper .shopify-challenge__button + button[type=submit], .account-wrapper #activateAccount .button-wrapper body.template-password .showcase-button + button[type=submit], body.template-password .account-wrapper #activateAccount .button-wrapper .showcase-button + button[type=submit], .account-wrapper #activateAccount .button-wrapper body.template-password button[type=submit] + button[type=submit], body.template-password .account-wrapper #activateAccount .button-wrapper button[type=submit] + button[type=submit], .account-wrapper #activateAccount .button-wrapper .shopify-challenge__button + .btn, .account-wrapper #activateAccount .button-wrapper .showcase-button + .btn, .account-wrapper #activateAccount .button-wrapper .btn + .shopify-challenge__button, .account-wrapper #activateAccount .button-wrapper .shopify-challenge__button + .shopify-challenge__button, .account-wrapper #activateAccount .button-wrapper .showcase-button + .shopify-challenge__button, .account-wrapper #activateAccount .button-wrapper .btn + .showcase-button, .account-wrapper #activateAccount .button-wrapper .shopify-challenge__button + .showcase-button, .account-wrapper #activateAccount .button-wrapper .showcase-button + .showcase-button {
  margin-top: 10px;
}
.account-wrapper #resetPassword h1 {
  margin-bottom: 1rem;
}
.account-wrapper #resetPassword .reset-text {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  text-align: center;
}

.form-error {
  border: 1px solid red;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: red;
  max-width: 500px;
  margin: 20px auto 0;
}
.form-error .title {
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0.71px;
  font-weight: 400;
  color: inherit;
  margin-bottom: 5px;
}
.form-error .message {
  color: inherit;
  font-size: 12px;
  line-height: 15px;
  font-weight: 300;
}
.form-error .message * {
  color: inherit;
  font-size: 12px;
  line-height: 15px;
  font-weight: 300;
}

.form-group {
  margin-bottom: 20px;
}
.form-group label {
  display: none;
}
.form-group input, .form-group select {
  border: 1px solid #EBEBEB;
  padding: 0 10px;
  height: 40px;
  font-size: 12px;
  box-shadow: none !important;
  font-family: "GTAmericaStandard", serif;
  font-weight: 500;
  color: #000000;
  border-radius: 0px;
}
.form-group input::placeholder, .form-group select::placeholder {
  color: #000000;
}
.form-group input.input-error, .form-group select.input-error {
  border-color: red;
  color: red;
}
.form-group input.input-error::placeholder, .form-group select.input-error::placeholder {
  color: red;
}
.form-group select {
  font-size: 12px;
  color: #000000;
  font-weight: 400;
  padding: 0 14px;
  box-shadow: none !important;
  border: 1px solid #EBEBEB;
}
.form-group select::placeholder {
  color: #000000;
}
.form-group textarea {
  border: 1px solid #EBEBEB;
  box-shadow: none;
  padding: 15px;
  height: 40px;
  font-size: 12px;
  box-shadow: none !important;
}
.form-group textarea::placeholder {
  color: #000000;
}
.form-group textarea.input-error {
  border-color: red;
  color: red;
}
.form-group textarea.input-error::placeholder {
  color: red;
}

select[name="address[province]"] {
  margin-bottom: 20px;
  border: 1px solid #EBEBEB;
  box-shadow: none;
  height: 40px;
  font-size: 12px;
  color: #000000;
  font-weight: 400;
  padding: 0 14px;
}

#AddressProvinceContainerNew select {
  margin-bottom: 0px;
}

.shopify-challenge__container {
  margin: 40px auto !important;
}
@media only screen and (min-width: 768px) {
  .shopify-challenge__container {
    margin: 80px auto !important;
  }
}
.shopify-challenge__container .shopify-challenge__message {
  font-size: 14px;
  line-height: 18px;
}

.checkbox-input input {
  display: none;
}
.checkbox-input input:checked + label:after {
  opacity: 0;
}
.checkbox-input label {
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  padding-left: 32px;
  font-weight: 300;
  display: block;
  margin-bottom: 0px;
  cursor: pointer;
  position: relative;
}
.checkbox-input label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  background: #fff;
  border: 1px solid #000;
  left: 0;
  top: 2px;
}
.checkbox-input label:after {
  content: "";
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 6px;
  left: 9px;
  transform: rotate(45deg);
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  opacity: 1;
}

.account-outer-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 80px;
  }
}
.account-outer-wrapper h1 {
  width: 100%;
  font-size: 28px;
  line-height: 36px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 10px;
  padding: 0 15px;
}
.account-outer-wrapper .log-out {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-weight: 400;
  margin: 0 auto 25px;
  color: #000000;
  text-decoration: none;
  width: auto;
  padding: 0 15px;
}
.account-outer-wrapper .log-out:hover {
  text-decoration: underline;
}
.account-outer-wrapper .account-main {
  width: 100%;
  border-top: 1px solid #000000;
  padding: 20px 15px;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper .account-main {
    padding: 40px 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .account-outer-wrapper .account-main {
    padding: 40px 100px;
  }
}
.account-outer-wrapper .account-main .account-sidebar {
  width: 100%;
}
.account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation {
    justify-content: flex-start;
    padding-bottom: 30px;
    border-bottom: 1px solid #000000;
    margin-bottom: 30px;
  }
}
.account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation li {
  width: 32%;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation li {
    width: auto;
    min-width: 120px;
  }
  .account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation li + li {
    margin-left: 10px;
  }
}
.account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation li a {
  width: 100% !important;
  height: 40px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation li a.btn-account, .account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation li a.shopify-challenge__button {
  color: #2E3192 !important;
}
.account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation li a.btn-account:hover, .account-outer-wrapper .account-main .account-sidebar .account-sidebar-navigation li a.shopify-challenge__button:hover {
  color: #fff !important;
}
.account-outer-wrapper .account-main .address-container.active {
  display: none;
}
.account-outer-wrapper .account-main .default-address-wrapper {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000000;
}
.account-outer-wrapper .account-main .address-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper .account-main .address-wrapper {
    flex-direction: row;
    margin-left: -10px;
  }
}
.account-outer-wrapper .account-main .customer-address {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper .account-main .customer-address {
    width: 25%;
    align-self: flex-end;
    padding: 0 10px;
  }
}
.account-outer-wrapper .account-main .customer-address.default-address {
  margin: 0px;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper .account-main .customer-address.default-address {
    padding: 0px;
  }
}
.account-outer-wrapper .account-main .customer-address.default-address .button-wrapper form {
  display: none;
}
.account-outer-wrapper .account-main .customer-address:nth-of-type(1) .title {
  display: block !important;
}
.account-outer-wrapper .account-main .customer-address .address-block .title {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
  font-family: "ArizonaMix", serif;
  color: #000000;
  display: none;
}
.account-outer-wrapper .account-main .customer-address .address-block .address {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.account-outer-wrapper .account-main .customer-address .address-block .address * {
  font-size: 14px;
  line-height: 18px;
  margin: 0px;
  color: #000000;
}
.account-outer-wrapper .account-main .customer-address .button-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.account-outer-wrapper .account-main .customer-address .button-wrapper .btn, .account-outer-wrapper .account-main .customer-address .button-wrapper body.template-password button[type=submit], body.template-password .account-outer-wrapper .account-main .customer-address .button-wrapper button[type=submit], .account-outer-wrapper .account-main .customer-address .button-wrapper .shopify-challenge__button, .account-outer-wrapper .account-main .customer-address .button-wrapper .showcase-button {
  padding: 0 10px !important;
  font-weight: 400 !important;
  height: 40px;
  border-color: rgba(77, 79, 80, 0.5);
  color: #000000;
  border-width: 1px;
}
.account-outer-wrapper .account-main .customer-address .button-wrapper .btn:hover, .account-outer-wrapper .account-main .customer-address .button-wrapper body.template-password button[type=submit]:hover, body.template-password .account-outer-wrapper .account-main .customer-address .button-wrapper button[type=submit]:hover, .account-outer-wrapper .account-main .customer-address .button-wrapper .shopify-challenge__button:hover, .account-outer-wrapper .account-main .customer-address .button-wrapper .showcase-button:hover {
  background-color: #000000;
  color: #fff;
  border-color: #000000;
}
.account-outer-wrapper .account-main .customer-address .button-wrapper .btn-secondary {
  width: 49% !important;
}
.account-outer-wrapper .account-main .customer-address .button-wrapper form {
  width: 100%;
  margin-top: 10px;
}
.account-outer-wrapper .account-main .customer-address .button-wrapper form input {
  display: none;
}
.account-outer-wrapper .account-main .customer-address .button-wrapper form .btn, .account-outer-wrapper .account-main .customer-address .button-wrapper form body.template-password button[type=submit], body.template-password .account-outer-wrapper .account-main .customer-address .button-wrapper form button[type=submit], .account-outer-wrapper .account-main .customer-address .button-wrapper form .shopify-challenge__button, .account-outer-wrapper .account-main .customer-address .button-wrapper form .showcase-button {
  width: 100% !important;
}
.account-outer-wrapper .account-main .address-new-toggle {
  padding: 0 10px !important;
  font-weight: 400 !important;
  height: 40px;
  border-color: rgba(77, 79, 80, 0.5);
  color: #000000;
  border-width: 1px;
  width: 100% !important;
}
.account-outer-wrapper .account-main .address-new-toggle:hover {
  background-color: #000000;
  color: #fff;
  border-color: #000000;
}
@media only screen and (min-width: 768px) {
  .account-outer-wrapper .account-main .address-new-toggle {
    width: 100% !important;
    max-width: calc(25% - 17.5px);
  }
}
.account-outer-wrapper .account-main .new-address-wrapper, .account-outer-wrapper .account-main .edit-address-wrapper {
  display: none;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper .account-main .new-address-wrapper, .account-outer-wrapper .account-main .edit-address-wrapper {
    max-width: 400px;
  }
}
.account-outer-wrapper .account-main .new-address-wrapper.active, .account-outer-wrapper .account-main .edit-address-wrapper.active {
  display: block;
}
.account-outer-wrapper .account-main .new-address-wrapper .title, .account-outer-wrapper .account-main .edit-address-wrapper .title {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
  color: #000000;
}
.account-outer-wrapper .account-main .new-address-wrapper .set-default input, .account-outer-wrapper .account-main .edit-address-wrapper .set-default input {
  display: none;
}
.account-outer-wrapper .account-main .new-address-wrapper .set-default input:checked + span:after, .account-outer-wrapper .account-main .edit-address-wrapper .set-default input:checked + span:after {
  opacity: 1;
}
.account-outer-wrapper .account-main .new-address-wrapper .set-default label, .account-outer-wrapper .account-main .edit-address-wrapper .set-default label {
  display: block;
}
.account-outer-wrapper .account-main .new-address-wrapper .set-default span, .account-outer-wrapper .account-main .edit-address-wrapper .set-default span {
  font-size: 12px;
  line-height: 22px;
  text-align: left;
  padding-left: 32px;
  font-weight: 300;
  display: block;
  margin-bottom: 0px;
  cursor: pointer;
  position: relative;
}
.account-outer-wrapper .account-main .new-address-wrapper .set-default span:before, .account-outer-wrapper .account-main .edit-address-wrapper .set-default span:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  background: #fff;
  border: 1px solid #000000;
  left: 0;
  top: 0px;
}
.account-outer-wrapper .account-main .new-address-wrapper .set-default span:after, .account-outer-wrapper .account-main .edit-address-wrapper .set-default span:after {
  content: "";
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 9px;
  transform: rotate(45deg);
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  opacity: 0;
}
.account-outer-wrapper .account-main .new-address-wrapper .button-wrapper, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .address-new-toggle-back, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .cancel__edit, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .btn, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper body.template-password button[type=submit], body.template-password .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper button[type=submit], .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .shopify-challenge__button, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .showcase-button, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .address-new-toggle-back, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .cancel__edit, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .btn, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper body.template-password button[type=submit], body.template-password .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper button[type=submit], .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .shopify-challenge__button, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .showcase-button {
  width: 48% !important;
  padding: 0 10px !important;
  font-weight: 400 !important;
  height: 40px;
  border-color: rgba(77, 79, 80, 0.5);
  color: #000000;
  border-width: 1px;
}
.account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .address-new-toggle-back:hover, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .cancel__edit:hover, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .btn:hover, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper body.template-password button[type=submit]:hover, body.template-password .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper button[type=submit]:hover, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .shopify-challenge__button:hover, .account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .showcase-button:hover, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .address-new-toggle-back:hover, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .cancel__edit:hover, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .btn:hover, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper body.template-password button[type=submit]:hover, body.template-password .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper button[type=submit]:hover, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .shopify-challenge__button:hover, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .showcase-button:hover {
  background-color: #000000;
  color: #fff;
  border-color: #000000;
}
.account-outer-wrapper .account-main .new-address-wrapper .button-wrapper .small-text, .account-outer-wrapper .account-main .edit-address-wrapper .button-wrapper .small-text {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 10px;
  text-align: left;
  color: #000000;
}
.account-outer-wrapper .account-main .address-search-wrapper {
  display: none;
}
@media only screen and (min-width: 992px) {
  .account-outer-wrapper .account-main .address-search-wrapper {
    max-width: 500px;
  }
}
.account-outer-wrapper .account-main .address-search-wrapper.active {
  display: block;
}
.account-outer-wrapper .account-main .address-search-wrapper .title {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
  color: #000000;
}

.order-content .title {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
  text-align: center;
  font-family: "ArizonaMix", serif;
  color: #000000;
}
@media only screen and (min-width: 992px) {
  .order-content .title {
    text-align: left;
  }
}
.order-content p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 30px;
  width: 100%;
  color: #000000;
}

.account-orders-body {
  display: flex;
  flex-direction: column;
}
.account-orders-body .account-orders-row {
  border-top: 1px solid #000000;
  padding: 25px 0 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.account-orders-body .account-orders-row:last-of-type {
  border-bottom: 1px solid #000000;
}
@media only screen and (min-width: 992px) {
  .account-orders-body .account-orders-row {
    padding: 20px 0;
  }
}
.account-orders-body .account-orders-row .item {
  text-transform: capitalize;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  color: #000000;
}
@media only screen and (min-width: 992px) {
  .account-orders-body .account-orders-row .item {
    width: 25%;
    text-align: left;
    flex-direction: column;
  }
}
.account-orders-body .account-orders-row .item:before {
  display: block;
  content: attr(data-column);
  font-size: 14px;
  line-height: 20px;
  font-family: "ArizonaMix", serif;
  color: #000000;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) {
  .account-orders-body .account-orders-row .item:before {
    margin-bottom: 20px;
  }
}
.account-orders-body .account-orders-row .item button {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  background: transparent;
  border: 0px;
  width: auto;
  padding: 0px;
  text-align: left;
  height: auto;
  margin-bottom: 5px;
  text-decoration: underline;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .account-orders-body .account-orders-row .item button {
    margin-bottom: 0px;
  }
}
.account-orders-body .account-orders-row .item button:focus {
  outline: 0px;
}
.account-orders-body .account-orders-row .order-details-wrapper {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.account-orders-body .account-orders-row .order-details-wrapper.active {
  display: flex;
}
.account-orders-body .account-orders-row .item-extras-shipping-address, .account-orders-body .account-orders-row .item-extras-billing-address {
  flex-direction: column;
}

.item-extras {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .item-extras {
    flex-direction: row;
    margin-top: 40px;
  }
}
.item-extras .item {
  text-transform: capitalize;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  color: #000000;
}
@media only screen and (min-width: 992px) {
  .item-extras .item {
    width: 25%;
    text-align: left;
    flex-direction: column;
  }
}
@media only screen and (max-width: 991px) {
  .item-extras .item {
    margin-top: 20px;
  }
}
.item-extras .item:before {
  display: block;
  content: attr(data-column);
  font-size: 14px;
  line-height: 20px;
  font-family: "ArizonaMix", serif;
  color: #000000;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) {
  .item-extras .item:before {
    margin-bottom: 20px;
  }
}
.item-extras .item p {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  margin: 0px;
}
@media only screen and (max-width: 991px) {
  .item-extras .item p {
    text-align: left;
  }
}

.order-products {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media only screen and (min-width: 576px) {
  .order-products {
    margin-top: 30px;
    justify-content: flex-start;
    margin-left: -7.5px;
  }
}
.order-products .account-order-product {
  width: calc(50% - 7.5px);
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  .order-products .account-order-product {
    width: 25%;
    padding: 0 7.5px;
  }
}
.order-products .account-order-product .title {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  line-height: 18px;
  margin-top: 7px;
}
.order-products .account-order-product .option {
  font-size: 12px;
  line-height: 16px;
  margin-top: 7px;
  color: #888B8D;
}
.order-products .account-order-product .price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 14px;
  line-height: 20px;
  margin-top: 7px;
  font-family: "ArizonaMix", serif;
  color: #2E3192;
}
.order-products .account-order-product .price .product-price-original {
  text-decoration: line-through;
  margin-right: 5px;
  font-family: "ArizonaMix", serif;
}

.order-details .item {
  text-transform: capitalize;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  padding: 0px 0px 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.order-details .item:before {
  display: block;
  content: attr(data-column);
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
}
.order-details .item a {
  color: #000;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.order-details .item p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  text-align: right;
  margin: 0px;
}

/* Table of Contents
==================================================

    #Blog Listing Header
    #Blog Container
    #Blog Tags
    #Blog Listing Container
    #Blog Listing
    #Careers Content

==================================================
*/
/* ==========================================================================
#Blog Listing Header
========================================================================== */
@media only screen and (min-width: 992px) {
  .template-blog #MainContent .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
  }
  .template-blog .page-header {
    align-items: center;
    display: flex;
    height: 624px;
  }
}
.template-blog .breadcrumbs {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.template-blog #MainContent {
  position: relative;
}

.template-blog .breadcrumbs {
  top: 30px;
}

@media only screen and (min-width: 992px) {
  .template-blog .breadcrumbs {
    top: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .template-blog .breadcrumbs {
    top: 0;
  }
}
.blog-header {
  margin-bottom: 30px;
}
.blog-header .blog-title {
  background: #2E3192;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blog-header .blog-location {
  margin-top: 15px;
  margin-bottom: -15px;
}

/* ==========================================================================
#Blog Container
========================================================================== */
.blog-container {
  max-width: 1240px;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 3rem;
  margin-top: 3rem;
  margin-right: auto;
  margin-left: auto;
}
.blog-container .intro-content {
  max-width: 790px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.blog-container .article-detail {
  overflow: hidden;
}

/* ==========================================================================
#Blog Tags
========================================================================== */
.blog-tags {
  display: block;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.blog-tags .blog-tag-children {
  display: none;
}
.blog-tags .blog-tag-children.active {
  display: block;
}
@media only screen and (min-width: 992px) {
  .blog-tags .blog-tag-children {
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  .blog-tags .blog-tag-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    color: #000;
    text-decoration: none;
  }
}
@media only screen and (min-width: 992px) {
  .blog-tags .blog-tag-link {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    text-decoration: none;
    color: #000;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    margin-bottom: 15px;
  }
  .blog-tags .blog-tag-link + .blog-tag-link {
    margin-left: 30px;
  }
  .blog-tags .blog-tag-link:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #2E3192;
    transition: all 0.35s ease;
    content: "";
  }
}
.blog-tags .blog-tag-link.active {
  font-weight: 600;
}
.blog-tags .blog-tag-link.active:after {
  width: 100%;
}
.blog-tags .blog-tag-link:hover:after {
  width: 100%;
}

.blog-menu {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .blog-menu {
    display: none;
  }
}
.blog-menu .blog-menu-title {
  margin-left: 25px;
}
.blog-menu span {
  display: block;
}
.blog-menu:hover .menu-burger {
  background-color: #2E3192;
}
.blog-menu:hover .menu-burger:before, .blog-menu:hover .menu-burger:after {
  background-color: #2E3192;
}
.blog-menu.active .menu-burger {
  background-color: rgba(0, 0, 0, 0);
  z-index: 101;
}
.blog-menu.active .menu-burger:before, .blog-menu.active .menu-burger:after {
  background-color: #000;
}
.blog-menu.active .menu-burger:before {
  top: 0px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.blog-menu.active .menu-burger:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.blog-menu .menu-burger {
  position: absolute;
  background-color: #000;
  width: 15px;
  height: 1px;
  top: calc(50% - 1px);
  right: auto;
  left: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-menu .menu-burger:before, .blog-menu .menu-burger:after {
  position: absolute;
  display: block;
  background-color: #000;
  width: 15px;
  height: 1px;
  content: "";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-menu .menu-burger:before {
  top: 6px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.blog-menu .menu-burger:after {
  bottom: 6px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

/* ==========================================================================
#Blog Listing Container
========================================================================== */
.blog-listing-container {
  display: grid;
  grid-template-columns: 100%;
  gap: 30px;
}
@media only screen and (min-width: 576px) {
  .blog-listing-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .blog-listing-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ==========================================================================
#Blog Listing
========================================================================== */
.blog-listing .article-link {
  text-decoration: none;
}
.blog-listing .blog-listing-image {
  margin-bottom: 15px;
}
.blog-listing .blog-listing-image img {
  height: 100%;
  max-height: 300px;
  object-fit: cover;
}
.blog-listing .blog-listing-tags {
  list-style: none;
  padding: 0;
  margin: 0 0 5px;
}
.blog-listing .blog-listing-tags li {
  display: inline-block;
  color: #606F80;
  opacity: 0.8;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.blog-listing header h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 5px;
}
.blog-listing .excerpt.rte {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #000000;
  margin-bottom: 1rem;
}
.blog-listing .excerpt.rte * {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  color: #000000;
}
.blog-listing .published.rte {
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 400;
  color: #000000;
  margin: 1.5rem 0;
}
.blog-listing .published.rte * {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  color: #000000;
}

/* ==========================================================================
#Careers Content
========================================================================== */
@media only screen and (max-width: 1200px) {
  .template-blog .breadcrumbs.careers {
    top: 50px;
  }
}

#shopify-section-careers-hero .hero-overlay {
  background: linear-gradient(0deg, #f6f6f6 0%, rgba(2, 0, 36, 0) 50%);
  right: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #shopify-section-careers-hero .hero-overlay {
    background: linear-gradient(90deg, #f6f6f6 0%, rgba(2, 0, 36, 0) 50%);
  }
}
#shopify-section-careers-hero .hero-content {
  justify-content: end !important;
}
@media only screen and (min-width: 768px) {
  #shopify-section-careers-hero .hero-content {
    justify-content: center;
  }
}
#shopify-section-careers-hero .hero-content .btn-hero-white {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #shopify-section-careers-hero .hero-content .btn-hero-white {
    width: auto;
  }
}

.careers-content {
  display: flex;
  flex-wrap: wrap;
  margin: 3rem auto;
}
@media only screen and (min-width: 1200px) {
  .careers-content {
    align-items: center;
    max-width: 85%;
  }
}
@media only screen and (min-width: 1200px) {
  .careers-content > div {
    flex-grow: 1;
    width: 33%;
  }
}
.careers-content > div strong:first-of-type {
  line-height: 1.2;
  color: #2E3192;
  font-family: "ArizonaMix", serif !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 16px;
  font-size: 1rem;
}
.careers-content > div .title {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 1rem;
  color: #2E3192;
  font-family: "ArizonaMix", serif;
  font-weight: 300;
  padding: 0 15px;
}
@media only screen and (min-width: 1200px) {
  .careers-content > div .title {
    padding: 0px;
  }
}
.careers-content > div .description {
  color: #000000;
  text-align: left;
  padding: 0 15px;
}
@media only screen and (min-width: 1200px) {
  .careers-content > div .description {
    padding: 0px;
  }
}
.careers-content > div .description * {
  color: #000000;
}
.careers-content > div .description a {
  text-decoration: none;
}
.careers-content > div .description a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1200px) {
  .careers-content .centre-block {
    width: 100%;
  }
}
.careers-content .centre-block .mobile-image {
  margin: 1rem 0 2rem 0;
}
@media only screen and (min-width: 1200px) {
  .careers-content .centre-block .mobile-image {
    display: none;
  }
}
.careers-content .centre-block .mobile-image img {
  max-width: none;
  width: 100%;
}
.careers-content .centre-block .inner-image-wrapper {
  padding-top: 100%;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .careers-content .centre-block .inner-image-wrapper {
    display: none;
  }
}
.careers-content .centre-block .inner-image-wrapper > * {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  max-width: 100%;
}
@media only screen and (min-width: 1200px) {
  .careers-content .left-block {
    padding-right: 5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .careers-content .right-block {
    padding-left: 5rem;
  }
}

/* Table of Contents
==================================================

    #Article Detail - Header
    #Article Detail - Content
    #Article Detail - Components 
    #Job Detail

==================================================
*/
/* ==========================================================================
#Article Detail - Header
========================================================================== */
.template-article .blog-tags {
  margin-top: 30px;
}

.row.date {
  margin-top: -1.5rem !important;
}

.template-article header.blog-header {
  background-position-y: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-x: right;
}
.template-article header.blog-header .container-fluid {
  max-width: 820px;
}
.template-article header.blog-header h1 {
  text-transform: uppercase;
  font-weight: 300;
}

.template-article .article-detail header {
  text-align: left;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .template-article .article-detail header {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.template-article .article-detail header h1 {
  font-weight: 600;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.4;
  color: #000;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) {
  .template-article .article-detail header h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.template-article .article-detail header .article-tags {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.template-article .article-detail header .article-tags li {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #606F80;
  opacity: 0.8;
}
.template-article .article-detail header time {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
}

/* ==========================================================================
#Article Detail - Content
========================================================================== */
.template-article .article-detail .rte {
  color: #000 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}
.template-article .article-detail .rte p, .template-article .article-detail .rte span, .template-article .article-detail .rte a, .template-article .article-detail .rte li, .template-article .article-detail .rte div {
  color: #000 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}
.template-article .article-detail .rte img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
#Article Detail - Components 
========================================================================== */
.template-article .article-detail .column-group {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
  .template-article .article-detail .column-group {
    gap: 32px;
  }
}
@media only screen and (min-width: 576px) {
  .template-article .article-detail .column-group.four {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  .template-article .article-detail .column-group.four {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 576px) {
  .template-article .article-detail .column-group.three {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 576px) {
  .template-article .article-detail .column-group.two {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 576px) {
  .template-article .article-detail .column-group .column {
    padding-bottom: 15px;
  }
}
.template-article .article-detail .column-group .column img {
  display: Block;
  margin-bottom: 15px;
}
.template-article .article-detail .column-group .column h2, .template-article .article-detail .column-group .column h3, .template-article .article-detail .column-group .column h4, .template-article .article-detail .column-group .column h5, .template-article .article-detail .column-group .column h6 {
  margin-bottom: 15px;
}

/* ==========================================================================
#Job Detail
========================================================================== */
.page-header-page.careers .page-title {
  text-transform: none !important;
  font-weight: inherit;
}
.page-header-page.careers .blog-location {
  margin-top: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.template-article .article-detail.job-article .rte {
  color: #000 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.template-article .article-detail.job-article .rte .blog-header {
  margin-bottom: 30px;
}
.template-article .article-detail.job-article .rte h1 {
  margin-top: 3rem;
  font-size: 3rem !important;
}

.template-article .article-detail.job-article .rte h2 {
  margin-top: 3rem;
  color: #000000 !important;
  font-size: 1.75rem !important;
}
.template-article .article-detail.job-article .rte h3 {
  margin-top: 3rem;
  font-size: 1.25rem !important;
}
.template-article .article-detail.job-article .rte h4 {
  margin-top: 3rem;
  font-size: 1rem !important;
}
@media only screen and (max-width: 767px) {
  .template-article .article-detail.job-article .rte h2 {
    text-align: center !important;
  }
}
.template-article .article-detail.job-article .rte p, .template-article .article-detail.job-article .rte span, .template-article .article-detail.job-article .rte a, .template-article .article-detail.job-article .rte li, .template-article .article-detail.job-article .rte div {
  color: #000000 !important;
  line-height: 1.5 !important;
}
.template-article .article-detail.job-article .rte a {
  text-decoration: none;
}
.template-article .article-detail.job-article .rte a:hover {
  text-decoration: underline;
}
.template-article .article-detail.job-article .rte .applications {
  margin-top: 3rem;
  margin-bottom: 4rem;
}

/* Table of Contents
==================================================

    #Order Details
    #Product Single
    #Order Total

==================================================
*/
/* ==========================================================================
#Order Details
========================================================================== */
.order-details h3 {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .order-details h3 {
    width: 40%;
  }
}
.order-details span {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .order-details span {
    width: 45%;
  }
}

/* ==========================================================================
#Product Single
========================================================================== */
.template-order .product-single .product-title {
  text-align: left;
  padding-bottom: 0.5rem;
}
.template-order .product-single .product-title a {
  text-decoration: none;
}
.template-order .product-single .product-variant {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
}
.template-order .product-single .product-price {
  font-size: 1.125rem;
  font-weight: 300;
  margin-top: 0.3rem;
  letter-spacing: 3px;
}
.template-order .product-single .product-price .product-price-original {
  margin-left: 0.5rem;
}

/* ==========================================================================
#Order Total
========================================================================== */
.order-price-breakdown h3 {
  margin: 0.5rem 0;
  font-weight: 400;
}
.order-price-breakdown .money {
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  letter-spacing: 3px !important;
}

/* Table of Contents
==================================================

    #Contact Us Template
    #Page Container
    #FAQ Template

==================================================
*/
/* ==========================================================================
#Contact Us Template
========================================================================== */
@media only screen and (min-width: 992px) {
  body.template-page .contact-template {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 115px;
  }
}
body.template-page .contact-template #contact-faqs .accordion-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
body.template-page .contact-template #contact-faqs .accordion-title h3 {
  font-size: inherit;
}
@media only screen and (max-width: 991px) {
  body.template-page .contact-template #contact-form {
    margin-top: 60px;
  }
}
body.template-page .contact-template #contact-form label {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
}
body.template-page .contact-template #contact-form input:not([type=checkbox]), body.template-page .contact-template #contact-form textarea, body.template-page .contact-template #contact-form select {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 992px) {
  body.template-page .contact-template #contact-form .form-group-name {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  body.template-page .contact-template #contact-form .form-group-name .form-group {
    width: calc(50% - 8px);
  }
}
body.template-page .contact-template #contact-form .form-group-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body.template-page .contact-template #contact-form .form-group-actions button {
  width: 100% !important;
}
@media only screen and (min-width: 992px) {
  body.template-page .contact-template #contact-form .form-group-actions button {
    width: calc(50% - 8px) !important;
  }
}
body.template-page .contact-template #contact-methods {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  gap: 16px;
  margin-top: 40px;
  width: calc(100% - 16px);
}
@media only screen and (max-width: 991px) {
  body.template-page .contact-template #contact-methods {
    margin-top: 60px;
  }
}
body.template-page .contact-template #contact-methods .contact-method {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(196, 196, 196, 0.1);
  padding: 15px;
}
@media only screen and (min-width: 992px) {
  body.template-page .contact-template #contact-methods .contact-method {
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px;
  }
}
body.template-page .contact-template #contact-methods .contact-method .contact-method-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  body.template-page .contact-template #contact-methods .contact-method .contact-method-icon {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
body.template-page .contact-template #contact-methods .contact-method .contact-method-details {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  body.template-page .contact-template #contact-methods .contact-method .contact-method-details {
    align-items: flex-start;
    width: calc(100% - 40px - 20px);
  }
}
body.template-page .contact-template #contact-methods .contact-method .method-title {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}
body.template-page .contact-template #contact-methods .contact-method .method-action {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 5px;
  text-decoration: none;
}
body.template-page .contact-template #contact-methods .contact-method .method-action:hover {
  text-decoration: underline;
}
body.template-page .contact-template #contact-methods .contact-method .method-text {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #FFC42F;
}
body.template-page .contact-template #contact-methods .contact-method .method-address {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #FFC42F;
}
body.template-page .contact-template #contact-methods .contact-method.post {
  flex-direction: row;
  grid-column: 1/span 2;
}
body.template-page .contact-template #contact-methods .contact-method.post .contact-method-icon {
  margin-right: 20px;
}
body.template-page .contact-template #contact-methods .contact-method.post .contact-method-details {
  align-items: flex-start;
  width: calc(100% - 40px - 20px);
}
body.template-page .contact-template .sub-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 10px;
}

/* ==========================================================================
#Page Container
========================================================================== */
#template-page-order {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: -30px;
}
@media only screen and (min-width: 768px) {
  #template-page-order {
    margin-top: -70px;
  }
}

.page-container {
  max-width: calc(800px + 32px);
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

.main-body-content {
  width: 100%;
}

.main-body-content .column-group {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
  .main-body-content .column-group {
    gap: 32px;
  }
}
@media only screen and (min-width: 576px) {
  .main-body-content .column-group.four {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  .main-body-content .column-group.four {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 576px) {
  .main-body-content .column-group.three {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 576px) {
  .main-body-content .column-group.two {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 576px) {
  .main-body-content .column-group .column {
    padding-bottom: 15px;
  }
}
.main-body-content .column-group .column img {
  display: block;
  margin-bottom: 15px;
  max-width: 100%;
  height: auto;
}
.main-body-content .column-group .column h2, .main-body-content .column-group .column h3, .main-body-content .column-group .column h4, .main-body-content .column-group .column h5, .main-body-content .column-group .column h6 {
  margin-bottom: 15px;
}

.template-page .page-template-section {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .template-page .page-template-section {
    margin-top: 70px;
  }
}

.template-page #split-content {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .template-page #split-content.background-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .template-page #split-content.background-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.template-page #split-content .split-content-item {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 576px) {
  .template-page #split-content .split-content-item {
    flex-direction: row;
  }
}
.template-page #split-content .split-content-item + .split-content-item {
  margin-top: 20px;
}
@media only screen and (min-width: 576px) {
  .template-page #split-content .split-content-item + .split-content-item {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .template-page #split-content .split-content-item + .split-content-item {
    margin-top: 40px;
  }
}
.template-page #split-content .split-content-item .image {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .template-page #split-content .split-content-item .image {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) {
  .template-page #split-content .split-content-item .image {
    width: 360px;
  }
}
.template-page #split-content .split-content-item .content {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .template-page #split-content .split-content-item .content {
    width: 55%;
  }
}
@media only screen and (min-width: 768px) {
  .template-page #split-content .split-content-item .content {
    width: calc(100% - 360px - 50px);
  }
}
.template-page #split-content .split-content-item .content h3 {
  padding: 10px 0;
}
@media only screen and (min-width: 576px) {
  .template-page #split-content .split-content-item.image_content .content {
    margin-left: 5%;
  }
}
@media only screen and (min-width: 768px) {
  .template-page #split-content .split-content-item.image_content .content {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 576px) {
  .template-page #split-content .split-content-item.content_image .image {
    order: 2;
  }
}
@media only screen and (min-width: 576px) {
  .template-page #split-content .split-content-item.content_image .content {
    order: 1;
    margin-right: 5%;
  }
}
@media only screen and (min-width: 768px) {
  .template-page #split-content .split-content-item.content_image .content {
    margin-right: 50px;
  }
}
.template-page #split-content .split-content-item.no-image .content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.template-page #logo-listing {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.template-page #logo-listing .logo-listing-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}
.template-page #logo-listing .logo-listing-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.template-page #logo-listing .logo-listing-container .logo-listing-item .listing-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  height: 100%;
}
.template-page #logo-listing .logo-listing-container .logo-listing-item .listing-link .image {
  max-width: 90px;
}
.template-page #logo-listing .logo-listing-container .logo-listing-item .listing-link .item-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000;
  margin-top: auto;
}
.template-page #logo-listing .logo-listing-container .logo-listing-item + .logo-listing-item {
  margin-left: 35px;
}
@media only screen and (min-width: 992px) {
  .template-page #logo-listing .logo-listing-container .logo-listing-item + .logo-listing-item {
    margin-left: 55px;
  }
}

.page-header-page .breadcrumbs {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.page-header-page #MainContent {
  position: relative;
}

.page-header-page .breadcrumbs {
  top: 20px;
}

@media only screen and (min-width: 992px) {
  .page-header-page .breadcrumbs {
    top: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .page-header-page .breadcrumbs {
    top: 0;
  }
}
#template-page {
  display: flex;
  flex-wrap: wrap;
}
#template-page .page-template-section {
  margin: 0;
}
#template-page .page-template-section h2 {
  font-size: 28px;
  line-height: 36px;
  padding-right: 16px;
  padding-left: 16px;
}
@media only screen and (max-width: 991px) {
  #template-page .page-template-section h2 {
    border-bottom: 1px solid #EBEBEB;
  }
}
@media only screen and (max-width: 767px) {
  #template-page .page-template-section h2 {
    font-size: 23px;
    line-height: 28px;
  }
}
#template-page .page-template-section .page-container {
  max-width: calc(800px + 32px);
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000000;
}
@media only screen and (max-width: 991px) {
  #template-page .page-template-section .page-container {
    margin: 0 auto;
    max-width: 100%;
  }
}
#template-page .page-template-section .page-container :is(h2,h3,h4) {
  padding-left: 0;
  font-family: "GTAmericaStandard", serif!important;
}
#template-page .sidebar-content .side {
  margin: 0 auto;
  padding-right: 16px;
  padding-left: 16px;
  max-width: 300px;
}
@media only screen and (max-width: 991px) {
  #template-page .sidebar-content .side {
    max-width: 100%;
  }
}
#template-page .sidebar-content .side .side-content {
  padding: 29px 40px;
  background: #F6F6F6;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
#template-page .sidebar-content .side .side-content a {
  color: #2E3192;
  line-height: 35px;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "GTAmericaStandard", serif;
}
#template-page .sidebar-content .side .side-content .active {
  position: relative;
}
#template-page .sidebar-content .side .side-content .active::before {
  position: absolute;
  background: url("page-bullet.svg");
  background-size: auto;
  height: 12px;
  content: "";
  width: 12px;
  top: 11px;
  left: -25px;
  background-size: contain;
}
#template-page .sidebar-content .side .side-content .active a {
  font-weight: 500;
}

.page-header-page {
  border-bottom: 1px solid #979797;
  padding-bottom: 30px;
}
.page-header-page h1 {
  font-size: 28px;
  margin-top: 15px;
}
.page-header-page .content {
  padding: 48px 0;
}
@media only screen and (max-width: 767px) {
  .page-header-page .content {
    padding-bottom: 0;
  }
}
.page-header-page .breadcrumbs {
  margin-left: -16px;
}

/* ==========================================================================
#FAQ Template
========================================================================== */
#shopify-section-page-faqs .page-header-page {
  border-bottom: none;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #shopify-section-page-faqs .page-header-page {
    border-bottom: 1px solid #979797;
  }
}
#shopify-section-page-faqs .page-container h2 {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 10px;
}
#shopify-section-page-faqs .page-container .accordion-container .accordion-title {
  padding: 10.5px 0;
  border-top: 1px solid #EBEBEB;
}
#shopify-section-page-faqs .page-container .accordion-container .accordion-title h3 {
  color: #000000;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  font-family: "GTAmericaStandard"!important;
}
#shopify-section-page-faqs .page-container .accordion-container .icon-plusminus {
  margin-right: 10px;
  height: 15px;
}
#shopify-section-page-faqs .page-container .accordion-container .accordion-content p {
  color: #000000;
}

#faq-39-s .rte h2 {
  border: none;
}
#faq-39-s .rte .accordion-container {
  border-top: solid 1px #E3E3E3;
}
#faq-39-s .rte .accordion-container .accordion-item {
  border-bottom: solid 1px #E3E3E3;
}
#faq-39-s .rte .accordion-container .accordion-item h3 {
  font-family: "ArizonaMix", serif;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  margin-bottom: 0;
}
#faq-39-s .rte .accordion-container .accordion-item .icon-plusminus {
  margin-top: -5px;
  width: 8px;
  height: 8px;
}
#faq-39-s .rte .accordion-container .accordion-item .icon-plusminus:before {
  width: 8px;
  height: 8px;
}
#faq-39-s .rte .accordion-container .accordion-item .accordion-content p {
  color: #000000;
  line-height: 1.5 !important;
}

/* Table of Contents
==================================================

    #MainContent
    #Contact Form
    #Social Sharing
    #Button
    #Enter Using Password
    #Login
    #Footer

==================================================
*/
/* ==========================================================================
#MainContent
========================================================================== */
body.template-password #MainContent {
  position: relative;
}
body.template-password #MainContent h2 {
  margin-top: 0;
}

/* ==========================================================================
#Contact Form
========================================================================== */
body.template-password #contact_form {
  margin-bottom: 1rem;
}
body.template-password #contact_form label {
  display: none;
}

/* ==========================================================================
#Social Sharing
========================================================================== */
body.template-password .social-sharing a {
  margin-left: 1rem;
  text-decoration: none;
}

/* ==========================================================================
#Button
========================================================================== */
body.template-password .btn, body.template-password .shopify-challenge__button, body.template-password .showcase-button, body.template-password button[type=submit] {
  margin-top: 1rem;
}

/* ==========================================================================
#Enter Using Password
========================================================================== */
body.template-password a[href^="#Login"] {
  position: fixed;
  top: 1rem;
  right: 1rem;
}

/* ==========================================================================
#Login
========================================================================== */
body.template-password #Login-bg {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
body.template-password #Login-bg.active {
  display: block;
  opacity: 1;
  visibility: visible;
}
body.template-password #Login {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 25%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  width: calc(100% - 30px);
  background-color: #fff;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
body.template-password #Login.active {
  display: block;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 992px) {
  body.template-password #Login {
    width: 40%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 1200px) {
  body.template-password #Login {
    width: 30%;
  }
}
body.template-password #Login h4, body.template-password #Login p {
  text-align: center;
}
body.template-password #login_form {
  text-align: center;
}
body.template-password #login_form label {
  display: none;
}
body.template-password #login_form button[type=submit] {
  margin-bottom: 1.5rem;
}

/* ==========================================================================
#Footer
========================================================================== */
body.template-password footer a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
body.template-password footer svg {
  fill: #000;
  width: 100px;
  margin-left: 0.5rem;
}

.template-about-us .breadcrumbs {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.template-about-us #MainContent {
  position: relative;
}

.template-about-us .breadcrumbs {
  top: 50px;
}

@media only screen and (min-width: 992px) {
  .template-about-us .breadcrumbs {
    top: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .template-about-us .breadcrumbs {
    top: 20px;
  }
}
.about-us-contact {
  padding: 30px 15px;
  background-color: #d9d9d6;
}
@media only screen and (min-width: 992px) {
  .about-us-contact {
    padding: 90px 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .about-us-contact {
    padding: 90px 280px;
  }
}
.about-us-contact .title {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-family: "ArizonaMix", serif;
  color: #000000;
  margin-bottom: 10px;
  font-weight: 500;
}
.about-us-contact .description {
  color: #000000;
  text-align: center;
}
.about-us-contact .description * {
  color: #000000;
  margin: 0px;
}
.about-us-contact .contact-us-options {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .about-us-contact .contact-us-options {
    flex-direction: row;
    justify-content: space-between;
  }
}
.about-us-contact .contact-us-options .contact-option {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .about-us-contact .contact-us-options .contact-option {
    margin-top: 50px;
    width: 30%;
  }
}
.about-us-contact .contact-us-options .contact-option .title {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-family: "ArizonaMix", serif;
  color: #000000;
  margin-bottom: 5px;
  font-weight: 500;
}
.about-us-contact .contact-us-options .contact-option .description {
  color: #000000;
  text-align: center;
  margin-bottom: 5px;
}
.about-us-contact .contact-us-options .contact-option .description * {
  color: #000000;
  margin: 0px;
}
.about-us-contact .contact-us-options .contact-option .description a {
  text-decoration: none;
}
.about-us-contact .contact-us-options .contact-option .description a:hover {
  text-decoration: underline;
}
.about-us-contact .contact-us-options .contact-option .small-text {
  color: #000000;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}
.about-us-contact .contact-us-options .contact-option .small-text * {
  color: #000000;
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
}

.about-us-content {
  display: flex;
  flex-direction: column;
  margin: 40px 0 24px;
}
@media only screen and (min-width: 992px) {
  .about-us-content {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
  }
}
.about-us-content .left-block {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .about-us-content .left-block {
    padding: 0 2rem;
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .about-us-content .left-block {
    padding: 0 100px;
  }
}
.about-us-content .left-block .title {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-family: "GTAmericaStandard", serif;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 20px;
  font-weight: 500;
  padding: 0 15px;
}
@media only screen and (min-width: 992px) {
  .about-us-content .left-block .title {
    padding: 0px;
    font-size: 28px;
    line-height: 36px;
  }
}
.about-us-content .left-block .mobile-image {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .about-us-content .left-block .mobile-image {
    display: none;
  }
}
.about-us-content .left-block .description {
  color: #000000;
  text-align: left;
  padding: 0 15px;
}
@media only screen and (min-width: 992px) {
  .about-us-content .left-block .description {
    padding: 0px;
  }
}
.about-us-content .left-block .description * {
  color: #000000;
}
.about-us-content .left-block .description a {
  text-decoration: none;
}
.about-us-content .left-block .description a:hover {
  text-decoration: underline;
}
.about-us-content .right-block {
  display: none;
}
@media only screen and (min-width: 992px) {
  .about-us-content .right-block {
    width: 50%;
    display: block;
  }
}
.about-us-content .right-block .inner-image-wrapper {
  padding-top: 100%;
  position: relative;
}
.about-us-content .right-block .inner-image-wrapper > * {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  max-width: 100%;
}

.about-us-content-two {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) {
  .about-us-content-two {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f6f6f6;
    max-width: calc(100% - 4rem);
    margin: 0 auto 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .about-us-content-two {
    max-width: calc(100% - 200px);
    margin: 0 auto 80px;
  }
}
.about-us-content-two .left-block {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .about-us-content-two .left-block {
    width: 50%;
  }
}
.about-us-content-two .left-block .inner-image-wrapper {
  padding-top: 100%;
  position: relative;
}
.about-us-content-two .left-block .inner-image-wrapper > * {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  max-width: 100%;
}
.about-us-content-two .left-block .inner-image-wrapper img {
  height: 100%;
}
.about-us-content-two .right-block {
  width: 100%;
  padding: 40px 15px 24px;
}
@media only screen and (min-width: 992px) {
  .about-us-content-two .right-block {
    width: 50%;
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .about-us-content-two .right-block {
    padding: 0 115px;
  }
}
.about-us-content-two .right-block .title {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-family: "ArizonaMix", serif;
  color: #000000;
  margin-bottom: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .about-us-content-two .right-block .title {
    text-align: left;
    font-size: 28px;
    line-height: 36px;
  }
}
.about-us-content-two .right-block .description {
  color: #000000;
  text-align: left;
}
.about-us-content-two .right-block .description * {
  color: #000000;
}
.about-us-content-two .right-block .description a {
  text-decoration: none;
}
.about-us-content-two .right-block .description a:hover {
  text-decoration: underline;
}

.about-us-content-three {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .about-us-content-three {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f1f1f1;
  }
}
.about-us-content-three .left-block {
  width: 100%;
  padding: 40px 0;
}
@media only screen and (max-width: 991px) {
  .about-us-content-three .left-block {
    background-color: #f1f1f1;
  }
}
@media only screen and (min-width: 992px) {
  .about-us-content-three .left-block {
    width: 50%;
    padding: 15px 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .about-us-content-three .left-block {
    padding: 15px 100px;
  }
}
.about-us-content-three .left-block .title {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-family: "ArizonaMix", serif;
  color: #000000;
  margin-bottom: 20px;
  font-weight: 500;
  padding: 0 15px;
}
@media only screen and (min-width: 992px) {
  .about-us-content-three .left-block .title {
    padding: 0px;
    font-size: 28px;
    line-height: 36px;
    text-align: left;
  }
}
.about-us-content-three .left-block .mobile-image {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .about-us-content-three .left-block .mobile-image {
    display: none;
  }
}
.about-us-content-three .left-block .description {
  color: #000000;
  text-align: left;
  padding: 0 15px;
}
@media only screen and (min-width: 992px) {
  .about-us-content-three .left-block .description {
    padding: 0px;
  }
}
.about-us-content-three .left-block .description * {
  color: #000000;
}
.about-us-content-three .left-block .description a {
  text-decoration: none;
}
.about-us-content-three .left-block .description a:hover {
  text-decoration: underline;
}
.about-us-content-three .left-block .subtitle {
  color: #2E3192;
  text-align: left;
  padding: 0 15px;
  font-size: 18px;
  line-height: 24px;
  font-family: "ArizonaMix", serif;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  .about-us-content-three .left-block .subtitle {
    padding: 0px;
  }
}
.about-us-content-three .left-block .subtitle * {
  color: #2E3192;
  font-size: 18px;
  line-height: 24px;
}
.about-us-content-three .left-block .btn, .about-us-content-three .left-block .shopify-challenge__button, .about-us-content-three .left-block .showcase-button, .about-us-content-three .left-block body.template-password button[type=submit], body.template-password .about-us-content-three .left-block button[type=submit] {
  margin-left: 15px;
  min-width: 200px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  color: #2E3192;
}
@media only screen and (min-width: 992px) {
  .about-us-content-three .left-block .btn, .about-us-content-three .left-block .shopify-challenge__button, .about-us-content-three .left-block .showcase-button, .about-us-content-three .left-block body.template-password button[type=submit], body.template-password .about-us-content-three .left-block button[type=submit] {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) {
  .about-us-content-three .right-block {
    width: 50%;
  }
}
.about-us-content-three .right-block .inner-image-wrapper {
  padding-top: 100%;
  position: relative;
}
.about-us-content-three .right-block .inner-image-wrapper > * {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  max-width: 100%;
}

.about-featured-images {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.about-featured-images > .title {
  text-align: center;
  font-size: 28px;
  line-height: 36px;
  font-family: "GTAmericaStandard", serif;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;
  font-weight: 300;
  padding: 0 15px;
}
.about-featured-images > .description {
  color: #000000;
  text-align: center;
  padding: 0 15px;
}
.about-featured-images > .description * {
  color: #000000;
}
.about-featured-images > .description a {
  text-decoration: none;
}
.about-featured-images > .description a:hover {
  text-decoration: underline;
}
.about-featured-images .featured-images-wrapper {
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  .about-featured-images .featured-images-wrapper {
    margin-top: 44px;
  }
}
@media only screen and (min-width: 992px) {
  .about-featured-images .featured-images-wrapper.inline-slick {
    padding-left: 0px;
  }
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-list {
  overflow: visible;
}
@media only screen and (min-width: 992px) {
  .about-featured-images .featured-images-wrapper.inline-slick .slick-list {
    padding: 0 250px;
  }
}
@media only screen and (min-width: 1200px) {
  .about-featured-images .featured-images-wrapper.inline-slick .slick-list {
    padding: 0 450px;
  }
}
.about-featured-images .featured-images-wrapper.inline-slick .featured-image {
  padding: 0 15px 0px;
}
@media only screen and (min-width: 992px) {
  .about-featured-images .featured-images-wrapper.inline-slick .featured-image {
    padding: 0 20px;
  }
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 40px;
  height: 100%;
  background-color: transparent;
  transition: all 0.25s ease;
  background: transparent;
  border: 0px;
  padding: 0px;
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-arrow:focus {
  outline: 0px;
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-arrow.slick-disabled {
  display: none !important;
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-arrow.slick-prev {
  left: 0px;
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-arrow.slick-prev:after {
  content: "";
  display: block;
  position: absolute;
  width: 170px;
  height: 100%;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-arrow.slick-next {
  right: 0px;
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-arrow.slick-next:after {
  content: "";
  display: block;
  position: absolute;
  width: 170px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  z-index: -1;
}
.about-featured-images .featured-images-wrapper.inline-slick .slick-arrow svg {
  width: 11px;
  height: 21px;
  fill: #000000;
}
.about-featured-images .featured-images-wrapper:not(.slick-initialized) {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .about-featured-images .featured-images-wrapper:not(.slick-initialized) {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .about-featured-images .featured-images-wrapper:not(.slick-initialized) {
    padding: 0 170px;
  }
}
.about-featured-images .featured-images-wrapper:not(.slick-initialized) .featured-image {
  width: 100%;
  margin-bottom: 30px;
  padding: 0px;
}
@media only screen and (min-width: 992px) {
  .about-featured-images .featured-images-wrapper:not(.slick-initialized) .featured-image {
    width: calc(50% - 50px);
    margin-bottom: 50px;
  }
}
.about-featured-images .featured-images-wrapper .inner-featured-image {
  padding: 30px 30px 14px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .about-featured-images .featured-images-wrapper .inner-featured-image {
    padding: 30px 50px 64px;
  }
}
.about-featured-images .featured-images-wrapper .inner-featured-image .title {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-family: "GTAmericaStandard", serif;
  color: #000000;
  margin-bottom: 20px;
  font-weight: 300;
}
.about-featured-images .featured-images-wrapper .inner-featured-image .image-wrapper {
  padding-top: 50%;
  position: relative;
  margin-bottom: 20px;
}
.about-featured-images .featured-images-wrapper .inner-featured-image .image-wrapper > * {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  max-width: 100%;
  max-height: 100%;
}
.about-featured-images .featured-images-wrapper .inner-featured-image .description {
  color: #000000;
  text-align: center;
}
.about-featured-images .featured-images-wrapper .inner-featured-image .description * {
  color: #000000;
}
.about-featured-images .featured-images-wrapper .inner-featured-image .description a {
  text-decoration: none;
}
.about-featured-images .featured-images-wrapper .inner-featured-image .description a:hover {
  text-decoration: underline;
}
.about-featured-images .slide-count {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  padding: 0 15px;
}
@media only screen and (min-width: 992px) {
  .about-featured-images .slide-count {
    margin-bottom: 20px;
  }
}
.about-featured-images .btn-account, .about-featured-images .shopify-challenge__button,
.about-featured-images .btn-account-grey {
  color: #2E3192;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px auto 0;
  background: none;
}
.about-featured-images .btn-account:hover, .about-featured-images .shopify-challenge__button:hover,
.about-featured-images .btn-account-grey:hover {
  background: #2E3192;
}
@media only screen and (max-width: 991px) {
  .about-featured-images .btn-account, .about-featured-images .shopify-challenge__button,
.about-featured-images .btn-account-grey {
    margin: 20px auto 0;
  }
}
@media only screen and (min-width: 992px) {
  .about-featured-images .btn-account, .about-featured-images .shopify-challenge__button,
.about-featured-images .btn-account-grey {
    min-width: 280px;
  }
}

#about-our-products .slick-dots,
#ueber-unsere-produkte .slick-dots,
.about-featured-images .slick-dots {
  margin: 50px auto 20px;
  display: flex !important;
}
@media only screen and (min-width: 992px) {
  #about-our-products .slick-dots,
#ueber-unsere-produkte .slick-dots,
.about-featured-images .slick-dots {
    margin: 50px auto 20px;
  }
}
#about-our-products .slide-count,
#ueber-unsere-produkte .slide-count,
.about-featured-images .slide-count {
  color: #000000;
}

#shopify-section-page-review div.breadcrumbs {
  top: 30px;
}

@media only screen and (min-width: 992px) {
  #shopify-section-page-review div.breadcrumbs {
    top: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  #shopify-section-page-review div.breadcrumbs {
    top: 0;
  }
}
.reviews-header-content {
  display: flex;
  align-items: center !important;
  height: 100%;
}

#shopify-section-page-review .blog-header {
  height: 220px;
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .blog-header {
    height: 284px;
    background-position: 93%;
  }
}
#shopify-section-page-review .reviews-page-title {
  text-transform: uppercase;
  font-size: 50px;
  line-height: 1;
  margin-left: 95px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .reviews-page-title {
    text-transform: uppercase;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 30px;
    margin-left: 0;
    margin-bottom: 10px;
  }
}
#shopify-section-page-review .undertitle {
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 19.12px;
  margin-left: 95px;
  font-family: "GTAmericaStandard";
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .undertitle {
    margin-left: 0;
  }
}
#shopify-section-page-review .section-main-reviews-page,
#shopify-section-page-review .company-blocks {
  padding-right: 52px;
  padding-left: 52px;
  max-width: 1544px;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .section-main-reviews-page,
#shopify-section-page-review .company-blocks {
    max-width: 100%;
    padding: 0;
  }
}
#shopify-section-page-review .company-blocks {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 70px;
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .company-blocks {
    padding: 1rem;
  }
}
#shopify-section-page-review .company-block {
  display: flex;
  flex-direction: column;
  max-width: 400px;
}
#shopify-section-page-review .company-block a {
  text-decoration: none;
}
#shopify-section-page-review .company-block img {
  max-width: 100%;
}
#shopify-section-page-review .company-block img.main-image {
  margin-bottom: 20px;
}
#shopify-section-page-review .company-block .company-logo-wrapper {
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .company-block .company-logo-wrapper {
    margin-left: 10px;
  }
}
#shopify-section-page-review .company-block .company-logo-wrapper img {
  height: 30px;
}
#shopify-section-page-review .company-block p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 25px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .company-block p {
    margin-left: 10px;
  }
}
#shopify-section-page-review .company-block .featured-menu-cta {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  color: #000000;
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .company-block .featured-menu-cta {
    margin-left: 10px;
  }
}
#shopify-section-page-review .company-block .featured-menu-cta:hover, #shopify-section-page-review .company-block .featured-menu-cta:active {
  color: #888B8D;
}
#shopify-section-page-review .you-may-also {
  font-size: 28px;
  font-size: 1.75rem;
}
@media only screen and (max-width: 991px) {
  #shopify-section-page-review .you-may-also {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}

/* ==========================================================================
#Sections
========================================================================== */
/* Table of Contents
==================================================

    #Site Header
    #Mobile Navigation Toggle
    #Logo
    #Header Actions
    #Header Account

==================================================
*/
/* ==========================================================================
#Site Header
========================================================================== */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  .site-header {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 1200px) {
  .site-header .container-fluid {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
/* @media only screen and (min-width: 1200px) {
  .site-header {
    padding-bottom: 15px;
  }
} */
.site-header .header__message {
  background-color: #f8f8f8;
  color: #000000;
  font-size: 11px;
  font-size: 0.6875rem;
  text-align: center;
  width: calc(100% + 48px);
  margin: 0 -24px;
  position: relative;
}
.site-header .header__message .container {
  padding: 6px 0;
}
.site-header .header__message .container .slick-arrow {
  display: none !important;
}
.site-header #header-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 1200px) {
  .site-header #header-row {
    padding-top: 25px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .site-header #header-row #header-navigation-desktop.empty + #header-actions-group {
    margin-top: 12px;
  }
}

.template-index .site-header {
  box-shadow: 0 2px 4px 0px rgba(186, 177, 182, 0.15);
}
@media only screen and (min-width: 1200px) {
  .template-index .site-header {
    box-shadow: none;
  }
}

/* ==========================================================================
#Mobile Navigation Toggle
========================================================================== */
#header-nav-toggle {
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 16px;
}
@media only screen and (min-width: 1200px) {
  #header-nav-toggle {
    display: none;
  }
}
#header-nav-toggle span {
  display: block;
}
#header-nav-toggle:hover .menu-burger {
  background-color: #2E3192;
}
#header-nav-toggle:hover .menu-burger:before, #header-nav-toggle:hover .menu-burger:after {
  background-color: #2E3192;
}
#header-nav-toggle.active .menu-burger {
  background-color: rgba(0, 0, 0, 0);
  z-index: 101;
}
#header-nav-toggle.active .menu-burger:before, #header-nav-toggle.active .menu-burger:after {
  background-color: #000;
}
#header-nav-toggle.active .menu-burger:before {
  top: 0px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header-nav-toggle.active .menu-burger:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#header-nav-toggle .menu-burger {
  position: absolute;
  background-color: #000;
  width: 15px;
  height: 1px;
  top: 50%;
  right: auto;
  left: auto;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#header-nav-toggle .menu-burger:before, #header-nav-toggle .menu-burger:after {
  position: absolute;
  display: block;
  background-color: #000;
  width: 15px;
  height: 1px;
  content: "";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#header-nav-toggle .menu-burger:before {
  top: 6px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
#header-nav-toggle .menu-burger:after {
  bottom: 6px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

/* ==========================================================================
#Logo
========================================================================== */
#header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  margin-top: -8px;
}
@media only screen and (min-width: 1200px) {
  #header-logo {
    display: block;
    width: auto;
    flex: 0;
  }
}
#header-logo a {
  display: block;
}
#header-logo svg {
  display: block;
  width: 180px;
  height: auto;
}
@media only screen and (min-width: 1200px) {
  #header-logo svg {
    width: 200px;
    height: auto;
  }
}

/* ==========================================================================
#Header Actions
========================================================================== */
#header-actions-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: auto;
}
#header-actions-group .header-action {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 30px;
}
@media only screen and (min-width: 1200px) {
  #header-actions-group .header-action {
    margin-left: 20px;
  }
}
#header-actions-group .header-action > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 30px;
}
#header-actions-group .header-action:hover svg {
  fill: #2E3192;
}
#header-actions-group svg {
  fill: #000000;
  width: auto;
  height: 21px;
  transition: all 0.35s ease-in-out;
}
#header-actions-group #header-search {
  width: auto;
  height: auto;
  position: relative;
}
#header-actions-group #header-search .icon {
  cursor: pointer;
}
#header-actions-group #header-search #site-search {
  display: none;
}
#header-actions-group #header-search .btn-search-open,
#header-actions-group #header-search .btn-search-close {
  width: 30px !important;
  height: 30px;
}
#header-actions-group #header-bag {
  position: relative;
}
#header-actions-group #header-bag .cart-count {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #000000;
  color: #fff;
  font-size: 8px;
  font-size: 0.5rem;
}
#header-actions-group #header-bag .cart-count.no-items {
  display: none;
}

/* ==========================================================================
#Header Account
========================================================================== */
#header-account {
  display: none !important;
}
@media only screen and (min-width: 1200px) {
  #header-account {
    display: block !important;
  }
}
#header-account.hide {
  display: none !important;
}
#header-account.customer-logged-in {
  height: 60px;
  position: relative;
  display: block !important;
}
#header-account.customer-logged-in:after {
  position: absolute;
  top: 62px;
  left: 0px;
  display: block;
  width: 0%;
  height: 2px;
  background: #2E3192;
  content: "";
  transition: all 0.35s ease;
}
#header-account.customer-logged-in:hover:after {
  width: 100%;
}
#header-account.customer-logged-in:hover .header-account-dropdown {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transform: translateY(0rem);
  transition: transform 0.3s ease, z-index 0.3s ease, opacity 0.65s ease, visibility 0.65s ease;
}
#header-account .header-account-dropdown {
  position: fixed;
  top: 68px;
  right: 16px;
  width: 280px;
  background-color: #fff;
  border: 1px solid #E3E3E3;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-5rem);
  transition: transform 0.5s ease, z-index 0.5s ease, opacity 0.2s ease, visibility 0.2s ease;
}
@media only screen and (min-width: 1200px) {
  #header-account .header-account-dropdown {
    right: 104px;
  }
}
@media only screen and (min-width: 1200px) {
  #header-account .header-account-dropdown {
    right: 52px;
  }
}
#header-account .customer-details,
#header-account .action-link {
  width: 100%;
}
#header-account .customer-details .left-icon,
#header-account .action-link .left-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 72px;
}
#header-account .customer-details .right-content,
#header-account .action-link .right-content {
  width: calc(100% - 72px);
}
#header-account .customer-details svg,
#header-account .action-link svg {
  display: block;
  height: 19px;
  width: auto;
  fill: #000 !important;
}
#header-account .customer-details,
#header-account .action-link > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #121212;
  text-decoration: none;
  padding: 10px 0;
  margin: 5px 0;
}
#header-account .customer-details .right-content {
  display: flex;
  flex-direction: column;
}
#header-account .action-link:hover > a {
  color: #2E3192;
}
#header-account .action-link:hover svg {
  fill: #2E3192 !important;
}
#header-account .customer-name {
  font-weight: 600;
}
#header-account .customer-email {
  font-weight: 500;
  color: #787878;
  font-size: 12px;
  font-size: 0.75rem;
}
#header-account .action-link.sign-out > a {
  border-top: 1px solid #E3E3E3;
  padding-bottom: 16px;
  padding-top: 16px;
  margin-top: 10px;
}
#header-account .customer-details .left-icon .customer-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 25px;
  overflow: hidden;
  background-color: #000;
}
#header-account .customer-details .left-icon svg {
  display: block;
  width: 20px;
  height: auto;
  fill: #fff !important;
}

@media only screen and (max-width: 1200px) {
  .header-basket {
    margin-left: 25%;
  }
}
.header-basket .cart-icon {
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 1200px) {
  .header-basket .cart-count {
    position: absolute;
    bottom: -4px;
    right: -5px;
    display: block;
    width: 15px;
    height: 15px;
    line-height: 18px;
    text-align: center;
    transition: color 0.3s ease-in-out;
    text-align: center;
    border-radius: 50%;
    background-color: #2E3192;
    color: #000000;
    font-size: 10px;
  }
}
.header-basket .cart-count.no-items {
  display: none;
}

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

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

.header__message .currency-locale-selector {
  display: none;
}
@media only screen and (min-width: 992px) {
  .header__message .currency-locale-selector {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    height: 100%;
  }
  .header__message .currency-locale-selector .select-container {
    display: flex;
    padding: 0 1rem;
  }
  .header__message .currency-locale-selector .select-container:first-child {
    border-right: 1px solid #000000;
  }
}

select.locale-selector,
select.currency-selector {
  background: none;
  border: none;
  color: #000000;
  padding: 0;
  height: auto;
  font-size: 0.875rem;
  text-align: center;
  display: flex;
  align-items: center;
  height: 100%;
}

/* Table of Contents
==================================================

    #Header USP

==================================================
*/
/* ==========================================================================
#Header USP
========================================================================== */
#header-usp .container-fluid {
  padding-top: 10px;
  padding-bottom: 10px;
}
#header-usp .header-usp-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
#header-usp .header-usp-list:not(.slick-initialized).blocks-one li:nth-of-type(1n+2) {
  display: none;
}
#header-usp .header-usp-list:not(.slick-initialized).blocks-two li:nth-of-type(1n+3) {
  display: none;
}
#header-usp .header-usp-list:not(.slick-initialized).blocks-three li:nth-of-type(1n+4) {
  display: none;
}
#header-usp .header-usp-list.blocks-one li {
  width: 100% !important;
}
@media only screen and (min-width: 992px) {
  #header-usp .header-usp-list.blocks-two li {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #header-usp .header-usp-list.blocks-three li {
    width: 33%;
  }
}
#header-usp .header-usp-item {
  width: 100%;
  text-align: center;
  padding: 0 16px;
  font-size: 12px;
  font-size: 0.75rem;
}
@media only screen and (min-width: 992px) {
  #header-usp .header-usp-item {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#header-usp .header-usp-item a, #header-usp .header-usp-item span {
  font-size: 12px;
  font-size: 0.75rem;
}
@media only screen and (min-width: 992px) {
  #header-usp .header-usp-item a, #header-usp .header-usp-item span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#header-usp .header-usp-item:focus {
  outline: 0;
}
#header-usp .header-usp-item a.whole {
  color: inherit;
  text-decoration: none;
}
#header-usp .header-usp-item a.whole:hover {
  text-decoration: underline;
}
#header-usp .header-usp-item a.cta-link {
  color: inherit;
  text-decoration: underline;
}
#header-usp .header-usp-item .cta-text {
  display: inline-block;
  margin-left: 5px;
}
#header-usp .header-usp-item .usp-icon {
  display: inline-block;
  max-width: 20px;
  height: auto;
  margin-right: 5px;
}
#header-usp .usp-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#header-usp .usp-button .left-button {
  text-align: left;
}
#header-usp .usp-button .right-button {
  text-align: right;
}
#header-usp .usp-button .usp-text {
  display: flex;
  flex-direction: column;
  text-align: center;
}
#header-usp .usp-button .usp-text .mobile-large-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) {
  #header-usp .usp-button .usp-text .mobile-large-text {
    display: none;
  }
}
#header-usp .usp-button .usp-text .mobile-small-text {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  #header-usp .usp-button .usp-text .mobile-small-text {
    display: none;
  }
}
#header-usp .usp-button .usp-text .desktop-text {
  display: none;
}
@media only screen and (min-width: 992px) {
  #header-usp .usp-button .usp-text .desktop-text {
    display: block;
  }
}
#header-usp .usp-button .usp-button-link {
  display: inline-block;
  padding: 10px;
  border: 1px solid transparent;
  min-width: 60px;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  #header-usp .usp-button .usp-button-link {
    min-width: 120px;
  }
}
#header-usp .usp-countdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#header-usp .usp-countdown .text-before {
  display: inline-block;
}
#header-usp .usp-countdown .text-after {
  display: inline-block;
}
#header-usp .usp-countdown .text-after a {
  color: inherit;
}
#header-usp .usp-countdown .countdown-timer {
  display: inline-flex;
  flex-direction: row;
  margin: 0 10px 0;
}
@media only screen and (min-width: 992px) {
  #header-usp .usp-countdown .countdown-timer {
    margin: 0 20px 0;
  }
}
#header-usp .usp-countdown .countdown-timer .time-col {
  display: flex;
  flex-direction: column;
  margin: 0 5px;
}
#header-usp .usp-countdown .countdown-timer .remaining {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  #header-usp .usp-countdown .countdown-timer .remaining {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
#header-usp .usp-countdown .countdown-timer .time-label {
  font-weight: 400;
  font-size: 8px;
  font-size: 0.5rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  #header-usp .usp-countdown .countdown-timer .time-label {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
#header-usp .header-usp-list.slick-initialized .slick-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#header-usp .header-usp-list.slick-initialized .slick-track {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#header-usp .header-usp-list.slick-initialized .slick-track:focus {
  outline: 0;
}
#header-usp .header-usp-list.slick-initialized .slick-arrow {
  position: relative;
  width: 20px;
  height: auto;
  background-color: transparent;
  z-index: 10;
}
#header-usp .header-usp-list.slick-initialized .slick-arrow.slick-disabled {
  opacity: 0.3;
}
#header-usp .header-usp-list.slick-initialized .slick-arrow svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: #fff;
  stroke: #000;
  stroke-width: 1px;
}

/* Table of Contents
==================================================

    #Hero Item
    #Hero Item - Split
    #Hero Item - Full Width
    #Slick Arrows


==================================================
*/
/* ==========================================================================
#Hero Item
========================================================================== */
.fa-star {
  margin-top: -3px;
}

.hero-slick .hero-item {
  display: flex !important;
  flex-direction: row;
  align-items: stretch;
}
.hero-slick .hero-item .hero-link {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.hero-slick .hero-item .hero-link:focus {
  outline: 0;
}
.hero-slick .hero-item:focus {
  outline: 0;
}
.hero-slick .hero-item .hero-content .hero-title, .hero-slick .hero-item .hero-content .hero-title * {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1;
  color: inherit;
  margin-bottom: 14px;
  /* text-transform: uppercase; */
  word-break: break-word;
  font-family: "ArizonaMix", serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slick .hero-item .hero-content .hero-title, .hero-slick .hero-item .hero-content .hero-title * {
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-slick .hero-item .hero-content .hero-title, .hero-slick .hero-item .hero-content .hero-title * {
    font-size: 48px;
    font-size: 2.875rem;
    margin-bottom: 20px;
  }
}
.hero-slick .hero-item .hero-content .hero-title * {
  margin: 0px !important;
  font-size: inherit !important;
}
.hero-slick .hero-item .hero-content .pre-title {
  font-size: 14px;
  font-weight: 300;
  margin: 20px 0;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .hero-slick .hero-item .hero-content .pre-title {
    margin-bottom: 15px;
  }
}
.hero-slick .hero-item .hero-content .pre-title p {
  margin: 0px;
  font-size: inherit !important;
  font-weight: 300;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .hero-slick .hero-item .hero-content .pre-title p {
    margin-bottom: 0px;
  }
}
.hero-slick .hero-item .hero-content .post-title {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slick .hero-item .hero-content .post-title {
    font-size: 14px;
    font-size: 0.875rem;
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-slick .hero-item .hero-content .post-title {
    font-size: 14px;
    font-size: 0.875rem;
    width: 50%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .hero-slick .hero-item .hero-content .post-title {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.hero-slick .hero-item .hero-content .post-title * {
  font-size: inherit !important;
  font-weight: 500;
  margin-bottom: 0px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .hero-slick .hero-item .hero-content .post-title * {
    margin-bottom: 0px;
  }
}
.hero-slick .hero-item .hero-content .hero-price {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slick .hero-item .hero-content .hero-price {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-slick .hero-item .hero-content .hero-price {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .hero-slick .hero-item .hero-content .hero-price {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.hero-slick .hero-item .hero-content .hero-price * {
  font-size: inherit !important;
  margin: 0px;
}
.hero-slick .hero-item .hero-content .btn, .hero-slick .hero-item .hero-content .shopify-challenge__button, .hero-slick .hero-item .hero-content .showcase-button, .hero-slick .hero-item .hero-content body.template-password button[type=submit], body.template-password .hero-slick .hero-item .hero-content button[type=submit] {
  align-self: flex-start;
  padding: 0.5rem 2.5rem;
}
@media only screen and (min-width: 992px) {
  .hero-slick .hero-item .hero-content .btn, .hero-slick .hero-item .hero-content .shopify-challenge__button, .hero-slick .hero-item .hero-content .showcase-button, .hero-slick .hero-item .hero-content body.template-password button[type=submit], body.template-password .hero-slick .hero-item .hero-content button[type=submit] {
    padding: 15px 45px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .hero-slick .hero-item .hero-content .btn, .hero-slick .hero-item .hero-content .shopify-challenge__button, .hero-slick .hero-item .hero-content .showcase-button, .hero-slick .hero-item .hero-content body.template-password button[type=submit], body.template-password .hero-slick .hero-item .hero-content button[type=submit] {
    padding: 0.5rem 2rem;
  }
}
@media only screen and (max-width: 1200px) {
  .hero-slick .hero-item .hero-content .btn, .hero-slick .hero-item .hero-content .shopify-challenge__button, .hero-slick .hero-item .hero-content .showcase-button, .hero-slick .hero-item .hero-content body.template-password button[type=submit], body.template-password .hero-slick .hero-item .hero-content button[type=submit] {
    margin-bottom: 1.5rem;
  }
}
.hero-slick .hero-item .hero-content .btn-hero-white {
  background-color: #fff;
  color: #000000;
}
.hero-slick .hero-item .hero-content .btn-hero-white:hover {
  background-color: #2E3192;
  color: #fff;
}
.hero-slick .hero-item .hero-content .btn-hero-blue {
  background-color: #2E3192;
  color: #fff;
}
.hero-slick .hero-item .hero-content .btn-hero-blue:hover {
  background-color: #fff;
  color: #000000;
}
.hero-slick .hero-item .hero-content .btn-hero-black {
  background-color: #000;
  color: #fff;
}
.hero-slick .hero-item .hero-content .btn-hero-black:hover {
  background-color: #fff;
  color: #000;
}
.hero-slick .hero-item .hero-content .btn-hero-transparent {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.hero-slick .hero-item .hero-content .btn-hero-transparent:hover {
  background-color: #fff;
  color: #000;
}
.hero-slick .hero-item .hero-content .btn-hero-transparent-black {
  background-color: transparent;
  color: #000000;
  border: solid 1px #000000;
}
.hero-slick .hero-item .hero-content .btn-hero-transparent-black:hover {
  background-color: #000000;
  color: #fff;
}
.hero-slick .hero-item .hero-content .btn-link-white,
.hero-slick .hero-item .hero-content .btn-link-black {
  background-color: transparent;
  text-decoration: underline;
  border-color: transparent;
  padding: 0 !important;
}
.hero-slick .hero-item .hero-content .btn-link-white {
  color: #fff;
}
.hero-slick .hero-item .hero-content .btn-link-black {
  color: #000;
}
.hero-slick .hero-item .hero-content.text-left .btn, .hero-slick .hero-item .hero-content.text-left .shopify-challenge__button, .hero-slick .hero-item .hero-content.text-left .showcase-button, .hero-slick .hero-item .hero-content.text-left body.template-password button[type=submit], body.template-password .hero-slick .hero-item .hero-content.text-left button[type=submit] {
  align-self: flex-start;
}
.hero-slick .hero-item .hero-content.text-center .btn, .hero-slick .hero-item .hero-content.text-center .shopify-challenge__button, .hero-slick .hero-item .hero-content.text-center .showcase-button, .hero-slick .hero-item .hero-content.text-center body.template-password button[type=submit], body.template-password .hero-slick .hero-item .hero-content.text-center button[type=submit] {
  align-self: center;
}
.hero-slick .hero-item .hero-content.text-right .btn, .hero-slick .hero-item .hero-content.text-right .shopify-challenge__button, .hero-slick .hero-item .hero-content.text-right .showcase-button, .hero-slick .hero-item .hero-content.text-right body.template-password button[type=submit], body.template-password .hero-slick .hero-item .hero-content.text-right button[type=submit] {
  align-self: flex-end;
}

/* ==========================================================================
#Hero Item - Split
========================================================================== */
.hero-slick .hero-item.hero-split .hero-image {
  width: 50%;
}
.hero-slick .hero-item.hero-split .hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 0 30px;
}
@media only screen and (min-width: 1200px) {
  .hero-slick .hero-item.hero-split .hero-content {
    padding: 0 8rem;
  }
}
.hero-slick .hero-item.hero-split .hero-content .post-title {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero-slick .hero-item.hero-split.image-right .hero-image {
    order: 2;
  }
  .hero-slick .hero-item.hero-split.image-right .hero-content {
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slick .hero-item.hero-split.mobile-image-bg {
    position: relative;
  }
  .hero-slick .hero-item.hero-split.mobile-image-bg .hero-image {
    width: 100%;
  }
  .hero-slick .hero-item.hero-split.mobile-image-bg .hero-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slick .hero-item.hero-split.mobile-content-bg {
    position: relative;
  }
  .hero-slick .hero-item.hero-split.mobile-content-bg .hero-image {
    width: 100%;
  }
  .hero-slick .hero-item.hero-split.mobile-content-bg .hero-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
}

body.template-index .hero-slick .hero-item.hero-full .hero-content {
  justify-content: flex-end !important;
}

/* ==========================================================================
#Hero Item - Full Width
========================================================================== */
.hero-slick .hero-item.hero-full {
  position: relative;
  /* ==========================================================================
    #LM: About Us Hero Overrides
    ========================================================================== */
}
.hero-slick .hero-item.hero-full .hero-link {
  flex-wrap: wrap;
}
.hero-slick .hero-item.hero-full .hero-bg-colour {
  position: relative;
  display: block;
  width: 100%;
  height: inherit;
  padding-top: 120%;
}
@media only screen and (min-width: 768px) {
  .hero-slick .hero-item.hero-full .hero-bg-colour {
    padding-top: 31.25%;
  }
}
.hero-slick .hero-item.hero-full .hero-image {
  padding-top: 120%;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero-slick .hero-item.hero-full .hero-image {
    padding-top: 43.75%;
  }
}
.hero-slick .hero-item.hero-full .hero-image > *:not(.hero-label) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  max-width: 100%;
}
.hero-slick .hero-item.hero-full .hero-image img {
  object-fit: cover;
  height: 100%;
}
.hero-slick .hero-item.hero-full .hero-label {
  position: absolute;
  top: 0px;
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .hero-slick .hero-item.hero-full .hero-label {
    font-size: 22.4px;
    font-size: 1.4rem;
  }
}
.hero-slick .hero-item.hero-full .hero-label.left {
  left: 0;
}
.hero-slick .hero-item.hero-full .hero-label.right {
  right: 0;
}
.hero-slick .hero-item.hero-full .hero-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  z-index: 1;
  padding: 0 30px;
}
@media only screen and (min-width: 992px) {
  .hero-slick .hero-item.hero-full .hero-content {
    padding-left: 6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-slick .hero-item.hero-full .hero-content .btn, .hero-slick .hero-item.hero-full .hero-content .shopify-challenge__button, .hero-slick .hero-item.hero-full .hero-content .showcase-button, .hero-slick .hero-item.hero-full .hero-content body.template-password button[type=submit], body.template-password .hero-slick .hero-item.hero-full .hero-content button[type=submit] {
    padding: 15px 55px;
  }
}
.hero-slick .hero-item.hero-full .hero-content.text-right-left {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .hero-slick .hero-item.hero-full .hero-content.text-right-left {
    transform: translateX(50%);
  }
}
@media only screen and (min-width: 768px) {
  .hero-slick .hero-item.hero-full .hero-content.text-right-left {
    left: auto;
  }
}
.hero-slick .hero-item.hero-full.content-below-image {
  display: flex;
  flex-direction: column;
}
.hero-slick .hero-item.hero-full.content-below-image .hero-image > * {
  bottom: auto;
}
.hero-slick .hero-item.hero-full.content-below-image .hero-content {
  position: static;
  width: 100%;
  padding: 20px 30px;
}
.hero-slick .hero-item.hero-full.content-below-image .hero-content .hero-title, .hero-slick .hero-item.hero-full.content-below-image .hero-content .hero-title * {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
}
.hero-slick .hero-item.hero-full.content-below-image .hero-content .post-title,
.hero-slick .hero-item.hero-full.content-below-image .hero-content .pre-title {
  font-size: 16px;
  font-size: 1rem;
}
.hero-slick .hero-item.hero-full.content-below-image .hero-content .post-title *,
.hero-slick .hero-item.hero-full.content-below-image .hero-content .pre-title * {
  font-size: 16px;
  font-size: 1rem;
}
.hero-slick .hero-item.hero-full.content-below-image .hero-content .hero-price {
  font-size: 18px;
  font-size: 1.125rem;
}
.hero-slick .hero-item.hero-full.content-below-image .hero-content .hero-price * {
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 992px) {
  .hero-slick .hero-item.hero-full.content-below-image .hero-content {
    padding: 20px 55px;
  }
}
.hero-slick .hero-item.hero-full.about-us-hero .hero-overlay svg {
  display: none;
}
.hero-slick .hero-item.hero-full.about-us-hero .hero-image {
  padding-top: 180%;
}
@media only screen and (min-width: 768px) {
  .hero-slick .hero-item.hero-full.about-us-hero .hero-image {
    padding-top: 43.75%;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content {
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content.vertical-top {
    top: 10%;
    bottom: auto;
  }
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content.vertical-center {
    /* top: 50%;
    transform: translateY(-50%); */
    top: 10%;
    bottom: auto;
  }
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content.vertical-bottom {
    bottom: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content {
    padding: 0 15px;
    bottom: 20px;
  }
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content .hero-title, .hero-slick .hero-item.hero-full.about-us-hero .hero-content .hero-title * {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 300;
    margin-bottom: 30px;
  }
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content .hero-title * {
    margin-bottom: 0px;
  }
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content .post-title {
    margin-bottom: 30px;
  }
}
.hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block .btn, .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block .shopify-challenge__button, .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block .showcase-button, .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block body.template-password button[type=submit], body.template-password .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block button[type=submit] {
  width: calc(50% - 5px);
  color: #2E3192;
  margin-top: 10px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block .btn, .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block .shopify-challenge__button, .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block .showcase-button, .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block body.template-password button[type=submit], body.template-password .hero-slick .hero-item.hero-full.about-us-hero .hero-content .link-block button[type=submit] {
    width: calc(33.3% - 5px);
  }
}
.hero-slick .hero-item.hero-full.about-us-hero .hero-content .more-arrow {
  width: 21px;
  height: 11px;
  display: inline-block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .hero-slick .hero-item.hero-full.about-us-hero .hero-content .more-arrow {
    display: none;
  }
}
.hero-slick .hero-item.hero-full.about-us-hero .hero-content .more-arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* ==========================================================================
#Hero Item - Full Width 2.0
# Inherits all styles from Full Width
========================================================================== */
@media only screen and (max-width: 767px) {
  .hero-slick .hero-item.hero-full.hero-full--2 .text-left-mobile {
    text-align: left;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-left-mobile button {
    align-self: flex-start;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-mobile {
    text-align: right;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-mobile button {
    align-self: flex-end;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-center-mobile {
    text-align: center;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-center-mobile button {
    align-self: center;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-left-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-left-mobile > * {
    width: 50%;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-left-mobile button {
    width: 50% !important;
    align-self: flex-end !important;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-left-mobile button.btn-link {
    text-align: left !important;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile {
    flex-direction: column;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-image {
    position: relative;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content {
    position: static;
    width: 100%;
    padding: 20px 30px;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content > :last-child {
    margin-bottom: 0 !important;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .hero-title, .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .hero-title * {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .hero-title * {
    margin-bottom: 0px;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .post-title,
.hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .pre-title,
.hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .hero-price {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .post-title *,
.hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .pre-title *,
.hero-slick .hero-item.hero-full.hero-full--2.content-below-image-mobile .hero-content .hero-price * {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .hero-slick .hero-item.hero-full.hero-full--2 .text-left-desktop {
    text-align: left;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-left-desktop button {
    align-self: flex-start;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-desktop {
    text-align: right;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-desktop button {
    align-self: flex-end;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-center-desktop {
    text-align: center;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-center-desktop button {
    align-self: center;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-left-desktop {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-left-desktop > * {
    width: 50%;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-left-desktop button {
    width: 50% !important;
    align-self: flex-end !important;
  }
  .hero-slick .hero-item.hero-full.hero-full--2 .text-right-left-desktop button.btn-link {
    text-align: left !important;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop {
    flex-direction: column;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-image {
    position: relative;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content {
    position: static;
    width: 100%;
    padding: 20px 30px;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content > :last-child {
    margin-bottom: 0 !important;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content .hero-title {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content .hero-title * {
    margin-bottom: 0px;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content .post-title,
.hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content .pre-title,
.hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content .hero-price {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content .post-title *,
.hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content .pre-title *,
.hero-slick .hero-item.hero-full.hero-full--2.content-below-image-desktop .hero-content .hero-price * {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* ==========================================================================
#Slick Arrows
========================================================================== */
.hero-slick .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-radius: 0;
}
.hero-slick .slick-arrow:focus {
  outline: 0;
}
.hero-slick .slick-arrow svg {
  display: block;
  width: inherit;
  height: inherit;
  fill: #fff;
  stroke-width: 2px;
  stroke: #000;
}
.hero-slick .slick-arrow.slick-next {
  right: 5px;
}
.hero-slick .slick-arrow.slick-prev {
  left: 5px;
}
.hero-slick .slick-arrow.slick-disabled {
  opacity: 0.2;
}

/* .hero-overlay {
  width: 50%;
  top: 0;
  bottom: 0;
  right: 4%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
} */
.hero-overlay svg {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  right: -50%;
  stroke: #fff;
}

#site-navigation .hero-overlay {
  pointer-events: none;
  right: 20%;
  z-index: -10;
  display: none;
}
#site-navigation .hero-overlay svg {
  stroke: #000000;
}

/* .hero-overlay-category {
  width: 50%;
  top: 0;
  height: 75vh;
  right: 0;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
} */
/* .hero-overlay-category svg {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  right: -50%;
  stroke: #2E3192;
} */

.hero .container-fluid {
  padding-left: 0;
  padding-right: 0; 
}

@media screen and (min-width: 576px){
  .hero .container-fluid {
    margin-top: 32px;
  }

}

@media screen and (min-width: 768px) {
  .video-container video{
    /* height: 700px;  */
    /* max-height: 65vh; */
    height: 81vh;
    max-height: 1000px; 
    /* height: 380px; */
    object-fit: cover;
  }
}

@media only screen and (max-width: 767px) {
  .template-index .hero-slick .hero-item.hero-full .hero-image {
    padding-top: 160%;
  }
}

/* Table of Contents
==================================================

    #Column Banners
    #Column Banners - Guttering
    #Banner Row
    #Banner Item - General
    #Banner Labels
    #Banner Type - Content Image
    #Banner Type - Multi Content
    #Banner Type - Big Text
    #Banner Type - Content Below Image
    #Banners Slick Slider


==================================================
*/
/* ==========================================================================
#Column Banners
========================================================================== */
.column-banners .section-background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) {
  .column-banners .banners-row {
    max-width: 85%;
  }
}
.column-banners .background-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .column-banners .background-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.column-banners .background-padding.title-visible {
  padding-top: 15px;
}
@media only screen and (min-width: 992px) {
  .column-banners .background-padding.title-visible {
    padding-top: 25px;
  }
}
.column-banners .section-title {
  font-family: 'GTAmericaStandard'!important;
  text-transform: uppercase;
  text-align: center;
  font-size: 23px;
  font-size: 1.4375rem;
}
@media only screen and (min-width: 992px) {
  .column-banners .section-title {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

/* ==========================================================================
#Column Banners - Guttering
========================================================================== */
@media only screen and (max-width: 991px) {
  .column-banners .container-fluid.desktop-section-guttering {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .column-banners .container-fluid.mobile-section-guttering {
    padding-left: 0;
    padding-right: 0;
  }
}
.column-banners .container-fluid.no-section-guttering {
  padding-left: 0;
  padding-right: 0;
}
.column-banners .container-fluid .banner-item {
  margin-left: 8px;
  margin-right: 8px;
  width: calc(50% - 16px) !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .column-banners .container-fluid .banner-item {
    margin-left: 8px;
    margin-right: 8px;
    width: calc(33.333% - 16px) !important;
  }
}
@media only screen and (max-width: 991px) {
  .column-banners .container-fluid.desktop-block-guttering .banner-item {
    margin-bottom: 0px;
    margin-right: 0;
  }
  .column-banners .container-fluid.desktop-block-guttering .banner-item:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .column-banners .container-fluid.desktop-block-guttering .banner-item {
    /* 3 or more items */
  }
  .column-banners .container-fluid.desktop-block-guttering .banner-item:first-child:nth-last-child(n+3), .column-banners .container-fluid.desktop-block-guttering .banner-item:first-child:nth-last-child(n+3) ~ .banner-item {
    width: 33.33% !important;
  }
}
@media only screen and (min-width: 768px) {
  .column-banners .container-fluid.mobile-block-guttering .banner-item {
    width: 50%;
    margin-bottom: 0;
    margin-right: 0;
    /* 3 or more items */
  }
  .column-banners .container-fluid.mobile-block-guttering .banner-item:first-child:nth-last-child(n+3), .column-banners .container-fluid.mobile-block-guttering .banner-item:first-child:nth-last-child(n+3) ~ .banner-item {
    width: 33.33% !important;
  }
  .column-banners .container-fluid.mobile-block-guttering .banner-item:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .column-banners .container-fluid.mobile-block-guttering .banner-item {
    width: calc(50% - 8px) !important;
    margin-right: 16px;
    /* 3 or more items */
  }
  .column-banners .container-fluid.mobile-block-guttering .banner-item:first-child:nth-last-child(n+3), .column-banners .container-fluid.mobile-block-guttering .banner-item:first-child:nth-last-child(n+3) ~ .banner-item {
    width: calc(33.33% - 10.65px) !important;
  }
  .column-banners .container-fluid.mobile-block-guttering .banner-item:last-child {
    margin-right: 0;
  }
}
.column-banners .container-fluid.no-block-guttering .banner-item {
  margin-right: 0;
  margin-bottom: 0;
}
.column-banners .container-fluid.no-block-guttering .banner-item:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .column-banners .container-fluid.no-block-guttering .banner-item {
    width: 50% !important;
    /* 3 or more items */
  }
  .column-banners .container-fluid.no-block-guttering .banner-item:first-child:nth-last-child(n+3), .column-banners .container-fluid.no-block-guttering .banner-item:first-child:nth-last-child(n+3) ~ .banner-item {
    width: 33.33% !important;
  }
}

/* ==========================================================================
#Banner Row
========================================================================== */
.banners-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  /*
    CONTENT ON IMAGE
    */
  /* 3 or more items */
  /*
    CONTENT BELOW IMAGE
    */
}
@media only screen and (max-width: 991px) {
  .banners-row {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) {
  .banners-row {
    margin: 0 auto;
    width: 100%;
  }
}
.banners-row .banner-item.content-on-image .banner-ratio,
.banners-row .banner-item.content-on-image .banner-link {
  padding-top: 100%;
}
@media only screen and (min-width: 768px) {
  .banners-row .banner-item.content-on-image .banner-ratio,
.banners-row .banner-item.content-on-image .banner-link {
    padding-top: 66.6666666667%;
  }
}
.banners-row .banner-item.content-on-image:first-child:nth-last-child(n+3) .banner-ratio,
.banners-row .banner-item.content-on-image:first-child:nth-last-child(n+3) .banner-link,
.banners-row .banner-item.content-on-image:first-child:nth-last-child(n+3) ~ .banner-item.content-on-image .banner-ratio,
.banners-row .banner-item.content-on-image:first-child:nth-last-child(n+3) ~ .banner-item.content-on-image .banner-link {
  padding-top: 150%;
}
.banners-row .banner-item.content-below-image .banner-image {
  padding: 0;
}
.banners-row .banner-item.content-on-image.image-full.image-present .banner-content {
  background-color: transparent !important;
}

/* ==========================================================================
#Banner Item - General
========================================================================== */
.banners-row .banner-item {
  overflow: hidden;
}
.banners-row .banner-item .banner-link:hover .btn-hero-white {
  background-color: #000;
  color: #fff;
}
.banners-row .banner-item .banner-link:hover .btn-hero-black {
  background-color: #fff;
  color: #000;
}
.banners-row .banner-item .banner-link:hover .btn-hero-transparent {
  background-color: #fff;
  color: #000;
}
.banners-row .banner-item .banner-content .banner-title,
.banners-row .banner-item .banner-content .banner-paragraph,
.banners-row .banner-item .banner-content h3,
.banners-row .banner-item .banner-content p {
  color: inherit;
}
.banners-row .banner-item .banner-content p:last-of-type {
  margin-bottom: 0;
}
.banners-row .banner-item .banner-content .btn, .banners-row .banner-item .banner-content .shopify-challenge__button, .banners-row .banner-item .banner-content .showcase-button, .banners-row .banner-item .banner-content body.template-password button[type=submit], body.template-password .banners-row .banner-item .banner-content button[type=submit] {
  align-self: flex-start;
  margin-top: 1rem;
  padding: 15px 30px;
}
@media only screen and (min-width: 992px) {
  .banners-row .banner-item .banner-content .btn, .banners-row .banner-item .banner-content .shopify-challenge__button, .banners-row .banner-item .banner-content .showcase-button, .banners-row .banner-item .banner-content body.template-password button[type=submit], body.template-password .banners-row .banner-item .banner-content button[type=submit] {
    padding: 15px 45px;
  }
}
.banners-row .banner-item .banner-content .btn-hero-white {
  background-color: #fff;
  color: #000;
}
.banners-row .banner-item .banner-content .btn-hero-white:hover {
  background-color: #000;
  color: #fff;
}
.banners-row .banner-item .banner-content .btn-hero-black {
  background-color: #000;
  color: #fff;
}
.banners-row .banner-item .banner-content .btn-hero-black:hover {
  background-color: #fff;
  color: #000;
}
.banners-row .banner-item .banner-content .btn-hero-transparent {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}
.banners-row .banner-item .banner-content .btn-hero-transparent:hover {
  background-color: #fff;
  color: #000;
}
.banners-row .banner-item .banner-content .btn-link-white,
.banners-row .banner-item .banner-content .btn-link-black {
  background-color: transparent;
  text-decoration: underline;
  border-color: transparent;
}
.banners-row .banner-item .banner-content .btn-link-white {
  color: #fff;
}
.banners-row .banner-item .banner-content .btn-link-black {
  color: #000;
}
.banners-row .banner-item .banner-content.text-left .btn, .banners-row .banner-item .banner-content.text-left .shopify-challenge__button, .banners-row .banner-item .banner-content.text-left .showcase-button, .banners-row .banner-item .banner-content.text-left body.template-password button[type=submit], body.template-password .banners-row .banner-item .banner-content.text-left button[type=submit] {
  align-self: flex-start;
}
.banners-row .banner-item .banner-content.text-center .btn, .banners-row .banner-item .banner-content.text-center .shopify-challenge__button, .banners-row .banner-item .banner-content.text-center .showcase-button, .banners-row .banner-item .banner-content.text-center body.template-password button[type=submit], body.template-password .banners-row .banner-item .banner-content.text-center button[type=submit] {
  align-self: center;
}
.banners-row .banner-item .banner-content.text-right .btn, .banners-row .banner-item .banner-content.text-right .shopify-challenge__button, .banners-row .banner-item .banner-content.text-right .showcase-button, .banners-row .banner-item .banner-content.text-right body.template-password button[type=submit], body.template-password .banners-row .banner-item .banner-content.text-right button[type=submit] {
  align-self: flex-end;
}
.banners-row .banner-item.content-on-image .banner-ratio,
.banners-row .banner-item.content-on-image .banner-link {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
.banners-row .banner-item.content-on-image .banner-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.banners-row .banner-item.content-on-image .banner-content {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.banners-row .banner-item.content-below-image .banner-ratio,
.banners-row .banner-item.content-below-image .banner-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.banners-row .banner-item.content-below-image .banner-image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.banners-row .banner-item.content-below-image .banner-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* ==========================================================================
#Banner Item - Labels
========================================================================== */
.banner-item .banner-label {
  position: absolute;
  top: 0;
  z-index: 5;
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.banner-item .banner-label.left {
  left: 0;
}
.banner-item .banner-label.right {
  right: 0;
}

/* ==========================================================================
#Banner Type - Content Image
========================================================================== */
.banner-item.content-image .banner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
}
@media only screen and (min-width: 768px) {
  .banner-item.content-image .banner-content {
    padding: 25px;
  }
}
.banner-item.content-image .banner-content .banner-title {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 15px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .banner-item.content-image .banner-content .banner-title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.banner-item.content-image.split-image .banner-image {
  width: 40%;
}
.banner-item.content-image.split-image .banner-content {
  width: 60%;
}
.banner-item.content-image.split-image.right .banner-image {
  right: 0;
  left: auto;
}
.banner-item.content-image.split-image.right .banner-content {
  left: 0;
  right: auto;
}
.banner-item.content-image.split-image-space {
  position: relative;
}
.banner-item.content-image.split-image-space .banner-image {
  position: absolute;
  top: 25px;
  bottom: 25px;
  width: 40%;
  overflow: hidden;
  z-index: 2;
}
.banner-item.content-image.split-image-space .banner-content {
  width: calc(100% - 25px);
  padding: 25px;
  padding-left: 40%;
}
.banner-item.content-image.split-image-space .banner-content .btn, .banner-item.content-image.split-image-space .banner-content .shopify-challenge__button, .banner-item.content-image.split-image-space .banner-content .showcase-button, .banner-item.content-image.split-image-space .banner-content body.template-password button[type=submit], body.template-password .banner-item.content-image.split-image-space .banner-content button[type=submit] {
  padding: 15px 0;
  width: 100% !important;
}
.banner-item.content-image.split-image-space.right .banner-image {
  right: 0;
  left: auto;
}
.banner-item.content-image.split-image-space.right .banner-content {
  left: 0;
  right: auto;
  padding: 25px;
  padding-right: 40%;
}
.banner-item.content-image.image-full .banner-content {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .banners-row[data-img-orientation=landscape] .banner-item .banner-image img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
  }
}

.banner-item .banner-image img {
  transform: scale(1);
  transition: transform 1s linear;
}
.banner-item .banner-image:hover img {
  transform: scale(1.2);
  transition: transform 1s linear;
}

/* ==========================================================================
#Banner Type - Multi Content
========================================================================== */
.banner-item.multi-content.content-on-image .banner-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 35px;
}
@media only screen and (min-width: 992px) {
  .banner-item.multi-content.content-on-image .banner-content {
    padding: 0 70px;
  }
}
.banner-item.multi-content.content-on-image .banner-content .banner-title {
  position: relative;
  font-size: 48px;
  font-size: 3rem;
  margin-bottom: 1rem;
  padding-bottom: 5px;
}
.banner-item.multi-content.content-on-image .banner-content .banner-title:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: block;
  width: 48px;
  height: 2px;
  background-color: #fff;
  content: "";
}
.banner-item.multi-content.content-on-image .banner-content .banner-paragraph.first {
  margin-bottom: 10px;
}
.banner-item.multi-content.content-on-image .banner-content .banner-paragraph .accent-highlight-one {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 2px;
  font-weight: 600;
}
.banner-item.multi-content.content-on-image .banner-content.text-left {
  align-items: flex-start;
}
.banner-item.multi-content.content-on-image .banner-content.text-right {
  align-items: flex-end;
}
.banner-item.multi-content.content-below-image .banner-title {
  margin-bottom: 1rem;
}

/* ==========================================================================
#Banner Type - Big Text
========================================================================== */
.banner-item.big-text {
  position: relative;
}
.banner-item.big-text .banner-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 35px;
}
@media only screen and (min-width: 992px) {
  .banner-item.big-text .banner-content {
    padding: 0 70px;
  }
}
.banner-item.big-text .banner-content .banner-title {
  position: relative;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: normal;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .banner-item.big-text .banner-content .banner-title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.banner-item.big-text .banner-content .content-icon {
  display: inline-block;
  width: 35px;
  height: auto;
  margin-bottom: 10px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .banner-item.big-text .banner-content .content-icon {
    width: 25px;
  }
}
.banner-item.big-text .banner-content.text-left .content-icon {
  align-self: flex-start;
}
.banner-item.big-text .banner-content.text-right .content-icon {
  align-self: flex-end;
}

/* ==========================================================================
#Banner Type - Content Below Image
========================================================================== */
.banner-item.content-below-image .banner-content {
  justify-content: flex-start;
  height: 100%;
  padding: 0.5rem 0;
}
@media only screen and (min-width: 768px) {
  .banner-item.content-below-image .banner-content {
    padding: 16px 0px 25px;
  }
}
.banner-item.content-below-image .banner-content .banner-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'GTAmericaStandard'!important;
}
@media only screen and (max-width: 767px) {
  .banner-item.content-below-image .banner-content .banner-title {
    border-bottom: 1px solid;
    display: inline-block;
    font-size: 0.9rem;
    padding-bottom: 0.2rem;
    width: fit-content;
  }
}
.banner-item.content-below-image .banner-content .banner-title .accent-highlight-one {
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .banner-item.content-below-image .banner-content .banner-title .accent-highlight-one {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.banner-item.content-below-image .banner-content .banner-link .banner-paragraph {
  font-size: 14px;
  font-size: 0.875rem;
  display: none;
}
@media only screen and (min-width: 768px) {
  .banner-item.content-below-image .banner-content .banner-link .banner-paragraph {
    display: block;
  }
}
.banner-item.content-below-image .banner-content .banner-cta {
  display: none;
  color: #000000;
  font-family: "GTAmericaStandard", serif;
  text-transform: uppercase;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .banner-item.content-below-image .banner-content .banner-cta {
    display: inline-block;
    text-decoration: none !important;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #808080;
  }
  .banner-item.content-below-image .banner-content .banner-cta:hover {
    color: #888B8D;
    border-bottom: 1px solid #C4C4C4;
  }
}

/* ==========================================================================
#Banners Slick Slider
========================================================================== */
@media only screen and (max-width: 767px) {
  .banners-row.inline-slick {
    width: 100%;
  }
  .banners-row.inline-slick .banner-item {
    margin-bottom: 0;
  }
  .banners-row.inline-slick .banner-item:focus {
    outline: 0;
  }
  .banners-row.inline-slick .slick-track:focus {
    outline: 0;
  }
}
@media only screen and (min-width: 768px) {
  .banners-row.inline-slick {
    width: 100% !important;
  }
  .banners-row.inline-slick .slick-track {
    width: 100% !important;
  }
}
.banners-row.inline-slick .slick-track {
  display: flex !important;
  flex-direction: row;
  align-items: stretch;
}
@media only screen and (min-width: 768px) {
  .banners-row.inline-slick .slick-track {
    transform: translate3d(0, 0, 0) !important;
  }
}
.banners-row.inline-slick .slick-track .slick-slide {
  height: inherit;
}
.banners-row.inline-slick .slick-track .slick-slide:focus {
  outline: 0;
}

/* Table of Contents
==================================================

    #Content Strip Item
    #Slick Slider


==================================================
*/
/* ==========================================================================
#Content Strip Item
========================================================================== */
a.block-link {
  text-decoration: none;
}

.content-strip-item {
  padding-top: 1px;
}
@media (min-width: 992px) {
  .content-strip-item {
    padding-top: 0;
  }
}
.content-strip-item .side-right {
  position: relative;
}
.content-strip-item .side-right .title {
  text-align: left;
  padding-bottom: 3rem;
}
.content-strip-item .side-left {
  position: relative;
}
.content-strip-item .side-left .title {
  text-align: left;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .content-strip-item .side-right {
    margin-top: 0;
    width: 50%;
  }
  .content-strip-item .side-right .title {
    position: absolute;
    top: 6rem;
    left: -50%;
    text-align: center;
    padding-bottom: 0;
  }
  .content-strip-item .side-left {
    margin-top: 0;
    width: 50%;
  }
  .content-strip-item .side-left .title {
    position: absolute;
    top: 6rem;
    left: 0;
    text-align: center;
    padding-bottom: 0;
  }
}
.content-strip-item .block-link {
  display: block;
  text-decoration: none;
}
.content-strip-item .block-link:focus {
  outline: 0;
}
.content-strip-item .title,
.content-strip-item .post-title {
  margin-bottom: 10px;
}
.content-strip-item .btn-grey, .content-strip-item .showcase-button,
.content-strip-item .btn-grey-outline {
  padding: 8px 80px;
}
.content-strip-item.content-strip-standard .no-link,
.content-strip-item.content-strip-standard .block-link {
  padding: 25px 0;
}
.content-strip-item.content-strip-standard .title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  color: inherit;
}
.content-strip-item.content-strip-standard .title a {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  color: inherit;
}
.content-strip-item.content-strip-standard .post-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.content-strip-item.content-strip-standard .post-title a {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: inherit;
}
.content-strip-item.content-strip-standard .paragraph {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0;
  max-width: 500px;
}
.content-strip-item.content-strip-standard .paragraph a {
  font-size: 12px;
  font-size: 0.75rem;
  color: inherit;
}
.content-strip-item.content-strip-slim .no-link,
.content-strip-item.content-strip-slim .block-link {
  padding: 10px 0;
}
.content-strip-item.content-strip-slim .title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  color: inherit;
}
.content-strip-item.content-strip-slim .title a {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  color: inherit;
}
.content-strip-item.content-strip-slim .post-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
}
.content-strip-item.content-strip-slim .post-title a {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: inherit;
}
.content-strip-item.content-strip-slim .paragraph {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.content-strip-item.content-strip-slim .paragraph a {
  font-size: 14px;
  font-size: 0.875rem;
  color: inherit;
}

/* ==========================================================================
#Slick Slider
========================================================================== */
.content-slick.inline-slick .slick-slide:focus {
  outline: 0;
}
.content-slick.inline-slick .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-radius: 0;
  transform: translateY(-50%);
}
.content-slick.inline-slick .slick-arrow:focus {
  outline: 0;
}
.content-slick.inline-slick .slick-arrow svg {
  display: block;
  width: inherit;
  height: inherit;
  fill: #fff;
  stroke-width: 2px;
  stroke: #000;
}
.content-slick.inline-slick .slick-arrow.slick-next {
  right: 5px;
}
.content-slick.inline-slick .slick-arrow.slick-prev {
  left: 5px;
}
.content-slick.inline-slick .slick-arrow.slick-disabled {
  opacity: 0.2;
}

.section-background.why-we-are-different .container-fluid,
.section-background.why-we-are-different .container-full {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different .container-fluid {
    /* padding-left: 30px;
    padding-right: 30px; */
  }
}
.section-background.why-we-are-different .content-strip-item.content-strip-standard {
  flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content.block-content-image {
    width: 50%;
  }
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content {
    padding: 3.5rem 2rem !important;
  }
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content.side-right {
    margin-left: 50%;
  }
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content-image {
    position: absolute;
    top: 0%;
    left: 0;
    height: 100%;
  }
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content-image.side-left {
    left: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard {
    flex-direction: row;
  }
}
.section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  min-height: 450px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content-image {
    min-height: unset;
    width: 50%;
  }
}
.section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content-image.left {
  right: 0;
}
.section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content-image.left {
  left: 0;
}
.section-background.why-we-are-different .content-strip-item.content-strip-standard .title {
  font-size: 40px;
  font-size: 2.5rem;
  /* margin-top: calc(-100px - 4rem); */
  padding-bottom: 2rem !important;
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .title {
    font-size: 50px;
    font-size: 3.125rem;
    left: initial;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    right: 0;
    top: initial;
    max-width: 90vw;
    text-align: left;
  }
}
@media only screen and (min-width: 2560px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .title {
    margin: unset;
    text-align: center;
    width: auto;
  }
}
.section-background.why-we-are-different .content-strip-item.content-strip-standard .paragraph {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .paragraph {
    line-height: 1.5;
    text-align: justify;
  }
}
@media only screen and (min-width: 2560px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .paragraph {
    padding-left: 0;
  }
}
.section-background.why-we-are-different .content-strip-item.content-strip-standard .cta-btn-container {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .cta-btn-container {
    text-align: left;
  }
}
@media only screen and (min-width: 2560px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .cta-btn-container {
    padding-left: 0;
  }
}
.section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content {
  padding: 2rem 1rem;
  padding-top: 4rem;
  text-align: initial !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  /* max-width: 500px; */
  width: 100%
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content {
    padding-top: 2em;
    padding-left: 100px;
    text-align: right !important;
    width: 50%;
  }
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content.side-left {
    padding-right: 130px;
  }
}
@media only screen and (min-width: 2560px) {
  .section-background.why-we-are-different .content-strip-item.content-strip-standard .block-content {
    max-width: unset;
  }
}
@media only screen and (min-width: 768px) {
  .section-background.why-we-are-different.image-right .content-strip-item.content-strip-standard {
    background-position-x: 100%;
    flex-direction: row;
  }
  .section-background.why-we-are-different.image-right .content-strip-item.content-strip-standard .block-content {
    width: 50%;
    padding-right: 0;
    max-width: unset;
    justify-content: left;
    align-items: start;
    overflow: hidden;
  }
  .section-background.why-we-are-different.image-right .content-strip-item.content-strip-standard .paragraph {
    line-height: 1.5rem;
  }
  .section-background.why-we-are-different.image-right .content-strip-item.content-strip-standard .title {
    text-align: left;
  }
}

/* Table of Contents
==================================================

    #Site Footer
    #Footer Columns
    #Footer Copy
    #Careers Blog Footer

==================================================
*/
/* ==========================================================================
#Site Footer
========================================================================== */
.site-footer {
  display: flex;
  flex-direction: column;
}

/* ==========================================================================
#Footer Columns
========================================================================== */
#footer-columns {
  background-color: #938A81;
  padding-left: 15px;
  padding-right: 15px;
  /* Overwrite Klaviyo styled forms */
}
#footer-columns .container-fluid {
  padding-top: 12px;
}
@media only screen and (min-width: 992px) {
  #footer-columns .container-fluid {
    padding: 60px 0 50px 0;
    max-width: 85%;
  }
}
@media only screen and (min-width: 992px) {
  #footer-columns {
    display: block;
  }
}
#footer-columns ul {
  padding: 1rem 0;
  list-style: none;
  margin: 0;
  color: #f8f8f8;
}
@media only screen and (min-width: 992px) {
  #footer-columns {
    display: block;
  }
  #footer-columns ul {
    padding: 0;
  }
}
#footer-columns ul:not(.footer-links-parent) {
  padding: 0;
}
#footer-columns .footer-links-parent svg {
  width: 26px;
  height: 26px;
}
#footer-columns .footer-links-parent .footer-social {
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  width: 150px;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-parent .footer-social {
    margin-left: unset;
    margin-right: unset;
    margin-bottom: 0;
  }
}
#footer-columns .footer-links-parent .footer-contact {
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 280px;
}
@media only screen and (max-width: 991px) {
  #footer-columns .footer-links-parent .footer-contact {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-parent .footer-contact {
    align-items: flex-start;
    flex-direction: column;
    margin-left: unset;
    margin-right: unset;
  }
}
#footer-columns .footer-links-parent .footer-contact .contact-item {
  font-weight: 400;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  #footer-columns .footer-links-parent .footer-contact .contact-item {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-parent .footer-contact .contact-item {
    margin-top: 30px;
  }
}
#footer-columns .footer-links-parent .footer-contact .contact-item p {
  font-weight: 400;
  margin: 0px;
  font-family: "GTAmericaStandard", serif;
}
#footer-columns .footer-links-parent .footer-contact .contact-item svg {
  height: 22px;
  margin-right: 5px;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-parent .footer-contact .contact-item svg {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 991px) {
  #footer-columns .footer-links-parent li.footer-logo {
    margin-bottom: 30px;
    text-align: center;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-parent li.footer-logo {
    margin-top: -10px;
    margin-bottom: 20px;
  }
}
#footer-columns .footer-links-parent li.footer-logo svg {
  width: 200px;
  height: 85px;
}
@media only screen and (max-width: 991px) {
  #footer-columns .footer-links-parent li.footer-logo svg {
    margin: 0 auto;
  }
}
#footer-columns .footer-links-contact {
  order: 0;
}
#footer-columns .footer-links-menu {
  padding: 10px 15px;
  order: 2;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-menu {
    padding: 0;
  }
}
#footer-columns .footer-links-menu details > summary {
  list-style-type: none;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-menu details > summary {
    pointer-events: none;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#footer-columns .footer-links-menu details .footer-links-child {
  margin-top: 12px;
}
#footer-columns .footer-links-menu details > summary::-webkit-details-marker {
  display: none;
}
#footer-columns .footer-links-menu details > summary::after {
  width: 15px;
  height: 10px;
  display: inline-block;
  content: "";
  -webkit-mask: url("icon-chevron-down.svg") no-repeat 50% 50%;
  mask: url("icon-chevron-down.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
  right: 10px;
  position: absolute;
  top: 14px;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-menu details > summary::after {
    display: none;
    -webkit-mask: none;
    mask: none;
  }
}
#footer-columns .footer-links-menu details[open] > summary::after {
  transform: rotate(180deg);
}
#footer-columns .footer-newsletter .klaviyo-form > div {
  justify-content: flex-start !important;
}
#footer-columns .footer-newsletter .klaviyo-form div[data-testid=form-row] div[data-testid=form-component] {
  background: transparent !important;
  padding: 0px !important;
}
#footer-columns .footer-newsletter .klaviyo-form strong {
  font-size: 1.125rem !important;
  font-family: "ArizonaMix", serif !important;
  font-weight: 400 !important;
  color: #f8f8f8 !important;
  display: block !important;
  margin-bottom: 6px !important;
  text-align: left !important;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-newsletter .klaviyo-form strong {
    margin-bottom: 20px !important;
  }
}
#footer-columns .footer-newsletter .klaviyo-form span {
  font-family: "GTAmericaStandard", serif !important;
  display: block !important;
  margin-bottom: 10px !important;
  font-size: 14px !important;
  text-align: left !important;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-newsletter .klaviyo-form span {
    margin-bottom: 11px !important;
  }
}
#footer-columns .footer-newsletter .klaviyo-form input {
  height: 40px !important;
  border: 1px solid #fff !important;
  border-radius: 4px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  width: 97% !important;
  text-align: left !important;
  float: left !important;
  background-color: transparent !important;
  margin-right: 0px !important;
  color: #fff !important;
  font-family: "GTAmericaStandard", serif !important;
}
#footer-columns .footer-newsletter .klaviyo-form input::placeholder {
  color: #fff !important;
  font-family: "GTAmericaStandard", serif !important;
}
#footer-columns .footer-newsletter .klaviyo-form button[type=button] {
  background: #E9EAEE !important;
  color: #000000 !important;
  text-align: center !important;
  font-size: 14px !important;
  font-family: "GTAmericaStandard", serif !important;
  cursor: pointer !important;
  float: right !important;
  width: 30% !important;
  height: 40px !important;
  border-radius: 4px !important;
  border: 0px !important;
  padding: 0px !important;
}
#footer-columns .footer-newsletter .klaviyo-form input[type=submit] {
  display: none !important;
}
#footer-columns .footer-newsletter .elq-item-input {
  border: 1px solid #fff;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-contact {
    flex-basis: 25%;
  }
  #footer-columns .footer-links-menu {
    flex-basis: 20%;
  }
  #footer-columns .footer-newsletter {
    flex-basis: 35%;
  }
  #footer-columns .footer-links-contact,
#footer-columns .footer-newsletter,
#footer-columns .footer-links-menu {
    order: unset;
    text-align: left;
  }
}
#footer-columns .footer-link-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #f8f8f8;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-link-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#footer-columns .footer-link-title svg {
  display: none;
}
#footer-columns a {
  color: #f8f8f8;
  text-decoration: none;
}
#footer-columns a:hover {
  text-decoration: underline;
}
#footer-columns .footer-links-listing {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-listing {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#footer-columns .footer-links-listing:last-of-type {
  margin-bottom: 0;
}
#footer-columns .mobile-navigation-header {
  display: none;
}
#footer-columns .footer-newsletter {
  order: 1;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-newsletter {
    text-align: left;
  }
}
#footer-columns .footer-newsletter .footer-link-title {
  margin-bottom: 6px;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-newsletter .footer-link-title {
    margin-bottom: 20px;
  }
}
#footer-columns .footer-newsletter .newsletter-form-description {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-newsletter .newsletter-form-description {
    margin-bottom: 11px;
  }
}
#footer-columns .footer-newsletter button {
  min-width: 110px;
  text-transform: uppercase;
}
#footer-columns .footer-newsletter input {
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: 10px;
  width: unset;
  font-family: "GTAmericaStandard";
}
#footer-columns .footer-newsletter input,
#footer-columns .footer-newsletter button {
  font-size: 12px;
  height: 40px;
  font-family: "GTAmericaStandard";
}
#footer-columns .footer-links-parent {
  border-bottom: 1px solid;
}
#footer-columns .footer-links-parent.footer-links-contact {
  border-bottom: none;
}
@media only screen and (min-width: 992px) {
  #footer-columns .footer-links-parent {
    border-bottom: none;
  }
}

/* ==========================================================================
#Footer Copy
========================================================================== */
#footer-copy {
  background-color: #938A81;
  padding-left: 15px;
  padding-right: 15px;
}
#footer-copy .container-fluid {
  padding-bottom: 10px;
  padding-top: 25px;
}
@media only screen and (min-width: 992px) {
  #footer-copy .container-fluid {
    padding: 0 0 20px 0;
    max-width: 85%;
  }
}
#footer-copy .container-fluid .col-lg {
  padding-left: 0;
  padding-right: 0;
}
#footer-copy .footer-copyright-container {
  order: 1;
}
@media only screen and (min-width: 992px) {
  #footer-copy .footer-copyright-container {
    flex-basis: 30%;
    order: unset;
  }
}
#footer-copy .footer-copyright-container .site-copyright {
  color: #f8f8f8;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
}
#footer-copy ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer-copy ul li {
  margin-right: 5px;
}
#footer-copy ul li:last-of-type {
  margin-right: 0;
}
#footer-copy .social-connect svg {
  display: block;
  width: auto;
  height: 22px;
}
#footer-copy .social-connect svg path {
  fill: #f8f8f8;
  transition: all 0.35s ease;
}
#footer-copy .social-connect a:hover > svg path {
  fill: #f8f8f8;
  transition: all 0.35s ease;
}
@media only screen and (min-width: 992px) {
  #footer-copy .footer-payment-icons-container {
    flex-basis: 40%;
  }
}
#footer-copy .footer-payment-icons {
  order: 0;
}
@media only screen and (min-width: 992px) {
  #footer-copy .footer-payment-icons {
    order: unset;
  }
}
#footer-copy .footer-payment-icons svg {
  display: block;
  height: 25px;
  width: auto;
}
#footer-copy .footer-payment-icons svg path {
  fill: #f8f8f8;
}
#footer-copy .footer-links {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
#footer-copy .footer-links-listing {
  margin-bottom: 16px;
  margin-right: 0;
  width: 100%;
}
#footer-copy .footer-links-listing a {
  color: #f8f8f8;
  text-decoration: none;
}
#footer-copy .footer-links-listing a:hover {
  text-decoration: underline;
}
#footer-copy .footer-links-listing:last-of-type {
  margin-bottom: 0;
}

.blog-listing-container {
  display: grid;
  grid-template-columns: 100%;
  gap: 30px;
}
@media only screen and (min-width: 576px) {
  .blog-listing-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .blog-listing-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ==========================================================================
#Careers Blog Footer
========================================================================== */
.blog-container.careers {
  background-color: #f8f8f8;
  padding-bottom: 30px;
  margin-bottom: 0 !important;
  max-width: none;
}
@media only screen and (min-width: 1200px) {
  .blog-container.careers {
    padding: 0 0 3rem 0;
    max-width: 85%;
    margin-bottom: 6rem !important;
  }
}
.blog-container.careers h2 {
  color: #000000 !important;
  padding: 2rem 0;
}
.blog-container.careers .blog-listing-container {
  gap: 10px;
}
@media only screen and (min-width: 992px) {
  .blog-container.careers .blog-listing-container {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 8%;
  }
}
.blog-container.careers .blog-listing-container .blog-listing {
  background: white;
  border-radius: 5px;
}
.blog-container.careers .blog-listing-container .blog-listing .article-link {
  padding: 1rem !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  color: #000000 !important;
}
.blog-container.careers .blog-listing-container .blog-listing .article-link .blog-location {
  color: #000000 !important;
  margin-bottom: 0 !important;
}
.blog-container.careers .blog-listing-container .blog-listing .article-link .icon-plusminus {
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.blog-container.careers .blog-listing-container .blog-listing .article-link .icon-plusminus:before {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  vertical-align: top;
  width: 10px;
  transition: 350ms;
}

.redirect-popup {
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #2E3192;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  width: calc(100% - 30px);
}

@media only screen and (min-width: 576px) {
  .redirect-popup {
    width: auto;
    padding: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .redirect-popup {
    max-width: 480px;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.redirect-popup.active {
  visibility: visible;
  opacity: 1;
  z-index: 151;
}

.redirect-popup .redirect-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.redirect-popup .redirect-content p {
  text-align: center;
}

.redirect-popup .redirect-content .btn-redirect {
  margin-bottom: 1rem;
}

.redirect-popup .redirect-content .redirect-close {
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
}

.redirect-popup .redirect-content .redirect-close:hover,
.redirect-popup .redirect-content .redirect-close:active {
  color: rgba(0, 0, 0, 0.7);
}

.redirect-overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.redirect-overlay.active {
  visibility: visible;
  opacity: 1;
  z-index: 150;
}

/* Table of Contents
==================================================

    #Site USP
    #Site USP Slick Slider

==================================================
*/
/* ==========================================================================
#Site USP
========================================================================== */
.site-usp-homepage h2 {
  font-size: 15px;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 992px) {
  .site-usp-homepage h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.site-usp-homepage .usp-item img {
  max-width: 225px !important;
  margin: 0 auto;
}

.shopify-section.site-usp .site-usp-container {
  margin-top: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
  align-items: stretch;
}
@media only screen and (min-width: 992px) {
  .shopify-section.site-usp .site-usp-container {
    padding-top: 45px;
    padding-bottom: 35px;
  }
}
.shopify-section.site-usp .site-usp-container .usp-content {
  flex-grow: 1;
}

@media only screen and (min-width: 992px) {
  .shopify-section.site-usp-large .site-usp-homepage {
    padding-top: 35px;
    padding-bottom: 5px;
  }
}

.site-usp-homepage .site-usp-container .usp-item h3 {
  font-family: "GTAmericaStandard"!important;
}

.site-usp-container {
  display: flex;
  align-items: flex-start;
  padding-top: 35px;
  padding-bottom: 35px;
  flex-wrap: wrap;
}
.site-usp-container.icon-inline-slim {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .site-usp-container {
    flex-direction: row;
    align-items: flex-start;
  }
}
.site-usp-container .usp-item.icon-above {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
  width: 50%;
}
@media only screen and (min-width: 768px) {
  .site-usp-container .usp-item.icon-above {
    padding-bottom: 0;
    padding-left: 5rem;
    padding-right: 5rem;
    width: 25%;
  }
}
.site-usp-container .usp-item.icon-above:last-child {
  border-right: 0;
}
.site-usp-container .usp-item.icon-above > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  text-decoration: none;
}
.site-usp-container .usp-item.icon-above .usp-icon {
  display: block;
  width: 70px;
  height: auto;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .site-usp-container .usp-item.icon-above .usp-icon {
    width: 100px;
  }
}
.site-usp-container .usp-item.icon-above .usp-icon img {
  width: 100%;
}
.site-usp-container .usp-item.icon-above img {
  max-width: 100%;
}
.site-usp-container .usp-item.icon-above .rte p {
  font-size: inherit;
  font-weight: 500;
  color: #000000;
}
.site-usp-container .usp-item.icon-inline,
.site-usp-container .usp-item.icon-inline-slim {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .site-usp-container .usp-item.icon-inline,
.site-usp-container .usp-item.icon-inline-slim {
    padding-bottom: 0;
  }
}
.site-usp-container .usp-item.icon-inline:last-child,
.site-usp-container .usp-item.icon-inline-slim:last-child {
  border-right: 0;
}
.site-usp-container .usp-item.icon-inline > img,
.site-usp-container .usp-item.icon-inline-slim > img {
  margin-bottom: 1rem;
  max-width: 100%;
}
.site-usp-container .usp-item.icon-inline > a,
.site-usp-container .usp-item.icon-inline-slim > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  width: 100%;
  text-decoration: none;
}
.site-usp-container .usp-item.icon-inline .usp-icon,
.site-usp-container .usp-item.icon-inline-slim .usp-icon {
  display: block;
  width: 35px;
  height: auto;
  margin-right: 20px;
}
.site-usp-container .usp-item.icon-inline .rte p,
.site-usp-container .usp-item.icon-inline-slim .rte p {
  font-size: inherit;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0;
}
.site-usp-container .usp-item.icon-above h4,
.site-usp-container .usp-item.icon-inline h4 {
  font-size: 24px;
  font-size: 1.5rem;
  color: #000000;
}
.site-usp-container .usp-item.icon-inline-slim h4 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #000000;
}
.site-usp-container .rte * {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .site-usp-container:not(.inline-slick) .usp-item {
    padding-top: 25px;
  }
}
.site-usp-container .usp-content {
  display: flex;
  flex-direction: column;
}
.site-usp-container .usp-content h4 {
  min-height: 42px;
}
@media only screen and (max-width: 767px) {
  .site-usp-container .usp-content h4 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .site-usp-container .usp-content {
    text-align: center;
  }
}

.usp-content h4 {
  font-family: "GTAmericaStandard"!important;
  text-transform: uppercase;
}

.usp-content > p.text-18 {
  font-family: "ArizonaMix"!important;
}

/* ==========================================================================
#Site USP Slick Slider
========================================================================== */
.site-usp-container.inline-slick .slick-track:focus,
.site-usp-container.inline-slick .slick-slick:focus {
  outline: 0;
}
.site-usp-container.inline-slick .slick-track {
  display: flex !important;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .site-usp-container.inline-slick .slick-track {
    transform: translate3d(0, 0, 0) !important;
  }
}
.site-usp-container.inline-slick .slick-track .slick-slide {
  height: inherit;
}
.site-usp-container.inline-slick .slick-track .slick-slide:focus {
  outline: 0;
}
.site-usp-container.inline-slick .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 129px;
  height: 100%;
  background-color: transparent;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  padding: 5px 0;
  z-index: 4;
  display: flex;
  align-items: center;
}
.site-usp-container.inline-slick .slick-arrow:focus {
  outline: 0;
}
.site-usp-container.inline-slick .slick-arrow svg {
  display: block;
  fill: #000000;
  height: 30px;
}
.site-usp-container.inline-slick .slick-arrow.slick-prev {
  left: 0;
  /*
  background-image: linear-gradient(
    90deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 100%
  );
  */
}
.site-usp-container.inline-slick .slick-arrow.slick-prev svg {
  margin: 0 auto 0 20px;
}
.site-usp-container.inline-slick .slick-arrow.slick-next {
  right: 0px;
  /*
  background-image: linear-gradient(
    -90deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 100%
  );
  */
}
.site-usp-container.inline-slick .slick-arrow.slick-next svg {
  margin: 0 20px 0 auto;
}

.site-usp-homepage:not(.everybody-talking-about-royfort) .slick-slider .slick-arrow svg {
  height: 15px;
}
.site-usp-homepage:not(.everybody-talking-about-royfort) .slick-slider .slick-arrow.slick-prev svg {
  margin: 0 0 0 5px;
}
.site-usp-homepage:not(.everybody-talking-about-royfort) .slick-slider .slick-arrow.slick-next svg {
  margin: 0 5px 0 auto;
}
@media only screen and (min-width: 992px) {
  .site-usp-homepage:not(.everybody-talking-about-royfort) .slick-slider .slick-arrow {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .everybody-talking-about-royfort {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .everybody-talking-about-royfort .site-usp-container.inline-slick {
    padding-top: 5px;
  }
}
.everybody-talking-about-royfort .site-usp-container.inline-slick .slick-arrow {
  background-image: none;
  margin-top: -26px;
}
.everybody-talking-about-royfort .site-usp-container.inline-slick .slick-arrow.slick-next {
  justify-content: flex-end;
}
.everybody-talking-about-royfort .site-usp-container.inline-slick .slick-arrow svg {
  margin: 0;
}
.everybody-talking-about-royfort .slick-list {
  height: auto !important;
}

.usp-accordion .usp-mobile {
  display: none;
}
.usp-accordion .usp-mobile .accordion-parent {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.usp-accordion .usp-mobile .accordion-parent img {
  width: 43px;
  height: 43px;
  margin: 8px 16px;
  transition: 350ms;
}
.usp-accordion .usp-mobile .accordion-parent .accordion-item {
  width: 100%;
}
.usp-accordion .usp-mobile .accordion-parent .accordion-title {
  border-top: none;
}
.usp-accordion .usp-mobile .accordion-parent .accordion-title h3 {
  font-size: 14px;
  font-weight: 600;
}
.usp-accordion .usp-mobile .accordion-parent .accordion-content .rte p {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}
.usp-accordion .usp-mobile .accordion-parent.active img {
  width: 63px;
  height: 63px;
}
@media only screen and (max-width: 991px) {
  .usp-accordion .usp-desktop {
    display: none;
  }
  .usp-accordion .usp-mobile {
    display: block;
  }
}

/* Table of Contents
==================================================

    #Product List Container
    #Product List Row
    #Slick Slider

==================================================
*/
/* ==========================================================================
#Product List Container
========================================================================== */
@media only screen and (min-width: 992px) {
  .shopify-section .product-list-container {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

.product-list-container {
  display: block;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .product-list-container {
    padding-right: 104px;
    padding-left: 104px;
    max-width: 1648px;
  }
}
@media only screen and (min-width: 992px) {
  .product-list-container {
    padding-right: 52px;
    padding-left: 52px;
    max-width: 1544px;
  }
}
@media only screen and (min-width: 992px) {
  .product-list-container .product-list-wrap {
    overflow: hidden;
    width: calc(100% + 5px);
  }
}
@media only screen and (min-width: 992px) {
  .product-list-container.featured-products .product-list-row.inline-slick.slick-initialized {
    z-index: 2;
  }
}
@media only screen and (min-width: 992px) {
  .product-list-container > .product-swatch-listing {
    display: none !important;
  }
}
.product-list-container h3 {
  text-align: center;
  margin-bottom: 20px;
  font-family: "GTAmericaStandard"!important;
  text-transform: uppercase;
}
.product-list-container h2 {
  font-family: "GTAmericaStandard"!important;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .product-list-container h3 {
    margin-bottom: 25px;
  }
}
.product-list-container.featured-products h2.text-title {
  font-family: "GTAmericaStandard"!important;
  text-transform: uppercase;
}

/* ==========================================================================
#Product List Row
========================================================================== */
.product-list-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
}
.product-list-row .product-listing {
  margin-right: 7.5px;
  margin-left: 7.5px;
  margin-bottom: 35px;
  width: calc(50% - 15px);
}
@media only screen and (min-width: 992px) {
  .product-list-row .product-listing {
    width: calc(25% - 15px);
  }
}
@media only screen and (min-width: 768px) {
  .product-list-row.ppr-five .product-listing {
    width: calc(33.33% - 15px);
  }
}
@media only screen and (min-width: 992px) {
  .product-list-row.ppr-five .product-listing {
    width: calc(25% - 15px);
  }
}

/* ==========================================================================
#Slick Slider
========================================================================== */
.product-list-row.inline-slick {
  flex-wrap: nowrap;
  /*
  * BG: We hide the modal here because when the product listing is within slick, we move it outside the slick to prevent issues with positioning.
  */
}
@media only screen and (min-width: 992px) {
  .product-list-row.inline-slick.slick-initialized, .product-list-row.inline-slick.slick-initialized .slick-list {
    overflow: visible;
    z-index: 1;
  }
}
.product-list-row.inline-slick .product-listing {
  margin-bottom: 0;
}
.product-list-row.inline-slick .slick-track {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media only screen and (min-width: 992px) {
  .product-list-row.inline-slick .slick-track {
    transform: translate3d(0px, 0px, 0px) !important;
  }
}
.product-list-row.inline-slick .slick-slide {
  display: flex;
  height: inherit;
}
.product-list-row.inline-slick .slick-slide:focus {
  outline: 0;
}
.product-list-row.inline-slick .slick-slide .product-image > a:focus {
  outline: 0;
}
.product-list-row.inline-slick .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 36px;
  height: 100%;
  background-color: transparent;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  padding: 5px 0;
  z-index: 4;
}
.product-list-row.inline-slick .slick-arrow:focus {
  outline: 0;
}
.product-list-row.inline-slick .slick-arrow svg {
  display: block;
  margin: 0 20px 0 auto;
  fill: #000000;
  height: 30px;
}
.product-list-row.inline-slick .slick-arrow.slick-prev {
  display: none !important;
}
.product-list-row.inline-slick .slick-arrow.slick-next {
  right: 0px;
}
.product-list-row.inline-slick .product-quantity-mobile .quantity-mobile-modal {
  display: none !important;
}
@media only screen and (max-width: 991px) {
  .product-list-row.inline-slick .product-swatch-dropdown .product-swatch-listing {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .product-list-row.inline-slick > .product-swatch-listing {
    display: none !important;
  }
}

/* Table of Contents
==================================================

    #contact-us
    #contact-us__options

==================================================
*/
/* ==========================================================================
#contact-us
========================================================================== */
.contact-us .page-header {
  background: #fff;
  margin-bottom: 0;
  padding-bottom: 0;
}
.contact-us .page-header .container-fluid {
  margin: 40px auto;
}
@media only screen and (min-width: 992px) {
  .contact-us .page-header .container-fluid {
    margin: 60px auto 70px auto;
  }
}
.contact-us .page-header .container-fluid h1 {
  font-size: 28px;
  font-size: 1.75rem;
  text-transform: uppercase;
}

/* ==========================================================================
#contact-us__options
========================================================================== */
@media only screen and (min-width: 992px) {
  .contact-us__options {
    padding: 70px;
    display: flex;
    align-items: stretch;
  }
}

.contact-us__faq,
.contact-us__form {
  padding: 60px 16px;
}
@media only screen and (min-width: 992px) {
  .contact-us__faq,
.contact-us__form {
    width: 50%;
    padding: 60px 115px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .contact-us__faq > div,
.contact-us__form > div {
    width: 100%;
  }
}

.contact-us__faq {
  background: #888B8D;
}
.contact-us__faq > div {
  text-align: center;
}
.contact-us__faq svg {
  display: block;
  width: 77px;
  height: 77px;
  margin: 0 auto 40px;
}
.contact-us__faq h2 {
  color: #fff;
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 10px;
}
.contact-us__faq p {
  color: #fff;
  margin-bottom: 20px;
}
.contact-us__faq .btn, .contact-us__faq .shopify-challenge__button, .contact-us__faq .showcase-button, .contact-us__faq body.template-password .btn, body.template-password .contact-us__faq .btn, .contact-us__faq body.template-password .shopify-challenge__button, body.template-password .contact-us__faq .shopify-challenge__button, .contact-us__faq body.template-password .showcase-button, body.template-password .contact-us__faq .showcase-button, .contact-us__faq body.template-password button[type=submit], body.template-password .contact-us__faq button[type=submit] {
  background: transparent;
  color: #fff;
  padding-left: 60px;
  padding-right: 60px;
}
.contact-us__faq .btn:hover, .contact-us__faq .shopify-challenge__button:hover, .contact-us__faq .showcase-button:hover, .contact-us__faq body.template-password button[type=submit]:hover, body.template-password .contact-us__faq button[type=submit]:hover {
  background: #fff;
  color: #000000;
}

.contact-us__form {
  background-color: #f8f8f8;
}
.contact-us__form h2, .contact-us__form p {
  text-align: center;
  color: #000000;
}
.contact-us__form h2 {
  margin-bottom: 10px;
  font-size: 28px;
  font-size: 1.75rem;
}
.contact-us__form p {
  margin-bottom: 20px;
}
.contact-us__form .btn, .contact-us__form .shopify-challenge__button, .contact-us__form .showcase-button, .contact-us__form body.template-password .btn, body.template-password .contact-us__form .btn, .contact-us__form body.template-password .shopify-challenge__button, body.template-password .contact-us__form .shopify-challenge__button, .contact-us__form body.template-password .showcase-button, body.template-password .contact-us__form .showcase-button, .contact-us__form body.template-password button[type=submit], body.template-password .contact-us__form button[type=submit] {
  padding-left: 60px;
  padding-right: 60px;
}

.shopify-section.contact-us .product-footer {
  background-color: #D9D9D6;
  padding: 40px 0;
}
@media only screen and (min-width: 992px) {
  .shopify-section.contact-us .product-footer {
    padding: 90px 0;
  }
}
.shopify-section.contact-us .product-footer .row {
  flex-direction: column;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 878px;
}
@media only screen and (min-width: 992px) {
  .shopify-section.contact-us .product-footer .row {
    flex-direction: row;
  }
}
.shopify-section.contact-us .product-footer .row .product-footer-block {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .shopify-section.contact-us .product-footer .row .product-footer-block {
    margin-bottom: 0px;
  }
}
.shopify-section.contact-us .product-footer h4 {
  text-align: center;
  margin-bottom: 0.5rem;
  color: #000000;
}
.shopify-section.contact-us .product-footer .rte p {
  font-size: 0.75rem;
  color: #000000;
}

/* ==========================================================================
#Snippets
========================================================================== */
/*================ Animations ================*/
.animation-cropper {
  overflow: hidden;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.animation-delay-1 {
  animation-delay: 0s !important;
}

.animation-delay-2 {
  animation-delay: 0.12s !important;
}

.animation-delay-3 {
  animation-delay: 0.18s !important;
}

.animation-delay-4 {
  animation-delay: 0.24s !important;
}

.animation-delay-5 {
  animation-delay: 0.3s !important;
}

.animation-delay-6 {
  animation-delay: 0.36s !important;
}

.animation-delay-7 {
  animation-delay: 0.42s !important;
}

.animation-delay-8 {
  animation-delay: 0.48s !important;
}

.animation-delay-9 {
  animation-delay: 0.54s !important;
}

.animation-delay-10 {
  animation-delay: 0.6s !important;
}

.animation-delay-11 {
  animation-delay: 0.66s !important;
}

.animation-delay-12 {
  animation-delay: 0.72s !important;
}

.animation-delay-13 {
  animation-delay: 0.78s !important;
}

.animation-delay-14 {
  animation-delay: 0.84s !important;
}

.animation-delay-15 {
  animation-delay: 0.9s !important;
}

.animation-delay-16 {
  animation-delay: 0.96s !important;
}

.animation-delay-17 {
  animation-delay: 1.02s !important;
}

.animation-delay-18 {
  animation-delay: 1.08s !important;
}

.animation-delay-19 {
  animation-delay: 1.14s !important;
}

html[data-transitions=true],
html[data-transitions=true].unloading {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

html[data-transitions=true].loaded {
  overflow: unset;
}

.transitions-container {
  background: #fff;
  overflow: hidden;
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  z-index: 9999999;
}

.no-js .transitions-container {
  opacity: 1;
}

.transition-logo img {
  height: 35px;
}

.loaded .transitions-container {
  animation: page-fade-in-up-out 0.2s 0.1s ease forwards;
}

.loaded .transition-logo {
  animation: page-slow-fade-out 0.1s ease forwards;
}

.unloading .transitions-container {
  opacity: 0;
  animation: page-fade-in-up 0.2s ease forwards;
}
@media only screen and (max-width: 1200px) {
  .unloading .transitions-container {
    animation: page-fade-in-up 0.2s 0.4s ease forwards;
  }
}

.unloading .transition-logo {
  display: none;
}

.pulse img {
  animation: pulse 1s infinite ease-in-out alternate;
}

@keyframes pulse {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes page-fade-in-up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes page-fade-in-up-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
@keyframes page-slow-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes page-slow-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes page-slide-reveal-across {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100vw);
  }
}
@keyframes page-slide-reveal-across-out {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes page-slide-reveal-down {
  0% {
    transform: translateY(0);
  }
  99% {
    transform: translateY(110vh);
  }
  100% {
    height: 0;
  }
}
@keyframes page-slide-reveal-down-out {
  0% {
    transform: translateY(110vh);
  }
  100% {
    transform: translateY(0);
  }
}
/* Table of Contents
==================================================

    #Header Navigation Desktop
    #Header Navigation Mobile
    #Mobile Navigation Account

==================================================
*/
/* ==========================================================================
#Header Navigation Desktop
========================================================================== */
#header-navigation-desktop {
  /* ipad Pro Portrait */
}
@media only screen and (min-width: 992px) {
  #header-navigation-desktop {
    max-width: 50%;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #header-navigation-desktop {
    padding: 0 25px 0;
  }
}

#site-navigation-right {
  display: flex;
}

#site-navigation-right .first-level {
  position: relative;
}
#site-navigation-right .second-level {
  position: absolute;
  padding: 26px;
  left: -26px;
  margin-top: 3px;
}

#site-navigation-right .first-level-listing:last-of-type a.title-font:hover {
  border: none;
}

#header-navigation-desktop #site-navigation .second-level {
  display: flex !important;
}
#header-navigation-desktop #site-navigation .left-menu .btn-primary, #header-navigation-desktop #site-navigation .left-menu body.template-password .btn, body.template-password #header-navigation-desktop #site-navigation .left-menu .btn, #header-navigation-desktop #site-navigation .left-menu body.template-password .shopify-challenge__button, body.template-password #header-navigation-desktop #site-navigation .left-menu .shopify-challenge__button, #header-navigation-desktop #site-navigation .left-menu body.template-password .showcase-button, body.template-password #header-navigation-desktop #site-navigation .left-menu .showcase-button, #header-navigation-desktop #site-navigation .left-menu body.template-password button[type=submit], body.template-password #header-navigation-desktop #site-navigation .left-menu button[type=submit] {
  display: inline-block;
}

@media only screen and (max-width: 1200px) {
  #header-navigation-desktop #site-navigation,
#site-navigation-right {
    display: none;
  }
}
#header-navigation-desktop #site-navigation ul,
#site-navigation-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#header-navigation-desktop #site-navigation a,
#site-navigation-right a {
  display: block;
  font-size: 0.9rem;
  color: #000000;
  text-decoration: none;
}
#header-navigation-desktop #site-navigation a:hover,
#site-navigation-right a:hover {
  text-decoration: none;
}
#header-navigation-desktop #site-navigation a.btn-primary, #header-navigation-desktop #site-navigation body.template-password a.btn, body.template-password #header-navigation-desktop #site-navigation a.btn, #header-navigation-desktop #site-navigation body.template-password a.shopify-challenge__button, body.template-password #header-navigation-desktop #site-navigation a.shopify-challenge__button, #header-navigation-desktop #site-navigation body.template-password a.showcase-button, body.template-password #header-navigation-desktop #site-navigation a.showcase-button,
#site-navigation-right a.btn-primary,
#site-navigation-right body.template-password a.btn,
body.template-password #site-navigation-right a.btn,
#site-navigation-right body.template-password a.shopify-challenge__button,
body.template-password #site-navigation-right a.shopify-challenge__button,
#site-navigation-right body.template-password a.showcase-button,
body.template-password #site-navigation-right a.showcase-button {
  padding: 10px 50px;
}
#header-navigation-desktop #site-navigation svg,
#site-navigation-right svg {
  display: block;
  width: 6px;
  height: 10px;
  fill: #606263;
  transition: all 0.35s ease;
}
#header-navigation-desktop #site-navigation .first-level,
#site-navigation-right .first-level {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 993px) and (max-width: 1100px) {
  #header-navigation-desktop #site-navigation .first-level,
#site-navigation-right .first-level {
    flex-wrap: nowrap;
  }
}
#header-navigation-desktop #site-navigation .first-level-listing a,
#site-navigation-right .first-level-listing a {
  font-family: "GTAmericaStandard"!important;
  margin-right: 15px;
}
#header-navigation-desktop #site-navigation .first-level-listing:last-of-type,
#site-navigation-right .first-level-listing:last-of-type {
  margin-right: 0;
}
#header-navigation-desktop #site-navigation .first-level-listing > a,
#site-navigation-right .first-level-listing > a {
  position: relative;
  letter-spacing: 1px;
}
#header-navigation-desktop #site-navigation .first-level-listing > a:hover,
#site-navigation-right .first-level-listing > a:hover {
  border-bottom: 1px solid #808080;
  margin-bottom: -1px;
  /* prevent the hippy hops */
}
#header-navigation-desktop #site-navigation .first-level-listing > a > svg,
#site-navigation-right .first-level-listing > a > svg {
  display: none;
}
#header-navigation-desktop #site-navigation .first-level-listing.active a:after, #header-navigation-desktop #site-navigation .first-level-listing:hover a:after,
#site-navigation-right .first-level-listing.active a:after,
#site-navigation-right .first-level-listing:hover a:after {
  width: 100%;
}
#header-navigation-desktop #site-navigation .left-menu,
#site-navigation-right .left-menu {
  min-width: 350px;
  padding: 24px 48px 16px;
}
#header-navigation-desktop #site-navigation .left-menu .main-title-dropdown-menu,
#site-navigation-right .left-menu .main-title-dropdown-menu {
  font-size: 18px;
  font-size: 1.125rem;
  color: #2E3192;
}
#header-navigation-desktop #site-navigation .second-level,
#site-navigation-right .second-level {
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #fff;
}
#header-navigation-desktop #site-navigation .second-level-listing:last-of-type,
#site-navigation-right .second-level-listing:last-of-type {
  margin-right: 0;
}
#header-navigation-desktop #site-navigation .second-level-listing.has-children,
#site-navigation-right .second-level-listing.has-children {
  position: relative;
}
#header-navigation-desktop #site-navigation .second-level-listing > a,
#site-navigation-right .second-level-listing > a {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 10px 0;
  transition: all 0.35s ease;
  min-width: 300px;
  position: relative;
}
#header-navigation-desktop #site-navigation .second-level-listing > a:hover,
#site-navigation-right .second-level-listing > a:hover {
  color: #2E3192;
}
#header-navigation-desktop #site-navigation .second-level-listing > a > .nav-description,
#site-navigation-right .second-level-listing > a > .nav-description {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 100;
  display: inline-block;
  font-family: "GTAmericaStandard", serif;
}
@media only screen and (max-width: 991px) {
  #header-navigation-desktop #site-navigation .second-level-listing > a > .nav-description,
#site-navigation-right .second-level-listing > a > .nav-description {
    display: block;
  }
}
#header-navigation-desktop #site-navigation .second-level-listing > a > .nav-label,
#site-navigation-right .second-level-listing > a > .nav-label {
  color: #2E3192;
  font-size: 9px;
  font-size: 0.5625rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#header-navigation-desktop #site-navigation .second-level-listing > a > svg,
#site-navigation-right .second-level-listing > a > svg {
  display: none;
}
#header-navigation-desktop #site-navigation .site-navigation-megamenu,
#site-navigation-right .site-navigation-megamenu {
  position: fixed;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #fff;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-2rem);
  transition: transform 0.5s ease, z-index 0.5s ease, opacity 0.2s ease, visibility 0.2s ease;
  max-height: calc(100vh - 116px);
  overflow: auto;
  margin-top: 10px;
}
@media only screen and (min-width: 1200px) {
  body {
    position: relative;
  }
  #header-navigation-desktop #site-navigation .site-navigation-megamenu,
#site-navigation-right .site-navigation-megamenu {
    padding-right: 104px;
    padding-left: 104px;
    position: absolute;
    top: 100%;
    margin-top: 1px;
    transform: translate(0) !important;
  }
}
@media only screen and (min-width: 992px) {
  #header-navigation-desktop #site-navigation .site-navigation-megamenu,
#site-navigation-right .site-navigation-megamenu {
    padding-right: 52px;
    padding-left: 52px;
    box-shadow: 0px 16px 20px #0000006e;
  }
}
#header-navigation-desktop #site-navigation .third-level,
#site-navigation-right .third-level {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(25% - 32.5px);
  border-right: 1px solid #E3E3E3;
}
#header-navigation-desktop #site-navigation .third-level-listing > a,
#site-navigation-right .third-level-listing > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 0;
  padding-right: 32px;
  color: #000000;
  transition: all 0.35s ease;
}
#header-navigation-desktop #site-navigation .third-level-listing > a:hover,
#site-navigation-right .third-level-listing > a:hover {
  color: #2E3192;
}
#header-navigation-desktop #site-navigation .third-level-listing.active > a, #header-navigation-desktop #site-navigation .third-level-listing:hover > a,
#site-navigation-right .third-level-listing.active > a,
#site-navigation-right .third-level-listing:hover > a {
  color: #2E3192;
}
#header-navigation-desktop #site-navigation .third-level-listing.active > a svg, #header-navigation-desktop #site-navigation .third-level-listing:hover > a svg,
#site-navigation-right .third-level-listing.active > a svg,
#site-navigation-right .third-level-listing:hover > a svg {
  fill: #2E3192;
}
#header-navigation-desktop #site-navigation .fourth-level,
#site-navigation-right .fourth-level {
  position: absolute;
  left: 0%;
  top: 0px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: left 0.5s ease, z-index 0.2s ease, opacity 0.1s ease, visibility 0.1s ease;
}
@media only screen and (min-width: 992px) {
  #header-navigation-desktop #site-navigation .fourth-level.two-column,
#site-navigation-right .fourth-level.two-column {
    flex-wrap: wrap;
    width: calc(200% + 32.5px + 32.5px + 32.5px);
    height: 100%;
  }
  #header-navigation-desktop #site-navigation .fourth-level.two-column > .fourth-level-listing,
#site-navigation-right .fourth-level.two-column > .fourth-level-listing {
    width: 33.3%;
  }
}
#header-navigation-desktop #site-navigation .fourth-level-listing > a,
#site-navigation-right .fourth-level-listing > a {
  padding: 14px 0;
  color: #000000;
  transition: all 0.35s ease;
  padding-left: 32px;
}
#header-navigation-desktop #site-navigation .fourth-level-listing > a:hover,
#site-navigation-right .fourth-level-listing > a:hover {
  color: #2E3192;
}
#header-navigation-desktop #site-navigation .navigation-featured-menu,
#site-navigation-right .navigation-featured-menu {
  align-self: center;
  max-width: 400px;
  width: 100%;
}
#header-navigation-desktop #site-navigation .navigation-featured-menu a,
#site-navigation-right .navigation-featured-menu a {
  display: block;
  padding: 24px 24px 16px;
  text-decoration: none;
}
#header-navigation-desktop #site-navigation .navigation-featured-menu a:hover,
#site-navigation-right .navigation-featured-menu a:hover {
  text-decoration: none;
}
#header-navigation-desktop #site-navigation .navigation-featured-menu img,
#site-navigation-right .navigation-featured-menu img {
  display: block;
  margin-bottom: 19px;
  width: 100%;
  object-fit: cover;
}
#header-navigation-desktop #site-navigation .navigation-featured-menu .featured-menu-title,
#site-navigation-right .navigation-featured-menu .featured-menu-title {
  display: block;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  color: #2E3192;
  margin-bottom: 6px;
}
#header-navigation-desktop #site-navigation .navigation-featured-menu .featured-menu-cta,
#site-navigation-right .navigation-featured-menu .featured-menu-cta {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  color: #000000;
  text-decoration: none;
}
#header-navigation-desktop #site-navigation .first-level-listing.active .second-level, #header-navigation-desktop #site-navigation .first-level-listing:hover .second-level,
#site-navigation-right .first-level-listing.active .second-level,
#site-navigation-right .first-level-listing:hover .second-level {
  display: flex;
}
#header-navigation-desktop #site-navigation .first-level-listing.has-children.active .site-navigation-megamenu, #header-navigation-desktop #site-navigation .first-level-listing.has-children:hover .site-navigation-megamenu,
#header-navigation-desktop #site-navigation .second-level-listing.has-children.active .site-navigation-megamenu,
#header-navigation-desktop #site-navigation .second-level-listing.has-children:hover .site-navigation-megamenu,
#site-navigation-right .first-level-listing.has-children.active .site-navigation-megamenu,
#site-navigation-right .first-level-listing.has-children:hover .site-navigation-megamenu,
#site-navigation-right .second-level-listing.has-children.active .site-navigation-megamenu,
#site-navigation-right .second-level-listing.has-children:hover .site-navigation-megamenu {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transform: translateY(0rem);
  transition: transform 0.3s ease, z-index 0.3s ease, opacity 0.65s ease, visibility 0.65s ease;
}
#header-navigation-desktop #site-navigation .first-level-listing.has-children > a > svg,
#header-navigation-desktop #site-navigation .second-level-listing.has-children > a > svg,
#site-navigation-right .first-level-listing.has-children > a > svg,
#site-navigation-right .second-level-listing.has-children > a > svg {
  display: inline-block;
  margin-left: 0.2rem;
}
#header-navigation-desktop #site-navigation .third-level-listing.has-children.active .fourth-level, #header-navigation-desktop #site-navigation .third-level-listing.has-children:hover .fourth-level,
#site-navigation-right .third-level-listing.has-children.active .fourth-level,
#site-navigation-right .third-level-listing.has-children:hover .fourth-level {
  left: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transition: left 0.25s ease, z-index 0.3s ease, opacity 1.2s ease, visibility 1.2s ease;
}
#header-navigation-desktop #site-navigation .mobile-navigation-header,
#site-navigation-right .mobile-navigation-header {
  display: none !important;
}

/* ==========================================================================
#Header Navigation Mobile
========================================================================== */
#header-navigation-mobile {
  background-color: #fff;
  position: fixed;
  padding: 0 15px;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 90px);
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.3s ease;
  z-index: -1;
}
#header-navigation-mobile #site-navigation {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#header-navigation-mobile #site-navigation .btn-secondary {
  border-width: 1px;
  border-color: #000000;
}
#header-navigation-mobile #site-navigation li.first-level-listing,
#header-navigation-mobile #site-navigation li.second-level-listing {
  display: flex;
  line-height: 1;
  border-collapse: collapse;
  border-bottom: 1px solid #c1c1c1;
}
#header-navigation-mobile #site-navigation .second-level-listing a {
  width: 100%;
}
#header-navigation-mobile #site-navigation .second-level-listing a > .nav-description {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 100;
  margin-left: 0.5rem;
}
#header-navigation-mobile #site-navigation .second-level-listing a > .nav-label {
  color: #2E3192;
  font-size: 9px;
  font-size: 0.5625rem;
  margin-left: 0.5rem;
  float: right;
}
#header-navigation-mobile.active {
  visibility: visible;
  opacity: 1;
  z-index: 10;
  transform: translateX(0%);
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) {
  #header-navigation-mobile {
    display: none !important;
  }
}

#header-navigation-mobile #site-navigation {
  position: relative;
  height: 100%;
}
#header-navigation-mobile #site-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#header-navigation-mobile #site-navigation a {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
}
#header-navigation-mobile #site-navigation a:hover {
  text-decoration: none;
}
#header-navigation-mobile #site-navigation svg {
  display: block;
  width: 6px;
  height: 10px;
  fill: #000000;
  transition: all 0.35s ease;
}
#header-navigation-mobile #site-navigation .first-level-listing > a,
#header-navigation-mobile #site-navigation .second-level-listing > a,
#header-navigation-mobile #site-navigation .third-level-listing > a,
#header-navigation-mobile #site-navigation .fourth-level-listing > a,
#header-navigation-mobile #site-navigation .footer-links-listing > a {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000000;
  padding: 14px 25px 14px 16px;
}
#header-navigation-mobile #site-navigation .first-level-listing > a > svg,
#header-navigation-mobile #site-navigation .second-level-listing > a > svg,
#header-navigation-mobile #site-navigation .third-level-listing > a > svg,
#header-navigation-mobile #site-navigation .fourth-level-listing > a > svg,
#header-navigation-mobile #site-navigation .footer-links-listing > a > svg {
  display: none;
}
@media only screen and (max-width: 575px) {
  #header-navigation-mobile #site-navigation .first-level-listing > a,
#header-navigation-mobile #site-navigation .second-level-listing > a,
#header-navigation-mobile #site-navigation .third-level-listing > a,
#header-navigation-mobile #site-navigation .fourth-level-listing > a,
#header-navigation-mobile #site-navigation .footer-links-listing > a {
    position: relative;
    padding: 30px 79px 30px 16px;
  }
  #header-navigation-mobile #site-navigation .first-level-listing > a.nav-image-block,
#header-navigation-mobile #site-navigation .second-level-listing > a.nav-image-block,
#header-navigation-mobile #site-navigation .third-level-listing > a.nav-image-block,
#header-navigation-mobile #site-navigation .fourth-level-listing > a.nav-image-block,
#header-navigation-mobile #site-navigation .footer-links-listing > a.nav-image-block {
    padding: 9px 0px 9px 16px;
  }
  #header-navigation-mobile #site-navigation .first-level-listing > a .nav-description,
#header-navigation-mobile #site-navigation .second-level-listing > a .nav-description,
#header-navigation-mobile #site-navigation .third-level-listing > a .nav-description,
#header-navigation-mobile #site-navigation .fourth-level-listing > a .nav-description,
#header-navigation-mobile #site-navigation .footer-links-listing > a .nav-description {
    display: block;
    margin-left: 0;
  }
  #header-navigation-mobile #site-navigation .first-level-listing > a .nav-label,
#header-navigation-mobile #site-navigation .second-level-listing > a .nav-label,
#header-navigation-mobile #site-navigation .third-level-listing > a .nav-label,
#header-navigation-mobile #site-navigation .fourth-level-listing > a .nav-label,
#header-navigation-mobile #site-navigation .footer-links-listing > a .nav-label {
    margin-left: 0;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
  }
}
#header-navigation-mobile #site-navigation .first-level-listing.has-children > a,
#header-navigation-mobile #site-navigation .second-level-listing.has-children > a,
#header-navigation-mobile #site-navigation .third-level-listing.has-children > a,
#header-navigation-mobile #site-navigation .fourth-level-listing.has-children > a,
#header-navigation-mobile #site-navigation .footer-links-listing.has-children > a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#header-navigation-mobile #site-navigation .first-level-listing.has-children > a > .icon-chevron-right,
#header-navigation-mobile #site-navigation .second-level-listing.has-children > a > .icon-chevron-right,
#header-navigation-mobile #site-navigation .third-level-listing.has-children > a > .icon-chevron-right,
#header-navigation-mobile #site-navigation .fourth-level-listing.has-children > a > .icon-chevron-right,
#header-navigation-mobile #site-navigation .footer-links-listing.has-children > a > .icon-chevron-right {
  display: block;
  margin-left: 0.5rem;
}
#header-navigation-mobile #site-navigation .footer-link-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000000;
  padding: 14px 25px 14px 16px;
  cursor: pointer;
}
#header-navigation-mobile #site-navigation .footer-link-title > .icon-chevron-right {
  display: block;
  margin-left: auto;
}
#header-navigation-mobile #site-navigation .second-level,
#header-navigation-mobile #site-navigation .third-level,
#header-navigation-mobile #site-navigation .fourth-level,
#header-navigation-mobile #site-navigation .footer-links-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  background-color: #fff;
  transform: translateX(-100%);
  transition: all 0.3s ease;
}
#header-navigation-mobile #site-navigation .second-level.active,
#header-navigation-mobile #site-navigation .third-level.active,
#header-navigation-mobile #site-navigation .fourth-level.active,
#header-navigation-mobile #site-navigation .footer-links-child.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateX(0);
  transition: all 0.3s ease;
}
#header-navigation-mobile #site-navigation .second-level .btn-primary, #header-navigation-mobile #site-navigation .second-level body.template-password .btn, body.template-password #header-navigation-mobile #site-navigation .second-level .btn, #header-navigation-mobile #site-navigation .second-level body.template-password .shopify-challenge__button, body.template-password #header-navigation-mobile #site-navigation .second-level .shopify-challenge__button, #header-navigation-mobile #site-navigation .second-level body.template-password .showcase-button, body.template-password #header-navigation-mobile #site-navigation .second-level .showcase-button, #header-navigation-mobile #site-navigation .second-level body.template-password button[type=submit], body.template-password #header-navigation-mobile #site-navigation .second-level button[type=submit] {
  display: inline-block;
  padding: 10px 50px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
}
#header-navigation-mobile #site-navigation .mobile-navigation-header {
  position: relative;
  text-align: center;
  padding: 14px 16px;
  border-bottom: 1px solid #c1c1c1;
}
#header-navigation-mobile #site-navigation .mobile-navigation-header .mobile-navigation-title {
  display: none;
}
#header-navigation-mobile #site-navigation .mobile-navigation-header span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 100;
  color: #000000;
}
#header-navigation-mobile #site-navigation .mobile-navigation-header .mobile-navigate-back {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
#header-navigation-mobile #site-navigation .mobile-navigation-header .mobile-navigate-back > svg {
  display: block;
  width: 16px;
  height: 15px;
  margin-right: 0.5rem;
}
#header-navigation-mobile #site-navigation .navigation-featured-menu {
  display: none !important;
}
#header-navigation-mobile #site-navigation #mobile-navigation-account {
  border-width: 1px;
  padding-bottom: 5px;
  padding-top: 5px;
}
#header-navigation-mobile #site-navigation #mobile-navigation-account a {
  font-weight: 100;
}

/* ==========================================================================
#Mobile Navigation Account
========================================================================== */
#mobile-navigation-account {
  border-top: 2px solid #000000;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 16px !important;
  padding-top: 16px !important;
}
@media only screen and (min-width: 992px) {
  #mobile-navigation-account {
    display: none;
  }
}
#mobile-navigation-account li {
  position: relative;
  border-right: 1px solid #000000;
}
#mobile-navigation-account li:last-child {
  border-right: none;
}
#mobile-navigation-account li > a {
  display: block;
  padding: 4px 16px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000000;
}
#mobile-navigation-account li select {
  padding: 4px 16px;
}
#mobile-navigation-account li:before, #mobile-navigation-account li:after {
  position: absolute;
  left: 14px;
  display: block;
  width: calc(100% - 28px);
  height: 1px;
  content: "";
}
#mobile-navigation-account li:before {
  top: 0;
}
#mobile-navigation-account li:after {
  bottom: 0;
}

#header-navigation-mobile #site-navigation .first-level-listing a {
  font-family: "GTAmericaStandard", serif;
}
#header-navigation-mobile #site-navigation .first-level-listing > a {
  width: 100%;
  padding-right: 0;
  display: flex;
  position: relative;
  align-items: center;
}
#header-navigation-mobile #site-navigation .first-level-listing > a .mobile-image {
  width: 80px;
  height: 60px;
  margin-left: auto;
}
#header-navigation-mobile #site-navigation .first-level-listing > a .mobile-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#header-navigation-mobile .extra-nav a.btn-secondary {
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-weight: 400 !important;
}

/* Table of Contents
==================================================

    #Site Search
    #klevu--fallback
    #klevu--loading-animation

==================================================
*/
/* ==========================================================================
#Site Search
========================================================================== */
#site-search {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  display: none;
  width: 100%;
  height: 65px;
  background-color: #fff;
  z-index: 201;
  transition: all 0.3s ease;
  max-width: 750px;
  margin: 0 auto;
}
#site-search form {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 54px 10px 30px;
  box-shadow: 0px 2px 4px rgba(186, 177, 182, 0.15);
}
#site-search input[type=search] {
  height: 45px;
  border: 1px solid #E3E3E3;
  border-right: 0;
  padding-left: 16px;
  transition: all 0.35s ease;
  width: calc(100% - 45px);
}
#site-search input[type=search]:focus {
  border-color: #2E3192;
  transition: all 0.35s ease;
}
#site-search button[type=submit] {
  width: 45px !important;
  height: 45px;
  background-color: transparent;
  border: 1px solid #E3E3E3;
  border-left: 0;
  border-radius: 0;
  transition: all 0.35s ease;
}
#site-search button[type=submit] .icon {
  height: 22px;
  width: 22px;
  transition: all 0.35s ease;
}
#site-search input[type=search]:focus + button[type=submit] {
  border-color: #2E3192;
  background-color: #2E3192;
  transition: all 0.35s ease;
}
#site-search input[type=search]:focus + button[type=submit] .icon {
  fill: #fff;
  transition: all 0.35s ease;
}

#site-search.active {
  display: block !important;
}
#site-search.active .btn-search-open {
  display: none;
}
#site-search.active .btn-search-close {
  position: absolute;
  top: 22px;
  right: 16px;
  z-index: 11;
}

.instant-results-container ul {
  list-style: none;
  margin: 0;
  padding: 16px;
}
.instant-results-container .results {
  padding: 0;
}
.instant-results-container .result-title {
  font-weight: bold;
  margin-bottom: 20px;
}
.instant-results-container .no-results {
  padding: 16px;
}
.instant-results-container .search-history a {
  text-decoration: none;
}

.result-item {
  margin-bottom: 16px;
}
.result-item > a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  text-decoration: none;
}
.result-item .result-item-image {
  width: 65px;
  flex-shrink: 0;
}
.result-item .result-item-detail {
  margin-left: 10px;
}
.result-item h3 > a {
  text-decoration: none;
  color: #000000;
}
.result-item .product-title, .result-item h3 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.result-item .product-price {
  font-size: 12px;
  font-size: 0.75rem;
}

/* ==========================================================================
#klevu-fallback
========================================================================== */
#klevu-fallback {
  display: none;
  position: absolute;
  left: -999999px;
}

#klevu-fallback.active {
  display: block;
  position: relative;
  left: auto;
}

/* ==========================================================================
#klevu--loading-animation
========================================================================== */
.klevu-loading {
  min-height: calc(100vh - 62px - 35px - 114px);
}

.lds-ring {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: calc(50% - 154px);
  left: 50%;
  margin-top: -40px;
  margin-left: -24px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  margin: 4px;
  border: 4px solid #2E3192;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #2E3192 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*===============================================================
========= CSS for Klevu Quick Search Autosuggest layout =========
=================================================================*/
/* Klevu search result Area*/
.klevu-quick {
  position: fixed;
  z-index: 200;
  top: 65px;
  left: 0px;
  right: 0px;
  overflow: auto;
  display: block;
  width: 100%;
  background-color: #fff;
  padding: 25px 0;
  max-width: 750px;
  max-height: calc(100% - 70px);
  margin: 0 auto;
}

.klevuQuickSearchingArea {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
  .klevuQuickSearchingArea {
    flex-direction: row;
  }
}

.klevuSuggestionsBlock,
.klevuResultsBlock {
  padding: 0 30px;
}

.klevuSuggestionsBlock {
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .klevuSuggestionsBlock {
    border-bottom: none;
    margin-bottom: 0;
    border-right: 1px solid #EAEAEA;
    width: 25%;
  }
}

.klevuQuickNoResults {
  width: 100%;
}

.klevuQuickNoResultsMessage {
  background: #F8F6F7;
  text-align: center;
  padding: 22px;
  width: 100%;
  margin-bottom: 30px;
}

/* Table of Contents
==================================================

    #Full Breadcrumbs
    #Mini Breadcrumbs

==================================================
*/
/* Table of Contents
==================================================
    #Full Breadcrumbs
==================================================
*/
/* ==========================================================================
#Full Breadcrumbs
========================================================================== */
.breadcrumbs {
  height: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 992px) {
  .breadcrumbs {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.breadcrumbs ol {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  list-style: none;
  height: inherit;
  padding: 0;
  margin: 0;
}
.breadcrumbs ol li, .breadcrumbs ol a {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
.breadcrumbs ol li + li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.breadcrumbs ol li + li:before {
  content: "";
  height: 1px;
  width: 5px;
  background-color: #000000;
  margin-left: 5px;
  margin-right: 5px;
}
.breadcrumbs ol a:hover {
  text-decoration: underline;
}

/* ==========================================================================
#Mini Breadcrumbs
========================================================================== */
.mini-breadcrumbs {
  padding-bottom: 5px;
}
.mini-breadcrumbs ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mini-breadcrumbs li > a {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #2E3192;
  text-decoration: none;
}
.mini-breadcrumbs .icon-arrow-left {
  display: block;
  width: 9px;
  height: 10px;
}
.mini-breadcrumbs span[aria-hidden=true] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

/* Table of Contents
==================================================

    #Swatch
    #Swatch Custom
    #Swatch Size
    #Size Guide
    #Quickview Swatch

==================================================
*/
/* ==========================================================================
#Swatch
========================================================================== */
.swatch {
  margin: 1.5em 0;
}

/* Label */
.swatch .header {
  margin: 0.5em 0;
}

/* Hide radio buttons.*/
.swatch input {
  display: none;
}

.swatch label {
  /* Rounded corners */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /* To give width and height */
  float: left;
  /* No extra spacing between them */
  margin: 0;
  /* The border when the button is not selected */
  border: #E3E3E3 1px solid;
  /* Background color */
  background-color: #ddd;
  /* Styling text */
  font-size: 13px;
  text-align: center;
  line-height: 35px;
  white-space: nowrap;
  text-transform: uppercase;
}

.swatch-element label {
  padding: 0 10px;
}

.color.swatch-element label {
  padding: 0;
}

/* Styling selected swatch */
/* Slightly raised */
.swatch .swatch-element {
  margin: 0.5rem 0 0 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* Tooltips */
.swatch .tooltip {
  text-align: center;
  background-color: #000000;
  color: #fff;
  bottom: 100%;
  padding: 10px;
  display: block;
  position: absolute;
  width: 110px;
  left: calc(-73% + 3px);
  margin-bottom: 15px;
  /* Make it invisible by default */
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.875rem;
}
@media only screen and (max-width: 991px) {
  .swatch .tooltip {
    left: -120%;
  }
}

.swatch .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* CSS triangle */
.swatch .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #000000 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.swatch .swatch-element:hover .tooltip {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.swatch.error {
  background-color: #E8D2D2 !important;
  color: #333 !important;
  padding: 1em;
  border-radius: 5px;
}

.swatch.error p {
  margin: 0.7em 0;
}

.swatch.error p:first-child {
  margin-top: 0;
}

.swatch.error p:last-child {
  margin-bottom: 0;
}

.swatch.error code {
  font-family: monospace;
}

/* ==========================================================================
#Swatch Custom
========================================================================== */
.selector-wrapper {
  display: none;
}

.variant-color, .variant-size {
  display: none;
}

.swatch-color {
  display: none;
  margin-bottom: 2rem;
}

.swatch-header {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: 3px;
  padding-bottom: 0.5rem;
}

.variant-size {
  margin-bottom: 2.5rem;
}
.variant-size select {
  width: 100%;
}

/* ==========================================================================
#Swatch Size
========================================================================== */
.swatch-size input:checked + label {
  background-color: #F4EAFD;
  color: #000;
  outline: 1px solid #000;
}
.swatch-size .swatch-element label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 0px !important;
  border: 3px solid #fff;
  background-color: #F4EAFD;
  outline: 1px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.swatch-size .swatch-element label:hover {
  background-color: #F8F6F7;
}

/* ==========================================================================
#Size Guide
========================================================================== */
.swatch .swatch-header .size-guide {
  display: none;
}

.swatch-size {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.swatch-size .swatch-header {
  width: 100%;
}

/* Table of Contents
==================================================

	#Social Sharing Products

==================================================
*/
/* ==========================================================================
#Social Sharing Products
========================================================================== */
.social-sharing-products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 1.5rem -5px 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .social-sharing-products {
    margin-top: 1rem;
  }
}
.social-sharing-products li {
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 1rem;
}
.social-sharing-products .text {
  font-size: 1.125rem;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .social-sharing-products .text {
    width: auto;
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .social-sharing-products .text {
    width: auto;
    margin-right: 2rem;
  }
}
.social-sharing-products li:not(.text) > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.social-sharing-products li:not(.text) > a .icon {
  fill: #000;
  width: 25px;
  height: 25px;
}
@media only screen and (min-width: 992px) {
  .social-sharing-products li:not(.text) > a .icon {
    width: 30px;
    height: 30px;
  }
}

/* Table of Contents
==================================================

    #Site Scroll Top
    #Social Share

==================================================
*/
/* ==========================================================================
#Site Scroll Top
========================================================================== */
#site-scroll-top {
  position: fixed;
  bottom: 130px;
  right: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: 25px;
  background-color: #fff;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.35s ease;
}
#site-scroll-top.visible {
  visibility: visible;
  opacity: 1;
  z-index: 20;
  transition: all 0.35s ease;
}
#site-scroll-top svg {
  display: block;
  width: 14px;
  height: auto;
}
#site-scroll-top svg path {
  fill: #000000;
  transition: all 0.3s ease;
}
#site-scroll-top:hover svg path {
  fill: #2E3192;
  transition: all 0.3s ease;
}

/* ==========================================================================
#Social Share
========================================================================== */
#site-social-share {
  position: fixed;
  bottom: 80px;
  right: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.35s ease;
  width: 36px;
}
#site-social-share.visible {
  visibility: visible;
  opacity: 1;
  z-index: 20;
  transition: all 0.35s ease;
}
#site-social-share ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateX(100%);
  z-index: -1;
  width: 0;
}
#site-social-share ul li {
  margin-right: 16px;
}
#site-social-share #social-share-trigger, #site-social-share li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: 25px;
  background-color: #fff;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.25);
}
#site-social-share #social-share-trigger svg, #site-social-share li > a svg {
  display: block;
  width: auto;
  height: 20px;
}
#site-social-share #social-share-trigger svg path, #site-social-share li > a svg path {
  fill: #000000;
}
#site-social-share #social-share-trigger .icon-close {
  display: none;
}
#site-social-share.active {
  width: auto;
}
#site-social-share.active ul {
  visibility: visible;
  opacity: 1;
  transform: translateX(0%);
  z-index: 20;
  width: auto;
}
#site-social-share.active #social-share-trigger .icon-close {
  display: block;
  height: 17px;
}
#site-social-share.active #social-share-trigger .icon-social-share {
  display: none;
}

/* Table of Contents
==================================================

    #Accordion

==================================================
*/
/* ==========================================================================
#Accordion
========================================================================== */
.accordion-container {
  border-bottom: 2px solid #979797;
}
.accordion-container:last-child {
  border-bottom: none;
}
.accordion-container .accordion-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 0;
  cursor: pointer;
}
.accordion-container .accordion-title h3 {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 992px) {
  .accordion-container .accordion-title h3 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
.accordion-container .accordion-title .icon {
  margin-left: auto;
  transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-content {
  display: none;
}
.accordion-container .accordion-content .rte {
  margin-bottom: 1rem;
}
.accordion-container .accordion-content.kuFilterNames {
  display: block;
}
.accordion-container .accordion-content.kuFilterNames.kuFilterCollapse {
  display: none;
}
.accordion-container .icon-plusminus {
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
  cursor: pointer;
  margin-left: auto;
  margin-right: 20px;
}
.accordion-container .icon-plusminus:before {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  top: 0;
  transform: rotate(-225deg);
  vertical-align: top;
  width: 10px;
  transition: 350ms;
}
.accordion-container .accordion-item.active .icon-plusminus:before {
  transform: rotate(-45deg);
}
.accordion-container .accordion-item.default .icon-plusminus:before {
  transform: rotate(-45deg);
}
.accordion-container .accordion-item.default .accordion-content {
  display: block;
}

/* Table of Contents
==================================================

    #Product Swatch Dropdown
    #Product Colour Swatch

==================================================
*/
/* ==========================================================================
#Product Swatch Dropdown
========================================================================== */
.product-swatch-listing {
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease;
  margin: 0;
  padding: 0;
  max-height: 305px;
  overflow-y: scroll;
}
@media only screen and (max-width: 991px) {
  .product-swatch-listing {
    position: fixed;
    top: auto !important;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.3);
    z-index: 101;
    transform: translateY(100%);
    transition: all 0.35s ease;
  }
}
@media only screen and (min-width: 992px) {
  .product-swatch-listing {
    position: absolute;
    bottom: auto !important;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-top: 0;
    z-index: 5;
    transition: all 0.15s ease;
  }
}
.product-swatch-listing.active {
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
  transition: all 0.35s ease;
}
@media only screen and (min-width: 992px) {
  .product-swatch-listing.active {
    transition: all 0.15s ease;
  }
}
.product-swatch-listing .modal-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
  cursor: pointer;
}
.product-swatch-listing .modal-label .icon {
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 23px;
  margin-left: 7px;
}
.product-swatch-listing .modal-label .label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #000;
}
@media only screen and (min-width: 992px) {
  .product-swatch-listing .modal-label {
    display: none;
  }
}

.product-swatch-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 10px 8px 17px;
  cursor: pointer;
}
.product-swatch-item:first-child {
  padding-top: 16px;
}
.product-swatch-item .swatch-image {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 16px;
  overflow: hidden;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #fff;
  transition: all 0.35s ease;
}
.product-swatch-item .swatch-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
}
.product-swatch-item .swatch-status {
  margin-left: auto;
  font-size: 12px;
  font-size: 0.75rem;
  color: #5DAE00;
}
.product-swatch-item.selected .swatch-image, .product-swatch-item:hover .swatch-image {
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #000;
  transition: all 0.35s ease;
}
.product-swatch-item[data-available=false] .swatch-image {
  position: relative;
}
.product-swatch-item[data-available=false] .swatch-image:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("swatch-out-of-stock.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}
.product-swatch-item[data-available=false] .swatch-title {
  color: #FFC42F;
  opacity: 0.5;
}
.product-swatch-item[data-available=false] .swatch-status {
  color: #FFC42F;
}

.product-swatch-dropdown {
  position: relative;
}
.product-swatch-dropdown .current-swatch {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 1px;
  border: 1px solid #E3E3E3;
  padding: 16px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .product-swatch-dropdown .current-swatch {
    padding: 18px;
  }
}
.product-swatch-dropdown .current-swatch .swatch-image {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 16px;
  overflow: hidden;
}
.product-swatch-dropdown .current-swatch .swatch-image img {
  display: block;
}
.product-swatch-dropdown .current-swatch .swatch-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
}
.product-swatch-dropdown .current-swatch .swatch-status {
  margin-left: auto;
  font-size: 12px;
  font-size: 0.75rem;
  color: #5DAE00;
}
.product-swatch-dropdown .current-swatch .icon {
  display: block;
  width: 11px;
  height: auto;
  margin-left: 10px;
}
.product-swatch-dropdown .current-swatch[data-available=false] .swatch-image {
  position: relative;
}
.product-swatch-dropdown .current-swatch[data-available=false] .swatch-image:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("swatch-out-of-stock.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}
.product-swatch-dropdown .current-swatch[data-available=false] .swatch-title {
  color: #FFC42F;
  opacity: 0.5;
}
.product-swatch-dropdown .current-swatch[data-available=false] .swatch-status {
  color: #FFC42F;
}
.product-swatch-dropdown.no-variant-images .product-swatch-listing {
  top: 55px;
}
@media only screen and (min-width: 992px) {
  .product-swatch-dropdown.no-variant-images .product-swatch-listing {
    top: 59px;
  }
}
.product-swatch-dropdown.no-variant-images .current-swatch .swatch-image {
  display: none;
}
.product-swatch-dropdown.no-variant-images .product-swatch-item {
  padding-top: 12px;
  padding-bottom: 12px;
}
.product-swatch-dropdown.no-variant-images .product-swatch-item .swatch-image {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 3px #F1EEF0, 0 0 0 4px #F1EEF0;
  background-color: #F1EEF0;
  transition: all 0.35s ease;
}
.product-swatch-dropdown.no-variant-images .product-swatch-item .swatch-image:after {
  position: absolute;
  display: block;
  height: 13px;
  width: 13px;
  background-color: transparent;
  border-radius: 50%;
  z-index: 1;
  content: "";
  transition: all 0.35s ease;
}
.product-swatch-dropdown.no-variant-images .product-swatch-item.selected .swatch-image {
  box-shadow: 0 0 0 3px #2E3192, 0 0 0 4px #2E3192;
  background-color: #2E3192;
  transition: all 0.35s ease;
}
.product-swatch-dropdown.no-variant-images .product-swatch-item.selected .swatch-image:after {
  background-color: #F1EEF0;
  transition: all 0.35s ease;
}
.product-swatch-dropdown.single-variant .current-swatch {
  cursor: default !important;
}
.product-swatch-dropdown.single-variant .current-swatch > .icon {
  display: none;
}

/* ==========================================================================
#Product Colour Swatch
========================================================================== */
.product-colour-swatch {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #E3E3E3;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .product-colour-swatch {
    margin-left: 0;
    margin-right: 0;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
  }
}
.product-colour-swatch ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  padding: 20px 0;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .product-colour-swatch ul {
    flex-wrap: wrap;
    padding-left: 2px;
    padding-bottom: 4px;
  }
}
.product-colour-swatch ul:after {
  content: "flickity";
  display: none;
}
@media only screen and (min-width: 992px) {
  .product-colour-swatch ul:after {
    content: "";
  }
}
.product-colour-swatch ul.flickity-enabled {
  display: block;
}
.product-colour-swatch ul.flickity-enabled .flickity-viewport {
  overflow: visible;
}
.product-colour-swatch ul.flickity-enabled li:first-child {
  padding-left: 16px;
}
.product-colour-swatch li {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .product-colour-swatch li {
    margin-bottom: 12px;
  }
}
.product-colour-swatch li .swatch-image {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 16px;
  overflow: hidden;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #fff;
  transition: all 0.35s ease;
}
@media only screen and (min-width: 992px) {
  .product-colour-swatch li .swatch-image {
    margin-right: 13px;
  }
}
.product-colour-swatch li[data-available=false] .swatch-image {
  position: relative;
}
.product-colour-swatch li[data-available=false] .swatch-image:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("swatch-out-of-stock.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}
@media only screen and (min-width: 992px) {
  .product-colour-swatch li[data-available=false] .swatch-image:after {
    margin-left: 0;
  }
}
.product-colour-swatch li.selected .swatch-image {
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #000;
  transition: all 0.35s ease;
}

.mini-swatch {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.25rem;
  margin-left: -0.25rem;
  margin-bottom: 5px;
  margin-top: 0.75rem;
}
.mini-swatch input {
  display: none;
}
.mini-swatch .swatch-element {
  /* height: 20px;
  width: 20px; */
  height: 22px;
  width: 22px;
  border: 1px solid #ccc;
  border-radius: 100%;
  margin: 0 0.25rem;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .mini-swatch .swatch-element {
    margin: 0 3px;
    /* margin-bottom: 6px; */
  }
}
/* Table of Contents
==================================================

    #Product Listing

==================================================
*/
/* ==========================================================================
    #Product Listing
========================================================================== */
@media only screen and (max-width: 767px) {
  .shopify-section .featured-products h2 {
    transition-delay: 0s !important;
    transition-property: transform !important;
    transition-duration: 1s !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .shopify-section .featured-products .slick-slider .slick-list .slick-track {
    /* slide when not active/center*/
    /* slide when active/center */
  }
  .shopify-section .featured-products .slick-slider .slick-list .slick-track .slick-slide,
.shopify-section .featured-products .slick-slider .slick-list .slick-track .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
    -webkit-transform: scale(0.8) !important;
    -moz-transform: scale(0.8) !important;
    transform: scale(0.8) !important;
    transition-delay: 0s !important;
    transition-property: transform !important;
    transition-duration: 1s !important;
    opacity: 1 !important;
  }
  .shopify-section .featured-products .slick-slider .slick-list .slick-track .slick-center,
.shopify-section .featured-products .slick-slider .slick-list .slick-track .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 1 !important;
  }
}
.shopify-section .featured-products .product-listing .mini-swatch {
  margin-top: 0;
  margin-bottom: 5px;
}

.product-listing {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .product-listing .product-image {
    border-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .product-listing .product-image {
    margin-bottom: 10px;
  }
}
.product-listing .product-image .label-left {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  max-width: 95px;
  overflow: hidden;
  z-index: 2;
  text-transform: capitalize;
  height: auto !important;
  background-color: #FFF;
  border: 1px solid #2E3192;
  border-radius: 3px;
  color: #2E3192;
  font-family: "GTAmericaStandard", serif !important;
  font-size: 13px;
  padding: 3px 12px;
}
@media only screen and (max-width: 991px) {
  .product-listing .product-image .label-left.colour-options .colour-text {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .product-listing .product-image .label-left.colour-options .icon {
    display: none;
  }
}
.product-listing .product-image .label-left .clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-listing .product-image .label-right {
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  z-index: 2;
  text-transform: capitalize;
  height: auto !important;
  background-color: #FFF;
  border: 1px solid #2E3192;
  border-radius: 3px;
  color: #2E3192;
  font-family: "GTAmericaStandard", serif !important;
  font-size: 13px;
  padding: 3px 12px;
}
.product-listing .product-image img.secondary-image {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  transition: all 0.3s ease;
}
.product-listing .product-image img.secondary-image.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transition: all 0.3s ease;
}

@media screen and (max-width: 768px){
  .product-listing .product-image img.secondary-image.active {
    opacity: 0;
  }
}

.product-listing .product-details {
  display: flex;
  flex-direction: column;
}
.product-listing .product-details .product-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0.5rem 0;
  text-transform: uppercase;
}
.product-listing .product-details .product-title .title-font {
  font-family: "GTAmericaStandard", serif !important;
}
@media only screen and (max-width: 991px) {
  .product-listing .product-details .product-title {
    order: 0;
  }
}
.product-listing .product-details .product-title a {
  display: block;
  text-align: left;
  font-size: 0.8rem;
  color: #000000;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .product-listing .product-details .product-title a {
    font-size: 1rem;
  }
}
.product-listing .product-details .product-title a:hover {
  text-decoration: underline;
}
.product-listing .product-details .product-offer-text {
  display: block;
  text-align: center;
  color: #5DAE00;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}
@media only screen and (max-width: 991px) {
  .product-listing .product-details .product-offer-text {
    order: 4;
  }
}
@media only screen and (min-width: 992px) {
  .product-listing .product-details .product-offer-text {
    font-size: 13px;
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .product-listing .product-details .mini-swatch {
    order: 1;
  }
}
.product-listing .product-details .product-price-container {
  display: block;
  margin-top: auto;
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .product-listing .product-details .product-price-container {
    order: 2;
  }
}
.product-listing .product-details .product-price-container .product-price {
  line-height: 1;
  margin-bottom: 3px;
}
.product-listing .product-details .product-price-container span:not(.original-price):not(.price-per-ml) {
  font-size: 14px;
  font-size: 0.875rem;
  color: #2E3192;
  font-weight: 600;
}
.product-listing .product-details .product-price-container .original-price {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  color: #FFC42F;
  text-decoration: line-through;
  margin-left: 5px;
}
.product-listing .product-details .product-price-container .price-per-ml {
  display: block;
  /*min-height:16px;*/
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  color: #808080;
}
.product-listing .product-details .yotpo.bottomLine {
  display: block;
  min-height: 17px;
}
@media only screen and (max-width: 991px) {
  .product-listing .product-details .yotpo.bottomLine {
    order: 4;
  }
}
@media only screen and (min-width: 992px) {
  .product-listing .product-details .yotpo.bottomLine {
    margin-bottom: 30px;
  }
}
.product-listing .product-details .yotpo.bottomLine .yotpo-stars {
  line-height: 12px;
}
.product-listing .product-details .yotpo.bottomLine .yotpo-stars .yotpo-icon {
  font-size: 12px;
  color: #5DAE00;
}
.product-listing .product-details .yotpo.bottomLine .yotpo-bottomline.pull-left {
  justify-content: center;
  align-items: center;
  text-align: center;
  float: none;
  cursor: auto !important;
}
.product-listing .product-details .yotpo.bottomLine .yotpo-bottomline.pull-left:focus {
  outline: 0;
}
.product-listing .product-details .yotpo.bottomLine .text-m {
  font-size: 12px;
  font-size: 0.75rem;
  color: #FFC42F;
  margin-left: 3px;
  cursor: auto !important;
}
@media only screen and (max-width: 991px) {
  .product-listing .product-details .shopify-product-form {
    order: 1;
  }
}
.product-listing .product-bundle-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 100% !important;
  padding: 0;
  color: #fff;
}
.product-listing .product-bundle-cta__mobile-spacer {
  border: 1px solid #e3e3e3;
  height: 48px;
}
@media only screen and (min-width: 992px) {
  .product-listing .product-bundle-cta__mobile-spacer {
    display: none;
  }
}
.product-listing .product-actions {
  position: relative;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 991px) {
  .product-listing .product-actions {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) {
  .product-listing .product-actions {
    margin-top: 20px;
  }
}
.product-listing .product-actions.product-bundle {
  display: none;
}
.product-listing .product-actions .product-swatch-dropdown,
.product-listing .product-actions .product-quantity-container {
  width: 50%;
  height: 48px;
}
@media only screen and (min-width: 992px) {
  .product-listing .product-actions .product-swatch-dropdown,
.product-listing .product-actions .product-quantity-container {
    width: 30%;
  }
}
.product-listing .product-actions > div {
  border: 1px solid #E3E3E3;
  border-right: 0;
}
.product-listing .product-actions > div + div {
  border-right: 1px solid #E3E3E3;
}
@media only screen and (min-width: 992px) {
  .product-listing .product-actions > div {
    border-right: 0;
  }
}
.product-listing .product-actions button[type=submit] {
  width: 100% !important;
  height: 48px;
  border-radius: 0 !important;
  padding: 0 !important;
}
@media only screen and (min-width: 992px) {
  .product-listing .product-actions button[type=submit] {
    width: 40% !important;
  }
}
.product-listing .product-actions[data-available=false] .product-quantity-container {
  display: none;
}
.product-listing .product-actions[data-available=false] .product-swatch-dropdown {
  display: none;
}
.product-listing .product-actions[data-available=false] .product-available-status {
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .product-listing .product-actions[data-available=false] .product-available-status {
    width: 60%;
  }
}
@media only screen and (max-width: 991px) {
  .product-listing .product-actions[data-available=false] .product-available-status {
    border-right: 1px solid #E3E3E3;
  }
}
.product-listing .product-actions.single-variant:not(.low-stock) .product-swatch-dropdown {
  display: none;
}
.product-listing .product-actions.single-variant:not(.low-stock) .product-quantity-container {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .product-listing .product-actions.single-variant:not(.low-stock) .product-quantity-container {
    width: 60%;
  }
}
.product-listing .product-actions.single-variant:not(.low-stock) .product-quantity-container .product-quantity-desktop {
  padding: 0 25% 0;
}
.product-listing .product-actions.single-variant.low-stock .product-swatch-dropdown {
  display: none;
}
.product-listing .product-actions.single-variant.low-stock .product-lowstock-status,
.product-listing .product-actions.single-variant.low-stock .product-quantity-container {
  width: 50%;
  height: 48px;
}
@media only screen and (min-width: 992px) {
  .product-listing .product-actions.single-variant.low-stock .product-lowstock-status,
.product-listing .product-actions.single-variant.low-stock .product-quantity-container {
    width: 30%;
  }
}
.product-listing .product-actions.single-variant.low-stock .product-lowstock-status {
  display: flex;
}
.product-listing .product-available-status {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #000000;
  height: 48px;
}
.product-listing .product-lowstock-status {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #000000;
  height: 48px;
}
.product-listing .product-swatch-dropdown {
  position: static;
}
.product-listing .product-swatch-dropdown.variant-images .current-swatch .swatch-title {
  display: none;
}
.product-listing .product-swatch-dropdown.variant-images .product-swatch-listing {
  top: 47px;
  border-top: 1px solid #E3E3E3;
}
.product-listing .product-swatch-dropdown.no-variant-images .product-swatch-listing {
  top: 47px;
  border-top: 1px solid #E3E3E3;
}
.product-listing .product-swatch-dropdown .current-swatch {
  padding: 13px;
  justify-content: center;
  height: 100%;
  border: 0;
}
.product-listing .product-swatch-dropdown .current-swatch .swatch-image {
  width: 23px;
  height: 23px;
  margin-right: 0;
}
.product-listing .product-swatch-dropdown .current-swatch .swatch-status {
  display: none;
}
.product-listing .product-swatch-dropdown .current-swatch .swatch-title {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.product-listing .product-quantity-container .product-quantity-desktop {
  border: 0;
}
.product-listing .product-quantity-container .product-quantity-desktop .product-quantity,
.product-listing .product-quantity-container .product-quantity-desktop .btn-plain,
.product-listing .product-quantity-container .product-quantity-desktop #header-usp .header-usp-list.slick-initialized .slick-arrow,
#header-usp .header-usp-list.slick-initialized .product-listing .product-quantity-container .product-quantity-desktop .slick-arrow {
  height: 46px;
  width: 30%;
}
.product-listing .product-quantity-container .product-quantity-desktop .product-quantity {
  height: 46px;
  width: 40%;
  padding: 0;
}
.product-listing .product-quantity-container .product-quantity-mobile {
  width: 100%;
  height: 100%;
}
.product-listing .product-quantity-container .product-quantity-mobile .current-quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 0;
}
.product-listing .product-quantity-container .product-quantity-mobile .current-quantity .icon {
  height: 100%;
  margin-left: 10px;
}
.product-listing .product-quantity-container .product-quantity-mobile.disable {
  color: #b3b3b3;
}

/* Table of Contents
==================================================

    #Newsletter

==================================================
*/
/* ==========================================================================
#Newsletter
========================================================================== */
.newsletter-section {
  background-color: #F8F6F7;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .newsletter-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.newsletter-section h3 {
  padding: 0 1rem 1rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  color: #000;
}
@media only screen and (min-width: 992px) {
  .newsletter-section h3 {
    padding: 0 3rem 2rem;
  }
}
.newsletter-section form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .newsletter-section form {
    flex-direction: row;
  }
}
.newsletter-section form label {
  display: none;
}
.newsletter-section form input[type=email], .newsletter-section form button[type=submit] {
  height: 56px;
}
@media only screen and (max-width: 575px) {
  .newsletter-section form input[type=email], .newsletter-section form button[type=submit] {
    width: 100% !important;
  }
}
@media only screen and (max-width: 575px) {
  .newsletter-section form input[type=email] {
    margin-bottom: 10px;
  }
}
.newsletter-section .newsletter-info {
  margin-top: 30px;
  text-align: center;
}
.newsletter-section .newsletter-info * {
  font-size: 12px;
  font-size: 0.75rem;
}

/* Table of Contents
==================================================

    #Pagination

==================================================
*/
/* ==========================================================================
    #Pagination
========================================================================== */
@media only screen and (max-width: 991px) {
  .pagination.pagination-top {
    display: none;
  }
}
.pagination ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .pagination ul {
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .pagination .pagination-items {
    position: relative;
  }
}
.pagination .pagination-items .pagination-link {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 15px;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .pagination .pagination-items .pagination-link {
    display: flex;
  }
}
.pagination .pagination-items .pagination-link a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.pagination .pagination-items .pagination-link a:hover {
  background-color: #2E3192;
  color: #fff;
  font-weight: 600;
}
.pagination .pagination-items .pagination-link.current .pagination-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #2E3192;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.pagination .pagination-items .pagination-link:last-child {
  margin-right: 0;
}
.pagination .pagination-items .small-pagination-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 992px) {
  .pagination .pagination-items .small-pagination-info {
    display: none;
  }
}
.pagination .pagination-items .pagination-btn a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  color: #000;
}
.pagination .pagination-items .pagination-btn a:hover {
  text-decoration: underline;
}
.pagination .pagination-items .pagination-btn.prev {
  margin-right: 15px;
}
.pagination .pagination-items .pagination-btn.prev .icon {
  margin-right: 8px;
}
@media only screen and (max-width: 991px) {
  .pagination .pagination-items .pagination-btn.next {
    margin-left: auto;
  }
}
.pagination .pagination-items .pagination-btn.next .icon {
  margin-left: 8px;
}
.pagination .pagination-items .pagination-btn .icon {
  display: block;
  width: 6px;
  height: 10px;
}

/* Table of Contents
==================================================

    #ajax cart
    #ajax cart actions
    #ajax cart content

==================================================
*/
/* ==========================================================================
#ajax cart
========================================================================== */
.ajax-cart {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 1000px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #F8F6F7;
  z-index: 101;
  transform: translateY(2rem);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 5px 0 rgba(183, 187, 192, 0.5);
  overflow: auto;
}
.ajax-cart.active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .ajax-cart {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1200px) {
  .ajax-cart {
    top: 118px;
  }
}
.ajax-cart .col-right {
  background: #e9eaee;
}
.ajax-cart .btn, .ajax-cart .shopify-challenge__button, .ajax-cart .showcase-button, .ajax-cart body.template-password .btn, body.template-password .ajax-cart .btn, .ajax-cart body.template-password .shopify-challenge__button, body.template-password .ajax-cart .shopify-challenge__button, .ajax-cart body.template-password .showcase-button, body.template-password .ajax-cart .showcase-button, .ajax-cart body.template-password button[type=submit], body.template-password .ajax-cart button[type=submit] {
  height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 38px !important;
}
.ajax-cart .others-also {
  padding: 15px 20px;
}
.ajax-cart .others-also .others-also-title {
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
.ajax-cart .others-also .also-left {
  max-width: 100px;
  flex: 0;
  padding-right: 1rem;
}
.ajax-cart .others-also .also-left img {
  width: 75px;
  height: 75px;
}
.ajax-cart .others-also .also-left .prod-title-cart {
  font-size: 12px;
  line-height: 20px;
  font-family: "ArizonaMix", serif !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
.ajax-cart .others-also .also-right {
  width: 100%;
}
.ajax-cart .others-also .also-right select {
  width: 100%;
}
.ajax-cart .others-also .also-right .product-options {
  margin: 0;
}
@media only screen and (min-width: 576px) {
  .ajax-cart .others-also .also-right .product-options {
    margin-left: -16px;
  }
}
.ajax-cart .others-also .also-right .product-options .product-option-container {
  padding: 0;
}
@media only screen and (min-width: 576px) {
  .ajax-cart .others-also .also-right .product-options .product-option-container {
    width: calc(50% - 16px);
  }
  .ajax-cart .others-also .also-right .product-options .product-option-container .select-container {
    margin: 0 0 0 16px;
  }
}
.ajax-cart .others-also .also-right .product-key-actions {
  margin-top: 0;
}

.ajax-cart__title {
  text-align: center;
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #979797;
}
.ajax-cart__title h3 {
  display: inline-block;
}
.ajax-cart__title p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  margin: 10px 0 0;
}
@media only screen and (min-width: 768px) {
  .ajax-cart__title p {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .ajax-cart__title {
    padding: 15px 20px;
    flex-shrink: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.ajax-cart__close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.ajax-cart__close svg {
  display: block;
  height: 12px !important;
  width: 12px !important;
}
.ajax-cart__close svg path {
  fill: #000000 !important;
}
@media only screen and (min-width: 768px) {
  .ajax-cart__close {
    position: static;
    top: auto;
    right: auto;
  }
}

/* ==========================================================================
#ajax cart actions
========================================================================== */
.ajax-cart__actions,
.ajax-cart__empty {
  padding: 15px;
  border-bottom: 1px solid #979797;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .ajax-cart__actions,
.ajax-cart__empty {
    padding: 15px 20px;
  }
}
.ajax-cart__actions .btn-secondary:hover,
.ajax-cart__empty .btn-secondary:hover {
  background: #2E3192;
  color: #fff;
}

.ajax-cart__delivery-message {
  display: none;
}
@media only screen and (min-width: 768px) {
  .ajax-cart__delivery-message {
    display: block;
    margin: 0 0 10px;
    line-height: 12px;
    color: #000000;
  }
}

.ajax-cart__total {
  margin: 0 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ==========================================================================
#ajax cart content
========================================================================== */
.ajax-cart__content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .ajax-cart__content {
    flex-grow: 1;
  }
}

/* ==========================================================================
#ajax cart items
========================================================================== */
.ajax-cart__items {
  background: #fff;
  margin-bottom: 25px;
}

.ajax-cart__item {
  border-bottom: 1px solid #d9d9d6;
  margin: 10px 20px;
  padding: 0 0 10px;
}

.ajax-cart__item-wrap {
  display: flex;
}

.ajax-cart__item-image {
  width: 90px;
  height: 90px;
}
.ajax-cart__item-image a {
  display: block !important;
  height: auto !important;
}
.ajax-cart__item-image img {
  width: 90px;
  height: 90px;
  object-fit: cover;
}

.ajax-cart__item-info {
  flex-grow: 1;
  padding: 10px 0 10px 10px;
  display: flex;
}

.ajax-cart__item-name {
  flex-grow: 1;
}
.ajax-cart__item-name a {
  text-decoration: none;
  color: #000000;
  display: block !important;
  height: auto !important;
  line-height: 1.1;
  margin-bottom: 10px;
}
.ajax-cart__item-name a:hover {
  color: #2E3192;
}
.ajax-cart__item-name div {
  color: #000000;
}

.ajax-cart__item-price {
  text-align: right;
  padding-left: 10px;
  line-height: 1.1;
  display: flex;
  align-items: center;
}

.ajax-cart__item-controlls {
  margin: 10px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ajax-cart__item-controlls svg {
  display: block;
}

.ajax-cart__qty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
}

.ajax-cart__qty--minus,
.ajax-cart__qty--plus,
.ajax-cart__remove {
  color: #000000;
}
.ajax-cart__qty--minus svg path,
.ajax-cart__qty--minus svg rect,
.ajax-cart__qty--plus svg path,
.ajax-cart__qty--plus svg rect,
.ajax-cart__remove svg path,
.ajax-cart__remove svg rect {
  stroke: #000000;
}
.ajax-cart__qty--minus:hover,
.ajax-cart__qty--plus:hover,
.ajax-cart__remove:hover {
  cursor: pointer;
}
.ajax-cart__qty--minus:hover svg path,
.ajax-cart__qty--minus:hover svg rect,
.ajax-cart__qty--plus:hover svg path,
.ajax-cart__qty--plus:hover svg rect,
.ajax-cart__remove:hover svg path,
.ajax-cart__remove:hover svg rect {
  stroke: #2E3192;
}

.ajax-cart__qty--number {
  margin: 0 10px;
  text-align: center;
  color: #000000;
}

/*
@include media-query($large-up) {
  .ajax-cart select.ajax[name^="also-"][name$="option2"] {
    width: 90%;
  }

  .ajax-cart .product-option-container:first-of-type .select-container::after {
    right: 30px;
  }
}
*/
.section-main-reviews,
.section-main-reviews-page {
  padding: 52px 52px 0 52px;
  position: relative !important;
}
.section-main-reviews .main,
.section-main-reviews-page .main {
  background: #fff;
  padding: 0;
}
.section-main-reviews .main h3,
.section-main-reviews-page .main h3 {
  font-size: 28px;
  line-height: 36px;
  font-family: 'GTAmericaStandard', serif!important;
  text-transform: uppercase;
  color: #000000;
}
.section-main-reviews .main .summary,
.section-main-reviews-page .main .summary {
  margin: 1rem auto;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #000000;
}
.section-main-reviews .main .summary p,
.section-main-reviews-page .main .summary p {
  margin-bottom: 0.5rem;
}
.section-main-reviews .main .reviews,
.section-main-reviews-page .main .reviews {
  display: flex;
  margin-bottom: 2rem;
}
.section-main-reviews .main .reviews .slick-list,
.section-main-reviews-page .main .reviews .slick-list {
  min-width: 100%;
}
.section-main-reviews .main .reviews .slick-list .slick-track,
.section-main-reviews-page .main .reviews .slick-list .slick-track {
  display: flex;
  min-width: 100%;
}
.section-main-reviews .main .reviews .slick-list .slick-track .slick-slide,
.section-main-reviews-page .main .reviews .slick-list .slick-track .slick-slide {
  height: inherit !important;
}
.section-main-reviews .main .reviews .product-review,
.section-main-reviews-page .main .reviews .product-review {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  border-left: 1px solid #000;
}
.section-main-reviews .main .reviews .product-review:first-child,
.section-main-reviews-page .main .reviews .product-review:first-child {
  padding-left: 0;
  border-left: none;
}
.section-main-reviews .main .reviews .product-review:last-child,
.section-main-reviews-page .main .reviews .product-review:last-child {
  padding-right: 0;
}
.section-main-reviews .main .reviews .product-review .title,
.section-main-reviews-page .main .reviews .product-review .title {
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 1rem;
}
.section-main-reviews .main .reviews .product-review .name,
.section-main-reviews-page .main .reviews .product-review .name {
  font-family: "GTAmericaStandard", serif;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 1rem;
}
.section-main-reviews .main .reviews .product-review .content,
.section-main-reviews-page .main .reviews .product-review .content {
  font-family: "GTAmericaStandard", serif;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 1rem;
}
.section-main-reviews .main .reviews .product-review .product,
.section-main-reviews-page .main .reviews .product-review .product {
  font-family: "GTAmericaStandard", serif;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}

.template-index .section-main-reviews {
  margin-bottom: 3rem !important;
}
@media only screen and (max-width: 991px) {
  .template-index .section-main-reviews {
    margin-bottom: 3rem !important;
  }
}

#shopify-section-page-review > .container-fluid {
  margin-top: -1.8rem !important;
}

.section-main-reviews-page {
  background: none !important;
  padding: 0;
}
.section-main-reviews-page .main .reviews {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.section-main-reviews-page .main .reviews .product-review {
  border: none;
  border-bottom: 1px solid #979797;
  padding: 2rem 0;
}

@media only screen and (max-width: 991px) {
  .section-main-reviews {
    padding: 2rem 2rem 0 2rem;
  }
  .section-main-reviews .main .reviews {
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
  }
  .section-main-reviews .main .reviews .product-review {
    border: none;
    padding: 2rem 0;
  }
}
.prev-review-btn {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: -16px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 30;
}

.next-review-btn {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: -16px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 30;
}

#stamped-reviews-widget .stamped-widget-text {
  font-family: "GTAmericaStandard", serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000000;
}
#stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-title > a {
  font-family: "ArizonaMix", serif;
  font-weight: 500;
  font-size: 1rem;
  color: #000000;
}
#stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-title > a:hover {
  color: #000000;
  text-decoration: underline !important;
}
#stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-message, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-author, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-products-reviews-title, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-date {
  font-family: "GTAmericaStandard", serif !important;
  color: #000000 !important;
}
#stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-message a, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-message span, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-author a, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-author span, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-products-reviews-title a, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-products-reviews-title span, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-date a, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-date span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
#stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-author, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-products-reviews-title, #stamped-reviews-widget .stamped-ratings-wrapper .stamped-reviews-date {
  font-size: 12px;
  font-size: 0.75rem;
}
#stamped-reviews-widget .stamped-pagination > div, #stamped-reviews-widget .stamped-pagination #pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#stamped-reviews-widget .stamped-pagination #pages > span, #stamped-reviews-widget .stamped-pagination .stamped-pagination-next, #stamped-reviews-widget .stamped-pagination .stamped-pagination-prev {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
}
#stamped-reviews-widget .stamped-pagination #pages > span.stamped-pagination-page, #stamped-reviews-widget .stamped-pagination .stamped-pagination-next.stamped-pagination-page, #stamped-reviews-widget .stamped-pagination .stamped-pagination-prev.stamped-pagination-page {
  opacity: 0.5;
}
#stamped-reviews-widget .stamped-pagination #pages > span.is-active, #stamped-reviews-widget .stamped-pagination .stamped-pagination-next.is-active, #stamped-reviews-widget .stamped-pagination .stamped-pagination-prev.is-active {
  opacity: 1;
}
#stamped-reviews-widget .stamped-pagination #pages > span a, #stamped-reviews-widget .stamped-pagination .stamped-pagination-next a, #stamped-reviews-widget .stamped-pagination .stamped-pagination-prev a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: inherit;
  width: inherit;
  color: #000000;
  font-size: 12px;
  font-size: 0.75rem;
  border: none !important;
  padding: 0 !important;
}

#stamped-main-widget {
  margin: 0 !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}
#stamped-main-widget .summary-rating-bar > div {
  background-color: #2E3192 !important;
}
#stamped-main-widget .stamped-tabs li.active {
  background-color: #fff;
  border-color: #2E3192 !important;
  color: #2E3192 !important;
}
#stamped-main-widget .stamped-tabs li.active::after {
  background-color: transparent !important;
}
#stamped-main-widget .stamped-summary-actions > span {
  font-family: "ArizonaMix", serif;
  color: #2E3192 !important;
  font-weight: 300;
  box-shadow: 0px 0px 0px 0 #000 !important;
  border-color: #2E3192 !important;
  border-radius: 4px;
  transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
}
#stamped-main-widget .stamped-summary-actions > span:before {
  display: none;
}
#stamped-main-widget .stamped-summary-actions > span:hover {
  background-color: #2E3192;
  color: #fff !important;
}
#stamped-main-widget .summary-overview .stamped-summary-text-1, #stamped-main-widget .summary-overview .stamped-summary-caption .stamped-summary-text, #stamped-main-widget .stamped-summary-ratings .summary-rating .summary-rating-count {
  font-family: "GTAmericaStandard", serif;
}
#stamped-main-widget #stamped-reviews-tab .stamped-review .stamped-review-header .created, #stamped-main-widget #stamped-reviews-tab .stamped-review .stamped-review-header .author, #stamped-main-widget #stamped-reviews-tab .stamped-review .stamped-review-header .stamped-verified-badge, #stamped-main-widget #stamped-reviews-tab .stamped-review .stamped-review-header .review-location span {
  font-family: "GTAmericaStandard", serif;
}
#stamped-main-widget #stamped-reviews-tab .stamped-review .stamped-review-content .stamped-review-body .stamped-review-header-title {
  font-family: "ArizonaMix", serif;
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
  font-weight: 500;
}
#stamped-main-widget #stamped-reviews-tab .stamped-review .stamped-review-content .stamped-review-body .stamped-review-content-body {
  font-family: "GTAmericaStandard", serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000000 !important;
}
#stamped-main-widget .stamped-pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#stamped-main-widget .stamped-pagination li {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
}
#stamped-main-widget .stamped-pagination li.page {
  opacity: 0.5;
}
#stamped-main-widget .stamped-pagination li.active {
  opacity: 1;
}
#stamped-main-widget .stamped-pagination li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: inherit;
  width: inherit;
  color: #000000;
  font-size: 12px;
  font-size: 0.75rem;
  border: none !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.section-main-reviews .stamped-widget-buttons .stamped-full-page-tabs {
  display: none;
}

.product-options-bundle {
  position: relative;
  padding: 10px;
}
.product-options-bundle .product-options-bundle-sub {
  padding: 10px;
  border-radius: 5px;
  background-color: #e8eaee;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .product-options-bundle .product-options-bundle-sub {
    padding: 12px;
  }
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top {
  width: 100%;
  padding: 8px;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product__title {
  color: #777;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type {
  position: relative;
  width: 100%;
  margin: 0;
}
@media (max-width: 768px) {
  .product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type {
    padding-right: 30px;
  }
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  cursor: pointer;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type .control__indicator {
  position: absolute;
  right: 0;
  top: -4px;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background-color: white;
  border: 1px solid #2E3192;
  cursor: pointer;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type .control--radio .control__indicator {
  border-radius: 50%;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type .control input:checked ~ .control__indicator {
  background: #2E3192;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type .control__indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type .control input:checked ~ .control__indicator:after {
  display: block;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type .control--checkbox .control__indicator:after {
  left: 8px;
  top: 0px;
  width: 8px;
  height: 19px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-type .control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #2E3192;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top .bundle-product-price, .product-options-bundle .product-options-bundle-sub .product-options-bundle-top .product-price {
  position: relative;
  width: 100%;
  display: none;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-top small {
  display: none;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-middle {
  flex-wrap: wrap;
  width: 100%;
  display: none;
  margin-top: 10px;
}
.product-options-bundle .product-options-bundle-sub .product-options-bundle-middle form {
  display: none;
}
.product-options-bundle .product-options-bundle-sub.active .product-options-bundle-middle {
  display: flex;
}
.product-options-bundle .product-options-bundle-sub.active .product-options-bundle-top .bundle-product-price,
.product-options-bundle .product-options-bundle-sub.active .product-options-bundle-top .product-price {
  display: block;
}
.product-options-bundle .product-options-bundle-sub.active .product-options-bundle-top .product__title {
  display: block;
}
.product-options-bundle .product-options-bundle-total {
  font-family: "GTAmericaStandard", serif !important;
  color: #2E3192;
}
.product-options-bundle .product-options-bundle-bottom {
  color: #888;
  font-weight: 300;
}

/* Table of Contents
==================================================

  # Product Gallery Images
  # Main Product Details
  # Control Elements
  # Slide Out Wrapper
  # Steps Screen
  # Summary Screen



==================================================
*/
/* ==========================================================================
# Product Gallery Images
========================================================================== */
.pbb-product-gallery-images-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.pbb-product-gallery-thumbnails {
  width: 85px;
  display: none;
  flex-direction: column;
  margin-top: -1px;
}
.pbb-product-gallery-thumbnails.slick-slider {
  display: none;
}

@media only screen and (min-width: 768px) {
  .pbb-product-gallery-thumbnails {
    display: block;
  }
  .pbb-product-gallery-thumbnails.slick-slider {
    display: block;
  }
}
.pbb-product-gallery-thumbnails-thumbs {
  width: 85px;
  margin-bottom: 16px;
  cursor: pointer;
}
.pbb-product-gallery-thumbnails-thumbs .aspect-square {
  padding-bottom: 100%;
  position: relative;
  border: 1px solid transparent;
}
.pbb-product-gallery-thumbnails-thumbs picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.pbb-product-gallery-thumbnails-thumbs picture img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.pbb-product-gallery-thumbnails-thumbs.slick-current .aspect-square {
  border-color: #000000;
}

.pbb-product-gallery-thumbnails-arrow {
  height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #ffffff;
  position: absolute;
  margin-top: -32px;
}
.pbb-product-gallery-thumbnails-arrow svg {
  width: auto;
  height: 16px;
}
.pbb-product-gallery-thumbnails-arrow.pbb-product-gallery-thumbnails-arrow-next {
  margin-top: -16px;
}

.pbb-product-gallery-images {
  max-width: 100%;
  width: 100%;
  position: relative;
}
.pbb-product-gallery-images .slick-dots {
  margin: 30px auto;
}

@media only screen and (min-width: 768px) {
  .pbb-product-gallery-images {
    width: calc(100% - 85px);
    padding-left: 30px;
  }
}
.pbb-product-gallery-images-image {
  width: 100%;
  position: relative;
}
.pbb-product-gallery-images-image .aspect-square {
  padding-bottom: 100%;
  position: relative;
}
.pbb-product-gallery-images-image picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.pbb-product-gallery-images-image picture img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ==========================================================================
# Main Product Details
========================================================================== */
.pbb-product-details {
  max-width: 100%;
  width: 100%;
  padding: 0 16px;
}

@media only screen and (min-width: 768px) {
  .pbb-product-details {
    padding: 0;
  }
}
.pbb-main-product-title {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4rem;
  margin: 0px 0 6px 0;
}

@media only screen and (min-width: 768px) {
  .pbb-main-product-title {
    margin-top: 13px;
  }
}
.pbb-main-product-from-price {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
}

.pbb-available-in {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 15px 0 8px 0;
}

.pbb-create-your-bundle {
  color: #2E3192;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: 30px;
}

.pbb-learn-more {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  margin: 32px 0 0 0;
  display: none;
  flex-direction: column;
  text-decoration: none;
  max-width: 400px;
  width: 100%;
  text-align: center;
  position: relative;
  align-items: center;
}
.pbb-learn-more:active, .pbb-learn-more:hover, .pbb-learn-more:focus {
  color: #2E3192;
  text-decoration: none;
}
.pbb-learn-more:visited {
  color: #000000;
  text-decoration: none;
}
.pbb-learn-more .icon-down-arrow {
  border-style: solid;
  border-width: 1px 1px 0 0;
  display: block;
  height: 8px;
  transform: rotate(-225deg);
  width: 8px;
  transition: 350ms;
  margin-top: 2px;
}

@media only screen and (min-width: 768px) {
  .pbb-learn-more {
    display: inline-flex;
  }
}
/* ==========================================================================
# Control Elements
========================================================================== */
.pbb-start {
  max-width: 400px;
}

.pbb-close {
  position: absolute;
  top: 24px;
  right: 4px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pbb-close svg {
  width: auto;
  height: 16px;
}

@media only screen and (min-width: 768px) {
  .pbb-close {
    right: 28px;
  }
}
.pbb-back {
  position: absolute;
  top: 24px;
  left: 4px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pbb-back svg {
  width: auto;
  height: 16px;
}

@media only screen and (min-width: 768px) {
  .pbb-back {
    left: 28px;
  }
}
.pbb-next-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 346px;
  margin: 10px auto 0 auto;
}

.pbb-skip-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 346px;
  margin: 10px auto 0 auto;
}

.pbb-next.is-disabled {
  background: #bbbbbc;
  border-color: #bbbbbc;
  color: #ffffff;
  cursor: not-allowed;
}
.pbb-next.is-disabled:hover, .pbb-next.is-disabled:focus, .pbb-next.is-disabled:active {
  color: #ffffff;
}

.pbb-skip {
  background: #ffffff;
  color: #2E3192 !important;
}
.pbb-skip:hover, .pbb-skip:focus, .pbb-skip:active {
  color: #ffffff !important;
  background-color: #2E3192;
}

/* ==========================================================================
# Slide Out Wrapper
========================================================================== */
.pbb-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  user-select: none;
  pointer-events: none;
  display: flex;
  transition: all 0.5s ease-in-out;
}
.pbb-container.is-active {
  background: rgba(233, 234, 238, 0.6);
  user-select: auto;
  pointer-events: auto;
}
.pbb-container.is-active .pbb-sheet {
  transform: translateX(0);
  opacity: 1;
}

.pbb-sheet {
  width: 100%;
  max-width: 500px;
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
}

.pbb-screen {
  flex-direction: column;
  display: none;
  height: 100%;
}
.pbb-screen.is-active {
  display: flex;
}

.pbb-screen-top {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 30px;
  padding-top: 6px;
}

.pbb-screen-bottom {
  width: 100%;
  border-top: 1px solid #979797;
  padding: 10px 0;
}

/* ==========================================================================
# Steps Screen
========================================================================== */
.pbb-step {
  opacity: 0;
  user-select: none;
  pointer-events: none;
  z-index: -1;
  height: 0;
  overflow: hidden;
}
.pbb-step.is-active {
  opacity: 1;
  user-select: auto;
  pointer-events: auto;
  z-index: 30;
  height: auto;
  overflow: auto;
}

.pbb-step-inner {
  max-width: 346px;
  margin: 0 auto;
}

.pbb-step-breadcrumb {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-family: "GTAmericaStandard Next";
  color: #000000;
  margin-top: 6px;
  margin-bottom: 6px;
}

.pbb-step-title {
  color: #2E3192;
  font-family: "ArizonaMix", serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  margin-bottom: 8px;
}

.pbb-product-title {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.pbb-product-price {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}

.pbb-image-slider {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 266px;
  overflow-x: hidden;
}
.pbb-image-slider.slick-slider {
  opacity: 0;
  user-select: none;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
.pbb-image-slider.is-active {
  opacity: 1;
  user-select: auto;
  pointer-events: auto;
  height: auto;
  overflow: auto;
  overflow-x: hidden;
}

.pbb-image-slider-dots {
  display: flex;
  position: relative;
  width: 100%;
  margin: 30px auto;
  padding: 0;
  flex-direction: row;
  background-color: #d8d8d8;
  border-radius: 2px;
}
.pbb-image-slider-dots li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  flex: 1;
  width: auto;
  height: 4px;
  padding: 0;
  margin: 0;
}
.pbb-image-slider-dots li.slick-active {
  background-color: #2E3192;
  border-radius: 2px;
}
.pbb-image-slider-dots li button {
  font-size: 0;
  line-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.pbb-image-slider-dots li:only-child {
  background-color: #FFFFFF !important;
}

.pbb-image-slider-arrow {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -32px;
}
.pbb-image-slider-arrow svg {
  width: auto;
  height: 16px;
}
.pbb-image-slider-arrow.pbb-image-slider-arrow-prev {
  left: -12px;
}
.pbb-image-slider-arrow.pbb-image-slider-arrow-next {
  right: -12px;
}

.pbb-product-options {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.pbb-product-option {
  width: 50%;
  padding: 0 5px;
}
.pbb-product-option label {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.2rem;
  margin-bottom: 0.5rem;
}
.pbb-product-option.w-full {
  width: 100%;
}
.pbb-product-option.py {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pbb-select-container {
  position: relative;
}
.pbb-select-container:after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: absolute;
  top: 18px;
  right: 15px;
  transform: rotate(-225deg);
  vertical-align: top;
  width: 8px;
  transition: 350ms;
}

.pbb-select {
  color: #000000;
}
.pbb-select.is-required {
  border-color: #ae0009;
}

.pbb-subtotal {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 346px;
  margin: 0 auto;
  color: #2E3192;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
}

.pbb-subtotal-overview {
  display: flex;
  flex-wrap: wrap;
  color: #000000;
  font-family: "GTAmericaStandard Next";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  max-width: 346px;
  margin: 0 auto;
}
.pbb-subtotal-overview span {
  display: block;
  padding: 0 4px 0 0;
}
.pbb-subtotal-overview span:not(:last-child):after {
  content: " + ";
  display: inline;
}

.pbb-colour {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  width: 100%;
  margin-bottom: 0.5rem;
}

.pbb-form {
  padding: 0 5px;
}

.pbb-swatches {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding: 0 5px;
}
.pbb-swatches.-my-2 {
  margin-left: -8px;
  margin-right: -8px;
}

.pbb-swatch {
  width: 32px;
  height: 32px;
  margin-right: 4px;
  border-radius: 9999px;
  cursor: pointer;
  padding: 2px;
  border: 2px solid #ffffff;
  position: relative;
  overflow: hidden;
}
.pbb-swatch.is-active {
  border-color: #bdbdbd;
}

.pbb-swatch-image {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  border: 1px solid #ffffff;
}

.pbb-swatch-value {
  opacity: 0;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none;
}

.pbb-add-additional {
  border-radius: 5px;
  background-color: #E9EAEE;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  margin-top: 10px;
}
.pbb-add-additional h4 {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
}
.pbb-add-additional.is-active .pbb-add-additional-body {
  padding-bottom: 15px;
  height: auto;
  overflow: visible;
}
.pbb-add-additional.is-active .pbb-add-additional-control {
  background-color: #2E3192;
}
.pbb-add-additional.is-active .pbb-add-additional-control:after {
  content: "";
  width: 8px;
  height: 19px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: block;
  transform-origin: center;
  margin-bottom: 4px;
}

.pbb-add-additional-header {
  padding: 17px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.pbb-add-additional-body {
  height: 0;
  overflow: hidden;
}
.pbb-add-additional-body .pbb-product-options {
  margin: 0 -5px;
}

.pbb-add-additional-control {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #2E3192;
  cursor: pointer;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pbb-additional-product-price {
  color: #2E3192;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0 0 8px 0;
}

/* ==========================================================================
# Summary Screen
========================================================================== */
.pbb-summary-items {
  display: flex;
  flex-direction: column;
  max-width: 346px;
  margin: 0 auto;
}

.pbb-summary-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px 0;
  border-bottom: 1px solid #f6f6f6;
  transition: all 0.35s ease-in-out;
}
.pbb-summary-item:last-child {
  border-bottom-color: transparent;
}
.pbb-summary-item.is-hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
}

.pbb-summary-item-details {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -8px;
}

.pbb-summary-item-start, .pbb-summary-item-center, .pbb-summary-item-end {
  padding: 0 8px;
}

.pbb-summary-item-center {
  flex: 1;
}

.pbb-summary-item-end {
  align-self: center;
}

.pbb-summary-item-title {
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.pbb-summary-item-option {
  color: #000000;
  font-family: "GTAmericaStandard Next";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
}

.pbb-summary-item-price {
  color: #2E3192;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 14px;
  text-align: right;
}

.pbb-summary-item-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 5px 0 5px;
}
.pbb-summary-item-actions svg {
  fill: #000000;
  width: auto;
  height: 21px;
  transition: all 0.35s ease-in-out;
  display: block;
  cursor: pointer;
}
.pbb-summary-item-actions svg:hover rect, .pbb-summary-item-actions svg:hover path, .pbb-summary-item-actions svg:focus rect, .pbb-summary-item-actions svg:focus path {
  stroke: #2E3192;
  transition: all 0.35s ease-in-out;
}

.pbb-summary-item-actions-qty {
  display: flex;
  align-items: center;
  padding: 0 5px 0 5px;
}
.pbb-summary-item-actions-qty .minus, .pbb-summary-item-actions-qty .plus {
  cursor: pointer;
}
.pbb-summary-item-actions-qty .amount {
  padding: 0 10px;
  color: #000000;
  font-family: "ArizonaMix", serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  display: inline-flex;
  align-self: center;
}

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

/* Dots */
.slick-dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

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

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

.slick-dots li button:before {
  font-size: 60px;
  text-indent: -4px;
  width: 8px;
  height: 8px;
  content: "•";
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: 0;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #000000;
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}

.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #000000;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.slick-dots {
  display: none !important;
  width: calc(100% - 98px);
  margin: 0px auto 0px;
  flex-direction: row;
  background-color: #d8d8d8;
  border-radius: 2px;
}
@media only screen and (min-width: 992px) {
  .slick-dots {
    width: 100%;
    max-width: 280px;
    margin: 60px auto 30px;
  }
}
.slick-dots li {
  flex: 1;
  width: auto;
  height: 4px;
  margin: 0px;
}
.slick-dots li.slick-active {
  background-color: #2E3192;
  border-radius: 2px;
}
.slick-dots li button:before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .slick-dots {
    display: flex !important;
    position: relative;
    max-width: none;
    width: calc(100% - 40px);
  }
}
.reviews .slick-dots {
  display: block !important;
  background: none !important;
}
.reviews .slick-dots li {
  display: inline !important;
  background: none !important;
  opacity: 0.5;
}
.reviews .slick-dots li.slick-active {
  opacity: 1;
}
.reviews .slick-dots li.slick-active a {
  font-weight: 600 !important;
}
.reviews .slick-dots li a {
  padding: 0.2em 0.5em;
  margin: 0 0.8em;
}
@media only screen and (max-width: 767px) {
  .reviews .slick-dots li a {
    padding: 0.2em 0.3em;
    margin: 0 0.4em;
  }
}

.collection-text {
  width: 60%;
  margin: 0 auto 120px;
}

.collection-bt-title {
  color:#000;
  font-size: 3.375rem;
  line-height: 1.07407;
  margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .collection-text {
    width: 80%;
    margin: 0 auto 60px;
  }
  .collection-bt-title {
    font-size: 2.05rem;
  }
}

.bundle-name {
  cursor: pointer;
  font-family: "GTAmericaStandard";
}


/* PDP-video columns */



.sub-description {
  font-size: .8125rem;
}

.columns-title {
  margin: 2.75rem 0;
  text-align: center;
  font-size: 30px;
  color: #000000;
  line-height: 1.2;
}

.sub-title {
  color: #000000;
  margin-bottom: 1rem;
}

.sub-description {
  flex: 4;
  font-size: 15px;
  line-height: 1.6;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .text-content {
    display: flex;
    padding: 10px 0;
  }

  .sub-title {
    flex: 3;
    color: #000000;
  }

  .subtitle {
    flex: 3;
  }

  .sub-description {
    flex: 4;
    color: #000000;
  }
}

/* Modal */

.pdfobject-container {
  height: 30rem;
  border: 1rem solid rgba(0, 0, 0, 0.1);
}


.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0vh;
  background-color: transparent;
  overflow: hidden;
  transition: background-color 0.25s ease;
  z-index: 9999;
}
.modal.open {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.25s;
  border-radius: 0.375rem;
}
.modal.open > .content-wrapper {
  transform: scale(1);
  height: 420px;
  top: 20px;
}

.modal .modal-box, .row-box, .col-box, .modal-content-box, .modal-content-box div {
  height: 100%;
  padding: 0;
  margin: 0;
}



@media screen and (max-width:767px) {

  .modal {
    display: inherit !important;
  }
  .modal .content-wrapper {
    width: 100% !important;
  }

  .row.flex-row-reverse-xs {
    display: flex;
    flex-direction: column-reverse !important;
  }
  .modal.open > .content-wrapper {
    transform: scale(1);
    width: 89% !important;
    height: 87%;
    top: 0;
  }

  .modal .col-box {
    height: 50%;
    padding: 0;
    margin: 0;
}

/* .close-box {
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 1.5rem 0px;
  width: 12%;
  margin: 1rem auto;
  z-index: 9999;
} */

.row-box {
  justify-content: flex-end;
  overflow-y: visible;
  height: unset;
}

}

.modal .content-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 50rem;
  margin: 0;
  /* padding: 1rem; */
  background-color: white;
  border-radius: 0.3125rem;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
  transform: scale(0);
  transition: transform 0.25s;
  transition-delay: 0.15s;
}
.modal .content-wrapper .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  transition: 0.25s linear;
  z-index: 100;
}
.modal .content-wrapper .close:before, .modal .content-wrapper .close:after {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 0.125rem;
  background-color: black;
}
.modal .content-wrapper .close:before {
  transform: rotate(-45deg);
}
.modal .content-wrapper .close:after {
  transform: rotate(45deg);
}


.modal .content-wrapper .modal-content {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 2.5rem;
  overflow-y: scroll;
}
.modal .content-wrapper .modal-content h2 {
  font-size: 1.5rem;
  font-weight: bold;
}
.modal .content-wrapper .content {
  position: relative;
  display: flex;
}
.modal .content-wrapper .content p {
  font-size: 0.875rem;
  line-height: 1.75;
}
.modal .content-wrapper .modal-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 1.875rem 0 0;
}
.modal .content-wrapper .modal-footer .action {
  position: relative;
  margin-left: 0.625rem;
  padding: 0.625rem 1.25rem;
  border: none;
  background-color: slategray;
  border-radius: 0.25rem;
  color: white;
  font-size: 0.87rem;
  font-weight: 300;
  overflow: hidden;
  z-index: 1;
}
.modal .content-wrapper .modal-footer .action:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: width 0.25s;
  z-index: 0;
}
.modal .content-wrapper .modal-footer .action:first-child {
  background-color: #2ecc71;
}
.modal .content-wrapper .modal-footer .action:last-child {
  background-color: #e74c3c;
}
.modal .content-wrapper .modal-footer .action:hover:before {
  width: 100%;
}

.modal-image {
  width: 100%;
}

.trigger {
  color: #000000;
  cursor: pointer;
}

/* .product-discount-code {
  padding-top: 10px;
} */

@media screen and (max-width: 1000px) {

  .modal-box {
    max-width: 100%;
  }
}
@media screen and (max-width:767px) {
  .modal .content-wrapper .modal-content {
    overflow-y: unset;
  }

  .modal-box {
    overflow-y: scroll;
  }

}

.no-border {
  border: 0 !important
}

.font_boldness-100 {
  font-weight: 100 !important;
}

.font_boldness-200 {
  font-weight: 200 !important;
}

.font_boldness-300 {
  font-weight: 300 !important;
}

.font_boldness-400 {
  font-weight: 400 !important;
}

.font_boldness-500 {
  font-weight: 500 !important;
}

.font_boldness-600 {
  font-weight: 600 !important;
}

.font_boldness-700 {
  font-weight: 700 !important;
}

.font_boldness-800 {
  font-weight: 800 !important;
}

.font_boldness-900 {
  font-weight: 900 !important;
}


@media (max-width: 767px) {
  .font_boldness_mobile-100 {
    font-weight: 100 !important;
  }
  
  .font_boldness_mobile-200 {
    font-weight: 200 !important;
  }
  
  .font_boldness_mobile-300 {
    font-weight: 300 !important;
  }
  
  .font_boldness_mobile-400 {
    font-weight: 400 !important;
  }
  
  .font_boldness_mobile-500 {
    font-weight: 500 !important;
  }
  
  .font_boldness_mobile-600 {
    font-weight: 600 !important;
  }
  
  .font_boldness_mobile-700 {
    font-weight: 700 !important;
  }
  
  .font_boldness_mobile-800 {
    font-weight: 800 !important;
  }
  
  .font_boldness_mobile-900 {
    font-weight: 900 !important;
  }
}

.cart-promo {
  display: flex;
  justify-content: space-between;
}

#redeemBtn {
    cursor: pointer;
    background: #2E3192;
    box-shadow: none;
    text-align: center;
    color: white;
    padding: 5px;
    margin-left: 5px;
    text-decoration: none;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s all;
}

#devPromo {
  border: 1px solid #c5c5c5 !important;
}

#devPromo:placeholder-shown ~ a#redeemBtn {
  background-color: #c5c5c5;
  color: white;
  pointer-events: none;
}

.one-third {width: 33.33% !important; padding: 0 30px !important}
.two-third {width: 66.66% !important;}

@media only screen and (max-width: 767px) {
  .one-third {width: 100% !important; }
  .two-third {width: 100% !important}
}

.content-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}


.alternate-image {
  flex-direction: row-reverse;
}

.tiles_grid {
  margin: 20px;
  width: calc(50% - 40px);
}

.cms-content > ul {
  padding: 25px 0 0 0;
  list-style-position: inside;
}

.tiles_grid > picture > img{
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .content-section {flex-direction: column !important;}
  .tiles_grid {width: 100%; margin:0;}
  .title-main {margin-top: 25px;}

}

@media screen and (max-width: 768px) {
  .alternate-image-mobile {
    flex-direction: column-reverse !important;
  }
}

/* New content block */

.new-content-block {
  width: 100%;
}

.new-content-block .main-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.new-content-block .main-block .single-block {
  width: 48%;
}

.main-image-blog {
  height: 400px;
  width: 100%;
  max-width: 1210px;
  margin: auto;
  padding: 0 1rem;
}

.blog-text-container {
  width: 100%;
  max-width: 1210px;
  margin: 3rem auto 1.5rem auto;
  padding: 0 1rem;
}

@media screen and (max-width: 768px) {

  .new-content-block .main-block .single-block {
    width: 100%;
  }

  .new-content-block .main-block { 
    padding: 2rem 1rem;
  }
}

#backInStockBtn {
  display: none;
}

#back-in-stock-container {
  padding: 80px 20px 0 20px;
}

@media screen and (max-width: 767px) {
  #back-in-stock-container {
      padding: 80px 40px 0 40px;
  }
  #modalKlaviyo .content-wrapper {
      margin: 40% auto 0 auto;
      height: 51%;
  }
  #modalKlaviyo #bundle-content-wrapper {
    margin: 0;
  }

  .main-image-blog {
    height: 270px;
    width: 90%;
    margin: auto;
  }
}

#modalKlaviyo .submit-btn {
  margin-top: 10px;
  padding: 10px;
}

#modalKlaviyo .btn-basket.btn-added:disabled {
  cursor: not-allowed !important;
}

#modalKlaviyo .main-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.success-message-bis {
  color: green;
  display: none;
}

.subscribe-bis-error {
  display: none;
  color: red;
  margin-top: 5px;
}

.you-saved {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  /* color: green; */
  color: #5dae00;
}


@media screen and (max-width: 767px){
  #video-image-link video{
    height: 300px; 
    object-fit: cover;
  }  
}

@media screen and (min-width: 768px) {
  #shopify-section-product-shared .row{
    justify-content: center;
  }
  
  #shopify-section-product-shared .site-usp-container{
    justify-content: center;
  }

  #shopify-section-product-shared  .section-background.product-shared-usp-desktop{
    width: 100%
  }

}


.product-faqs-bottom{
  display: flex;
  /* justify-content: space-evenly; */
  justify-content: center;
  padding: 20px;
}

.product-faqs-left-side{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 50px;
}

.product-faqs-left-side h2{
  font-size: 25px;
  text-align: center;
}

.product-faqs-left-side p{
  margin: 15px 0;
  font-size: 20px;
  text-align: center;
}

.product-faqs-left-side a{
  background-color: #2E3192;
  padding: 14px 24px;
  color: white;
  text-decoration: none;
  border-radius: 10px;
}

.product-faqs-left-side a:hover{
  background-color: #273376;
}

@media screen and (max-width: 1000px){
  .product-faqs-bottom{
    flex-direction: column;
    padding: 16px;
  }

  .product-faqs-left-side{
    margin-right: unset;
  }

  .product-faqs-left-side h2{
    font-size: 20px;
  }

  .product-faqs-left-side p {
    font-size: unset;
  }
}

.default-product-price {
  font-family: ArizonaMix, serif !important;
  color: #2E3192;
}

.default-product-product-title {
  color: #888;
  font-weight: 300;
  font-size: 80%;
}

.product-price, .product-price .money {
  font-family: "GTAmericaStandard", serif !important;
}