/** Shopify CDN: Minification failed

Line 20:20 Expected identifier but found whitespace
Line 20:22 Unexpected "{"
Line 20:31 Expected ":"
Line 20:70 Expected ":"
Line 211:68 Expected identifier but found whitespace
Line 211:70 Unexpected "{"
Line 211:79 Expected ":"
Line 214:0 Unexpected "{"
Line 214:1 Expected identifier but found "%"
Line 216:0 Unexpected "{"
... and 38 more hidden warnings

**/
:root {
  --animation-speed-fast: .2s;
  --animation-speed-medium: .35s;
  --animation-speed-slow: .5s;
  --container-width: {{settings.container_width | divided_by: 10 }}rem;
  --font-body-scale: 1;
  --fields-padding-vertical: 1.6rem;
  --fields-padding-horizontal: 1.6rem;
  --floating-box-shadow: 0 0 5px rgba(0,0,0,.2);
  --keen-arrows-size: 2.7rem;
  --keen-arrows-width: 1.5em;
  --product-card-info-height: 8.2rem;
  --icons-thickness: 8%;
  --icons-round: round;
  --tabs-margin: 0.5em;
  --vh: 1vh;
  --100vh: 100vh;
  --visible-height: calc(var(--100vh) - var(--header-offset, 0px));
}
#main-content section:first-of-type {
  --100vh: calc(var(--vh) * 100);
  --visible-height: calc(var(--100vh) - var(--initial-header-total-height));
}
@media (min-width: 93.75rem) { /* (1300 + 200) / 16 */
  :root {
    --container-width: calc(1300 * 100 / 1500 * 1vw);
  }
}
@media (min-width: 66.001em) {
  :root {
    --container-padding: 2.5rem;
    --grid-gap: 2rem;
    --global-sections-padding: 8rem;
    --font-heading-scale: 1; /* 100 / 100 */
    --subheading-size: 100%;
    --small-label-size: 82%;
    --links-size: 100%;
  }
}
@media (max-width: 66em) {
  :root {
    --container-padding: 2rem;
    --grid-gap: 2rem;
    --global-sections-padding: 6rem;
    --font-heading-scale: 0.85; /* 100 * 0.85 / 100 */
    --subheading-size: 90%;
    --small-label-size: 75%;
    --links-size: 90%;
  }
}
@media (max-width: 38em) {
  :root {
    --font-body-scale: 1; /* 100 / 100 */
    --font-heading-scale: 1; /* 100 / 100 */
    --container-padding: 1.5rem;
    --grid-gap: 1.5rem;
    --slide-in-modal-width: 100%;
  }
}

/* 
******************** LAZYLOAD effect ********************
*/
.lazyload, .lazyloading {opacity: 0.01;}
.lazyloaded {opacity: 1;}
html.load .lazyloaded {transition: opacity var(--animation-speed-slow) ease-out;}



/* 
******************** General Styles ********************
*/
svg.icon {stroke-width: var(--icons-thickness); display: block; stroke-linecap: var(--icons-round); stroke-linejoin: var(--icons-round); width: 1em; height: 1em; font-size: 1em; line-height: 1; overflow: visible;}
svg.icon path {stroke: inherit; fill: none; -webkit-transition: all var(--animation-speed-fast) ease-out; -moz-transition: all var(--animation-speed-fast) ease-out; -o-transition: all var(--animation-speed-fast) ease-out; -ms-transition: all var(--animation-speed-fast) ease-out; transition: all var(--animation-speed-fast) ease-out;}
svg.icon path.fill {stroke: none; fill: inherit;}
svg.icon:focus {outline: none;}
.link .icon path,
a:not(.btn) .icon path,
button:not(.btn) .icon path,
.shopify-payment-button__more-options .icon path {-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}

.btn {font-size: 1rem; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #002c36; border: solid 2px transparent; color: #fff; cursor: pointer; display: inline-block; font-family: "Work Sans", sans-serif; font-weight: 500; overflow: hidden; padding: 12px 33px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 100%;  color: #ffffff; background-color: #f1631b; border-color: #f1631b; text-decoration: none; font-weight: bold; transition: all .3s ease; max-width: 15em; }
.btn.v2 {color: #222; cursor: pointer; display: inline-block; font-family: "Work Sans", sans-serif; font-size: .8125rem; overflow: hidden; position: relative; padding-bottom: 8px; text-decoration: none; text-transform: uppercase;}



/* 
******************** Slide In Modal ********************
*/
:root {
  --slide-in-modal-width: 35rem;
  --slide-in-modal-padding: 2.2rem;
}

@media (max-width: 767px) {
  :root {
    --slide-in-modal-width: 100%;
  }
}

.slide-in-modal {
  width: var(--slide-in-modal-width);
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  display: block;
  right: calc(-1 * var(--slide-in-modal-width));
  visibility: hidden;
  outline: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999999999;
}

.slide-in-modal > * {
  max-width: 100vw;
}

.slide-in-modal.open {
  visibility: visible;
  right: 0;
}

.slide-in-modal .content {
  padding: 0;
  height: 100%;
  overflow-y: auto;
}

.slide-in-modal .head {
  margin-top: 0px;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 1.5rem var(--slide-in-modal-padding);
  line-height: 1;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}

.slide-in-modal .head .title {
  font-family: "Work Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.slide-in-modal .close {
  padding: 1em;
  margin-right: -1em;
  cursor: pointer;
  position: absolute;
  right: var(--slide-in-modal-padding);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}

.top-utils .item {padding: 1rem 1.5rem; display: flex; align-items: center; background: transparent; border: 0; font-size: 1em; font-family: inherit; line-height: inherit; text-decoration: none; color: inherit; height: 100%; position: relative;}
.top-utils .icon {width: 1em; height: 1em; font-size: var(--header-top-utils-icons-size); /*stroke-width: calc(100% * var(--icons-thickness) / var(--header-top-utils-icons-size));*/}
.top-utils .label {margin-left: 0.7em; line-height: 1;}
.top-utils .btn .icon {margin-right: 0.5em;}
.top-utils .icon-badge-wrap {position: relative;}
.top-utils .badge:empty {display: none;}
.top-utils .badge {height: 1.5em; padding-top: 0; padding-bottom: 0; display: flex; align-items: center; justify-content: center;}
.top-utils .cart-count {width: 1.5em; padding: 0; border-radius: 50%; }
.top-utils.badges-float .badge {position: absolute; transform: translate(-50%, calc(var(--header-top-utils-icons-size) / -2)); left: 50%; top: calc(50% - 1.4em);}
.top-utils.badges-float .cart-count {top: -1em; right: -1em}
.top-utils.badges-right .icon-badge-wrap {display: flex;}
.top-utils.badges-right .badge {margin-left: 0.5em; color: inherit; background: transparent; border: 1px currentColor solid; box-shadow: 0 0 1px 0 currentColor;}

.top-utils.left {margin-left: -0.8em;} /* Compensate left-padding of items */
.top-utils.right {margin-right: -0.8em;} /* Compensate right-padding of items */

.desktop-header { position: relative; }
.desktop-header .c-header__utilities-menu { position: relative; right: auto; top: auto; flex: 1; }
.desktop-header .c-header__logo { margin: 0 auto;  max-width: 90px;}
.desktop-header .c-header__utility { position: relative; display: inline-block; padding-right: 20px; flex: 1; }
.desktop-header .c-nav__mega-nav { z-index: 9; position: absolute; left: 0; transform: translateX(0%); top: 47px;}
.desktop-header .c-nav__linklist { justify-content: left; }
.c-nav__linklist-link { font-size: 1em; font-weight: 600; margin: 0 0 0 26px;}
.c-header__wrapper.is-transitioning-to-fixed .desktop-header .c-nav__linklist-link { margin: 0 15px;  }
.c-header__wrapper.is-transitioning-to-fixed .desktop-header .c-nav__mega-nav { top: 47px; }
.desktop-header .jssearch-menu { top: 57px; }
.c-header__wrapper.is-transitioning-to-fixed .desktop-header .c-header__utility { bottom: 0; right: 0; }

@media (max-width: 1200px ){
  .desktop-header .c-nav__linklist-link,
  .c-header__wrapper.is-transitioning-to-fixed .desktop-header .c-nav__linklist-link { font-size: .8em; }
}

/*
************ GLOBAL COMPONENTS ************
*/

.cart-extra-module {font-size: 0.9em; padding: 0.8em 0; line-height: {{settings.body_font_line_height}}; border-top: 1px solid var(--scheme-borders-color);}
device-content:not(.active) {display: none;}

{%- if settings.cart_note -%}
.cart-note-wrap .field {margin-top: 0em; height: 6em;}
{%- endif -%}

{%- if settings.cart_custom_title1 != blank or settings.cart_custom_title2 != blank -%}
.cart-extra-module .cart-custom {position: relative;}
.cart-extra-module .cart-custom:not(:last-child) {border-right: 1px solid var(--scheme-borders-color);}
.cart-accordion-text {padding: 0.8rem 0 0;}
.cart-accordion-button svg {transition: transform var(--animation-speed-medium) ease-out;}
.cart-accordion-button[aria-expanded="true"] svg {transform: rotate(180deg);}
.cart-popup-text {padding: 2em; max-width: var(--container-width);}
@media (max-width: {{settings.breakpoint_mobile}}){
  .cart-popup-text {padding: 2em var(--container-padding);}
}
{%- endif -%}
{%- if settings.cart_popuplink_title1 != blank or settings.cart_popuplink_title2 != blank -%}
  .cart-popuplink-button {display: inline-flex;}
  .cart-popuplink-button > *:not(:first-child) {margin-left: 0.5em;}
{%- endif -%}

/* cart-property-field */
cart-property-field {display: block; position: relative;}
cart-property-field .badge {position: absolute; visibility: hidden; bottom: 0; right: 0; opacity: 0; padding: 0.4rem; line-height: 1; font-size: 0.75em; background-color: #ccc; color: #000; transition: opacity var(--animation-speed-fast) linear;}
cart-property-field .badge.show {visibility: visible; opacity: 0.7;}

/* component-quantity */
.quantity-box {height: 3em; position: relative; width: 100%; max-width: 8em; display: flex; flex-flow: row;}
.quantity-input[type=number] {height: 100%; width: 100%; flex-grow: 1; border: 0; padding: 0; font-weight: 500; text-align: center; -webkit-appearance: none; appearance: none; margin: 0 2px;}
.quantity-button {position: relative; height: 100%; width: 2.5em; flex-shrink: 0; border: 0; background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.quantity-button svg {font-size: 0.9em; position: static; transform: none; pointer-events: none;}
.quantity-input:-webkit-autofill,
.quantity-input:-webkit-autofill:hover,
.quantity-input:-webkit-autofill:active {box-shadow: inset 0 0 0 var(--scheme-background-color) 10em !important; -webkit-box-shadow: inset 0 0 0 10em var(--scheme-background-color) !important;}
.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-spin-button {-webkit-appearance: none; margin: 0;}
.quantity-input[type='number'] {-moz-appearance: textfield;}
.quantity-box.quantity-disabled .quantity-button {display: none;}
.quantity-box.quantity-disabled .quantity-input {background: #cecece; margin: 0;}

{%- if settings.free_shipping_threshold > 0 -%}
/* FREE SHIPPING PROGRESS BAR */
.free-shipping-progress {padding: 0.7em var(--slide-in-modal-padding);}
.free-shipping-progress-title {text-align: center; margin-bottom: 0.7em; line-height: {{settings.heading_font_line_height}}; font-size: 0.9em;}
.free-shipping-progress-bar {width: 100%; font-weight: 400; position: relative; font-size: 0.8em; height: 0.7857em; border-radius: 1em;}
.free-shipping-progress-bar .progress {background: var(--scheme-text-color); position: absolute; top: 0; left: 0; height: 100%; width: 0%; border-radius: 1em;}
.free-shipping-progress-bar .progress.goal-achieved {background: var(--scheme-highlights);}
{%- endif -%}


label {display: block;}
select, textarea, input[type='text'], input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='file'], input[type='password'] {background-color: var(--scheme-fields-background-color); color: var(--scheme-fields-label-color); display: block; width: 100%; font-size: {{settings.fields_size}}%; border: {{settings.fields_border_thickness}}px solid var(--scheme-fields-border-color); border-radius: {{settings.fields_border_radius}}em; padding: var(--fields-padding-vertical) var(--fields-padding-horizontal); border: 1px solid var(--scheme-fields-border-color);}
select {padding-right: calc(var(--fields-padding-horizontal) * 2 + 1rem); background-image: url({{'select.png' | asset_url}}); background-size: 0.9em; background-position: right var(--fields-padding-horizontal) center; background-repeat: no-repeat;}
textarea {border-radius: {{settings.fields_border_radius | at_most: 1.2}}em;}

input.error, select.error, textarea.error,
input.radio-custom.error + label:before, input.checkbox-custom.error + label:before {box-shadow: 0 0 0 {{settings.fields_border_thickness}}px var(--scheme-errors-color);}
.error-msg ul {margin: 0; list-style-type: none; padding: 0;}
.error-itemincart {padding: 2em;}

@media (max-width: {{settings.breakpoint_tablet}}){
  select, textarea, input[type='text'],input[type='email'], input[type='number'], input[type='search'], input[type='date'], input[type="tel"], input[type="phone"], input[type='password'] {font-size: 16px !important;}
}

.field {--min-font-size: 1rem;
  position: relative;
  border: 1px solid #002c36;
  background-color: #fff;
  border-radius: 0;
  color: #002c36;
  stroke: #002c36);
  fill: #002c36;}
  svg.icon path { stroke: #002c36 }



/*
************ HELPERS ************
*/
.animation {-webkit-transition: all var(--animation-speed-fast) ease-out; -moz-transition: all var(--animation-speed-fast) ease-out; -o-transition: all var(--animation-speed-fast) ease-out; -ms-transition: all var(--animation-speed-fast) ease-out; transition: all var(--animation-speed-fast) ease-out;}
.ease-animation {-webkit-transition: all var(--animation-speed-fast) ease-out; -moz-transition: all var(--animation-speed-fast) ease-out; -o-transition: all var(--animation-speed-fast) ease-out; -ms-transition: all var(--animation-speed-fast) ease-out; transition: all var(--animation-speed-fast) ease-out;}
.ease-animation-slow {-webkit-transition: all var(--animation-speed-slow) ease-out; -moz-transition: all var(--animation-speed-slow) ease-out; -o-transition: all var(--animation-speed-slow) ease-out; -ms-transition: all var(--animation-speed-slow) ease-out; transition: all var(--animation-speed-slow) ease-out;}

.slide-calculating {position: absolute !important; opacity: 0 !important; height: auto !important;}
.expandable {visibility: hidden; overflow-y: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.expandable.expandable-default-open {visibility: visible; overflow: visible; max-height: none;}

.container {max-width: var(--container-width); padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
.container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(100% / 2 - var(--container-width) / 2));}
.container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(100% / 2 - var(--container-width) / 2));}

.show {display: block;}
.hide {display: none;}
.invisible {visibility: hidden;}
.visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; min-height: unset; min-width: unset; margin: -1px; overflow: hidden; padding: 0; position: absolute; appearance:none; -moz-appearance:none; -webkit-appearance:none; border: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none;}

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

.center {margin: auto;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
  
.bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
.bg-left {background-position-x: left;}
.bg-right {background-position-x: right;}
.bg-top {background-position-y: top;}
.bg-bottom {background-position-y: bottom;}

.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-wrap {-webkit-box-wrap: wrap; -moz-box-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1;}
.flex-1-0 {-webkit-box-flex: 1 0; -moz-box-flex: 1 0; -ms-flex: 1 0; -webkit-flex: 1 0; flex: 1 0;}
.direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
.justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.align-items-stretch {-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
.align-content-center {-webkit-align-content: center; align-content: center;}
.align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

.grid, .grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: calc(var(--grid-gap) * -1);}
.grid-item{box-sizing:border-box; padding-left: var(--grid-gap);}
.grid-full{margin-left:0}
.grid-full>.grid-item{padding-left:0}

.flexbox-grid {row-gap: var(--grid-gap);}
.flexbox-item {width: var(--item-width-desktop, 100%); --flexbox-padding: var(--item-padding-desktop); align-self: var(--align-self-desktop);}
.flexbox-inner {display: flex; flex-flow: column; height: 100%; border-radius: var(--item-border-radius);}
.flexbox-inner.same-scheme-false,
.flexbox-inner.scheme-border-box {align-self: flex-start; padding: calc(var(--global-sections-padding) * var(--flexbox-padding));}
.flexbox-inner .separator {width: 100%;}
.flexbox-inner > *:not(:first-child) {margin-top: 1.5rem;}
.flexbox-inner > :first-child {margin-top: 0; margin-bottom: 0;}
.flexbox-inner > :first-child .btn {margin-top: 0;}
@media (max-width: {{settings.breakpoint_tablet}}){
  .flexbox-item {width: var(--item-width-tablet, 100%); --flexbox-padding: var(--item-padding-mobile); align-self: var(--align-self-mobile);}
}
@media (max-width: {{settings.breakpoint_mobile}}){
  .flexbox-item {width: var(--item-width-mobile, 100%);}
}

.one-whole{width:100%}
.one-half{width:50%}
.one-third{width:33.333%}
.two-thirds{width:66.666%}
.one-quarter{width:25%}
.two-quarters{width:50%}
.three-quarters{width:75%}
.one-sixth{width:16.666%}
.two-sixths{width:33.333%}
.three-sixths{width:50%}
.four-sixths{width:66.666%}
.five-sixths{width:83.333%}
.one-tenth{width:10%}
.two-tenths{width:20%}
.three-tenths{width:30%}
.four-tenths{width:40%}
.five-tenths{width:50%}
.six-tenths{width:60%}
.seven-tenths{width:70%}
.eight-tenths{width:80%}
.nine-tenths{width:90%}

@media (max-width: {{settings.breakpoint_mobile}}){
  .small--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  /* reset expandable of other @media */
  .medium--expandable,
  .large--expandable {visibility: visible !important; max-height: initial !important;}
  
  .small--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  .small--container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  .small--container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  
  .small--show{display:block !important}
  .small--hide{display:none !important}
  .small--invisible {visibility: hidden;}
  .small--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .small--block {display: block !important;}
  .small--inline-block {display: inline-block !important;}
  
  .small--center {margin: auto;}

  .small--text-left{text-align:left !important}
  .small--text-right{text-align:right !important}
  .small--text-center{text-align:center !important}
  
  .small--bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
  .small--bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
  .small--bg-left {background-position-x: left;}
  .small--bg-right {background-position-x: right;}
  .small--bg-top {background-position-y: top;}
  .small--bg-bottom {background-position-y: bottom;}
  
  .small--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .small--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .small--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .small--flex-1-0 {-webkit-box-flex: 1 0; -moz-box-flex: 1 0; -ms-flex: 1 0; -webkit-flex: 1 0; flex: 1 0;}
  .small--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .small--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .small--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .small--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .small--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .small--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .small--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .small--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .small--justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
  .small--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .small--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .small--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .small--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .small--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .small--align-content-center {-webkit-align-content: center; align-content: center;}
  .small--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .small--grid, .small--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .small--grid-item{box-sizing:border-box; padding-left: 20px;}
  
  .small--one-whole{width:100%}
  .small--one-half{width:50%}
  .small--one-third{width:33.333%}
  .small--two-thirds{width:66.666%}
  .small--one-quarter{width:25%}
  .small--two-quarters{width:50%}
  .small--three-quarters{width:75%}
  .small--one-tenth{width:10%}
  .small--two-tenths{width:20%}
  .small--three-tenths{width:30%}
  .small--four-tenths{width:40%}
  .small--five-tenths{width:50%}
  .small--six-tenths{width:60%}
  .small--seven-tenths{width:70%}
  .small--eight-tenths{width:80%}
  .small--nine-tenths{width:90%}
}

@media (min-width: {{settings.breakpoint_mobile | plus: 0.001}}em) and (max-width: {{settings.breakpoint_tablet}}){
  .medium--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  /* reset expandable of other @media */
  .large--expandable,
  .small--expandable {visibility: visible !important; max-height: initial !important;}

  .medium--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  .medium--container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  .medium--container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  
  .medium--show{display:block !important}
  .medium--hide{display:none !important}
  .medium--invisible {visibility: hidden;}
  .medium--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .medium--block {display: block !important;}
  .medium--inline-block {display: inline-block !important;}
  
  .medium--center {margin: auto;}

  .medium--text-left{text-align:left !important}
  .medium--text-right{text-align:right !important}
  .medium--text-center{text-align:center !important}
  
  .medium--bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
  .medium--bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
  .medium--bg-left {background-position-x: left;}
  .medium--bg-right {background-position-x: right;}
  .medium--bg-top {background-position-y: top;}
  .medium--bg-bottom {background-position-y: bottom;}

  .medium--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .medium--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .medium--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .medium--flex-1-0 {-webkit-box-flex: 1 0; -moz-box-flex: 1 0; -ms-flex: 1 0; -webkit-flex: 1 0; flex: 1 0;}
  .medium--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .medium--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .medium--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .medium--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .medium--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .medium--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .medium--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .medium--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .medium--justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
  .medium--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .medium--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .medium--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .medium--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .medium--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .medium--align-content-center {-webkit-align-content: center; align-content: center;}
  .medium--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .medium--grid, .medium-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .medium--grid-item{box-sizing:border-box; padding-left: 20px;}

  .medium--one-whole{width:100%}
  .medium--one-half{width:50%}
  .medium--one-third{width:33.333%}
  .medium--two-thirds{width:66.666%}
  .medium--one-quarter{width:25%}
  .medium--two-quarters{width:50%}
  .medium--three-quarters{width:75%}
  .medium--one-fifth{width:20%}
  .medium--two-fifths{width:40%}
  .medium--three-fifths{width:60%}
  .medium--four-fifths{width:80%}
  .medium--one-tenth{width:10%}
  .medium--two-tenths{width:20%}
  .medium--three-tenths{width:30%}
  .medium--four-tenths{width:40%}
  .medium--five-tenths{width:50%}
  .medium--six-tenths{width:60%}
  .medium--seven-tenths{width:70%}
  .medium--eight-tenths{width:80%}
  .medium--nine-tenths{width:90%}
}

@media (max-width: {{settings.breakpoint_tablet}}){
  .medium-down--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  /* reset expandable of other @media */
  .large--expandable {visibility: visible !important; max-height: initial !important;}

  .medium-down--container {padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  .medium-down--container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  .medium-down--container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}

  .medium-down--show {display:block !important}
  .medium-down--hide {display:none !important}
  .medium-down--invisible {visibility: hidden;}
  .medium-down--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .medium-down--block {display: block !important;}
  .medium-down--inline-block {display: inline-block !important;}

  .medium-down--center {margin: auto;}

  .medium-down--text-left{text-align:left !important}
  .medium-down--text-right{text-align:right !important}
  .medium-down--text-center{text-align:center !important}
  
  .medium-down--bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
  .medium-down--bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
  .medium-down--bg-left {background-position-x: left;}
  .medium-down--bg-right {background-position-x: right;}
  .medium-down--bg-top {background-position-y: top;}
  .medium-down--bg-bottom {background-position-y: bottom;}
  
  .medium-down--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .medium-down--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .medium-down--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .medium-down--flex-1-0 {-webkit-box-flex: 1 0; -moz-box-flex: 1 0; -ms-flex: 1 0; -webkit-flex: 1 0; flex: 1 0;}
  .medium-down--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .medium-down--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .medium-down--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .medium-down--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .medium-down--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .medium-down--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .medium-down--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .medium-down--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .medium-down--justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
  .medium-down--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .medium-down--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .medium-down--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .medium-down--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .medium-down--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .medium-down--align-content-center {-webkit-align-content: center; align-content: center;}
  .medium-down--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .medium-down--grid, .medium-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .medium-down--grid-item{box-sizing:border-box; padding-left: 20px;}

  .medium-down--one-whole{width:100%}
  .medium-down--one-half{width:50%}
  .medium-down--one-third{width:33.333%}
  .medium-down--two-thirds{width:66.666%}
  .medium-down--one-quarter{width:25%}
  .medium-down--two-quarters{width:50%}
  .medium-down--three-quarters{width:75%}
  .medium-down--one-fifth{width:20%}
  .medium-down--two-fifths{width:40%}
  .medium-down--three-fifths{width:60%}
  .medium-down--four-fifths{width:80%}
  .medium-down--one-tenth{width:10%}
  .medium-down--two-tenths{width:20%}
  .medium-down--three-tenths{width:30%}
  .medium-down--four-tenths{width:40%}
  .medium-down--five-tenths{width:50%}
  .medium-down--six-tenths{width:60%}
  .medium-down--seven-tenths{width:70%}
  .medium-down--eight-tenths{width:80%}
  .medium-down--nine-tenths{width:90%}
}

@media (min-width: {{settings.breakpoint_tablet | plus: 0.001}}em){
  .large--expandable {visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  /* reset expandable of other @media */
  .medium-down--expandable,
  .small--expandable {visibility: visible !important; max-height: initial !important;}

  .large--container {max-width: var(--container-width); padding: 0 var(--container-padding); margin: auto; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
  .large--container-left {box-sizing: border-box; width: 100%; padding-left: var(--container-padding); padding-left: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}
  .large--container-right {box-sizing: border-box; width: 100%; padding-right: var(--container-padding); padding-right: max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2)));}

  .large--show {display:block !important}
  .large--hide {display:none !important}
  .large--invisible {visibility: hidden;}
  .large--visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .large--block {display: block !important;}
  .large--inline-block {display: inline-block !important;}
  
  .large--center {margin: auto;}
  
  .large--text-left {text-align:left !important}
  .large--text-right {text-align:right !important}
  .large--text-center {text-align:center !important}
  
  .large--bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
  .large--bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;}
  .large--bg-left {background-position-x: left;}
  .large--bg-right {background-position-x: right;}
  .large--bg-top {background-position-y: top;}
  .large--bg-bottom {background-position-y: bottom;}
  
  .large--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .large--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .large--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .large--flex-1-0 {-webkit-box-flex: 1 0; -moz-box-flex: 1 0; -ms-flex: 1 0; -webkit-flex: 1 0; flex: 1 0;}
  .large--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .large--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .large--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .large--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .large--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .large--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .large--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .large--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .large--justify-content-evenly {-ms-flex-pack: space-evenly;justify-content: space-evenly;}
  .large--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .large--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .large--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .large--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
  .large--align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
  .large--align-content-center {-webkit-align-content: center; align-content: center;}
  .large--align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}

  .large--grid, .large-down--grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -20px;}
  .large--grid-item{box-sizing:border-box; padding-left: 20px;}

  .large--one-whole{width:100%}
  .large--one-half{width:50%}
  .large--one-third{width:33.333%}
  .large--two-thirds{width:66.666%}
  .large--one-quarter{width:25%}
  .large--two-quarters{width:50%}
  .large--three-quarters{width:75%}
  .large--one-sixth{width:16.666%}
  .large--two-sixths{width:33.333%}
  .large--three-sixths{width:50%}
  .large--four-sixths{width:66.666%}
  .large--five-sixths{width:83.333%}
  .large--one-tenth{width:10%}
  .large--two-tenths{width:20%}
  .large--three-tenths{width:30%}
  .large--four-tenths{width:40%}
  .large--five-tenths{width:50%}
  .large--six-tenths{width:60%}
  .large--seven-tenths{width:70%}
  .large--eight-tenths{width:80%}
  .large--nine-tenths{width:90%}
}



