/** Shopify CDN: Minification failed

Line 153:0 Comments in CSS use "/* ... */" instead of "//"
Line 265:0 Comments in CSS use "/* ... */" instead of "//"
Line 266:0 Comments in CSS use "/* ... */" instead of "//"
Line 267:0 Comments in CSS use "/* ... */" instead of "//"
Line 268:0 Comments in CSS use "/* ... */" instead of "//"
Line 4155:0 Unexpected "$"
Line 4178:0 Comments in CSS use "/* ... */" instead of "//"
Line 4179:0 Comments in CSS use "/* ... */" instead of "//"
Line 4207:0 Comments in CSS use "/* ... */" instead of "//"
Line 4214:2 Expected identifier but found "*"
... and 327 more hidden warnings

**/
html.touchevents.crjs {
    overflow-x: hidden;
}
 
 /* #Page Banners
================================================== */

.banner.page-banner {
  overflow: hidden;
  max-height: 100vh;
  
}

.caption.captionOverlay--true {
  max-width: 960px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  
    top: 50%;
  
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 3;
  .headline, .subtitle {
    color: #ffffff;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    
  }
  @include respond-to('medium-down'){
    top: 50%;
  }
}

.dark-overlay-true:after{
  content: '';
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */

/*  @font-face {
      font-family: 'FontName';
      src: url('FontName.eot');
      src: url('FontName.eot?iefix') format('eot'),
           url('FontName.woff') format('woff'),
           url('FontName.ttf') format('truetype'),
           url('FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/


/* #Custom Styles
================================================== */

*{
  font-family: 'museo-sans', sans-serif !important;
}
h1, h2, h3, h4 , h5 ,h6, .h1, .h2, .h3, .h4, .h5, .h6,
.collection_title{
  *{
    font-family: 'trajan-pro-3', sans-serif !important;
  }
   font-family: 'trajan-pro-3',  sans-serif !important;
}
.selector-wrapper{display:inline-block; width: 50%; padding: 0 5% 0 0;}
.selector-wrapper:first-of-type{display:none;}
.single_select > .selector-wrapper{display:block;}
select{border-radius:13px;}
.product_section .product_form{
  max-width:unset;
}
.modal_price{
  color: #00a6b5;
    font-weight: 700;
    font-size: 1.5em;
}
.purchase-details__buttons, .purchase-details__quantity {
    margin-top:5%;
    width: calc(100% - 6px) !important;
}

.page{
  .custom-page-div{
    width:33%;text-align: center;display:inline-block;
    @include respond-to('medium-down'){
    width:100%;
  }
  }
  .custom-page-div-2{
    width:24.66%;text-align: center;display:inline-block;
    @include respond-to('medium-down'){
    width:100%;
  }
  }
  table{
    
    td, tr{border-color: 0px solid transparent !important;
    	border-left: 0px solid transparent !important;
       border-right: 0px solid transparent !important;
       border-top: 0px solid transparent !important;
       border-bottom: 0px solid transparent !important;
    }
  }
}

.boost-pfs-search-box {
	border-radius: 13px !important;
}

/* @media screen and (max-width:780px){
  .boost-pfs-search-box {
      margin-top: 60px !important;
  }
} */

@media screen and (max-width:780px){
  .search__container {
      margin-top: 100px !important;
  }
}


//style downgrades 10/6

.main_nav{padding:40px 0}
.main_nav div.logo{padding:0; padding-left:20px; width:35%;}
.nav {
    width: 65%;
    float: right;
}
.menu a.top_link{font-weight:700 !important;}

.action_button {
    border-radius: 13px !important;
}

.video-wrapper .video__text-container {bottom:0 !important; top:unset !important;
  height:200px !important;
  @include respond-to('medium-down'){
    height:unset !important;
  }
  }



.map-section .container {
  border: #163a56 1px solid;
  padding: 20px;
  margin-bottom: 40px;
}

.map-section div div div div p a {
  text-decoration: underline;
}

.map-body {
  column-count: 2;
  column-rule: #163a56 1px solid;
  column-gap: 40px;
  column-width: 200px;
  height: fit-content;
  margin-bottom: 20px;
}

.map-body div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  /* for Firefox */
  display: inline-grid;
}

/* for Chrome and Edge */
@supports (break-inside: avoid-column) {
  .map-body div  {
    display: block !important;
  }
}

.icon-mbank svg {fill: #163a56 !important;}

.icon-mbank svg:hover {fill: #00a6b5 !important;}

.flickity-prev-next-button .arrow{fill:black !important;}
.flickity-prev-next-button {opacity:1 !important;}

.single-option-selector option[disabled="disabled"]{
      color: rgba(170, 170, 170, .7);
    opacity: .3;
  text-decoration: line-through;
}


.team-page__container:not(#first) h2, #exec-team { font-size: 40px;}

@media only screen and (max-width: 798px) {
  .team-page__container:not(#first) h2, #exec-team { font-size: 30px; }
}

@media only screen and (max-width: 479px) {
  .team-page__container:not(#first) h2, #exec-team { font-size: 170%; }
}


.color-container#White a div, div#WHITE span.selected-color { border: lightgrey 1px solid; }

.dropdown.menu a:visited, .dropdown.menu a:active, .dropdown.menu a:focus {
  padding: 3px 0;
  font-weight: bolder;
}

.dropdown.menu a {
  padding: 3px 0;
  line-height: initial;
}

.product-details span.title {
  font-size: large !important;
  font-weight: bolder;
}

span.unit::first-letter { text-transform: uppercase !important; }
.image-element__wrap{min-height:200px;}

.product-details span.price { display: none !important; }

.boost-pfs-filter-tree-v .boost-pfs-filter-option-range.boost-pfs-filter-option-collapsed  {
  padding-bottom: 20px !important;
}

.boost-pfs-filter-option-size div div ul li.boost-pfs-filter-option-item.boost-pfs-filter-option-label {
  max-width: 49% !important;
}

//.vertical-menu li a:not(.vertical-menu_submenu li a) {
//  padding-top: unset;
//  padding-bottom: unset;
//}

.promo_banner { background-color: #f7eaca; }

.boost-pfs-filter-tree-mobile-button button, .boost-pfs-filter-top-sorting-mobile button { border-radius: 13px !important; }


@media only screen and (max-width: 798px) {
  .color-container a {
    display: inline-flex !important;
    line-height: 25px !important;
  }

  .color-container a div {
    border-radius: 25px !important;
    display: inline-flex !important;
    margin-right: 10px !important;
  }
}

div.mini-cart__item__title div.line-item { display:none; }

@media only screen and (min-width: 479px) {
    div#contact-us-form {width: 90vw;}
}

@media only screen and (min-width: 798px) {
  div#contact-us-form {
    min-width: 600px;
    max-width: 800px;
  }
}

.sample_action_btn {
 background: white !important;
    color: #00344f !important;
    border: 1px solid #00344f !important;
 	border-radius:13px!important;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    height: 40px;
    line-height: 1.2;
    vertical-align: top;
    font-family: "Mundo Sans",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    transition: all .2s linear;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    border-radius: 3px; 
}

.shopify-cleanslate div ul li div[data-testid="GooglePay-button"],
.shopify-cleanslate div ul li div[data-testid="ShopifyPay-button"],
.shopify-cleanslate div ul li div[data-testid="ApplePay-button"],
.shopify-cleanslate div ul li iframe {
  border-radius: 13px !important;
}

.share-items{text-align:right; padding-right:10px;}
.print-button{
font-size:10px;
padding:10px;
}


.share-items{text-align:right; padding-right:10px;}
.print-button{
font-size:10px;
padding:10px;
}

#st-1 .st-btn{
 background-color:#D3D3D3 !important;
}


/* 2021 PDP Updates  */

.call-button {
  height: 10px;
  width: 10px;
  margin-right: 1.5em;
}

.call-button img {
  height: 20px;
  width: 20px;
/*   margin-right: 1em; */
}

.title-and-wishlist {
  display:flex; 
  justify-content: space-between;
  align-items: center;
  margin-top: 2em;
}

@media (min-width: 1024px){
	.call-button {
      display: none;
    }
}


.icon-container {
    width: auto;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.custom-accordion-title{
}

.brochure-button{
  padding-bottom:10px;
  float:left;
}

@media only screen and (max-width: 680px) {
 .brochure-button{
 		padding-bottom:10px;
  		max-width:30px;
	}
  
}
.gallery-title {
  margin-top: 8px;
  margin-bottom: 14px;
}
#shopify-section-template--15396613914785__16464247227961860a .container {
    padding-bottom: 0;
}
#shopify-section-template--15396613914785__16464905327c0563c0 .container {
    padding-top: 0;
}


.swatch .swatch-element:not(:nth-child(-n+21))>.tooltip::after {
    transform: scaleY(-1);
    bottom: 100%;
}


.swatch .swatch-element:not(:nth-child(-n+21)) > .tooltip {
    top: 100%;
    margin: 0;
    bottom: auto;
}


/* .section.product_section .product_gallery {
    padding: 30px;
    background: #fff;
    height: 500px;
}
.section.product_section .product_gallery .gallery-cell {
    height: 500px;
    top: 0;
}
.section.product_section .product_gallery .gallery-cell img {height: 500px;object-fit: cover;}

@media only screen and (max-width: 767px) {
.section.product_section .product_gallery {
    padding: 30px;
    background: #fff;
    height: 400px;
    margin-bottom: 0;
}
.section.product_section .product_gallery .gallery-cell {
    height: 370px;
    top: 0;
}
.section.product_section .product_gallery .gallery-cell img {
    height: 370px;
    object-fit: cover;
}
}

.product_gallery_nav .gallery-cell img {
    height: 100px;
    object-fit: cover;
    width: 100%;
} */

.product_gallery {
    background: #fff !important;
    padding: 25px;
 }
.product_gallery .gallery-cell img {
    height: 500px;
    object-fit: contain;
}


.descr {
    display: flex;
    flex-wrap: wrap;
}

.descr>p {
    width: 80%;
    padding-right: 15px;
}

.descr>span.installtion_link {
    width: 20%;
    text-decoration: underline;
}

@media only screen and (max-width: 991px) {
.descr > p {
    width: 100%;
    padding-right: 0;
}
  
  .descr > span.installtion_link {
    width: 100%;
    
}

.dropdown_container {
    position: unset !important;
}
  .getstarted .Heading h1 {
    font-size: 40px; 
  
}
}

@media only screen and (max-width: 767px) {
.product_gallery .gallery-cell img {
    height: 250px;
    object-fit: contain;
}
  .getstarted .Heading h1 {
    font-size: 40px;
    color: #fff;
}
}



.sale-price-area.sale {
    display: flex;
    align-items: center;
}
.sale-price-area.sale span.sale.savings {
    font-weight: 400;
    font-size: 22px;
    padding-left: 10px;
}
.sale-price-area.sale span.sale.savings .money {
    /*text-decoration: line-through;*/
  	color: #8c8b8b;
}

.was-area-price {
    display: flex;
    align-items: center;
    margin-top: 2px;
}
.was-area-price p#v-price {
    margin: 0;
    padding-right: 5px;
    line-height: 1.2;
    font-size: 18px;
    color: #333;
}
 .discount-percent span {
    display: none;
}
.sale-price-area.sale + .discount-percent {
    font-size: 16px;
}
.product_section .modal_price .price__container {
    display: flex;
    align-items: flex-start;
}
.product_section .modal_price .price__container >  span:first-child {
    margin-top: 3px;
    border-right: 0px solid #eee;
    padding-right: 10px;
    margin-right: 10px;
  position:relative;
}
.product_section .modal_price .price__container>span:first-child:after {
    position: absolute;
    width: 1px;
    content: "";
    right: 0;
    height: 20px;
    background: #333;
    top: 1px;
}

.badge-main-area .sale_banner_product {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 99;
    width: 50px;
    height: 50px;
    line-height: 52px;
    font-size: 11px;
}

.badge-main-area {
    position: relative;
}

.sale-price-area.sale span.current_price {
    font-size: 18px;
    color: #333;
}
.sale-price-area.sale span.sale.savings .money {
    /*text-decoration: line-through;*/
    color: #333;
}
.sale-price-area.sale span.sale.savings {
    font-weight: 600;
    font-size: 18px;
    padding-left: 5px;
    color: #333 !important;
}
.was_price {
    text-decoration: line-through;
    color: #333;
    text-shadow: none;
    font-weight: 700;
    font-size: 21px;
}

.badge-main-area>.sale_banner_product {
    border-radius: 0;
    width: 100px;
    height: auto;
    padding: 2px 0 !important;
    line-height: unset;
    font-size: 16px;
    min-width: 100px;
}

.banner_holder>div {
    border-radius: 0 !important;
    min-width: 100px;
    line-height: unset !important;
    height: auto !important;
    padding: 2px 0 !important;
    font-size: 16px;
}

.banner_holder {
    left: 10px;
    right: unset;
    top: -10px;
}

.sale-price-area.sale span.current_price {
    font-size: 21px;
    color: #00a6b5;
   font-weight: 700;
}

.sale-price-area.sale span.sale.savings {
    font-weight: 700;
    font-size: 21px;
    
}

.was-area-price p#v-price {
    font-size: 21px;
    font-weight: 700;
    color: #00a6b5;
}


.sale-price {
    width: 100%;
}

span.was_price {
    display: none;
}

/*p#v-price {
    text-transform: uppercase;
}*/

.sale-price-area.sale {
    display: block;
}

 .product_section .modal_price .price__container>span:first-child::after {
    width: 0;
}

.product_section .modal_price .price__container span.sale {
    padding: 0;
    margin: 0;
}


.product_section .modal_price .price__container {flex-wrap: wrap;}
.product_section .modal_price .price__container .sale-price-area.sale {width: 100%;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings {font-size: 16px;display: block;margin: 0 0 15px;color: #00a6b5 !important;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings span.money {color: #00a6b5 !important;}.product_section .modal_price .price__container {flex-wrap: wrap;}
.product_section .modal_price .price__container .sale-price-area.sale {width: 100%;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings {font-size: 16px;display: block;margin: 0 0 15px;color: #00a6b5 !important;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings span.money {color: #00a6b5 !important;}
.product_section .modal_price .price__container span.sale {width: 100%;}
.was-area-price p#v-price {font-size: 16px;color: #00344f;font-style: italic;font-weight: 400;}

.product_section .modal_price .price__container>span {
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 10px;
}


div#section-location-custom-mega-menu-3 div[data-column="4"] .truck_img {
    position: unset;
    width: 100%;
}


.truck_img img {
    width: 100%;
}


/* header redesign */

header ul.menu.center.clearfix {
    padding: 0;
    padding-right: 0 !important;
}

header ul.menu.center.clearfix li.search_container {
    position: unset!important;
    padding-top: 0;
    width: 100%;
    max-width: 420px;
    margin-left: 50px;
}

.main_nav {
    padding: 0 0 10px;
}

header ul.menu.center.clearfix {
    padding: 0;
    padding-right: 0!important;
    padding-bottom: 0!important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

header ul.menu.center.clearfix .vertical-menu + .vertical-menu {
    display: none;
}

.nav ul.menu.center.clearfix .vertical-menu {
    width: 100%;
    max-width:100% !important;
    display: block;
}

ul.menu.center.clearfix>li:first-child {
    display: none;
}

.nav ul.menu.center.clearfix .vertical-menu>li {
    margin: 0;
    padding: 0;
    margin-right: 0 !important;
}

.nav ul.menu.center.clearfix .vertical-menu {
    width: 100%;
    max-width: 100%!important;
    display: flex;
    justify-content: space-between;
}

header ul.menu.center.clearfix li.search_container input {
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #dcdcda;
}

.nav ul.menu.center.clearfix .vertical-menu>li>a {
    padding: 0;
}

div#section-location-custom-mega-menu-3 div[data-column="1"], div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 35% !important;
    padding: 0 15px;
}

div#section-location-custom-mega-menu-3 div[data-column="2"]>div {
    width: 100% !important;
}

div#section-location-custom-mega-menu-3 div[data-column="1"] br {
    display: none;
}


div#section-location-custom-mega-menu-3 div[data-column="1"] {
    display: flex !important;
    flex-wrap: wrap;
    padding-right: 3% !important;
    line-height: 40px;
}


.nav ul.menu.center.clearfix .vertical-menu>li {margin: 0;padding: 0;margin-right: 0 !important;}

header ul.menu.center.clearfix li.search_container input {border: none;border-radius: 0 !important;border-bottom: 1px solid #dcdcda;}



.nav ul.menu.center.clearfix .vertical-menu>li>a {padding: 0;}





div#section-location-custom-mega-menu-3 div[data-column="4"] {width: 25% !important;}

div#section-location-custom-mega-menu-3 div[data-column="2"]>div {width: 100% !important;}

div#section-location-custom-mega-menu-3 div[data-column="1"] {
    display: flex!important;
    flex-wrap: wrap;
    padding-right: 0%!important;
    line-height: 40px;
    width: 35%!important;
}

div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 40%!important;
    padding: 0 30px;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>b {width: 100%;}

div#section-location-custom-mega-menu-3 div[data-column="1"] br {display: none;}


div#section-location-custom-mega-menu-3 .dropdown.menu {
    width: 100%;
    max-width: 1230px;
    left: 50%;
    transform: translate(-50%);
    padding-left: 30px!important;
    padding-right: 30px!important;
    margin: 0;
}

div#section-location-custom-mega-menu-3 div[data-column="1"] span {
    width: 100%;
    padding: 0 0px;
    font-size: 16px;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix a.icon-cart.mini_cart.dropdown_link {
    height: 58px !important;
}


.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix {
    width: 100%;
    max-width: 1196px;
    padding: 0;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width: 69% !important;
    margin-left: auto;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix li.search_link {
    display: none;
}

.menu-position--block.logo-align--center div.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.boost-pfs-search-suggestion {
    left: unset !important;
    right: 0;
}

.boost-pfs-search-suggestion-column-2-non-fullwidth:not(.boost-pfs-search-suggestion-mobile) {
    width: 100% !important;
    left: unset !important;
    right: 12.5%;
    max-width: 800px;
}

.boost-pfs-search-suggestion-popover[data-direction=left] {
    left: unset!important;
    right: 40% !important;
}









div#section-location-custom-mega-menu-3 {
    float: left;
    width: 100%;
    height: 100%;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>div:not(.demoooo) {
    width: 33%;
}

div#section-location-custom-mega-menu-3 div[data-column="1"] .demoooo {
    width: 100%;
}


.request-qoute-left {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.center-search {
    background: #1A324C;
    padding: 10px 16px;
}

.center-search form.search_form {
    max-width: 430px;
    margin: 0 auto;
}

.center-search form.search_form input {
    border: 1px solid #fff !important;
    height: auto;
    min-height: 40px;
    color: #fff;
}

.center-search form.search_form input::placeholder {
    color: #fff;
}

.request-qoute-left a.menu-button {
    padding: 8px 14px;
    display: block;
    background: #00a6b5;
    color: #fff;
    border-color: #00a6b5;
    width: 100%;
    max-width: 155px;
    text-align: center;
    font-size: 15px;
}

.center-search .search-submit {
  
    color: #fff;
  
}

ul.menu.left {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.top_bar li:first-child {
    padding-right: 8px !important;
}

.sticky_nav--stick .request-qoute-left {
    display: none;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-left: 20px;
    width: 100%;
    text-align: left;
    padding-right: 158px;
}

.sticky_nav .main_nav .logo-area {
    float: left;
    width: 35%;
}

.sticky_nav .main_nav.menu-position--block .nav {
    width: 100%;
    clear: none;
    float: left;
}

.sticky_nav .main_nav {
    display: flex;
    align-items: center;
}


.logo-area.top-left {
    display: flex;
    flex-flow: column;
    text-align: left;
    justify-content: flex-start;
    max-width: 33%;
    width: 100%;
}

.header .main_nav_wrapper .main_nav {
    padding: 11px 0 0;
}

.header .main_nav_wrapper .main_nav .dropdown_container.center {
    width: 100%;
}

.header .top_bar.clearfix {
    display: none;
}

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    order: 5;
    padding: 0;
}
.header .main_nav_wrapper .main_nav .dropdown_container.center {
    width: 100%;
    order: 4;
}

.header .main_nav_wrapper .main_nav  .top-right-info {
    order: 3;
    max-width: 33%;
    width: 100%;
}

.header .main_nav_wrapper .main_nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.header .main_nav_wrapper .main_nav .logo.logo--image {
    width: 100%;
    max-width: 33%;
}
.header .main_nav_wrapper .main_nav .top-right-info {
    display: flex;
    justify-content: flex-end;
    flex-flow: row;
    align-items: center;
    padding-right: 34px;
}

.header .main_nav_wrapper .main_nav .top-right-info a.icon-cart.mini_cart.dropdown_link {
    height: auto !important;
}

.header .main_nav_wrapper .main_nav .top-right-info {
   
    position: relative;
}

.header {
    position: relative;
}

.dropdown {
    position: absolute;
    width: 105vw;
    z-index: 1000;
    margin-left: 0px;
    left: 0;
}

.dropdown_container {
    position: absolute;
    left: 0;
    top: unset;
    bottom: 0px;
}

div#section-location-custom-mega-menu-3 {
    top: 100%;
    height: 100%;
    background: #fff;
    float: left;
    width: 100%;
    min-height:339px;
    overflow-y: auto;
}

.sticky_nav .main_nav .logo-area.top-left {
    display: none;
}

.sticky_nav .main_nav .top-right-info {
    display: none;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .cart_container.clearfix +  .cart_container.clearfix {
    display: none;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-left: 20px;
    width: 100%;
    text-align: left;
}



/* ul.menu.left li a svg {
    position: relative;
    top: 3px;
} */

ul.menu.left li:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
}
ul.menu.left li:nth-child(3) {
    padding-left: 15px;
}
.menu a.top_link {
    font-weight: 400!important;
}


.header {
    position: sticky;
    top: 0;
}

/* div#shopify-section-header {
    top: 0;
    position: sticky;
    z-index: 999;
    background: #fff;
} */

.header .main_nav_wrapper .main_nav .main-top-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.header .main_nav_wrapper .main_nav .main-top-header>div {
    width: 100%;
    max-width: 33%;
    flex: 33%;
    padding: 0px;
}



.header .main_nav_wrapper .main_nav .nav-serach-area {
    width: 100%;
    display: flex;
    flex-flow: row-reverse;
    align-items: baseline;
    padding: 15px 15px 0px;
}	

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    width: 100%;
    max-width: calc(100% - 465px);
    flex: calc(100% - 465px);
}


.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
    width: 100%;
    max-width:250px;
    padding-left: 80px;
}

.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar input::placeholder {
    color: #000;
    opacity: 0.5;
    font-size: 16px;
}

.header .main_nav_wrapper .main_nav .main-top-header>div ul.menu.left.top li:first-child {
    padding-left: 0 !important;
}

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix {
    width: 100%;
    margin: 0;
}

.right-search input {
    border: none;
    border-bottom: 1px solid #dcdcda;
    padding: 0 48px 0 0;
    border-radius: 0 !important;
}

.right-search input {
    outline: none !important;
}
.right-search input{

  border-color: none !important;
}

.search_form input, .search_form input:active, .search_form input:focus {
    font-family: Mundo Sans,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #00344f;
    background-color: transparent;
    padding-right: 35px;
    border-color: #dcdcda;
    border-radius: 3px;
    border: none;
    border-bottom: 1px solid #dcdcda;
}

.header .main_nav_wrapper .main_nav ul.menu.left>li>a {
    padding-top: 0;
}


.header .main_nav_wrapper .main_nav .main-top-header>div:last-child {
    padding-right: 0;
    position: relative;
    bottom: 20px;
}

div#shopify-section-template--15567941861537__161125747988977ede .container section.featured-link--section {
    align-items: center;
}

div#shopify-section-template--15567941861537__161125747988977ede .container {
    max-width: 1065px;
    padding: 0 30px;
}

div#shopify-section-template--15567941861537__161133677400361f58 {
    display: none;
}

section#banner-24a2a6c2-d04e-4142-9142-d4f957827de0 .image-element__wrap {
    max-width: 1320px !important;
    margin: 0 auto !important;
}

.main_nav_wrapper {
    padding-top: 10px;
}


.header .main_nav_wrapper .main_nav ul.menu.left>li>a {
    padding-bottom: 0;
}

.both-buttons {
    width: 100%;
}

.both-buttons {
    width: 100%;
    padding: 20px 0 0;
}

.showcalculator {
    display: flex;
    align-items: flex-end;
    max-width: 100%;
}


.showcalculator div[style="font-size: 13px;"] {
    color: #BDBDBD;
    margin: 0  0 5px;
}

.showcalculator>div {
    max-width: 50%;
    flex: 50%;
    width: 100% !important;
    margin: 0 !important;
}

.showcalculator>div#cartonCalculator {
    padding-right: 5px;
}

.showcalculator .purchase-details__quantity:last-child {
    padding-left: 5px;
}


.sticky_nav .main_nav>.main-top-header {
    max-width: 35%;
    width: 100%;
}

.sticky_nav .main_nav>.nav-serach-area {
    width: 100%;
    max-width: 65%;
}

.sticky_nav .main_nav>.main-top-header {
    max-width: 35%;
}

.sticky_nav .main_nav.menu-position--block .logo img {
    width: 100%;
    max-width: 225px;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sticky_nav .main_nav.menu-position--block .logo a {
    padding-top: 0;
    padding-bottom: 0;
}

.sticky_nav .main_nav {
    padding: 0;
}
.main_nav_wrapper.sticky_nav.sticky_nav--stick {
    padding: 0;
}

.showcalculator .product-quantity-box label {
    margin: 0 0 0px;
}


.showcalculator .product-quantity-box label>span {
    display: block;
    margin: 5px 0 5px !important;
    font-weight: 400;
    font-size: 13px !important;
}

.showcalculator .purchase-details__quantity:last-child>span.ss-icon.product-minus {
    border: 1px solid #cccccc;
    background: transparent;
    border-right: none !important;
    border-radius: 13px 0 0 13px;
}

.showcalculator .purchase-details__quantity:last-child span.ss-icon.product-plus {
    border: 1px solid #cccccc;
    background: transparent;
    border-left: 0;
    border-radius: 0 13px 13px 0;
}

.showcalculator .purchase-details__quantity:last-child input#quantity {
    border: 1px solid #cccccc;
    border-left: 0;
    border-right: 0;
}

.select>.selector-wrapper:nth-child(2) {
    padding-right: 2.5%;
}
.select>.selector-wrapper:nth-child(3) {
    padding-left: 2.5%;
    padding-right: 0;
}

.both-buttons input {
    margin: 0;
}



/* new page trade css 23/05/2022 */




body.page-trade .container.main.content {
    max-width: 100%;
    padding: 0;
}




div#shopify-section-brand-logo-section {
    padding: 81px 0 100px;
}

#shopify-section-Trade-sample-section .featured-link--section {
    align-items: center;
}


section#banner-Our-Trade-Team {
    padding-bottom: 203px;
}


section#banner-Our-Trade-Team .caption {
    bottom: unset;
    width: auto !important;
    max-width: unset !important;
    height: 100% !important;
    position: relative !important;
    top: unset;
}

section#banner-Our-Trade-Team .caption .caption-content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -120px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 1141px !important;
    width: 100%;
    padding: 0px 78px;
    border-top: 7px solid #23aeb7;
    min-height: 473px;
}


section#banner-Our-Trade-Team .caption .caption-content h1.headline {
    font-size: 46px;
    margin: 0 0 10px;
}

section#banner-Our-Trade-Team .caption .caption-content p {
    font-size: 19px;
}



div#shopify-section-trade-showroom-locations .container {
    max-width: 100%;
    padding: 0 15px;
}

div#shopify-section-Architessa-trade-showrooms .container {
    max-width: 1269px;
}

.Architessa-trade-showrooms {
    text-align: center;
    max-width: 1267px;
}

.Architessa-trade-showrooms p:nth-child(2) {
    font-size: 46px;
    font-weight: bold;
    text-transform: unset;
    margin: 0 0 42px;
    color: #000;
}
.locationsection {
    display: flex;
    justify-content: space-between;
}

.Architessa-trade-showrooms p {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 44px;
    color: #454545;
    font-family: Museo Sans;
    text-align: center;
    margin: 0;
}


.locationsection>.single-location {
    width: 100%;
    max-width: calc(100%/7 - 20px);
    text-align: center;
    background-color: #f8fbf6;
    padding: 30px 20px;
    margin: 0 10px;
      border: 1px solid #e6e7e5;
}
.team-page__text.text-align--center h2 {
    font-size: 44px;
}


div#shopify-section-trade-showroom-locations {
    padding: 30px 0 70px;
}
h2#exec-team {
    margin: 0;
    width: 100%;
    display: block;
    font-size: 33px;
    font-weight: 700;
    font-family: unset !important;
}

div#meet-the-team span#first {
    text-align: center !important;
    display: block;
    width: 100%;
    max-width: 100%;
}

div#shopify-section-Architessa-sales-team .team-page__text.text-align--center span {
    display: block;
    text-align: left !important;
    width: 100%;
    max-width: 100%;
}

div#meet-the-team span#first h2 {
    margin: 0 0 50px;
    width: 100%;
    font-weight: 700;
    font-family: unset !important;
}
.getstarted {
    background-color: #00344f;
    padding: 100px 0px;
}
.Heading {
    font-size: 60px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-family: unset;
}
.description-text p {
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-family: unset;
}
.buttontitle {
    background-color: #23aeb7;
    width: 282px;
    text-align: center;
    padding: 26px 0;
    margin: 50px auto 0;
}
.buttontitle a {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;

}
.featured-link--half .info {
    display: inline-block;
    width: 100%;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
    padding: 0;
    background-color: #f8fbf6;
}
div#shopify-section-Trade-Product-Catalogs {
    padding: 156px 0 138px;
    background-color: #f8fbf6;
}
a.collection_title {
    font-size: 45px;
    font-weight: 500;
}
.description p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 36px;
    color: #454545;
    font-family: unset;
}

.description a {
    text-decoration: underline;
    color: #23aeb7;
  	font-weight: 700;
}

#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
    padding: 0;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div {
    width: 100%;
}
div#product-catalogs {
    background-color: #f8fbf6;
}


#shopify-section-Trade-Product-Catalogs .featured-link--section {
    margin-bottom: 0;
    flex-flow: column;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div {
    width: 100%;
    margin: 34px 0px 30px 0px;
}
.botm-desc {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #454545;
}
.botm-desc a {
    text-decoration: underline;
    color: #23aeb7;
}
div#shopify-section-Trade-sample-section {
    padding: 160px 0;
}
 
.featured-link--half.block--8db05868-d7a6-4c37-b21c-9b3b8fe3dd2d {
    padding: 0 0 0 50px;
}
.featured-link--half.featured-link--image.featured-link--margin.image-crop--none {
    padding: 0 50px 0 0;
}
#shopify-section-Trade-sample-section .collection_title {
    font-family: trajan-pro-3 !important;
    padding: 0px 0px 36px;
    font-size:45px;
  line-height: 48px;
  margin-bottom: 0;
}
#shopify-section-Trade-sample-section .featured-link--margin {
    margin-top: 26px;
   
}
#shopify-section-Trade-sample-section .featured-link--margin {
    margin-left: 0;
    margin-right: 0;
}

div#shopify-section-Trade-sample-section .container {
    max-width: 1140px;
    width: 100%;
}


.left-text h3 {
    font-size: 45px;
    font-weight: 600;
}
h4.accordion-title.js-accordion-title.open {
    font-size: 41px;
    font-weight: 500;
    color: #23aeb7;
    margin: 0 0 25px;
}
.accordion-content p {
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 40px;
    color: #454545;
    padding: 0;
}

.accordion.resoruces .container {
    max-width: 1140px;
}

.resoruces_section {
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.rich-text__blocks h2 {
    text-align: center;
    font-size: 46px;
}
.rich-text__text.rte p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #454545;
    text-align: center;
}




.page-trade .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.image-with-text-section .container {width: 100%;max-width: 100%;padding: 0;}

.image-with-text-section .container .sixteen.columns {margin: 0 !important;}


.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section {margin: 0;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {margin: 0 !important;padding: 0;width: 100% !IMPORTANT;max-width: 50%;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 0 50px;
    width: 100%;
    max-width: 700px;
    margin-left: 0;
}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul {padding: 0;margin: 35px 0 0;list-style: none;display: flex;align-items: flex-start;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul li {display: inline-block;margin: 0 40px 0 0;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul li img {width: 100%;max-width: 85%;}

#shopify-section-Trade-sample-section .featured-link--half:first-child {
    padding-right: 50px;
    padding-top: 23px;
}

#shopify-section-Trade-sample-section .featured-link--section {
    margin-bottom: auto !important;
}

div#shopify-section-Trade-sample-section {
    display: flex;
    align-items: center;
}
div#shopify-section-Trade-resources-section {
    clear: both;
    width: 100%;
    display: inline-block;
}


section#banner-trade-first-section-banner .position-left .caption-content {
    position: absolute;
    bottom: -367px;
    max-width: 723px;
    min-height: 762px;
    padding: 73px 66px 0;
    left: 0;
    background: #1a517b;
    border-top: 7px solid #00a6b5;
}


section#banner-trade-first-section-banner {
    overflow: visible;
}

section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    font-size: 46px;
    margin: 0 0 20px;
}

section#banner-trade-first-section-banner img {
    min-height: 805px;
    object-fit: cover;
}



.team_members_area .row>div .image-element__wrap img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}

section#banner-trade-first-section-banner .position-left .caption-content p {
    font-size: 19px;
    margin: 0;
}

section#banner-trade-first-section-banner .position-left {
    position: unset;
    width: 100%;
    max-width: 1615px;
}

 
section#banner-trade-first-section-banner .position-left .caption-content a.action_button.first_button.highlight-false {
    margin: 95px auto 0;
    display: flex;
    background: #00a6b5;
    border-color: #00a6b5;
    border-radius: 0 !important;
    min-height: 72px;
    width: 100% !important;
    max-width: 211px;
    position: relative;
    z-index: 1;
}

section#shopify-section-Trade-partner .container .isolate {
    max-width: calc(100% - 591px);
    margin: 0 0 0 auto;
}

section#shopify-section-Trade-partner .container .isolate .rich-text {
    padding: 0;
}

section#shopify-section-Trade-partner .container .isolate .rich-text h2.h1 {
    margin: 0;
}

section#shopify-section-Trade-partner .container .isolate .rich-text  p {
    margin: 0;
    text-align: left;
}

section#shopify-section-Trade-partner {
    padding-top: 131px;
}
div#shopify-section-brand-logo-section div img {
    height: 81px;
    object-fit: contain;
}

div#shopify-section-brand-logo-section .slick-slide div {
    padding: 64px 40px;
    border: 1px solid #ddd;
    background: #fff;
}

div#shopify-section-brand-logo-section button.slick-arrow {
    display: none;
}

div#shopify-section-brand-logo-section ul.slick-dots {
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
    list-style: none;
}

div#shopify-section-brand-logo-section ul.slick-dots li button {
    font-size: 0;
    width: 15px !important;
    height: 15px !important;
    padding: 0;
    display: flex;
    line-height: normal;
    min-height: unset;
    background: #e8edf2;
    border-radius: 100% !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li {
    width: 15px !important;
    height: 15px;
    margin: 0 5px;
}

div#shopify-section-brand-logo-section ul.slick-dots li.slick-active {
    width: 20px !important;
    height: 20px !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li.slick-active button {
    background: #23aeb7;
    height: 20px !important;
    width: 20px !important;
}

div#trade-access button.slick-arrow {
    display: none !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li:not(.slick-active) {
    position: relative;
    top: 3px;
}

section#banner-trade-first-section-banner .position-left .caption-content:after {
    content: "";
    background: #00344f;
    width: 100%;
    height: 135px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

section#shopify-section-Trade-partner {
    position: relative;
}

section#shopify-section-Trade-partner:before {
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/bak-second-sec.png?v=1653455317);
    width: 668px;
    height: 1088px;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

section#banner-Our-Trade-Team:before {
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/location-back.png?v=1653455982);
    width: 500px;
    height: 640px;
    display: block;
    position: absolute;
    bottom: -425px;
    right: 0;
    background-size: contain;
}

section#banner-Our-Trade-Team {
    position: relative;
    overflow: visible;
}

div#shopify-section-Trade-Product-Catalogs .image-with-text {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}
div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half {
    max-width: 100%;
}

.fa {
  
    font: normal normal normal 14px/1 FontAwesome !important;
  
}


.team_members_area .sixteen.columns {
    float: none;
    display: block;
    max-width: 100%;
    margin: 0;
    width: 100%;
}

.team_members_area hr.feature_divider {
    display: none;
}

.team_members_area .row {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
}

.team_members_area .row>div {
    margin: 0;
    max-width: calc(100%/3);
    width: 100%;
    flex: calc(100%/3);
    padding: 0 10px 50px;
}

div#shopify-section-Architessa-sales-team .container {
    padding: 0 15px;
}

div#shopify-section-Architessa-Executive-team .container {
    padding: 0 15px;
}
div#shopify-section-Mid-Atlantic-team .container {
    padding: 0 15px;
}

.team_members_area .row>div p {
    margin: 0;
}

.team_members_area> .sixteen.columns:first-child .team-page__content--left span h2 {
    margin: 0 0 50px !important;
    width: 100%;
    font-weight: 700;
    font-family: unset!important;
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
}
.team_members_area .sixteen.columns h2 {
    margin: 0 0 0;
}

.team_members_area .team-page__text.text-align--center span h2 {
    text-align: left;
}

.team_members_area .team-page__text.text-align--center span {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 10px;
    text-align: left;
}

.team_members_area .row>div .image-element__wrap {
    max-width: 100% !important;
}

div#shopify-section-Architessa-sales-team .team_members_area> .sixteen.columns:first-child h2 {
    text-align: center;
}

div#shopify-section-Architessa-Executive-team .team_members_area> .sixteen.columns:first-child h2 {
    text-align: center;
}

.team_members_area .team-page__text.text-align--center span {
    position: relative;
}

.team_members_area .team-page__text.text-align--center span:after {
    content: "";
    width: 100%;
    background: #ddd;
    height: 1px;
    display: block;
    position: absolute;
    left: 12px;
    top: 50%;
    max-width: calc(100% - 20px);
	transform: translateY(-50%);
}


div#shopify-section-Architessa-sales-team .team_members_area> .sixteen.columns:first-child span::after {
    width: 0;
}


.team_members_area .team-page__text.text-align--center span h2 {
    display: inline-block !important;
    background: #fff;
    position: relative;
    z-index: 1;
    width: auto !important;
    max-width: unset;
    padding-right: 10px;
}

.member_name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team_members_area .row>div h3 {
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-weight: 700;
    font-family: unset !important;
    text-transform: unset !important;
    color: #000000;
}

.member_name i.fa {
    width: 100px;
    height: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #e3e3e3;
    font-size: 51px !important;
    color: #5b5b5b;
}

div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 50px 0 50px;
}

div#shopify-section-Trade-Baltimore-Team {
    padding: 0 0 50px;
}

#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left a.collection_title {
    color: #00344f !important;
    line-height: 70px;
    padding: 0;
    margin: 0 0 25px;
}


#shopify-section-Trade-Product-Catalogs p {
    font-size:19px;
    color: #454545;
    line-height: 44px;
    margin: 0 0 40px;
}
#shopify-section-Trade-Product-Catalogs p a {
    display: inline;
}	

div#shopify-section-Trade-Product-Catalogs:before {
    content: "";
    width: 447px;
    height: 886px;
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/back-section-sign-up.png?v=1653460939);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}
div#shopify-section-Trade-Product-Catalogs .image-with-text {
    position: relative;
    z-index: 2;
}

div#shopify-section-Trade-sample-section .container {
   position: relative;
}

div#shopify-section-Trade-sample-section {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/background-bottom-with-image.png?v=1653461593);
    background-repeat: no-repeat;
    background-position: 27% 104%;
    background-size: 35%;
}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info a.button {
    color: #1a517b;
    font-weight: bold;
    padding: 0;
    border: none;
    line-height: normal;
    min-height: unset;
    height: auto;
    text-decoration: underline;
    font-family: 'museo-sans';
    text-transform: unset;
}

section#resources {
    background-color: #f8fbf6;
    padding: 161px 0 127px;
}
.team_members_area .row>div h3 {
    text-align: left;
}

.resoruces_section {
   
    max-width: 1304px;
    margin: 0 auto;
}

.resoruces_section .right-area {
    max-width: 41%;
    flex: 41%;
}
.resoruces_section .left-text {
    max-width: 59%;
    width: 100%;
    flex: 59%;
    padding-right: 134px;
}

.resoruces_section .right-area img {
    width: 100%;
}

.resoruces_section .left-text h3 {
    font-family: 'trajan-pro-3' !important;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0 0 60px;
}

.resoruces_section .left-text h4 {
    padding: 0;
    font-family: 'museo-sans' !important;
    color: #000;
    font-weight: 500;
    font-size: 41px;
    line-height: 41px;
    margin: 0 0 93px;
}


.resoruces_section .left-text .accordion-content p {
    margin: 0;
}

.resoruces_section .left-text .accordion-content {
    margin: 0 0 93px;
}

.resoruces_section .left-text h4:after {
    content: "\f067";
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/accordian-plus.png?v=1653467007);
    background-size: 20px;
    width: 35px;
    height: 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.resoruces_section .left-text h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h4.accordion-title.js-accordion-title.open:after {
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/accordian-minus.png?v=1653467187);
    background-position: center;
}

section#shopify-section-Trade-Energy-Section .rich-text {
    padding: 0;
}

section#shopify-section-Trade-Energy-Section .rich-text h2.h2 {
    margin: 0 0 15px;
    line-height: 70px;
    letter-spacing: 0;
    color: #000000;
}

section#shopify-section-Trade-Energy-Section {
    padding: 155px 0 54px;
}

section#shopify-section-Trade-Energy-Section .rich-text a.button.button--primary {
    display: flex;
    max-width: 209px;
    margin: 0 auto;
    width: 100%;
    padding: 0 !important;
    min-height: 70px;
    border: 1px solid #ddd;
    background: transparent;
    font-size: 21px;
    font-weight: 700;
    color: #23aeb7;
    font-family: 'museo-sans';
}

div#shopify-section-Trade-Recycled-section .full-row-area {
    display: flex;
    justify-content: center;
    max-width: 1308px;
    margin: 0 auto;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side .one-third.column.text-column:last-child {
    display: none;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
    width: 100%;
    max-width: 32%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
    width: 100%;
    max-width: 68%;
    padding-right: 35px;
    display: flex;
    flex-flow: column;
}

div#shopify-section-Trade-Recycled-section .full-row-area .left-side>div, div#shopify-section-Trade-Recycled-section .full-row-area .right-side>div {
    width: 100% !important;
    float: none;
    margin: 0;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side>div.right-side-column.text-column:not(:last-child) {
    display: none;
}
div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div .image-element__wrap {
    min-height: unset;
    margin: 0;
    width: 100%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div {
    background: #f8fbf6;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third:not(:last-child) {
    margin: 0 0 36px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 60px;
    position: relative;
}


div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .image-element__wrap {
    position: absolute;
    left: 60px;
    top: 60px;
    width: 100%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
    float: left;
    padding-left: 89px;
    padding-top: 3px;
    font-size: 41px;
    font-weight: bold;
    color: #000;
    font-family: 'museo-sans' !important;
}
div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .rte-setting {
    padding-top: 5px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .rte-setting p {
    margin: 0;
    font-size: 21px;
    font-weight: 300 !important;
    font-family: 'museo-sans' !important;
    color: #454545;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 70px 55px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third:nth-child(2) {
    margin: 0;
}
div#shopify-section-Trade-manufacturing-logo {
    padding: 85px 0 0px;
}

div#shopify-section-Trade-manufacturing-logo .container {
    max-width: 1140px;
}

div#shopify-section-Trade-manufacturing-logo .container {
    display: flex;
    align-items: center;
   
}

div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    width: 100%;
    max-width: 60%;
    flex: 60%;
    padding-right: 104px;
    padding-bottom:57px;
    border-bottom: 1px solid #ddd;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area {
    width: 100%;
    max-width: 40%;
    flex: 40%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid  #ddd;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div h3.regular_text {
    margin: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    float: none;
    padding-left: 0;
    padding-top: 0;
    font-size: 41px;
    font-weight: bold;
    color: #000;
    font-family: 'museo-sans' !important;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div p {
    margin: 0;
    font-size: 21px;
    font-weight: 300!important;
    font-family: museo-sans!important;
    color: #454545;
    line-height: 36.8px;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
    max-width: 50%;
    flex: 50%;
    text-align: center;
    border-left: 1px solid #ddd;
    padding: 58px;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img img {
    max-width: 146px;
    display: block;
    width: 100%;
    margin: 0 auto;
}

div#shopify-section-Trade-manufacturing-logo .container .top-desc p {
    margin: 0;
    font-size: 19px;
    line-height: 35px;
  
}



div#shopify-section-Trade-Community-Section section.featured-link--section {
    margin-bottom: auto !important;
}

div#shopify-section-Trade-instagram-feeds div.Architessa-Instagram h2 {
    margin: 0;
    text-align: center;
    font-size: 60px;
    color: #000;
    font-family: 'trajan-pro-3' !important;
    letter-spacing: 0;
    line-height: 60px;
}

div#shopify-section-Trade-instagram-feeds div.Architessa-Instagram p {
    margin: 0;
    text-align: center;
}

div#shopify-section-Trade-instagram-feeds {
    padding: 124px 0 47px;
}


.green-brand {
    display: flex;
    justify-content: space-between;
}

.green-brand>.bottom_logos img {
    width: 100%;
    max-width: 146px;
    display: block;
    margin: 0 auto;
    height: 146px;
    object-fit: contain;
}

.green-brand {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
}

.green-brand>.bottom_logos {
    width: 100%;
    max-width: 20%;
    flex: 20%;
    padding: 44px;
    border-bottom: 1px solid #ddd;
}

.green-brand>.bottom_logos:nth-child(5) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.green-brand>.bottom_logos:nth-child(2) {
    border-right: 1px solid #ddd;
}

div#shopify-section-Trade-green-guard-logo {
    padding-bottom: 407px;
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/lake-side.png?v=1653477827);
    background-position: bottom;
    background-repeat: no-repeat;
}

div#shopify-section-Trade-green-guard-logo div#greenguard {
    background: #fff;
}

div#shopify-section-Trade-Community-Section {
    padding: 150px 0 50px;
}

.locationsection>.single-location i.fa {
    font-size: 35px !important;
    color: #7c7d7b;
    margin: 0 0 10px;
}

.locationsection>.single-location p {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    font-family: 'museo-sans' !important;
    color: #000000;
}
section#resources {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/background-images-slide.png?v=1653482050);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/recycled-back.png?v=1653482375);
    background-repeat: no-repeat;
    background-position: 8% 115%;
    background-size: auto;
    background-repeat: no-repeat;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/back-right-section-image.png?v=1653482614);
    background-size: auto;
    background-position: 63% 159%;
    background-repeat: no-repeat;
}

div#shopify-section-Get-started {
    position: relative;
    z-index: 3;
}

div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half {
    background-color: transparent !important;
}

.insta-slide img {
    width: 100%;
}

.insta-images {
    display: flex;
    flex-wrap: wrap;
}

.insta-images .insta-sub {
    width: 100%;
}

.insta-images>.insta-slide {
    max-width: calc(100%/4 - 20px );
    margin: 0 10px;
}

.insta-images .insta-sub {
    text-align: center;
    margin: 0 0 41px;
}
.insta-images .insta-sub a {
    font-size: 41px;
    font-weight: bold;
    color: #1a517b;
}

div#get-social .insta-images {
    margin: 49px 0 0;
}

div#shopify-section-Trade-bmore-insta h2 {
    margin: 0 !important;
}

div#shopify-section-Trade-bmore-insta {
    padding: 0 0 47px;
}

div#shopify-section-Trade-tile-insta-section {
    padding: 0 0 47px;
}

div#shopify-section-Trade-atl-insta-section {
    padding: 0 0 30px;
}



/* 27-05-2022 */
.botm-desc a {
    font-weight: 600;
}
div#trade-access .slick-brand > div {
    border-right: 1px solid #ddd;
}

.team-page__text.text-align--center span#first {
    margin-bottom: 30px;
}

.getstarted .Heading p {
    text-transform: uppercase;
}
.getstarted .Heading h1 {
    font-size: 48px;
    color: #fff;
}
.info .description + a.button {
    font-size: 25px;
    background: none;
}

.green-brand>.bottom_logos {
    border-left: 1px solid #ddd;
}
.logos-area {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
div#shopify-section-Trade-Community-Section .featured-link--wrap .image-element__wrap img {
    height: 486px;
}

section.featured-link--section .featured-link--half {
    align-items: flex-start;
}
.position-left.caption.js-caption.caption--below-true a.action_button.first_button.highlight-false {
    position: absolute !important;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
  	color: #fff;
}




.team-member__overlay {
    background-color: rgba( 0, 52, 79, 0.7);
}


div#section-location-custom-mega-menu-3 div[data-column="1"] b + p {
    font-size: 15px;
}





@media only screen and (max-width:1600px) {

section#banner-trade-first-section-banner .position-left .caption-content {
   
    left: 15px;
  
}
  .green-brand {
   
    padding-bottom: 50px;
}
  
  
  
}

 



@media only screen and (max-width:1535px) {

section#shopify-section-Trade-partner .container .isolate {
    padding-left: 15px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 0 25px;
   
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
  
    padding-top: 23px;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    padding: 100px 0;
   
}
  
  

  


  
}

@media only screen and (max-width:1439px) {

div#shopify-section-Trade-sample-section {
    padding: 80px 0;
}
  
    section#resources {
   
    padding: 100px 0;
}
  
  section#shopify-section-Trade-Energy-Section {
    padding: 70px 0;
}
  div#shopify-section-Trade-sample-section .container {
    padding: 0 15px;
}
  
  
    div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
  
    padding: 40px;
}
  .green-brand>.bottom_logos {
  
    max-width: 19.9%;
    flex: 19.9%;
    padding: 35px 0px;
   
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
   
    padding: 49.5px 29px;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
  
    padding-bottom: 25px;
  
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc p {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
   
    padding-bottom: 71px;
   
    padding-top: 45px;
}
  
}




@media only screen and (max-width:1365px) {

.locationsection>.single-location p {
    font-size: 15px  !important;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 70px;
    padding-top: 47px;
}
  
  .green-brand>.bottom_logos {
    max-width: 20%;
    flex: 20%;
   
}
  .locationsection {
    flex-wrap: wrap;
    justify-content:center;
}
  .locationsection>.single-location {
  
    max-width: calc(100%/5 - 20px);
    margin: 0 10px 20px;
    
}
  
}


@media only screen and (max-width:1279px) {

section#banner-trade-first-section-banner .position-left .caption-content {
    max-width: 685px;
    min-height: 840px;
    padding: 45px 40px 35px;
}
  
 section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    font-size: 45px;
   
}
  
section#banner-trade-first-section-banner img {
    min-height: 608px;
    object-fit: cover;
}
  
  section#shopify-section-Trade-partner .container .isolate {
    max-width: calc(100% - 686px);
   
}
  
  section#shopify-section-Trade-partner {
    padding-top: 50px;
}
  
body.page-trade p {
    font-size: 20px!important;
    line-height: 38px !important;
}
 div#shopify-section-brand-logo-section {
    padding: 130px 0 90px;
}
  .Architessa-trade-showrooms p:nth-child(2) {
    font-size: 35px !important;
    margin: 0 0 15px;
    
}
  
  .locationsection>.single-location {
   
    padding: 30px 10px;
   
}
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 45px !important;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
   
    min-height: 350px;
}
  
  h2#exec-team {
    
    font-size: 34px !important;
    
}
  .team_members_area .row>div h3 { 
    font-size: 19px;   
}
  
  .member_name i.fa {
    width: 50px;
    height: 50px;
   
    font-size: 25px!important;
    color: #5b5b5b;
}
  div#shopify-section-Get-started .Heading p {
    font-size: 45px !important;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p {
    font-size: 25px !important;
    max-width: 607px;
    margin: 0 auto;
}
  
  .getstarted {
   
    padding: 50px 0;
}
  .buttontitle {
   
    width: 245px;
    padding: 15px 0;
    margin:30px auto 0;
}
  
  .buttontitle a {
   
    font-size: 18px;
    
}
  
  a.collection_title {
    font-size: 45px;
    font-weight: 500;
    margin: 0 0 0 !important;
}
  .botm-desc {
    font-size: 19px;
   line-height: 38px;
   color: #454545;
}
  
  #shopify-section-Trade-sample-section .collection_title {
  
    padding: 0 0 15px;
    font-size: 45px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 30px;
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
    padding-right: 30px;
    padding-top: 23px;
}
  .left-text h3 {
    font-size: 45px;
   
    margin: 0 0 30px;
}
  h4.accordion-title.js-accordion-title.open {
    font-size: 30px;
    margin: 0 0 25px;
}
  
  .resoruces_section .left-text h4 {
    font-size: 31px;
    margin: 0 0 50px;
}
  
  .resoruces_section {
    align-items: center;
}
  .resoruces_section .left-text {
  
    padding-right: 90px;
}
  
  .green-brand>.bottom_logos {
   
    padding: 40px;
   
}
  

  
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {
    padding-left: 30px;
}
  
  .description p {
   
   
    line-height: 30px;
    
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 46px;
    padding-top: 47px;
}
  
}


@media only screen and (max-width:1199px) {

div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 25px;
    padding-top: 25px;
    padding-right: 40px;
}
  
  div#shopify-section-Trade-green-guard-logo {
    padding-bottom: 250px;
  
}
  
  div#shopify-section-Trade-Community-Section {
    padding: 80px 0 0;
}
  
  div#shopify-section-Trade-Community-Section section.featured-link--section {
    align-items: center;
}
  

  section#banner-trade-first-section-banner .position-left {
    padding: 0 !important;
    left: 0 !important;
}
  
section#banner-trade-first-section-banner .position-left .caption-content {
    position: relative!important;
    max-width: 100%;
    width: 100%!important;
    margin: 0 0 0;
    left: 0;
    min-height: unset;
    bottom: unset !important;
}
  
  section#banner-trade-first-section-banner .position-left {
    transform: none;
    position: unset !important;
    top: unset !important;
}
  
  section#banner-trade-first-section-banner img {
    min-height: unset;
    object-fit: cover;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 40px!important;
}
  
  section#shopify-section-Trade-partner .container .isolate {
    max-width: 100%;
    padding: 55px 0 0;
}
  
  div#shopify-section-brand-logo-section {
    padding: 80px 0 90px;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
    position: unset;
    left: 0 !important;
    transform: none;
    width: 100%;
    max-width: 100%;
    padding: 34px 50px;
    min-height: unset;
}
  
  section#banner-Our-Trade-Team .caption {
    padding: 0;
}
  
 section#banner-Our-Trade-Team .caption .caption-content {
    position: unset;
    left: 0!important;
    transform: none;
    width: 100%;
    max-width: 100%;
    padding: 34px 50px;
    min-height: unset;
    margin: 0px 0 0;
}
  
  div#shopify-section-Our-Trade-Team .image-element__wrap {
    position: relative;
    z-index: 1;
}
  section#banner-Our-Trade-Team:before {
  
    bottom: 0;
  
}
  
  section#banner-Our-Trade-Team .caption {
    transform: none;
}
  
 section#banner-Our-Trade-Team {
    padding-bottom: 70px;
}
  
  section#banner-trade-first-section-banner .position-left {
    transform: none;
}
  
  .locationsection>.single-location {
  
    max-width: calc(100%/4 - 20px);
  
    margin: 0 10px 20px;
    
}
  .locationsection {
    flex-wrap: wrap;
    justify-content: center;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    padding: 50px 0;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    position: relative;
}
  #shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
   
    background-color: transparent;
}
  div#shopify-section-Trade-sample-section {
  
    background-position: -80% 110%;
    background-size: 75%;
}
  
  .resoruces_section .left-text {
    padding-right: 40px;
}
  
  section#resources {
    padding: 60px 0;
}
  
 div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
 
    max-width: 60%;
    padding-right: 25px;
  
}
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
   
    max-width: 40%;
}
  
  div#shopify-section-brand-logo-section .slick-slide div {
    padding: 30px;
    
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 70px 0;
}
  
   .botm-desc {
    font-size: 18px;
  
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
    min-height: 620px;
}
  
  .locationsection>.single-location p {
    font-size: 15px!important;
    line-height: 18px !important;
}
  
  .sticky_nav .main_nav.menu-position--block .logo {
  
    padding-right: 108px;
}
  
 
}

@media only screen and (max-width:991px) {

section#shopify-section-Trade-partner .container .isolate {
    
    padding: 0;
}
  .locationsection>.single-location {
    max-width: calc(100%/3 - 20px);
    margin: 0 10px 20px;
}
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 55px 0;
}
  
  .team_members_area .row>div h3 {
    font-size: 16px;
}
  
  div#shopify-section-trade-showroom-locations {
    padding: 30px 0;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 35px!important;
}
  
  div#shopify-section-Architessa-sales-team .team_members_area>.sixteen.columns:first-child h2 {
    margin: 0 0 20px !important;
}
  
  h2#exec-team {
    font-size: 30px!important;
    margin: 0 0 20px !important;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
   
    top: 24px;
   
}
  
  div#shopify-section-Get-started .Heading p {
    font-size: 35px!important;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p {
    font-size: 18px!important;
  
    line-height: 34px !important;
}
  
  body.page-trade p {
    font-size: 18px!important;
    line-height: 34px!important;
}
  
  div#product-catalogs .sixteen.columns {
    width: 100%;
}
  a.collection_title {
    font-size: 35px;
   
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100%;
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
    display: block !important;
}
  div#shopify-section-Trade-sample-section .sixteen.columns section.featured-link--section.featured-link--image.section-1 {
    flex-flow: column;
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
   
    width: 100% !important;
    max-width: 100%;
    padding: 0 0 40px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {
    padding-left: 0;
    max-width: 100%;
}
  

  
  #shopify-section-Trade-sample-section .featured-link--section {
    flex-flow: column;
}
  
  #shopify-section-Trade-sample-section .featured-link--section>div {
    max-width: 100%;
    padding: 0 !important;
    width: 100% !important;
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100% !important;
}
  
  #shopify-section-Trade-sample-section .featured-link--section>div.featured-link--half:nth-child(1) {
    padding-bottom: 46px !important;
}
  .left-text h3 {
    font-size: 35px;
   
    margin: 0 0 25px;
}
  
  .resoruces_section {
    flex-flow: column-reverse;
}
  
  .resoruces_section .left-text, .resoruces_section .right-area {
    max-width: 100% !important;
    width: 100%;
    padding: 0;
}
  
  .resoruces_section .left-text {
    padding-top: 25px;
}
.resoruces_section .left-text h4 {
    font-size: 25px !important;
    margin: 0 0 35px !important;
}
  .resoruces_section .left-text .accordion-content {
    margin: 0 0 40px;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area {
    flex-flow: column;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
    max-width: 100%;
    padding-right: 0;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
    max-width: 100%;
    margin: 37px 0 0;
}
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
   
    font-size: 25px;
   
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .image-element__wrap {
    position: unset;
  
}
  
 
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 40px 30px;
    position: relative;
    text-align: center !important;
    align-items: center;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
    float: none;
    padding-left: 0;
    padding-top: 3px;
    font-size: 25px;
    font-weight: 700;
    color: #000;
    font-family: museo-sans!important;
    width: 100%;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
   
    padding: 40px 30px;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div h3.regular_text {
   
    font-size: 25px;
  
}
  
  div#shopify-section-Trade-manufacturing-logo .container {
    flex-wrap: wrap;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area {
   
    max-width: 100%;
    flex: 100%;
    
}
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 30px;
    padding-top: 0;
    padding-right: 0;
    max-width: 100%;
    width: 100%;
}
  
  .green-brand {
    flex-wrap: wrap;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area {
    border-bottom: none !important;
}
  
  .green-brand>.bottom_logos {
    max-width: 50%;
    flex: 50%;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img:last-child {
    border-right: 1px solid #ddd;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img:last-child {
    border-right: 1px solid #ddd;
}
  .green-brand>.bottom_logos:nth-child(4) {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
  .green-brand>.bottom_logos:not(:first-child), .green-brand>.bottom_logos:not(:nth-child(2)) {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: none;
}
  .green-brand>.bottom_logos:nth-child(5) {
    border-bottom: 1px solid #ddd;
}
  
  .green-brand {
    flex-wrap: wrap;
    
}
  
  div#shopify-section-Trade-Community-Section {
    padding: 50px 0 0;
}
  
  div#shopify-section-Trade-Community-Section div.container {
    padding: 0 15px;
}
  
  div#shopify-section-Trade-Community-Section div.container .sixteen.columns {
    width: 100%;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0;
}
  
  #shopify-section-Trade-sample-section .collection_title {
  
    font-size: 35px;
}
  
  .insta-images>.insta-slide {
    max-width: calc(100%/2 - 20px );
    margin: 0 10px 20px;
}
  
  .insta-images .insta-sub a {
    font-size: 30px;
 
}
  
  .insta-images .insta-sub {
    text-align: center;
    margin: 0 0 28px;
}
  
  
.dropdown {
    
    overflow-y: auto;
}
  
  .green-brand>.bottom_logos:nth-child(4) {
    border-bottom: 1px solid #ddd;
}
  
    #header .top_bar>a.mobile_logo.logo {
    display: none;
}
  
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 0px 0;
}
  
}

@media only screen and (max-width:767px) {


section#shopify-section-Trade-partner:before {
 
    width: 100%;
   
}
  
 .team_members_area .row>div {
    margin: 0;
    max-width: 100%;
    width: 100%;
    flex: 100%;
    padding: 0 10px;
}
  
  div#shopify-section-Trade-Product-Catalogs:before {
  
    width: 100%;
    height: 100%;
  
}
  
  section#banner-trade-first-section-banner img {
    min-height: 240px;
    object-fit: cover;
}
  
  
 section#banner-trade-first-section-banner {
    margin: 39px 0 0;
}
  
  section#banner-trade-first-section-banner .position-left {
    margin: 0 !important;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
  
    padding: 30px;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p, body.page-trade p {
    font-size: 16px!important;
    line-height: 32px!important;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 30px!important;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    color: #fff;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content p {
    color: #fff;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content a.action_button.first_button.highlight-false {
    margin: 70px auto 0;
    min-height: 55px;
    max-width: 171px;
    font-size: 16px;
}
  section#banner-trade-first-section-banner .position-left .caption-content:after {
  
    height: 120px;
    
}
  
  div#shopify-section-brand-logo-section {
    padding: 50px 0;
}
  div#shopify-section-brand-logo-section .slick-slide div {
    padding: 15px;
}
  
  section#banner-Our-Trade-Team img.transition--appear.mobile-banner--crop-none.lazyautosizes.lazyloaded {
    min-height: 200px;
}
  
  section#banner-Our-Trade-Team .caption {
    margin: 0 !important;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
    padding: 30px;
    background: #1a517b;
}
  
  section#banner-Our-Trade-Team .caption .caption-content h1.headline, section#banner-Our-Trade-Team .caption .caption-content p {
    color: #fff;
}
  
.Architessa-trade-showrooms p:nth-child(2) {
    font-size: 30px!important;
    margin: 0 0 15px;
    line-height: 36px!important;
}
.locationsection>.single-location {
    max-width: 100%;
    margin: 0 10px 20px;
}
  h2#exec-team {
    font-size: 22px!important;
    margin: 15px 0 20px!important;
}
  
  div#shopify-section-Trade-Baltimore-Team {
    padding: 0;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
    top: 30px;
}
.team_members_area .row>div {
    margin: 0;
    max-width: 100%;
    width: 100%;
    flex: 100%;
    padding: 0 0px 30px;
}
  
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 0;
}
  .getstarted {
    padding: 45px 15px;
}
  
  .buttontitle a {
    font-size: 16px;
}
  .buttontitle {
    width: 210px;
    padding: 15px 0;
    margin: 30px auto 0;
}
  
  a.collection_title {
    font-size: 30px;
    line-height: 40px !important;
}
  
  div#shopify-section-Trade-Product-Catalogs:before {
 
    width: 0;
   
}
  
  .botm-desc {
    font-size: 16px;
    line-height: 32px;
    color: #454545;
}
  
  #shopify-section-Trade-Product-Catalogs .description * {
    margin: 0;
}
  
  #shopify-section-Trade-Product-Catalogs .featured-link--section {
    margin-bottom: 0;
}
  
  div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half img {
    min-height: 200px;
    display: block;
    margin: 0 0 20px;
}
  
  div#shopify-section-Trade-sample-section {
  
    background-size: 0;
    padding: 50px 0;
}
  
  #shopify-section-Trade-sample-section .collection_title {
    
    font-size: 30px;
}
  .left-text h3 {
    font-size: 30px;
   
    margin: 0 0 10px;
}
  .resoruces_section .left-text h4 {
    font-size: 20px !important;
    margin: 0 0 15px !important;
}
  
  section#shopify-section-Trade-Energy-Section {
    padding: 50px 0;
}
  
  section#shopify-section-Trade-Energy-Section .rich-text h2.h2 {
  
    line-height: 46px;
  }
  section#shopify-section-Trade-Energy-Section .rich-text a.button.button--primary {
   max-width: 165px;
   min-height: 55px;
   font-size: 16px;
    
}
  
  div#shopify-section-Trade-manufacturing-logo {
    padding: 50px 0 0;
}
  
  .green-brand>.bottom_logos {
    padding: 20px;
}
  
  div#shopify-section-Trade-green-guard-logo {
    background-position: 0% 205%;
}
  
  .insta-images>.insta-slide {
    max-width: 100%;
    margin: 0 0px 20px;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0 0px;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0 0px;
}
  
  div#shopify-section-Trade-tile-insta-section {
    padding: 0;
}
  
#header .top_bar a.mobile_logo {
    left: 0 !important;
}
  
 .promo_banner .promo_banner__content {
	font-size: 10px;
	max-height: unset !important;
	min-height: 50px;
	padding: 14px 25px;
}
  .showcalculator {
  
    max-width: 100%;
   
}
  
  section#shopify-section-Trade-partner {
    padding-top: 40px;
}
  
  section#banner-Our-Trade-Team {
    padding-bottom: 40px;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc p>br {
    display: none;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 20px 0 0;
}
  
  section#banner-Our-Trade-Team:before {
    width: 0;
 }
  
  h2#exec-team {
    
    margin: 0px 0 0px!important;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
    top: 19px;
}
  
  div#shopify-section-Architessa-sales-team .team_members_area>.sixteen.columns:first-child h2 {
    margin: 0px!important;
    line-height: 36px;
}
  

 
}
@media screen and (max-width: 365px)   {

section#banner-trade-first-section-banner .position-left .caption-content {
    min-height: 895px;
}
  
}





/* end */



@media screen and (max-width: 1351px) and (min-width: 1023px) {

.room-visualizer {
    min-width: unset;
  
    width: 100%;
   
}
    .color-dropdown {
   
    margin: 0 20px 0 12px !important;
   
}
    
 .color-dropdown, .room-visualizer {
    display: block !important;
}
    
}

@media only screen and (max-width:1365px) { 
header ul.menu.center.clearfix li.search_container {
   
    max-width: 350px;
   }
  
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width: 85%!important;
    margin-left: auto;
}
  
 .dropdown {
    padding: 30px 3%!important;
    width: 100%;
}  
  section#shopify-section-Trade-partner {
    padding-top: 55px;
}
  .description p {
   letter-spacing: 0.2px;
    line-height: 30px;
  }
}



@media only screen and (max-width:1279px) {
header ul.menu.center.clearfix li.search_container {
   
    max-width: 250px;
    
} 
}




@media only screen and (max-width: 1199px) {

div#section-location-custom-mega-menu-3 div[data-column="1"] {
   
    width: 33%!important;
}
  
  div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 46%!important;
    padding: 0 30px;
}
  
  div#section-location-custom-mega-menu-3 div[data-column="4"] {
    width: 21%!important;
}
  

  
  header ul.menu.center.clearfix li.search_container {
  
    max-width: 160px;
    margin-left: 20px;
}
  
 
  
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width: 100%!important;
    margin-left: auto;
}
  
  .header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
  
    max-width: 195px;
    padding-left: 30px;
}
  .header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    max-width: calc(100% - 195px);
    flex: calc(100% - 195px);
}
  
  .footer_menu ul {
    padding: 0;
}
  
  .footer_menu ul li p {
    margin: 0  0 5px;
}
  
  .footer_menu ul li {
    margin: 0;
}
  
  body.promo_banner-show .container.main.content {
    margin: 0 0px 0;
}
  

  
}






@media only screen and (max-width: 991px) {

ul.menu.right.top li a::before {
    font-size: 20px !important;
}
  
 ul.menu.right.top li a {
    font-size: 0 !important;
    padding-top: 25px;
}
  
  ul.menu.right.top li a span {
    font-size: 0;
}
  
  ul.menu.right.top li a i {
    font-size: 27px !important;
}
  
  .sticky_nav .main_nav.menu-position--block .nav {
    width:100%;
  
}
  
  .sticky_nav .main_nav.menu-position--block .logo {
   
    width: 100%;
  
}
 .menu-position--block.logo-align--center div.logo img {
    margin: 0 auto;
    width: 100%;
    max-width: 172px;
}
  

  .header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    width: 100%;
    max-width: calc(100% - 250px);
    flex: calc(100% - 250px);
}
div#shopify-section-Trade-Community-Section .featured-link--wrap .image-element__wrap img {
    height: auto;
}
  
  div#meet-the-team span#first h2{margin-bottom:0;}
  
  .promo_banner .promo_banner__content {
 
    max-height: unset;
}
  
  body.promo_banner-show .container.main.content {
    margin: 108px 0px 0;
}
  
}

@media only screen and (max-width:767px) {

body #shopify-section-template--15567941861537__1488497250346 .custom-color-container {
    margin-top: 42px!important;
}
  

  .caption.position-center {
  
    top: calc(50% + 25px );
}
  #header .mobile_nav.dropdown_link span.menu_title {
    display: none;
} 
.top_bar.clearfix a.mobile_nav.dropdown_link {
    max-width: 40px;
    flex: 40px;
}

#header .top_bar a.mobile_logo {
    left: -80px;
}
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    border-bottom: 0;
}
  div#shopify-section-brand-logo-section ul.slick-dots {
    padding: 0;
}
 section.featured-link--section.featured-link--image.section-1 {
    margin-bottom: 0 !important;
} 
  .resoruces_section .left-text h3 {
    margin-bottom: 0;
}
  .green-brand>.bottom_logos:nth-child(4) {
    border-bottom: 1px solid #ddd;
}
  .featured-link--wrap .image-element__wrap img{
  	height: auto;
  }
  div#shopify-section-Trade-bmore-insta {
    padding-bottom: 0;
}
  div#shopify-section-template--15567941861537__161125747988977ede .container {
    max-width: 662px;
    padding: 0 30px;
}
  
  body.promo_banner-show .container.main.content {
    margin: 164px 0 0;
}
  
  
}


  
  
  
  
  
  
  
  
  
  
  
div#section-location-custom-mega-menu-3 div[data-column="1"]>div:not(.demoooo) {
    width: 100%;
    max-width: 33%;
    padding: 0 3px 10px;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>div.demoooo {
    padding: 0 0px 10px;
}

@media only screen and (min-width:798px) {

.dropdown_container {
    position: absolute !important;
}
  
  .header .main_nav_wrapper .main_nav .top-right-info a.icon-cart.mini_cart.dropdown_link {
    display: flex;
    align-items: center;
}
  
}

.main.custom-color-container {
    display: none;
}


@media screen and (max-width:992px) and (min-width: 798px) {
  

.container.footer-menu-wrap .one-fourth:first-child {
    width: 100%;
    text-align: center !important;
    margin: 0;
}
  
  .container.footer-menu-wrap .one-fourth:first-child .text-align--left {
    text-align: center;
}
  
  img.footer-logo {
    width: 100%;
    max-width: 320px !important;
}
  
  .container.footer-menu-wrap .one-fourth {
    width: calc(33% - 20px);
}

}


/******************************************************************
Theme Name: Turbo "6.0.2"
Theme URI: https://outofthesandbox.com/collections/turbo-theme
Author: Out of the Sandbox (https://outofthesandbox.com)
Description: Shopify Theme (https://www.shopify.com/&ref=out-of-the-sandbox)
******************************************************************/
/* Table of Contents
==================================================
#Variables
#Mixins
#Functions
#Reset
#Basic Styles
#Typography
#Links
#Lists
#Menu
#Images
#Placeholders
#Videos
#Buttons
#Tabs
#Accordions
#Forms
#Contact Form
#Newsletter
#Tables
#Misc
#Testimonials
#FAQ Template
#Team Template
#Logo-list
#Gallery Section
#Recently Viewed
#Search autocomplete
#Search page
#Search Section
#Site Styles
#Header
#Currency / Language switcher
#Swatch Styles
#Plyr
#Flickity
#Layout
#Password Page
#Account
#Policy pages
#Page Details
#Product Media
#Product Details
#Product Recommendations
#Home page - general
#Home page - slideshow
#Home page - image with text
#Home page - Rich text and image
#Home page - featured promotions
#Home page - featured collection
#Home page - image with text overlay
#Home page - video
#Home page - Text column with images
#Font-Face
#Custom Styles */

/* #Variables
================================================== */

$font-size-header: 34;
$font-size-column: 44.2;

$site-width: 1200px;
$gutter: 20px;

$grid-small: 480px;
$grid-medium: 798px;
$grid-large: 1024px;
$grid-widescreen: 1400px;

$small: 'small';
$small-down: 'small-down';
$small-up: 'small-up';
$medium: 'medium';
$medium-down: 'medium-down';
$medium-up: 'medium-up';
$large: 'large';
$large-down: 'large-down';
$large-up: 'large-up';
$widescreen-up: 'widescreen-up';
$widescreen-down: 'widescreen-down';

// The `$breakpoints` list is used to build our media queries.
// You can use these in the media-query mixin.
$breakpoints: (
  $small-down '(max-width: #{$grid-small})',
  $small '(min-width: #{$grid-small + 1}) and (max-width: #{$grid-medium})',
  $small-up '(min-width: #{$grid-small + 1})',
  $medium-down '(max-width: #{$grid-medium})',
  $medium '(min-width: #{$grid-medium + 1}) and (max-width: #{$grid-large})',
  $medium-up '(min-width: #{$grid-medium + 1})',
  $large-down '(max-width: #{$grid-large})',
  $large '(min-width: #{$grid-large + 1}) and (max-width: #{$grid-widescreen})',
  $large-up '(min-width: #{$grid-large + 1})',
  $widescreen-down '(max-width: #{$grid-widescreen})',
  $widescreen-up '(min-width: #{$grid-widescreen + 1})'
);

/* #Mixins
================================================== */

@mixin background-opacity($color, $opacity: 0.5) {
  background: $color;
  background: rgba($color, $opacity);
}

@mixin text-opacity($color, $opacity: 0.5) {
  color: $color;
  color: rgba($color, $opacity);
}

// Clearfix for parents with floated children
@mixin clearfix() {
  &::after {
    content: '';
    display: table;
    clear: both;
  }
  *zoom: 1;
}

@mixin diagonal-line($line-color: #999, $line-width: 1px, $line-blur: 0px) {
  $color-start: 50%;
  $full-color-end: calc(50% + #{$line-width});
  $color-end: 50%;
  @if($line-blur == 0 or $line-blur == 0px) {
    $color-start: 50%;
  }

  background-image: linear-gradient(to bottom left, transparent $color-start, $line-color 50%, $line-color $full-color-end, transparent $color-end), linear-gradient(to bottom right, transparent $color-start, $line-color 50%, $line-color $full-color-end, transparent $color-end);
}

// Media query mixin
@mixin respond-to($media-query) {
  $breakpoint-found: false;

  @each $breakpoint in $breakpoints {
    $name: nth($breakpoint, 1);
    $declaration: nth($breakpoint, 2);

    @if $media-query == $name and $declaration {
      $breakpoint-found: true;

      @media only screen and #{$declaration} {
        @content;
      }
    }
  }

  @if $breakpoint-found == false {
    @warn 'Breakpoint "#{$media-query}" does not exist';
  }
}

// Responsive Show/Hide Helper
@mixin responsive-display-helper($breakpoint: '') {
  .#{$breakpoint}show {
    display: block !important;
  }

  .#{$breakpoint}hide {
    display: none !important;
  }
}

// Responsive Text Alignment Helper
@mixin responsive-text-align-helper($breakpoint: '') {
  .#{$breakpoint}text-left {
    text-align: left !important;
  }

  .#{$breakpoint}text-right {
    text-align: right !important;
  }

  .#{$breakpoint}text-center {
    text-align: center !important;
  }
}

/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
   or object-fit and object-position:
  @include object-fit(cover, top);
*/
@mixin object-fit($fit: fill, $position: null){
  -o-object-fit: $fit;
     object-fit: $fit;
  @if $position {
    -o-object-position: $position;
       object-position: $position;
    font-family: 'object-fit: #{$fit}; object-position: #{$position}';
  } @else {
    font-family: 'object-fit: #{$fit}';
  }
}

/*
  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);
    }
*/
@mixin prefix($property, $value, $prefixes) {
  @each $prefix in $prefixes {
    @if $prefix == webkit {
      -webkit-#{$property}: $value;
    } @else if $prefix == moz {
      -moz-#{$property}: $value;
    } @else if $prefix == ms {
      -ms-#{$property}: $value;
    } @else if $prefix == o {
      -o-#{$property}: $value;
    } @else if $prefix == spec {
      #{$property}: $value;
    } @else  {
      @warn 'Unrecognized prefix: #{$prefix}';
    }
  }
}

//Flexbox
// Flexbox display
@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

// Inline flexbox display
@mixin inline-flexbox() {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

// The 'flex' shorthand
// - applies to: flex items
// <positive-number>, initial, auto, or none
@mixin flex($values) {
  -webkit-box-flex: $values;
     -moz-box-flex: $values;
      -webkit-flex: $values;
      -ms-flex: $values;
          flex: $values;
}

// Flex Flow Direction
// - applies to: flex containers
// row | row-reverse | column | column-reverse
@mixin flex-direction($direction) {
  -webkit-flex-direction: $direction;
     -moz-flex-direction: $direction;
      -ms-flex-direction: $direction;
          flex-direction: $direction;
}

// Flex Line Wrapping
// - applies to: flex containers
// nowrap | wrap | wrap-reverse
@mixin flex-wrap($wrap) {
  -webkit-flex-wrap: $wrap;
     -moz-flex-wrap: $wrap;
      -ms-flex-wrap: $wrap;
          flex-wrap: $wrap;
}

// Flex Direction and Wrap
// - applies to: flex containers
// <flex-direction> || <flex-wrap>
@mixin flex-flow($flow) {
  -webkit-flex-flow: $flow;
     -moz-flex-flow: $flow;
      -ms-flex-flow: $flow;
          flex-flow: $flow;
}

// Display Order
// - applies to: flex items
// <integer>
@mixin order($val) {
  -webkit-box-ordinal-group: $val;
     -moz-box-ordinal-group: $val;
         -ms-flex-order: $val;
          -webkit-order: $val;
            order: $val;
}

// Flex grow factor
// - applies to: flex items
// <number>
@mixin flex-grow($grow) {
  -webkit-flex-grow: $grow;
     -moz-flex-grow: $grow;
      -ms-flex-grow: $grow;
          flex-grow: $grow;
}

// Flex shrink
// - applies to: flex item shrink factor
// <number>
@mixin flex-shrink($shrink) {
  -webkit-flex-shrink: $shrink;
     -moz-flex-shrink: $shrink;
      -ms-flex-shrink: $shrink;
          flex-shrink: $shrink;
}

// Flex basis
// - the initial main size of the flex item
// - applies to: flex itemsnitial main size of the flex item
// <width>
@mixin flex-basis($width) {
  -webkit-flex-basis: $width;
     -moz-flex-basis: $width;
      -ms-flex-basis: $width;
          flex-basis: $width;
}

// Axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | space-between | space-around
@mixin justify-content($justify) {
  -webkit-justify-content: $justify;
     -moz-justify-content: $justify;
      -ms-justify-content: $justify;
          justify-content: $justify;
            -ms-flex-pack: $justify;
}

// Packing Flex Lines
// - applies to: multi-line flex containers
// flex-start | flex-end | center | space-between | space-around | stretch
@mixin align-content($align) {
  -webkit-align-content: $align;
     -moz-align-content: $align;
      -ms-align-content: $align;
          align-content: $align;
}

// Cross-axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | baseline | stretch
@mixin align-items($align) {
  -webkit-align-items: $align;
     -moz-align-items: $align;
      -ms-align-items: $align;
          align-items: $align;
}

// Cross-axis Alignment
// - applies to: flex items
// auto | flex-start | flex-end | center | baseline | stretch
@mixin align-self($align) {
  -webkit-align-self: $align;
     -moz-align-self: $align;
      -ms-align-self: $align;
          align-self: $align;
}

@mixin vertical-alignment {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50.1%);
  -ms-transform: translateY(-50.1%);
  transform: translateY(-50.1%);
  padding: 10px 0;
}

@mixin headline-style($font-size: $font-size-header) {
  font-family: Dosis, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: $font-size * 1px;
  text-transform: none;
  line-height: 1.5;
  color: #00344f;
  display: block;
  letter-spacing: 2px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  @include respond-to('medium-down'){
    font-size: floor($font-size * 0.8) * 1px;
  }
}

@mixin word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}

@mixin table-with-borders {
  width: 100%;

  th {
    background: #F9F9F9;
  }

  th,
  td {
    padding: 4px;
    border-right:1px solid #DCDCDC;
  }

  th:first-child,
  td:first-child {
    border-left:1px solid #DCDCDC
  }

  tr {
    border-bottom: 1px solid #DCDCDC;
  }

  tr:first-child {
    border-top:1px solid #DCDCDC;
  }

  .em {
    font-weight: 700;
  }
}

/* #Functions
================================================== */
@function set-text-color($color) {
  @if (lightness($color) > 50) {
    @return #00344f; // Lighter background, return dark color
  } @else {
    @return #ffffff; // Darker background, return light color
  }
}

@function secondary-button-color($color) {
  @if (lightness($color) > 80) {
    @return #00344f; // Too light, send something darker
  } @else {
    @return $color; // Normal color
  }
}

/* #Reset & Basics
================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  @include respond-to('medium-down') {
    display: none;
  }
}

/* #Fonts
================================================== */@font-face {
  font-family: Helvetica;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=e00d59f2dafbd818ffa0a071086f6d2a16bd9ec507e081f126193fb383d30d76") format("woff2"),
       url("//architessa.com/cdn/fonts/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=82a2974bd62bd0982533e80b7ded23faf69782be0dc4d5d934ceab871f519802") format("woff");
}


  @font-face {
  font-family: Helvetica;
  font-weight: 700;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/helvetica/helvetica_n7.39bee04bd277a9c4e94e2fd42d53f4e3c0afb8a5.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=d3ba8cd2c9e88037d40354d987ae5e497aef66da88dec8f3664391625a2470ed") format("woff2"),
       url("//architessa.com/cdn/fonts/helvetica/helvetica_n7.b95359461a6788d5549e702cb2123bc40c227e49.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=48dece7bd05b13c6b7011d2b7928576b587afdae82099d6353d4f44daf185137") format("woff");
}


  @font-face {
  font-family: Helvetica;
  font-weight: 400;
  font-style: oblique;
  src: url("//architessa.com/cdn/fonts/helvetica/helvetica_o4.f9832a0fc1ee8fc5a359636e410d6941e1e4ca03.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=35804246ec15b5bd85873b0202349697c09e5b362e78716af17cbb8d37c868a1") format("woff2"),
       url("//architessa.com/cdn/fonts/helvetica/helvetica_o4.0063286aec443697ebae04eeb9c78b820f9f7805.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=7851b17fae0c807d4cffc42df3eaf30fb579834ed38193a8c3fe48e1b99c01b7") format("woff");
}


  @font-face {
  font-family: Helvetica;
  font-weight: 700;
  font-style: oblique;
  src: url("//architessa.com/cdn/fonts/helvetica/helvetica_o7.215fd4ca1a06214fa01e44328a1992c977700ea2.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=67829fde140d8265fc18ae38ac8167c669e5e868a81d0cb473c10e6e3ffabf1d") format("woff2"),
       url("//architessa.com/cdn/fonts/helvetica/helvetica_o7.b0a2026ae2aa64d060f9ce0ee1b3c3c1aa21bf88.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=333353c650d4732c0a2876797ae949cef6997322878fe93385de033651a99038") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n4.994ba5a68816045013dbcfc586113d46f66a83b7.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a5ae21c9efd50484ff590cee943abb35e84bed0617d6b5d6d89c1458df19db4") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n4.d82418e9c4628cf5dd7c6f3c6e8e8a8a80f0fd32.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=01d180907f9bfdf99625a24083ab0de7dc6e48c0e9eaf44282607513e620334c") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 700;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n7.aaa36b7123c956effa55dc5c56bc685b25465e21.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3c0609a94ad99598bed9abbd4e57affc67278538b6b2215dd7af90c98ea18a55") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n7.7c78ad7148142498f7d73cc5a2a8501120b5f61d.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=4a22943e5969b012d2e273eed8fb29417ca7ae044e83a05d84f6f6ae98ecbe60") format("woff");
}


  

  

  @font-face {
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n4.994ba5a68816045013dbcfc586113d46f66a83b7.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a5ae21c9efd50484ff590cee943abb35e84bed0617d6b5d6d89c1458df19db4") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n4.d82418e9c4628cf5dd7c6f3c6e8e8a8a80f0fd32.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=01d180907f9bfdf99625a24083ab0de7dc6e48c0e9eaf44282607513e620334c") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 700;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n7.aaa36b7123c956effa55dc5c56bc685b25465e21.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3c0609a94ad99598bed9abbd4e57affc67278538b6b2215dd7af90c98ea18a55") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n7.7c78ad7148142498f7d73cc5a2a8501120b5f61d.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=4a22943e5969b012d2e273eed8fb29417ca7ae044e83a05d84f6f6ae98ecbe60") format("woff");
}


  

  

  @font-face {
  font-family: "Mundo Sans";
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n4.bac84b6699f4c71677843a93b19ef215d561105f.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=d6922dd53861dcd50ab67e9e3da1ef31a6cda67998f08049ca46deb58e774af0") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n4.b80a5df766608db917bf6123f81b573241a1e68d.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=1660139d141c608a25af40a070c5b7afc4e8ea7426252c57a262d722f6701538") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 700;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n7.1181700e6215702bc733286049874c70cee87e37.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3a77cd4d450a6e76ecfcfef3fc7cf6565c120ac77c103f4ed42eb0c7c0f33a9a") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n7.683f4aad70984c842f059162bada4dca3d3d54b1.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=47c1ecff656dd72757174a10348d210a0a72ad2d2965a4579fbc42890898c337") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 400;
  font-style: italic;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i4.ffe3d7c7b0352d5492192958162e5a855936c042.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=5336b89c74cc961557a127b95ecdb208c4818904a3038d4ee37966683fec7bbe") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i4.28b3d0b5785c695ee6231c67c85008d12b33ca43.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=e6b512c7f0ff8483cff397013e811857e0d9a9c565e21d41447528b132d4e0ab") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 700;
  font-style: italic;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i7.edcb162ad6b3bd64b8584b2ca277d68526043b2b.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=5b8bad36c0126a5d87193bfe920d4ff4a258a261bbd67b904a30d75b2d76b75e") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i7.f9d190741056e5e293daf0b50aff5a4b850273fb.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=eb207efa92a9eaa9f7b290984f2fe13abeafa5a58684d6594ed26f669ffbdc49") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 200;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n2.ccf6a9cc88793fcf7c93d0e2aeb58ef4a8809ecc.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=bcf80c5d63f8702b010e8c841eae80619cb412e7eb44a0cd9857f096684e1725") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n2.8084e6973ce756c464cb94bedafdb813cbe277e1.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8ab356ec03cb8252955edcb7715eb75872f897b8902eea7ac41903981a78dfe6") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 200;
  font-style: italic;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i2.6d78049990a282d7d8a38c8583da9ab4ac794ddc.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a7c19f405399e2baf6292ded248339d0e173113fa0f299df9a6e093824cc816") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i2.0272263882a95b3c93cacac709281e16c5045ded.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=f18a0843ffc610e1c2572ef1d0ec7dde29253c5b5d4a62447958f518db186d79") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 300;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n3.61df60eb8322f8d5aabe7a73c716279519e13e02.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=c145e81b95d470f80f00ec6771d4df603b76c207a871874eac74fa0554cb56da") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n3.57297ff984dab7ac65f1a84bc7f76e8239e90cb7.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3c2dd17eaf7265098e056413c2b2e1f4daf38def2e4fccbd862f571a471deb49") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n4.994ba5a68816045013dbcfc586113d46f66a83b7.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a5ae21c9efd50484ff590cee943abb35e84bed0617d6b5d6d89c1458df19db4") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n4.d82418e9c4628cf5dd7c6f3c6e8e8a8a80f0fd32.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=01d180907f9bfdf99625a24083ab0de7dc6e48c0e9eaf44282607513e620334c") format("woff");
}


  

  

  @font-face {
  font-family: Dosis;
  font-weight: 300;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n3.61df60eb8322f8d5aabe7a73c716279519e13e02.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=c145e81b95d470f80f00ec6771d4df603b76c207a871874eac74fa0554cb56da") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n3.57297ff984dab7ac65f1a84bc7f76e8239e90cb7.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3c2dd17eaf7265098e056413c2b2e1f4daf38def2e4fccbd862f571a471deb49") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n4.994ba5a68816045013dbcfc586113d46f66a83b7.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a5ae21c9efd50484ff590cee943abb35e84bed0617d6b5d6d89c1458df19db4") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n4.d82418e9c4628cf5dd7c6f3c6e8e8a8a80f0fd32.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=01d180907f9bfdf99625a24083ab0de7dc6e48c0e9eaf44282607513e620334c") format("woff");
}


  

  

/* #Basic Styles
================================================== */
body {
  font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  color: #00344f;
  line-height: 1.6em;
  overflow: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;

  background-color: #ffffff;
  
}

body.blocked-scroll {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

body.blocked-overflow {
  overflow: hidden;
}

::-moz-selection {
 // background-color: #000;
 // color: #fff;
}

::selection {
  //background: #FFF7B6;
 // color: black;
}

abbr {
  border-bottom: 1px dotted #cccccc;
}

/* Theme editor */

.editor-visible--true {
  display: block !important;
}

/* Lazyloading styles */



  .transition--appear {
    opacity: 0;
    //important is to override the fade-in transition on product img
    transition: opacity 0s !important;
    &.lazyloaded {
      opacity: 1;
    }
  }



img[data-sizes="auto"].lazyloaded {
  height: auto;
}

img[data-sizes="auto"],
img[data-sizes="100vw"] {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

//Ensures that small images are not stretched larger
.image__container {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.image-element__wrap {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.image-element__wrap img {
  height: auto;
}

/*============================================================================
  Grid - full width columns, no gutter
    - Based on CSS Wizardry grid
==============================================================================*/

.grid {
  @include clearfix();
  list-style: none;
  margin: 0;
  padding: 0;
}

.grid__item {
  float: left;
  width: 100%;

  &[class*='--push'] {
    position: relative;
  }
}

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/

.grid--rev {
  direction: rtl;
  text-align: left;

  > .grid__item {
    direction: ltr;
    text-align: left;
    float: right;
  }
}

@mixin container-column-generator($breakpoint: '') {

    /* Base Grid */
    .#{$breakpoint}one                      { width: calc(#{percentage(1 / 16)} - #{$gutter});}
    .#{$breakpoint}two                     { width: calc(#{percentage(2 / 16)} - #{$gutter});}
    .#{$breakpoint}three                   { width: calc(#{percentage(3 / 16)} - #{$gutter});}
    .#{$breakpoint}four                    { width: calc(#{percentage(4 / 16)} - #{$gutter});}
    .#{$breakpoint}five                    { width: calc(#{percentage(5 / 16)} - #{$gutter});}
    .#{$breakpoint}six                     { width: calc(#{percentage(6 / 16)} - #{$gutter});}
    .#{$breakpoint}seven                   { width: calc(#{percentage(7 / 16)} - #{$gutter});}
    .#{$breakpoint}eight                   { width: calc(#{percentage(8 / 16)} - #{$gutter});}
    .#{$breakpoint}nine                    { width: calc(#{percentage(9 / 16)} - #{$gutter});}
    .#{$breakpoint}ten                     { width: calc(#{percentage(10 / 16)} - #{$gutter});}
    .#{$breakpoint}eleven                  { width: calc(#{percentage(11 / 16)} - #{$gutter});}
    .#{$breakpoint}twelve                  { width: calc(#{percentage(12 / 16)} - #{$gutter});}
    .#{$breakpoint}thirteen                { width: calc(#{percentage(13 / 16)} - #{$gutter});}
    .#{$breakpoint}fourteen                { width: calc(#{percentage(14 / 16)} - #{$gutter});}
    .#{$breakpoint}fifteen                 { width: calc(#{percentage(15 / 16)} - #{$gutter});}
    .#{$breakpoint}sixteen                 { width: calc(#{percentage(16 / 16)} - #{$gutter});}

    /** Whole */
    .#{$breakpoint}one-whole {
      width: calc(100% - #{$gutter});
      left: auto !important; //prevents offset-by from causing issues on breakpoints
    }

    /* Halves */
    .#{$breakpoint}one-half { width: calc(#{percentage(1 / 2)} - #{$gutter}); }

    /* Thirds */
    .#{$breakpoint}one-third { width: calc(#{percentage(1 / 3)} - #{$gutter}); }
    .#{$breakpoint}two-thirds { width: calc(#{percentage(2 / 3)} - #{$gutter}); }

    /* Fourths */
    .#{$breakpoint}one-fourth { width: calc(#{percentage(1 / 4)} - #{$gutter}); }
    .#{$breakpoint}two-fourths { width: calc(#{percentage(2 / 4)} - #{$gutter}); }
    .#{$breakpoint}three-fourths { width: calc(#{percentage(3 / 4)} - #{$gutter}); }

    /* Fifths */
    .#{$breakpoint}one-fifth { width: calc(#{percentage(1 / 5)} - #{$gutter}); }
    .#{$breakpoint}two-fifths { width: calc(#{percentage(2 / 5)} - #{$gutter}); }
    .#{$breakpoint}three-fifths { width: calc(#{percentage(3 / 5)} - #{$gutter}); }
    .#{$breakpoint}four-fifths { width: calc(#{percentage(4 / 5)} - #{$gutter}); }

    /* Sixths */
    .#{$breakpoint}one-sixth { width: calc(#{percentage(1 / 6)} - #{$gutter}); }
    .#{$breakpoint}two-sixths { width: calc(#{percentage(2 / 6)} - #{$gutter}); }
    .#{$breakpoint}three-sixths { width: calc(#{percentage(3 / 6)} - #{$gutter}); }
    .#{$breakpoint}four-sixths { width: calc(#{percentage(4 / 6)} - #{$gutter}); }
    .#{$breakpoint}five-sixths { width: calc(#{percentage(5 / 6)} - #{$gutter}); }

    /* Sevenths */
    .#{$breakpoint}one-seventh { width: calc(#{percentage(1 / 7)} - #{$gutter}); }
    .#{$breakpoint}two-sevenths { width: calc(#{percentage(2 / 7)} - #{$gutter}); }
    .#{$breakpoint}three-sevenths { width: calc(#{percentage(3 / 7)} - #{$gutter}); }
    .#{$breakpoint}four-sevenths { width: calc(#{percentage(4 / 7)} - #{$gutter}); }
    .#{$breakpoint}five-sevenths { width: calc(#{percentage(5 / 7)} - #{$gutter}); }

    /* Eighths */
    .#{$breakpoint}one-eighth { width: calc(#{percentage(1 / 8)} - #{$gutter}); }
    .#{$breakpoint}two-eighths { width: calc(#{percentage(2 / 8)} - #{$gutter}); }
    .#{$breakpoint}three-eighths { width: calc(#{percentage(3 / 8)} - #{$gutter}); }
    .#{$breakpoint}four-eighths { width: calc(#{percentage(4 / 8)} - #{$gutter}); }
    .#{$breakpoint}five-eighths { width: calc(#{percentage(5 / 8)} - #{$gutter}); }
    .#{$breakpoint}six-eighths { width: calc(#{percentage(6 / 8)} - #{$gutter}); }
    .#{$breakpoint}seven-eighths { width: calc(#{percentage(7 / 8)} - #{$gutter}); }

    /* Tenths */
    .#{$breakpoint}one-tenth { width: calc(#{percentage(1 / 10)} - #{$gutter}); }
    .#{$breakpoint}two-tenths { width: calc(#{percentage(2 / 10)} - #{$gutter}); }
    .#{$breakpoint}three-tenths { width: calc(#{percentage(3 / 10)} - #{$gutter}); }
    .#{$breakpoint}four-tenths { width: calc(#{percentage(4 / 10)} - #{$gutter}); }
    .#{$breakpoint}five-tenths { width: calc(#{percentage(5 / 10)} - #{$gutter}); }
    .#{$breakpoint}six-tenths { width: calc(#{percentage(6 / 10)} - #{$gutter}); }
    .#{$breakpoint}seven-tenths { width: calc(#{percentage(7 / 10)} - #{$gutter}); }
    .#{$breakpoint}eight-tenths { width: calc(#{percentage(8 / 10)} - #{$gutter}); }
    .#{$breakpoint}nine-tenths { width: calc(#{percentage(9 / 10)} - #{$gutter}); }

    /* Twelfths */
    .#{$breakpoint}one-twelfth { width: calc(#{percentage(1 / 12)} - #{$gutter}); }
    .#{$breakpoint}two-twelfths { width: calc(#{percentage(2 / 12)} - #{$gutter}); }
    .#{$breakpoint}three-twelfths { width: calc(#{percentage(3 / 12)} - #{$gutter}); }
    .#{$breakpoint}four-twelfths { width: calc(#{percentage(4 / 12)} - #{$gutter}); }
    .#{$breakpoint}five-twelfths { width: calc(#{percentage(5 / 12)} - #{$gutter}); }
    .#{$breakpoint}six-twelfths { width: calc(#{percentage(6 / 12)} - #{$gutter}); }
    .#{$breakpoint}seven-twelfths { width: calc(#{percentage(7 / 12)} - #{$gutter}); }
    .#{$breakpoint}eight-twelfths { width: calc(#{percentage(8 / 12)} - #{$gutter}); }
    .#{$breakpoint}nine-twelfths { width: calc(#{percentage(9 / 12)} - #{$gutter}); }
    .#{$breakpoint}ten-twelfths { width: calc(#{percentage(10 / 12)} - #{$gutter}); }
    .#{$breakpoint}eleven-twelfths { width: calc(#{percentage(11 / 12)} - #{$gutter}); }


    .equal-columns--clear {
      @if $breakpoint == '' {
        .#{$breakpoint}one-half:nth-of-type(2n+1),
        .#{$breakpoint}eight:nth-of-type(2n+1),
        .#{$breakpoint}one-third:nth-of-type(3n+1),
        .#{$breakpoint}one-fourth:nth-of-type(4n+1),
        .#{$breakpoint}four:nth-of-type(4n+1),
        .#{$breakpoint}one-fifth:nth-of-type(5n+1),
        .#{$breakpoint}one-sixth:nth-of-type(6n+1),
        .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
            clear: both;
        }
      }

      @if $breakpoint == 'large-down--' {
        @include respond-to('large-down') {
          //Remove previous clears
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
            clear: none;
          }
          //Set new clears
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
            clear: both;
          }
        }
      }

      @if $breakpoint == 'medium-down--' {
        @include respond-to('medium-down') {
          //Remove previous clears
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
            clear: none;
          }
          //Set new clears
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
            clear: both;
          }
        }
      }

      @if $breakpoint == 'small-down--' {
        @include respond-to('small-down') {
          //Remove previous clears
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
            clear: none;
          }
          //Set new clears
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
            clear: both;
          }
        }
      }

    }

    .equal-columns--outside-trim {
      .#{$breakpoint}one-half:nth-of-type(2n),
      .#{$breakpoint}eight:nth-of-type(2n),
      .#{$breakpoint}one-third:nth-of-type(3n),
      .#{$breakpoint}one-fourth:nth-of-type(4n),
      .#{$breakpoint}four:nth-of-type(4n),
      .#{$breakpoint}one-fifth:nth-of-type(5n),
      .#{$breakpoint}one-sixth:nth-of-type(6n),
      .#{$breakpoint}one-seventh:nth-of-type(7n),
      .#{$breakpoint}two:nth-of-type(8n) {
        margin-right: 0;
      }
      .#{$breakpoint}one-half:nth-of-type(2n+1),
      .#{$breakpoint}eight:nth-of-type(2n+1),
      .#{$breakpoint}one-third:nth-of-type(3n+1),
      .#{$breakpoint}one-fourth:nth-of-type(4n+1),
      .#{$breakpoint}four:nth-of-type(4n+1),
      .#{$breakpoint}one-fifth:nth-of-type(5n+1),
      .#{$breakpoint}one-sixth:nth-of-type(6n+1),
      .#{$breakpoint}one-seventh:nth-of-type(7n+1),
      .#{$breakpoint}two:nth-of-type(8n+1) {
        margin-left: 0;
      }

      @if $breakpoint == 'large-down--' {
        @include respond-to('large-down') {
          //Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: 10px;
            margin-left: 10px;
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      @if $breakpoint == 'medium-down--' {
        @include respond-to('medium-down') {
          //Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: 10px;
            margin-left: 10px;
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      @if $breakpoint == 'small-down--' {
        @include respond-to('small-down') {
          //Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: 10px;
            margin-left: 10px;
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      .#{$breakpoint}one-whole:nth-of-type(1n+1) {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
      }

      .#{$breakpoint}one-half { width: calc(#{percentage(1 / 2)} - (#{$gutter} - (#{$gutter} / 2)));}
      .#{$breakpoint}one-third { width: calc(#{percentage(1 / 3)} - (#{$gutter} - (#{$gutter} / 3)));}
      .#{$breakpoint}one-fifth { width: calc(#{percentage(1 / 5)} - (#{$gutter} - (#{$gutter} / 5)));}
      .#{$breakpoint}one-fourth { width: calc(#{percentage(1 / 4)} - (#{$gutter} - (#{$gutter} / 4)));}
      .#{$breakpoint}one-sixth { width: calc(#{percentage(1 / 6)} - (#{$gutter} - (#{$gutter} / 6)));}
      .#{$breakpoint}one-seventh { width: calc(#{percentage(1 / 7)} - (#{$gutter} - (#{$gutter} / 7)));}

      .#{$breakpoint}two { width: calc(#{percentage(2 / 16)} - (#{$gutter} - (#{$gutter} / 8)));}
      .#{$breakpoint}four { width: calc(#{percentage(4 / 16)} - (#{$gutter} - (#{$gutter} / 4)));}
      .#{$breakpoint}seven { width: calc(#{percentage(7 / 16)} - (#{$gutter} - (#{$gutter} / 2)));}
      .#{$breakpoint}eight { width: calc(#{percentage(8 / 16)} - (#{$gutter} / 2));}
      .#{$breakpoint}nine { width: calc(#{percentage(9 / 16)} - (#{$gutter} - (#{$gutter} / 2)));}
    }
}

/*================ Build Base Grid Classes ================*/
@include container-column-generator();
@include responsive-display-helper();
@include responsive-text-align-helper();

/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
    - Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
$breakpoint-has-widths: ($large-down, $medium-down, $small-down);
$breakpoint-has-push: ();

// /*================ Build Responsive Grid Classes ================*/
@each $breakpoint in $breakpoint-has-widths {
  @include respond-to($breakpoint) {
    @include container-column-generator('#{$breakpoint}--');
    @include responsive-display-helper('#{$breakpoint}--');
    @include responsive-text-align-helper('#{$breakpoint}--');
  }
}

// /*================ Build Grid Push Classes ================*/
@each $breakpoint in $breakpoint-has-push {
  @include respond-to($breakpoint) {
    @include grid-push-generator('#{$breakpoint}--');
  }
}

//Responsive grid - uses gutters

.container {
  position: relative;
  max-width: $site-width;
  margin: 0 auto;
  @include respond-to('large-down') {
    width: calc(90% + #{$gutter});
  }
  @include respond-to('small-down') {
    width: calc(100% - 40px);
  }
}

.container .container {
  width: 100%;
}

[class*="offset-by"] {
  position: relative;
  @include respond-to('small-down') {
    position: static;
  }
}

.container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.column,
.columns {
  float: left;
  display: inline;
  margin-left: calc(#{$gutter} / 2);
  margin-right: calc(#{$gutter} / 2);
  box-sizing: border-box;
}

.column:not([class*="small-down--one-half"]),
.columns:not([class*="small-down--one-half"]) {
  @include respond-to('small-down') {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.even {
  @include respond-to('small-down') {
    margin-left: 0;
  }
}

.odd {
  @include respond-to('small-down') {
    margin-right: 0;
  }
}

.flex-container {
  @include flexbox();
}

.flex-container:after {
  visibility: hidden;
  display: none;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.row {
  margin-bottom: $gutter;
}

.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

//Can be used on inner div inside container element to apply borders (that maintain the same width as columns)
.container-border--top::before {
  display: block;
  content: '';
  height: 0;
  width: calc(100% - #{$gutter});
  border-top: thin solid #cccccc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  float: left;
  @include respond-to('small-down') {
    width: 100%;
  }
}

.container-border--bottom::after {
  display: block;
  content: '';
  height: 0;
  width: calc(100% - #{$gutter});
  border-top: thin solid #cccccc;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  clear: both;
  @include respond-to('small-down') {
    width: 100%;
  }
}

//Applied to container elements that need to be smaller than the $site-width
.narrow-width--true.container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

//Override the max-width on container element and stretch full screen (wide_display)
.container.full-width--true,
.full-width--true > .container {
  width: 100%;
  max-width: 100%;
}

.container.fullWidthMobile--true,
.column.fullWidthMobile--true,
.columns.fullWidthMobile--true {
  @include respond-to('small-down') {
    width: 100% !important;
    max-width: 100%;
  }
}

//Styles applied only on larger screen sizes
@include respond-to('small-up'){
  /* Nested Column Classes */
  .column.alpha, .columns.alpha               { margin-left: 0; }
  .column.omega, .columns.omega               { margin-right: 0; }

  /* Offsets */
  .offset-by-one                   { left: calc(#{percentage(1 / 16)});}
  .offset-by-two                   { left: calc(#{percentage(2 / 16)});}
  .offset-by-three                 { left: calc(#{percentage(3 / 16)});}
  .offset-by-four                  { left: calc(#{percentage(4 / 16)});}
  .offset-by-five                  { left: calc(#{percentage(5 / 16)});}
  .offset-by-six                   { left: calc(#{percentage(6 / 16)});}
  .offset-by-seven                 { left: calc(#{percentage(7 / 16)});}
  .offset-by-eight                 { left: calc(#{percentage(8 / 16)});}
  .offset-by-nine                  { left: calc(#{percentage(9 / 16)});}
  .offset-by-ten                   { left: calc(#{percentage(10 / 16)});}
  .offset-by-eleven                { left: calc(#{percentage(11 / 16)});}
  .offset-by-twelve                { left: calc(#{percentage(12 / 16)});}
  .offset-by-thirteen              { left: calc(#{percentage(13 / 16)});}
  .offset-by-fourteen              { left: calc(#{percentage(14 / 16)});}
  .offset-by-fifteen               { left: calc(#{percentage(15 / 16)});}
}

/* #Typography
================================================== */
.logo {
  font-family: Dosis, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  
}

/*  Headings  */

h1 {
  @include headline-style($font-size-header);
  margin: 0 auto 15px;
  clear:both;
  font-weight: 400;
  padding-top: 4px;
  a {
    &:link, &:visited {
      font-weight: inherit;
      color: #00344f;
    }
    &:hover, &:active {
      color: #00344f;
    }
  }
  &.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px #cccccc;
  }
}

h2, .h2, h2.title {
  @include headline-style(floor($font-size-header*0.9));
  margin-bottom: 0.75em;
  a {
    font-weight: inherit;
  }
  &.collection_title {
    margin-bottom: 0;
    display: inline;
  }
  &.product_name a {
    color: #00344f;
  }
}
.cart h2 {
  margin-top: 0;
}

h3, .h3 {
  @include headline-style(floor($font-size-header*0.8));
  margin: 0 auto 15px 0;
  a, a:visited {
    font-weight: inherit;
    color: #00344f;
  }
  &.title {
    line-height: 1.25;
    margin: 0 auto 15px;
    clear:both;
    padding-top: 4px;
    a, a:visited {
      color: #00344f;
    }
  }
  &.sub_title {
    padding: 5px 0;
    color: #00344f;
    a {
      color: #00344f;
    }
  }
}

h4, .h4 {
  @include headline-style(floor($font-size-header*0.7));
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.title a {
    border: 0;
    padding: 0;
    margin: 0;
  }
}

h5, .h5 {
  @include headline-style(floor($font-size-header*0.65));
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.sub_title {
    padding: 5px 0;
    color: #00344f;
    a {
      color: #00344f;
    }
  }
}

h6, .h6 {
  @include headline-style(floor($font-size-header*0.6));
  letter-spacing: 1px;
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.title {
    line-height: 32px;
    margin: 0 0 0.5em 0;
    color: #00344f;
  }
}

.cart h6 {
  margin-top: 0;
}

.collection_title {
  @include headline-style;
  margin: 0 auto 15px;
  clear: both;
  padding-top: 4px;
  a {
    font-weight: inherit;
    color: #00344f;
    &:hover, &:active {
      color: #00344f;
    }
  }
}

div {
  &.collection_title {
    margin-bottom: 0;
    line-height: 34px;
    display: inline;
  }
  &.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px #cccccc;
  }
}

.headline,
.empty_cart,
.promo_banner,
.title {
  @include headline-style;
}

.title.center.blog a {
 color: #00344f;
}

/*  Content  */

p {
  margin: 0 0 15px;
  font-style: normal;
  line-height: 1.6em;
  img {
    margin: 0;
  }
}

sub {
  font-size: 60%;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}

small {
  font-size: 90%;
}

.feature img {
  position: relative;
  top: 7px;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}

.onboard-text {
  margin: 0;
}

.page-divider {
  opacity: 0;
  border-color: #aaaaaa;
  border-top: 0;
}

.active-divider {
  opacity: 1;
}

.feature p {
  font-size: smaller;
}

#featured_links {
  padding: 20px 0;
  h2 {
    padding-top: 15px;
  }
}


  #featured_links .column, #featured_links .columns {
    opacity: 1;
  }


//Add default spacing to allow room for stars (from Shopify review app)
.slider-gallery .shopify-product-reviews-badge {
  height: 30px;
  display: block;
}

//Add spacing below review stars (from Shopify review app)
.spr-badge + .feature_divider {
  margin-top: 15px;
}
.spr-badge {
  padding: 5px 0;
}
.thumbnail .spr-badge-caption {
  display: none;
}
div#shopry-review-photos a { display: block !important; }

//Feature divider variables
$borderWidth: 0px;
$borderWidthHr: 0;
$borderStyle: solid;

.feature_divider {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  border: 0;
  border-color: #aaaaaa;
  border-bottom-width: $borderWidth;
  border-bottom-style: $borderStyle;

  &.no-margin {
    margin-bottom: 0px;
  }

  @include respond-to('medium-down'){
    margin-bottom: 10px;
  }
}

div.container.bottom-fix {
  padding-bottom: 0px;
}

.page .feature_divider,
.page h2.title + .feature_divider {
  margin-bottom: 15px;
}

/*  Blockquotes  */

blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  font-style: italic;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #cccccc;
  cite {
    display: block;
    font-size: 12px;
    color: #555;
    a, a:visited {
      color: #555;
    }
    &:before {
      content: "\2014 \0020";
    }
  }
}

hr {
  border-color: #aaaaaa;
  border-width: $borderWidthHr;
  border-style: $borderStyle;
  clear: both;
  margin: 12px 0;
  height: 0;
}

.cart_container {
  hr {
    border-top-width: 0px;
  }
}

div.section.collection_description {
  margin: 0 0 1.5em 0;
}

/* #Links
================================================== */
a,
a:visited,
a span {
  color: #00344f;
  text-decoration: none;
  position: relative;
  transition: color .1s linear;
}

a:hover,
a:focus {
  color: #00344f;
}

a,
button,
input,
select,
textarea,
label,
summary {
  touch-action: manipulation;
}

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px;
  ul, ol {
    margin: 4px 0 5px 30px;
    li {
      margin-bottom: 6px;
    }
  }
  li {
    margin-bottom: 12px;
  }
}

ul {
  list-style: disc outside;
  &.square {
    list-style: square outside;
  }
  &.circle {
    list-style: circle outside;
  }
  &.disc {
    list-style: disc outside;
  }
  &.large li {
    line-height: 21px;
  }
  &.none {
    list-style: none outside;
    margin-left: 0;
  }
  &.border {
    list-style: none outside;
    line-height: 26px;
    li {
      border-bottom: 1px solid #cccccc;
      list-style: none outside none;
      padding: 12px 0;
      margin-bottom: 0;
    }
  }
}

ol {
  list-style: decimal;
}

/* #Menu
================================================== */
.header {
  z-index: 1000;
  width: 100%;
  top: 0;
  a,
  a:visited,
  a span,
  select.currencies {
    color: #00344f;
    text-shadow: none;
  }
  div.container {
    padding-bottom: 5px;
    padding-top: 5px;
  }
}

body.is-active {
  overflow-y: hidden;
  #header {
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

#header.mobile_nav-fixed--true,
.mobile_nav-fixed--false.is-active #header {
  position: fixed;
  z-index: 1001;
  width: 100%;
  top: 0;
  left: 0;
}

#header {
  display: none;
  pointer-events: all;
  .top_bar {
    text-align: center;
    height: 40px;
    @include flexbox();
    @include align-items(center);
    .icon-search {
      z-index: 3;
      &:before {
        font-size: 18px;
      }
    }
    a {
      &.right {
        left: auto;
        right: 15px;
        font-size: 20px;
        padding-top: 8px;
        top: 4px;
        z-index: 1;
      }
      &.mobile_nav {
        @include flexbox();
        @include align-items(center);
        z-index: 1;
      }
    }
    > a, > a:visited, > a:active {
      display: block;
      font-size: 25px;
      outline: 0;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    a span {
      color: #00344f;
      display: inline-block;
      padding-left: 4px;
      position: relative;
    }
  }
}

#header .top_bar a.icon-bag:before,
#header .top_bar a.icon-cart:before {
  font-size: 18px !important;
}

.nav ul.mobile_menu li a {
  display: inline-block;
}

.menu .vertical-menu {
  li {
    position: relative;
    margin-right: 10px;

  }
}
.vertical-menu {
  display: inline;
}

.menu .vertical-menu li:hover .vertical-menu_submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_submenu {
  position: absolute;
  left: 0;
  top: 100%;
  padding-left: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in;
  pointer-events: none;
  text-align: left;
  width: 270px;
  @include background-opacity(#ffffff, 1);
  li {
    padding: 0 20px;
    display: block;
  }
  a {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;

    &:active {
      font-size: 14px;
      letter-spacing: 1px;
    }
  }
  span.icon-down-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

.menu .vertical-menu_submenu.is-visible,
.menu .vertical-menu_sub-submenu.is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_sub-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 5s ease-in;
  pointer-events: none;
  width: 270px;
  @include background-opacity(#ffffff, 1);
  li {
    padding: 0 20px;
    display: block;
  }
  a {
    display: block;
  }
}

.vertical-menu_submenu.vertical-menu--align-right {
  right: 0;
  left: auto;
}

.vertical-menu_sub-submenu.vertical-menu--align-right {
  right: 100%;
  left: auto;
}

// adds default cursor when parent mega menu doesn't have a link to it
li > a.url-deadlink {
  cursor: default;
}

/*  Mobile nav  */

#header .mobile_nav.dropdown_link {
  width: 25%;
  span.menu_title {
    position: absolute;
    left: 40px;
  }
}

.mobile_nav div {
  width: 30px;
  height: 40px;
  position: relative;
  float: left;
  margin: 0 8px 0 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .1s ease-in-out;
  cursor: pointer;
}

.mobile_nav div span {
  display: block !important;
  position: absolute !important;
  height: 1px !important;
  width: 100%;
  background: #00344f;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  padding: 0 !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .1s ease-in-out;
}

.mobile_nav div span:nth-child(1) {
  top: 10px;
}

.mobile_nav div span:nth-child(2),.mobile_nav div span:nth-child(3) {
  top: 20px;
}

.mobile_nav div span:nth-child(4) {
  top: 30px;
}

.mobile_nav div.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.mobile_nav div.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile_nav div.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile_nav div.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#mobile_menu {
  margin: 10px 20px;
  li {
    padding-right: 0;
    display: block;

    a span.icon-down-arrow {
      padding: 0 15px !important;
    }
  }
  .sublink ul {
    display: none;
    margin-left: 0;
    padding-left: 10px;
  }
}

/* Currency / language switcher on mobile */

.mobile-menu__disclosure {

  .selectors-form__wrap {
    @include justify-content(center);
    @include flex-direction(column);
  }

  .selectors-form__item {
    margin-left: 0;

    &:first-of-type .disclosure__toggle {
      border-top: none;
    }
  }

  .disclosure {
    padding-top: 0;
  }

  .disclosure-list__item {
    padding: 0;
  }

  button.disclosure__button {
    @include justify-content(flex-start);
    font-size: 13px;
    color: #00344f;
    padding-left: 0;
    min-height: 0;
    height: unset;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.9em;

    &:hover,
    &:focus {
      color: #1a517b;
    }
  }
}

#mobile_menu li.sublink span.currency-code {
  display: inline;
  padding-left: 0;
}

.feature_image.editor-hover--true {
  .main_nav,
  .dropdown {
    @include background-opacity(#ffffff, 1);
    clear: both;
    transition: all 0.3s linear;
    animation: fadeIn 0.3s linear none;
  }
}

.cart_container {
  float: right;
}

.top_bar {
  height: 40px;
  background-color: #effafa;
  padding: 0 0 0 10px;
  .social_icons {
    float: left;
    margin: 0;
    padding-left: 10px;
    li {
      padding: 5px;
    }
  }
  a {
    @include flexbox();
    @include align-items(center);
  }
  ul.social_icons a {
    display: inline;
    @include flex(none);
  }
  .top_bar--right {
    @include flexbox();
    @include align-items(center);
    margin-left: auto;
    height: 40px;
    .icon-search {
      display: inline-block;
      line-height: 0;
      padding-right: 15px;
    }
    .cart_container {
      display: inline-block;
    }
  }
  .mini-cart__item__title {
    a {
      display: block;
    }

    span {
      color: #00344f;
    }

    .sale {
      color: #00a6b5;
      margin-right: 3px;
    }

    .was_price {
      color: #8c8b8b;
    }
  }
}

.main_nav,
.dropdown {
  @include background-opacity(#ffffff, 1);
  clear: both;
  transition: all 0.3s linear;
  animation: fadeIn 0.3s linear none;
}



.sticky_nav {
  position: fixed;
  width: 100%;
  z-index: 35;
  top: 0;
  left: 0;
  padding: 0;
  /* Translate -100% to move off screen */
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: all 300ms ease-in-out;

  .mini_cart {
    font-size: 18px;
    @include flexbox();
    @include align-items(flex-start);
    padding-top: 15px;

    &:before {
      padding-top: 3px;
      margin: 0;
    }

    .cart_count {
      margin: 0;
      padding: 0 0 0 8px;
    }
  }

  .main_nav.menu-position--inline div.logo {
    width: 16%;
  }

  .main_nav.menu-position--block {
    .logo {
      padding-left: 20px;
      width: 16%;
      text-align: left;
      a {
        padding-top: 12px;
        padding-bottom: 12px;
      }
    }

    .nav {
      width: 84%;
      clear: none;
      float: left;
    }
  }
}

.is-active .sticky_nav {
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.sticky_nav--stick {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
  @include respond-to('medium-down') {
    display: none;
  }
}

.sticky_nav--unstick {
  opacity: 0;
  transition: opacity 0s;
}

.sticky_nav ul.menu,
.sticky_nav .mini_cart {
  font-size: 15px;
  padding-bottom: 0 !important;
}

.menu.center,
.menu.align_right,
.menu.align_left {
  margin: 0 20px;
}

.menu {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  li {
    display: inline-block;
    margin: 0;
    border: 0;
  }
}

.nav ul li a.sub-menu {
  padding: 10px 4px 10px 4px;
  z-index: 1001;
}

.nav ul li:hover a.sub-menu {
  color: #00344f;
}

.menu a,
.menu a:visited,
.menu a:active,
#header span.menu_title,
.menu a span,
select.currencies,
.mini_cart span {
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  color: #00344f;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  @include respond-to('medium-down') {
    font-size: 13px;
  }
}

.feature_image .main_nav a,
.feature_image .main_nav a span {
  color: #00344f;
}

#header span.menu_title,
.menu a span, select.currencies,
.mini_cart span {
  padding-left: 5px;
  padding-right: 5px;
}

#header span.menu_title {
  cursor: pointer;
  height: 40px;
  line-height: 20px;
  margin-top: -2px;
}

.menu li {
  position: relative;
  vertical-align: top;
  padding-right: 10px;
}

.shopify-currency-form {
  margin-bottom: 0;
}

select.currencies {
  height: 40px;
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  @if (lightness(#effafa) > 50) {
    background-image: url(//architessa.com/cdn/shop/t/117/assets/select.png?v=51992501115514909491675743758); // Lighter background
  } @else {
    background-image: url(//architessa.com/cdn/shop/t/117/assets/select_light.png?v=38379460423634441311675743758); // Darker background
  }
  @include respond-to('medium-down'){
    font-size: 16px;
  }
}

#mobile_menu select.currencies {
  padding-left: 0;
}

.feature_image .header .menu a,
.feature_image .header .menu a:visited,
.feature_image .header .menu a span {
  color: #00344f;
  
}

.feature_image .header .menu a[href]:hover,
.menu a.active,
.menu a.active span,
.feature_image .header .menu a.active,
.header_bar a.active,
.feature_image .header .menu a:focus {
  color: #1a517b;
}

.menu li a[href]:hover,
.menu li a:focus,
.menu a[href]:hover span {
  color: #1a517b;
}

.menu a.top_link,
.menu a.dropdown_link {
  border-bottom: solid 1px transparent;
}

.menu a.top_link:hover,
.menu a.dropdown_link:hover,
.menu a.active_link {
  border-bottom: solid 1px #1a517b;
}

.feature_image a.top_link:hover {
  border-bottom: solid 1px #1a517b;
}

.menu a span {
  display: inline;
  vertical-align: top;
}

.top_bar a,
.top_bar a:visited,
.top_bar a:active,
.top_bar a span,
.top_bar select.currencies,
a.mini_cart,
a.mini_cart span,
.feature_image .header .top_bar .menu a,
.feature_image .header .top_bar .menu a span {
  color: #00344f;
  font-size: 13px;
  letter-spacing: 1px;
}

.top_bar li a:hover,
.top_bar li a[href]:hover,
.top_bar li a[href]:hover span,
.top_bar li a:active,
.top_bar li a:hover span,
.top_bar a:active span,
.top_bar .currencies:hover,
.feature_image .header .top_bar .menu a:hover,
.feature_image .header .top_bar .menu a:hover span {
  color: #00a6b5;
}

.top_bar li {
  padding-left: 10px;
  padding-right: 10px;
}

.top_bar .menu a, .top_bar .social_icons a {
  height: 40px;
  line-height: 40px;
  padding: 0;
}

/*  Mini cart  */
.mini_cart,
.nav a.mini_cart {
  float: right;
  text-align: center;
  cursor: pointer;
  background-color: #00a6b5;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  height: 40px;
  z-index: 2001;
  @include respond-to('medium-up'){
    padding-left: 15px;
    padding-right: 15px;
  }
  @include respond-to('medium-down'){
    right: 0;
  }
}

.cart_container {
  li.mini-cart__item {
    @include flexbox();
    @include justify-content(space-between);
  }
}

.top_bar a.mini_cart span {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
}

a.tos_icon,
.cart_content a.tos_icon {
  font-size: 13px;
  color: #00344f;
  &:visited {
    color: #00344f;
  }
  &:hover {
    color: #00344f;
  }
}


.cart_content__continue-shopping {
  display: none;
}

.no-touchevents {
  a.cart_content__continue-shopping.secondary_button {
    display: none;
  }
}

.no-touchevents,
.touchevents {
  a.cart_content__continue-shopping.secondary_button {
    display: none;
    @include respond-to('medium-down') {
      display: block;
      border-top: 0;
      margin: 0 auto;
      padding-top: 0;
      padding-bottom: 10px;
      margin-bottom: 10px;
      position: static;
      font-size: inherit;
      letter-spacing: inherit;
    }
  }
}

.mini_cart span {
  display: inline-block;
}
.cart_container .cart_content {
  display: none;
}

.cart_container.active_link .cart_content {
  display: block;
  overflow-y: auto;
  max-height: calc(90vh - 100px);
}

.cart_container.active_link .cart_content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.cart_container.active_link .cart_content::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

//Prevent mini cart from appearing on cart page for touchscreen devices
html.touchevents .cart .cart_container {
  pointer-events: none;
}

#cart_form p.modal_price {
  margin-bottom: 0;
  padding-bottom: 0;
}

#cart_form .product-quantity-box {
  margin: 15px 0;
  width: 130px;
}

.cart_content .product-quantity-box {
  margin: 15px 0 0;
  width: 130px;
}

.cart_content .product-plus,
.cart_content .product-minus,
#cart_form .product-plus,
#cart_form .product-minus {
  &.is-disabled {
    pointer-events: none;
  }
}

.cart_content .product-quantity-box .quantity,
#cart_form .product-quantity-box .quantity {
  padding: 0 5px;
  width: 30%;
  min-height: 30px;
  height: 30px;
}

.cart_content .product-quantity-box .product-plus,
#cart_form .product-quantity-box .product-plus {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  padding-right: 2px;
  width: 25%;
}

.cart_content .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-minus {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  padding-right: 2px;
  width: 25%;
}

#cart_form .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-plus,
.nav .product-quantity-box .product-minus,
.nav .product-quantity-box .product-plus {
  padding-right: 0;
}

#cart_form .icon-minus,
#cart_form .icon-plus {
  position: relative;
  left: 1px;
}


  .product-quantity-box .product-plus {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .product-quantity-box .product-minus {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }


.cart_container.active_link .mini_cart,
.cart_container.active_link .mini_cart span {
  background-color: #ffffff;
  color: #00344f !important;
}

.cart_content {
  top: 40px;
  right: 0;
  position: absolute;
  z-index: 2000;
  background-color: #ffffff;
  font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  color: #00344f;
  border: 1px solid #cccccc;
  border-top: 0;
  border-right: 0;
  width: 100%;
  max-width: 320px;
  @include respond-to('medium-up'){
    max-width: 420px;
  }
}

div.cart_content form {
  margin: 15px 0 0 0;
  padding: 0;
}

.mini-cart__item.animated,
.cart__item.animated {
  animation-duration: 0.7s;
}

.mini-cart__item--image {
  width: 40%;
}

.cart_content {

  li.mini-cart__item {
    position: relative;
  }

  li.mini-cart__item a.cart__remove-btn {
    position: absolute;
    top: 0;
    right: 0;
    &:active {
      position: absolute;
    }

    span {
      color: #00344f;
    }

    .remove-icon {
      margin-left: 0;
      &:before {
        font-size: 25px;
      }
    }
  }
}

#header {
  .top_bar a span.remove-icon {
    color: #00344f;
  }

  li.mini-cart__item a.cart__remove-btn {
    top: 0;
  }
}

.cart_content .mini-cart__item--content {
  @include flexbox();
  @include flex-direction(column);
  @include flex(1);
  @include flex-wrap(wrap);
  position: relative;

  .mini-cart__item__title {
    @include flexbox();
    @include flex-direction(column);
    padding-right: 20px;
  }

  .price {
    padding-top: 10px;
    line-height: 1;
    text-align: left;
  }
}

.cart__item {
  @include flexbox();
  @include align-items(center);
  margin: 10px 0;
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #cccccc;

  @include respond-to('medium-down') {

    .cart__item--image {
      max-width: 33.333%;
    }

    .cart__item--content {
      margin-left: 20px;
    }

    .cart__item_--title {
      margin-right: 20px;
    }
  }

  .cart__item--title {
    margin-right: 15%;
  }

  .cart__item--discount,
  .cart__item--discount .label {
    color: #00a6b5;
    margin-top: 15px;
  }
}

.cart_discounts {
  @include flexbox();
  @include align-items(flex-start);
  line-height: 1;

  .cart_discounts--title {
    width: 60%;
    margin-right: 20px;
  }

  .cart_discounts--price {
    width: calc(40% - 20px);
    text-align: right;
  }
}

.cart__remove-btn {
  @include flexbox();
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 10px;

  span.remove-text,
  span.remove-icon {
    color: #00344f;
  }

  &:hover span,
  &:active span {
    color: #00344f;
  }

  @include respond-to('large-down'){
    .remove-text {
      display: none;
    }
  }

  .remove-icon {
    margin-left: 5px;

    &:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 25px;
      line-height: 1em;
      display: block;
      content: "\00d7";
    }
  }
}

.cart .cart_subtotal {
  font-weight: bold;
  font-size: larger;
}

.cart_content .cart_subtotal {
  text-align: left;
  font-weight: bold;
}

.cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span {
  color: #00344f !important;
}

.cart_content a .price span {
  padding-left: 5px;
}

.cart_content ul {
  list-style: none;
  margin: 0;
  padding: 15px 20px;

  li {
    padding-left: 0;
    padding-right: 0;

    &:empty {
      margin-bottom: 0;
    }

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

.cart_content ul li {
  list-style: none;
  clear: both;
}

.cart_content .action_button {
  width: 100%;
}

.top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart {
  font-size: 16px;
  margin-right: 0;
  vertical-align: middle;
}

#customer_login_guest,
#customer_login {
  display: inline;
  @include respond-to('small-down') {
    display: block;
  }
}

input[type="submit"].guest_button, input[type="button"].guest_button {
  color: #00344f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  &:hover {
    background: transparent;
    border: 0;
    color: #00344f;
  }
  @include respond-to('medium-up') {
    text-align: center;
  }
}

.menu ul li .mini_cart span {
  padding-left: 5px;
  top: -1px;
}

.sticky_nav div.logo img {
  width: 60%;
  margin: 0 auto;
}

.dropdown_container {
  clear: both;
  width: 100%;
  display: none;
}

.dropdown_container img {
  max-width: 100%;
}
/*  */
.dropdown {
  position: absolute;
  width: 105vw;
  z-index: 1000;
  margin-left: -10px;
}

.dropdown_content {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.dropdown_container.mega-menu .dropdown_content {
  @include flexbox();
  @include flex-direction(row);
  width: 100%;
  margin: 0 auto;
}

.mega-menu__richtext,
.mega-menu__image-caption-link {
  padding: 0 5px;
}

.mega-menu__richtext a,
.mega-menu__richtext a:active,
.mega-menu__richtext a:hover {
  display: inline-block;
  text-transform: none;
}

.mega-menu__image-caption-link {
  text-align: center;
  margin-bottom: 10px;
  a, a:visited, a:active, a:hover {
    text-transform: none;
    display: block;
  }
}

.mega-menu__image-caption,
.mobile-mega-menu__image-caption {
  margin: 10px 0;
}

.dropdown_content a p,
.mobile-mega-menu a p {
  padding: 0;
}

.dropdown_content p,
.mobile-mega-menu p {
  font-family: "Mundo Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  color: #00344f;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  margin-bottom: 0;

}

.dropdown_content p,
.dropdown_content a,
.dropdown_content a:hover,
.dropdown_content a:active {
  font-size: 14px;
  letter-spacing: 1px;
}

.dropdown_column__menu + .dropdown_column__menu {
  margin-top: 10px;
}

.dropdown_narrow {
  width: 60%;
}

.dropdown_column {
  display: table-cell;
  padding: 15px 20px 30px 20px;
  width: 16.666%;
  vertical-align: top;

  img {
    max-width: 100%;
  }

  ul {
    margin: 0;
    padding: 0;
  }

  ul.dropdown_title {
    border-bottom: solid 1px #00344f;
    padding-bottom: 10px;
  }

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

.dropdown_container.mega-menu .dropdown_column {
    display: inline-block;
    padding: 15px 20px 30px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 16.666%;
    flex: 1 0 16.666%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    vertical-align: top;
}

.dropdown_column li {
  display: block;
}

.dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active {
  padding-bottom: 0;
  text-transform: none;
}

.dropdown_row {
  display:table-row;
}

select.currencies {
  border: 0 !important;
  background-color: transparent;
  margin-bottom: 0 !important;
  min-width: 65px;
  outline: 0;
  background-position: 96.5% 55%;
  background-size: 18px 12px;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
}

select.currencies:active {
  border: 0;
  outline: 0;
  text-shadow: 0;
  box-shadow: 0;
}

select.currencies option {
  @include background-opacity(#ffffff, 1);
  color: #00344f;
}

.menu li.currencies {
  padding: 0;
}

.container div.collection_nav {
  margin-bottom: 1.5em;
}

.collection_menu, .collection_menu li {
  display: inline;
  list-style: none;
  border: none;
  position: relative;
  top: -3px;
  margin: 0;
}

.collection_menu li {
  padding-left: 25px;
}

.sidebar-wrap {
  border-right: 1px solid #cccccc;
  margin-right: 0px;
  padding-right: 20px;
  @include respond-to('medium-down') {
    border: none;
    margin:0;
    padding-right: 0;
  }
}

.sidebar-wrap h4,
.sidebar-wrap h4.toggle {
 margin: 0;
 padding: 0;
}

.sidebar-wrap h4.toggle {
 @include respond-to('medium-down') {
  margin: 10px 0;
 }
}

.sidebar a, .sidebar a:visited {
  color: #00344f;
}

.sidebar a:hover, .sidebar a:active {
  color: #00344f;
}

.sidebar .meta {
  margin-left: 2px;
}

.sidebar .spr-badge {
  color: #00344f;
}

.sidebar .recently-viewed-list .brand {
  color: #00344f;
}

.toggle-all--true {
  h4.toggle {
    cursor: pointer;
    pointer-events: all;
  }
  .toggle span {
    display: block;
  }
  .toggle_list {
    display: none;
  }
}

.content_block.toggle_list {
  a {
    display: inline;
    position: static;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    color: #00344f;
    &:hover {
      border-left: none;
      color: #00344f
    }
  }
}

.toggle_list {
  margin: 0;
  padding: 10px 0 15px 0;
}

.toggle_list a {
  display: inline-block;
  position: relative;
  margin-left: 0;
  max-width: 80%;
  border-left: solid 2px transparent;
  transition : border 200ms ease-out;
}

.toggle_list a.active,
.toggle_list a.active--default {
  padding-left: 8px;
  border-left: solid 2px #B8C6C6;
}

ul.toggle_list li ul {
  display: none;

  &.active {
    display: block;
  }
}

.sidebar .toggle_list a.active {
  border-left: solid 9px #00344f;
}

.toggle_list li {
  list-style: none;
  line-height: 1.4em;
  padding: 8px 0 8px 0;
}

.toggle_list .meta span {
 line-height: 2.5;
}

.sidebar_text {
 margin-bottom: 12px;
 padding-top: 10px;
}

.sidebar_content {
  border-left: solid 1px #cccccc;
  padding-left: 20px;
}

.sidebar_content .toggle_list li {
 line-height: 1.2;
}

.sidebar .newsletter {
  margin-bottom: 20px;
  form {
    width: 100%;
  }
}

.sidebar li ul {
  margin: 8px 0 0 15px;
}

.sidebar .toggle_list li ul {
  padding-left: 0;
}

.sidebar ul li {
  margin-bottom: 0;
}

.sidebar input.sign_up[type="submit"],
.sidebar input.contact_email[type="email"] {
  width: 100% !important;
  margin-left: 0;
}

.blog_search {
  position: relative;
}

.sidebar-block {
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
  &:last-child {
    border-bottom: none;
  }
  &:empty {
    border-bottom: none;
  }
  &:blank {
    border-bottom: none;
  }
  &:first-child h4.toggle{
    padding-top: 0;
  }
  h4.toggle {
    @include flexbox();
    @include align-items(center);
    @include justify-content(space-between);
    margin-bottom: 0;
    padding: 15px 0;
    line-height: 1.5;
  }
}

//Filter collections

.sidebar .filter-active-tag {
  position: relative;
}

.color-filter--true {
  label {
    @include flexbox();
    @include align-items(center);
  }
}

.sidebar__collection-filter {
  a, label {
    cursor: pointer;
  }

  label {
    text-transform: none;
    font-weight: normal;
    font-size: inherit;
  }

  label:hover {
    color: #00344f
  }

  input[type="checkbox"] {
    display: none;
  }

  input.styled-checkbox[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    background-size: cover;
    margin-right: 15px;
  }

  button.clear-active-filter, button.clear-active-filter:active {
    color: #00344f;
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: 0;
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
    position: absolute;
    @include prefix(transform, translateY(-50%), ms webkit spec);
    top: 0;
    right: 0;
    left: auto;
    padding: 2px 4px;
    line-height: 1.2;
    display: block;
    height: auto;
    min-height: auto;
  }

  button.clear-active-filter:hover {
    color: #00344f;
  }

  .x-icon {
    position: relative;
    display: inline-block;
    overflow: visible;
    width: 15px;
    height: 15px;
    margin: 0 2px 0 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    font-style: normal;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
    vertical-align: middle;
    top: -1px;
    &:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 25px;
      line-height: 15px;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 15px;
      content: "\00d7";
      text-align: center;
    }
  }
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}

/* Sub Collections */

.featured_collections.sub-collection {
  margin-bottom: 10px;
  .thumbnail {
    margin-bottom: 10px;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
}

.sub-collection--2 {
  .thumbnail {
    width: calc(50% - 20px);
    &:nth-child(2n+1){
      clear: both;
    }
  }
}

.sub-collection--3 {
  .thumbnail {
    width: calc(33.33333% - 20px);
    &:nth-child(3n+1){
      clear: both;
    }
  }
}

.sub-collection--4 {
  .thumbnail {
    width: calc(25% - 20px);
    &:nth-child(4n+1){
      clear: both;
    }
  }
}

.list-collection-wrapper {
  //no image available
  img[src*='/no-image']{
    opacity: 0;
  }
  img[src*='/no-image'] ~ .thumbnail-overlay {
    opacity: 1 !important;
    .collection-details {
      opacity: 1;
      transform: none;
    }
  }
  img[src*='/no-image'] ~ .collection-info__caption {
    @include respond-to('medium-down'){
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  }
  .img {
    width: 100%;
  }
  .collection-info__caption {
    
      display: block;
    
    margin-top: 20px;
    @include respond-to('medium-down'){
      display: block;
      position: static;
    }
  }

  
}

.blog-header {
  margin-bottom: 5px;
  .blog-title.blog-tags--true {
    float: none;
  }
  .blog-title {
    float: left;
    @include respond-to('medium-down') {
      width: 100%;
      margin-bottom: 0;
    }
  }
  .subtitle {
    clear: both;
  }
}

.blog-header .feature_divider {
  clear: both;
  width: 100%;
}

/* Blog Article Styling */

.article .icon-slash {
  padding-right: 5px;
}


/* Styles for blog, collections */
.section_select {
  padding: 0;
  text-align: right;
  float: right;
  .blog_filter, .tag_filter, .sort_by {
    color: #00344f;
    display: inline-block;
    border: none;
    padding-right: 30px;
    background-position: 100% 50%;
    background-color: #ffffff;
    font-family: "Mundo Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 0;
    max-width: 80%;
    @include respond-to('medium-down'){
      float: none;
      width: 100%;
      max-width: 100%;
      font-size: 16px;
      padding-left: 0;
    }
  }
}

div.breadcrumb-collection {
  & + div.section {
    margin-top: 0;
  }
  @include respond-to('medium-down'){
   text-align: center;
  }
}


.breadcrumb_text,
.article-pagination {
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 0;
  @include respond-to('medium-down'){
    margin-top: 0;
  }
  .breadcrumb-divider {
    color: #00344f;
    margin: 0 5px;
  }
}

.breadcrumb_link:hover span {
 color: #00344f;
}

.breadcrumb {
  font-size: 15px;
  @include respond-to('medium-down'){
   margin-bottom: 20px;
  }
}


/* #Images
================================================== */
/*
  The purpose of the below declaration is to make sure images don't
  exceed the width of columns they are put into when resizing window.
  Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
  so the best solution is to individually call these properties on images that
  are children of the grid that you want to resize with grid.
*/

.product_row img,
  .product_image_col img,
  .article img,
  .section img,
  .thumbnail img,
  .page img,
  .sidebar img,
  .logo img,
  .cart_image img,
  .footer img,
  #target img,
  .column img,
  .columns img {
  max-width: 100%;
  height: auto;
}

.image-crop--left img,
.image-crop--left .image-element__wrap {
  @include object-fit(cover, left);
  height: 100% !important;
}

.image-crop--right img,
.image-crop--right .image-element__wrap {
  @include object-fit(cover, right);
  height: 100% !important;
}

.image-crop--center img,
.image-crop--center .image-element__wrap {
  @include object-fit(cover);
  height: 100% !important;
}

/* #Placeholders
================================================== */

  .featured-products-section {
    .section {
      margin: 30px 0px;
    }
  }

  $color-blankstate: rgba(#00344f, 0.9);
  $color-blankstate-background: rgba(#00344f, 0.5);

  .placeholder-svg {
    fill: $color-blankstate;
    background-color: $color-blankstate-background;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    display: block;
  }

  .placeholder-svg--banner,
  .placeholder-svg--slideshow,
  .placeholder-svg--video {
    height: 500px;

    @include respond-to('medium') {
      height: 350px;
    }

    @include respond-to('small') {
      height: 250px;
    }
  }

  .featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions {
    background-color: rgba(#00344f, 0.6);
  }

  .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions {
    background-color: rgba(#00344f, 0.6);
    fill: rgba(#00344f, 0.9);
  }

  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n + 1) .placeholder-svg--slideshow {
    background-color: rgba(#00344f, 0.6);
  }

  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow {
    background-color: rgba(#00344f, 0.8);
  }

/* #Videos
================================================== */
.video-wrapper {
  position: relative;
  background-color: #ffffff;

  .video__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    pointer-events: none;
  }

  &.darken-video--true {
    .video__overlay {
      background: rgba(0,0,0,0.3);
    }
  }

  .plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: none;
  }

  &.play-button-icon--visible {
    .plyr--paused .plyr__control--overlaid {
      display: block;
      opacity: 1;
    }
  }

  .video-wrapper__image {
    img {
      @include object-fit(cover);
      height: 500px;

      @include respond-to('medium') {
        height: 350px;
      }

      @include respond-to('small') {
        height: 250px;
      }
    }
  }

  video {
    display: block;
    width: 100%;
    height: auto;
  }

  .video__text-container {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    margin: auto;
    z-index: 2;
    pointer-events: none;
  }

  .video__text-container.text-below-image--true {
    @include respond-to('medium-down') {
      position: static;
      top: auto;
      transform: none;
    }
  }

  .video__text {
    height: 100%;
    text-align: center;
    @include flexbox();
    @include flex-direction(column);
    @include justify-content(center);
  }

  .video__text-wrapper {
    margin: 0;
    padding: 30px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3);
  }

  @include respond-to('medium') {
    @include flexbox();
    @include flex-direction(column);
  }
}

/* #Buttons
================================================== */

a.button,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.action_button,
a.action_button,
input.action_button[type="submit"],
input.action_button[type="button"],
input.action_button[type="button"],
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  background: #00344f;
  color: #ffffff;
  border: 1px solid #00344f;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
  min-height: 44px;
  height: 40px;
  line-height: 1.2;
  vertical-align: top;
  font-family: "Mundo Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  @include inline-flexbox();
  @include align-items(center);
  @include justify-content(center);
  transition: all 0.2s linear;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  
    border-radius: 3px;
  
}

.ie {
  a.button,
  .button,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  .action_button,
  a.action_button,
  input.action_button[type="submit"],
  input.action_button[type="button"] {
    line-height: 40px;
  }
}

a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.action_button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover,
input.action_button[type="button"]:hover,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
  background-color: #00344f;
  border: 1px solid #00344f;
}

a.button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active,
  .action_button:active,
  input.action_button[type="submit"]:active,
  input.action_button[type="button"]:active,
  input.action_button[type="button"]:active,
  button.shopify-payment-button__button.shopify-payment-button__button--unbranded:active {
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    outline: 0;
}

.add_to_cart,
.product_form input.add_to_cart {
  width: 100%;
  margin-bottom: 0px;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input.action_button[type="submit"],
input.action_button[type="button"],
button.action_button {
  display: inline-block;

  
}

/* Animation for checkmark on add to cart button */

button.add_to_cart {
  position: relative;
  .text {
    display: block;
    width: 100%;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .fadeInDown.text {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
  }
}

button .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  path {
    stroke-dasharray: 19.79 19.79;
    stroke-dashoffset: 19.79;
    stroke: #ffffff;
    opacity: 0;
  }
  &.checkmark-active path {
    -webkit-animation: drawCheckmark 0.5s linear alternate forwards;
    animation: drawCheckmark 0.5s linear alternate forwards;
  }
}

@keyframes drawCheckmark {
  from {
    stroke-dashoffset: 19.79;
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@-webkit-keyframes drawCheckmark {
  from {
    stroke-dashoffset: 19.79;
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

.ie
button
.checkmark {
  path {
    stroke-dashoffset: 0;
    opacity: 0;
  }
  &.checkmark-active path{
    -webkit-animation: fadeCheckmark 0.5s linear alternate forwards;
    animation: fadeCheckmark 0.5s linear alternate forwards;
  }
}

@-webkit-keyframes fadeCheckmark {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeCheckmark {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  button
  .checkmark {
    path {
      stroke-dashoffset: 0;
      opacity: 0;
    }
    &.checkmark-active path{
      animation: fadeCheckmark 0.5s linear alternate forwards;
    }
  }
  @keyframes fadeCheckmark {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}

label.tos_label {
  display: inline;
  font-weight: normal;
  text-transform: none;
  cursor: pointer;
  padding-left: 5px;
}
.tos { text-align: center; margin: 15px 20px 15px 0;}
.cart_text { text-align: center; }
.disabled {
  pointer-events: none;
}

.add_to_cart span.icon-lock {
  margin-right: 10px;
  font-size: larger;
  &:before {
    margin: 0;
  }
}

.shopify-product-form {
  margin-bottom: 0;
}

//Shopify smart payment buttons
.add_to_cart.action_button {
  min-height: 44px;
  margin-bottom: 0;
  height: 100%;
}

.shopify-payment-button {
  position: relative;
  height: 44px;
}

.shopify-payment-button div {
  height: 100%;
}

.shopify-payment-button button {
  line-height: 1.2;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-bottom: 0;
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  height: 100%;
}

div.shopify-payment-button__button {
  
    border-radius: 3px;
  
}

.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
  overflow: hidden;
  min-height: 44px;
}

button.shopify-payment-button__more-options {
  color: #00344f;
  box-shadow: none;
  text-transform: none;
  font-size: 0.8rem;
  letter-spacing: 0;
  padding: 16px 0 28px;
  max-width: 80%;
  margin: 0 auto;
  position: absolute;
  top: 100%;
  left: 50%;
  font-weight: normal;
  font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
  font-style: normal;
  @include prefix(transform, translateX(-50%), ms webkit spec);
  &:hover {
    background-color: transparent;
    border: none;
  }
}

.purchase-details {
  @include flexbox;
  @include align-items(center);
  @include flex-wrap(wrap);
}

.product_section .smart-payment-button--true.product_form {
  max-width: 100%;
}

.smart-payment-button--true .purchase-details {
  padding-bottom: 50px;

  .shopify-payment-button__button--branded {
    padding-bottom: 30px;
  }

  .shopify-payment-button__more-options {
    top: 70%;
  }
}

.smart-payment-button--true button .checkmark path {
  stroke: #00344f;
}

.smart-payment-button--false .purchase-details {
  @include align-items(flex-end);
}

.smart-payment-button--false {
  margin-bottom: 20px;
}

.product-quantity-box.purchase-details__quantity {
  margin-right: 5px;
  width: calc(50% - 12px);
  @include respond-to('small-down') {
    width: 100%;
  }
  input.quantity {
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 1.4;
    min-height: 44px;
    margin-bottom: 0;
    width: calc(100% - 88px);
  }
}

.smart-payment-button--true .product-quantity-box.purchase-details__quantity {
  width: calc(50% - 6px);
  @include respond-to('medium-down') {
    width: 100%;
    margin-right: 0;
    .input.quantity {
      width: calc(100% - 88px);
    }
  }
}

p.checkout_button {
  margin-bottom: 0;
}

.purchase-details__buttons {
  @include flexbox;
  @include flex(1 0 calc(50% - 12px));
  @include flex-wrap(wrap);
  margin-left: 6px;
  @include respond-to('medium-down') {
    margin-top: 20px;
    margin-left: 12px;
    @include flex(1 0 calc(50% - 12px));
  }
  @include respond-to('small-down') {
    margin-top: 12px;
    margin-left: 0;
    @include flex(1 0 100%);
  }
  .shopify-payment-button {
    @include flex(1 0 100%);
    margin-bottom: 0;
    max-width: 100%;
    @include respond-to('widescreen-up'){
      @include flex(1 0 calc(50% - 4px));
      max-width: calc(50% - 4px);
    }
  }
  .action_button.action_button--secondary {
    background-color: transparent;
    border: 1px solid secondary-button-color(#00344f);
    color: secondary-button-color(#00344f);
    box-shadow: none;
    line-height: 1.2;
    padding: 10px 0;
    min-height: 44px;
    height: 100%;
    @include flex(1 0 100%);
    margin: 0;
    max-width: 100%;
    @include respond-to('widescreen-up'){
      @include flex(1 0 calc(50% - 4px));
      max-width: calc(50% - 4px);
    }
    @include respond-to('medium-down') {
      margin-bottom: 10px;
    }
    &:hover {
      @include respond-to('medium-up') {
        background-color: #00344f;
        color: #ffffff;
      }
    }
    &:focus {
      background-color: #00344f;
      color: #ffffff;
    }
  }
}

.purchase-details__buttons.purchase-details__spb--true {
  @include flex(1 0 100%);
  margin-top: 10px;
  margin-left: 0;
  @include respond-to('medium-down') {
    margin-left: 0;
    margin-bottom: 0;
  }
  .action_button.action_button--secondary {
    @include flex(1 0 50%);
    max-width: calc(50% - 6px);
    @include respond-to('medium-down') {
      @include flex(1 0 100%);
      margin-right: 0px;
      margin-top: 0;
      margin-bottom: 10px;
      max-width: 100%;
    }
  }
  .shopify-payment-button {
    margin-left: 6px;
    max-width: calc(50% - 6px);
    height: inherit;
    @include respond-to('medium-down') {
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 10px;
      max-width: 100%;
    }
  }
}

// When product is unavailable
.purchase-details__buttons {
  &.product-is-unavailable {
    .add_to_cart,
    .shopify-payment-button {
      opacity: 0.5;
      pointer-events: none;
    }

    .add_to_cart {
      padding: 10px 5px;
    }
  }
}

.sidebar--true .purchase-details {
  @include respond-to('large-down') {
    @include flex-direction(column);
    @include align-items(flex-start);
    .purchase-details__quantity,
    .purchase-details__buttons {
      margin: 0 0 10px;
      width: 100%;
    }
    .action_button.action_button--secondary,
    .shopify-payment-button {
      @include flex(1 0 100%);
      margin: 0 0 10px;
      max-width: 100%;
    }
  }
}

#checkout {
  min-height: 54px; /* Match the height of additional checkout buttons. */
}

.additional-checkout-button+.additional-checkout-button {
  margin-left: 0 !important;
  max-width: 100% !important;
}

.additional-checkout-button,
.additional-checkout-button.additional-checkout-button--paypal,
.additional-checkout-button.additional-checkout-button--google-pay {
  min-width: 100% !important; /* Overwrite inline style */
}

/* #Tabs
================================================== */
ul.tabs {
    display: block;
    margin: 25px 0;
    border-bottom: solid 1px #cccccc;
    border-top: 0;
    list-style: none outside;
    margin-left: 0;
    text-transform: uppercase;
    padding-left:0;
}
ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0;
    list-style: none outside;
    margin-left: 0;
    cursor: pointer;
}
ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    line-height: 30px;
    margin-right: 60px;
    font-size: 13px;
    outline: none;
    @media (max-width: 960px) {
      margin-right: 30px
    }
    @include respond-to('medium-down') {
      font-size: 12px;
    }
    @include respond-to('small-down') {
      margin-right: 20px;
    }
}
ul.tabs li a.active {
    border-bottom: solid 3px #cccccc;
    background-color: #ffffff;
    border-bottom: solid 3px #aaaaaa;
    height: 31px;
    position: relative;
    border-right-width: 1px;
    color: #00344f;
}
ul.tabs li:last-child a {
        margin: 0;
}
ul.tabs-content { margin: 0; display: block; border: 0; padding-left: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px;}
ul.tabs-content ul {padding-left: 0;}

/* #Accordions
================================================== */
button {
	border: none;
	appearance: none;
}

$accordionBg: #ffffff;

.faqAccordion{
	&>dt{
		&>button{
			background: transparent;
			position: relative;
			padding: 20px 20px 20px 40px;
			color: #00344f;
      border-bottom: 1px solid #cccccc;
			text-align: left;
      display: block;
			cursor: pointer;
			width: 100%;
      outline: none;
      text-transform: initial;
      min-height: auto;
      height: auto;
      line-height: inherit;
      font-weight: normal;
      font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
      font-style: normal;
      box-shadow: none;
      border-radius: 0px;
      font-size: 18px;
			&:hover,&:focus{
				background: darken($accordionBg, 3%);
        border: none;
        border-bottom: 1px solid #cccccc;
        color: #00344f;
			}
			&::after{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50.1%);
        -ms-transform: translateY(-50.1%);
        transform: translateY(-50.1%);
				left: 15px;
        font-size: 25px;
				content: "\002b";
        color: inherit;
			}
			&[aria-expanded="true"]{
				&::after{
					content: "\002d";
          font-size: 30px;
				}
			}
		}
		&:first-child{
			&>button{
				border-top: none;
			}
		}
	}
	&>dd{
		color: #00344f;
		padding: 20px 0px 20px 0px;
		&[aria-hidden="true"]{
			display: none;
		}
    @include respond-to('medium-down'){
      margin-left: 15px;
    }
	}
}

//Accordion tabs

.accordion-tabs {
  > a {
    display: block;
    background-color: #D1D3D4;
    margin: 10px 0;
    padding: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    :hover {
      cursor: pointer;
    }
  }
  > li[id*=tab] {
    display: none;
    list-style: none;
  }
}

  /* Clearfixing tabs for beautiful stacking */
  ul.tabs:before,
  ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.tabs:after {
    clear: both; }
ul.tabs {
    zoom: 1; }

/* #Forms
================================================== */
form {
    margin-bottom: 20px; }
fieldset {
    margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea {
    display: block;
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    margin: 0;
    line-height: 22px;
    border: 1px solid #cccccc;
    outline: none;
    background: #fff;
    color: #5f6a7d;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    -webkit-appearance: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
      border-radius: 13px;
    
    @include respond-to('small-down') {
      font-size: 16px;
    }
}
input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="color"]:active, input[type="color"]:focus, select:active, select:focus, textarea:active, textarea:focus {
    border: 1px solid #aaa;
    color: #444;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input[type=number] {
  -moz-appearance:textfield !important; //To ensure arrows arent present in firefox
}
select::-ms-expand {
  display: none;
}

select {
  background: #fff url(//architessa.com/cdn/shop/t/117/assets/select.png?v=51992501115514909491675743758) no-repeat 96% 50%;
  background-size: 18px 12px;
  
    padding: 8px 14px 8px;
    border-radius: 3px;
  
  border: 1px solid #d9dbdc;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
label,
  legend,
  .option_title {
    display: block;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
    text-transform: uppercase;
      }
input[type="checkbox"] {
    display: inline; }
label span,
  legend span {
    font-weight: bold;
    font-size: 13px;
    color: #444; }
textarea {
  min-height: 120px;
  padding: 15px 9px;
}

.acceptsMarketing {
  margin-bottom: 20px;
  label {
    display: inline;
    margin-left: 5px;
  }
}

input.sign_up[type="submit"] {
  margin-left: 5px;
  display: inline-block;
}

input.contact_email[type="email"] {
  width: 320px;
  display: inline-block;
  float: left;
}

.btn.action_button, input.btn.action_button[type="submit"], input.btn.action_button[type="button"] {
  width: inherit;
}

/* #Contact Form
================================================== */

div.container.contact-form-container {
  padding-top: 0;
}

.contact-form {
  .contact-form__content {
    margin-bottom: 20px;
  }
}

.contact-form,
.custom-contact-form {
  label {
    margin-bottom: 12px;
  }

  ul li label {
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    text-transform: none;
    font-weight: 400;
  }
}

.contact-form__position--right,
.custom-contact-form__position--right {
  float: right;
}

.custom-contact-form {
  .contact-block {
    margin-bottom: 20px;
  }
  .custom-contact-form__image {
    margin-bottom: 20px;
  }
  .custom-contact-form__social .social_icons {
    padding: 0;
    margin-bottom: 40px;
  }
  .custom-contact-form__logo {
    max-width: 150px;
    margin: 0 auto 20px auto;
  }
  .contact-block--checkbox,
  .contact-block--radio {
    ul {
      padding: 0;
      margin: 0;
      li {
        margin-bottom: 8px;
        list-style: none;
        @include flexbox;
        @include align-items(baseline);
        input {
          margin-right: 10px;
          position: relative;
          top: 2px;
        }
        label {
          margin-bottom: 0;
        }
        &:last-child label {
          margin-bottom: 0;
        }
      }
    }
  }
}

.page-contact {
  .footer {
    margin-top: 0;
  }
  .custom-contact-form {
    margin-top: 25px;
  }
}

#target {
  padding: 20px;
  text-align: center;
}
.items_left {
  color: #8c8b8b;
}
.quantity_label {
  display: inline;
  font-size: smaller;
}
.remove_item a {
  font-size: smaller;
  color: #00344f;
}
input.quantity {
  width: 48px;
  display: inline;
  margin-bottom: 0;
  padding: 8px 5px;
}

ul.cart_items {
  padding-top: 0;
  padding-bottom: 0;
}
.cart_content li.mini-cart__item {
  padding: 0 0 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
.cart_content .notification-discount {
  color: #00a6b5;
  padding: 15px 0 0;
  margin: 0;
  line-height: 1;
}
li.mini-cart__item a, li.mini-cart__item a:active,
#header li.mini-cart__item a, #header li.mini-cart__item a:active {
  position: relative;
  font-size: inherit;
  text-align: left;
}

.cart_image {
  float: left;
  width: 100%;
  max-width: 100px;
  min-width: 100px;
  text-align: center;
  padding-right: 20px;

  img {
    display: block;
  }

  @include respond-to('small-down') {
    padding-right: 10px;
  }
}

a.continue {
  text-align:right;
  font-size: 32px;
  margin-right: 15px !important;
  padding: 10px 0 5px 0 !important;
  opacity: 0.8;
}
a.continue:hover {
  opacity: 1;
}
.empty_cart {
  text-align: center;
  font-size: 18px;
  padding: 40px 0 25px 0;
  color: inherit;
}
#shipping-calculator.columns { float: none; }
.cart__blocks {
  margin-top: 30px;
}
input[type="button"].get-rates.action_button {
  margin-top: 0;
}
#get-rates-submit {
  margin-top: -1px;
}
#customer_login {
  margin-bottom: 2px;
}
.multi_select {
  display: none;
}

/* Product Page Elements */

.container .align_right--images > div.columns {
  float: right;
}

.vendor {
  margin-bottom: 6px;
}

.section.product_section {
  margin-top: 0;
}

.product_section .description {
  margin-bottom: 15px;
  @include word-wrap;
}

.modal_price {
  padding-bottom: 8px;
  display: block;
}

.product_section .description.bottom {
  margin-top: 15px;
  border-bottom: none;
}

.sale_banner_product,
.new_banner_product,
.preorder_banner_product {
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px;
  text-align: center;
  color: #fff;
  margin-bottom: 13px;
  display: inline-block;
  font-size: 15px;
  white-space: nowrap;

  
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding: 0;

    @include respond-to('medium-down'){
      top: 5px;
      right: 5px;
      width: 50px;
      height: 50px;
      line-height: 50px;
    }
  
}

.sale_banner_product {
  background: #19517b;
}

.new_banner_product,
.preorder_banner_product {
  background: #1a517b;
}

.preorder_banner_product,
.product-list .thumbnail .preorder_banner {
  font-size: 12px;

  @include respond-to('medium-down'){
    font-size: 8px;
  }
}

.product_links {
  margin-bottom: 8px;
  font-size: 0.9em;
  border-top: 1px solid #cccccc;
  padding: 0;
}
.product_links p {
   margin: 2px 0;
}

.social_buttons {
  border-top: 1px solid #cccccc;
  padding-top: 20px;
  font-size: 1em;
  margin-bottom: 25px;
  @include respond-to('medium-down'){
    text-align: center;
  }
}

.share_article .social_buttons {
  border-top: none;
  padding-top: 0;
  @include respond-to('medium-down'){
    padding-top: 15px;
  }
}

.share-btn {
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  margin-right: 6px;
  margin-bottom: 10px;

  a {
    color: #fff;
    padding: 10px 10px 8px 10px;
    border: solid 1px #e2e2e2;
    display: inline-block;
    transition: all 500ms ease 0s;
    
      border-radius: 100px;
      width: 44px;
      height: 44px;
    

  }
}

.icon-twitter-share:before { color: #09AEEC; }
.icon-twitter-share:hover { background-color: #09AEEC; border-color: #09AEEC; color: #fff; }
.icon-twitter-share:hover:before { color: #fff; }
.icon-facebook-share:before { color: #49659D; }
.icon-facebook-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; }
.icon-facebook-share:hover:before { color: #fff; }
.icon-pinterest-share:before { color: #CB1F2A; }
.icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; }
.icon-pinterest-share:hover:before { color: #fff; }
.icon-mail-share:before { color: #888; }
.icon-mail-share:hover { background-color: #888; border-color: #888; color: #fff; }
.icon-mail-share:hover:before { color: #fff; }

/* Quantity Box for Product Page */

.product-quantity-box .quantity,
.product-quantity-box .quantity:focus,
.product-quantity-box .product-plus,
.product-quantity-box .product-minus {
  border: #e2e2e2 1px solid;
  color: #000;
}

.product-quantity-box label { margin-bottom: 0.5em; }

.product-quantity-box {
  margin-right: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  label {
    text-align: left;
  }
  .quantity {
    text-align: center;
    padding: 6px 15px;
    width: 38%;
    height: 44px;
    border-radius: 0;
    -webkit-appearance: none;
    float: left;
    @include respond-to($medium-down) {
      width: calc(100% - 88px);
    }
  }
  .product-plus,
  .product-minus {
    background: #f2f2f2;
    font-weight: 300;
    position: relative;
    cursor: pointer;
    height: 44px;
    display: block;
    width: 44px;
    text-align: center;
    float: left;
    &:hover {
      background: #d9d9d9;
    }
    @include respond-to('medium-down') {
      display: inline;
      display: initial;
      margin: 0;
    }
  }
  .product-plus {
    border-left: 0;
    font-size: 16px;
    line-height: 44px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
  }
  .product-minus {
    border-right: 0;
    line-height: 44px;
    font-size: 18px;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
  }
}

.product-quantity-box + .inline_purchase {
  margin-top: 31.5px;
  width: 55%;
  float: left;
}

.product_section .product_form,
.product_section .contact-form {
  max-width: 400px;
  @include respond-to('medium-down'){
    max-width: 100%;
  }
}

/* Full width product image template */

.product-full_width_images .product_section .description img {
  display: none;
}

.full-width-product-images {
  img {
    display: block;
    width: 100%;
  }
  .caption.align-center,
  .caption.align-right,
  .caption.align-left {
    @include respond-to('small-down') {
      text-align: center;
    }
  }
}

/* #Blog
================================================== */

.sidebar .sidebar_content {
  .input-row {
    @include flex-direction(column);
    margin-left: 0px;
    margin-right: 0px;

    input {
      margin: 5px 0;
    }
  }
}

/* #Newsletter
================================================== */
.newsletter {
  margin: 0px auto;
  max-width: 640px;
}

.input-row {
  @include flexbox();
  @include flex-wrap(wrap);
  margin-left: -5px;
  margin-right: -5px;
  width: 100%;
  @include respond-to('medium-down') {
    @include flex-direction(column);
    margin-left: 0px;
    margin-right: 0px;
  }

  input {
    @include flex-basis(0);
    @include flex-grow(1);
    @include flex-shrink(1);
    max-height: 40px;
    @include respond-to('large-down') {
      margin: 5px 0;
    }
  }

  input.sign_up {
    display: inline-block;
    @include flex(none);
    max-height: 40px;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
}

.newsletter-both-names--true {
  input.firstName {
    margin-right: 5px;
  }
}

/*--- Newsletter popup ---*/

.js-newsletter-popup {
  display: none;
}

.newsletter__lightbox .fancybox-content {
  width: 100%;
  max-width: 740px;
  padding: 0;
  
}

.newsletter__lightbox .fancybox-close-small {
  
    left: 0;
  
  @include respond-to('small-down') {
    display: block;
  }
  svg path {
    @include respond-to('medium-down') {
      fill: white;
    }
  }
  
}

.newsletter__lightbox .fancybox-toolbar {
  display: none;
}

.newsletter-popup {
  @include flexbox();
  
    @include flex-direction(row-reverse);
  
  background-color: #ffffff;
  padding: 0;
  width: 100%;
  @include respond-to('medium-down'){
    line-height: 0;
    @include flex-direction(column);
  }
}

.popup-signup-show--true input.sign_up {
  @include respond-to($medium) {
    margin-left: 0px;
  }
}

.popup-signup-show--false {
  display: none;
}

.newsletter-both-names--false {
  .newsletter input[type="text"] {
    width: 100%;
  }
}

.newsletter-img {
  width: 40%;
  @include respond-to('medium-down') {
    width: 100%;
  }
  img {
    width: 100%;
    display: block;
  }
}

.newsletter-info {
  text-align: center;
  color: #00344f;
  background-color: #ffffff;
  height: auto;
  float: left;
  @include respond-to('medium-down') {
    padding: 20px;
    width: 100% !important;
    position: relative;
  }
  input.contact_email[type="email"] {
    width: 65%;
    float: left;
    @include respond-to('large-down') {
      width: 100%;
    }
  }
  #contact_form input.sign_up[type="submit"] {
    width: calc(35% - 10px);
    @include respond-to('large-down') {
      width: 100%;
    }
  }
  .input-row {
    margin-right: 0;
    margin-left: 0;
  }
  .popup-signup-show--true {
    margin-top: 20px;
  }
}

.newsletter-image--true {
  .newsletter-popup__content {
    width: 60%;
    @include flexbox();
    @include align-items(center);
    @include justify-content(center);
    @include respond-to('medium-down') {
      width: 100%;
      display: block;
    }
  }
  @include respond-to('large-up') {
    max-height: 875px;
  }
}

.newsletter-image--true.object-fit--none {
  @include respond-to('large-up') {
    height: auto;
  }
}

.newsletter-image--false {
  @include justify-content(center);
  .newsletter-info {
    width: 100%;
    position: relative;
    height: auto;
    float: none;
  }
}

.align-left .newsletter-info {
  right: 0;
}

.newsletter-description h2 {
  color: #00344f;
  margin-top: 0;
}

.newsletter-description {
  padding: 40px;
  margin: 0 auto;
  @include respond-to('medium-down') {
    font-size: inherit;
    width: auto;
  }
  @include respond-to('small-down') {
    padding: 20px;
  }
  @include respond-to('large-up') {
    min-width: 350px;
  }
  @include respond-to('widescreen-up') {
    font-size: inherit;
  }
}

.newsletter-buttons {
  .button {
    height: auto;
    background-color: transparent;
    color: #00344f;
    border: 1px solid #00344f;
    transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 0;

    
      margin-left: 8px;
      margin-right: 8px;
    

    &:hover,
    &.highlight-true {
      background-color: #00344f;
      color: #ffffff;
      border: 1px solid #00344f;
    }

    @include respond-to('small-down') {
      margin-top: 5px;
    }
  }
}

/*--- Newsletter section above footer ---*/

.newsletter_section {
  -webkit-transform:translate3d(0,0,0);
  background-color: #faeac6;
  color: #00344f;

  h2 {
    color: #00344f;
    margin-top: 0;
  }
}

.newsletter_section.newsletter-bgr-true {
  background-color: #faeac6;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  input.contact_email[type="email"] {
    border: 0;
  }
  @include respond-to('small-down') {
    text-align: center !important;
  }
}

.section_form {
  padding: 10px 20px;

  input[type="email"], input[type="text"] {
    border: 0;
  }
  @include respond-to('small-down') {
    padding: 0;
  }
  .newsletter-text + .newsletter, h5 + .newsletter  {
    margin-top: 15px;
 }
}

.newsletter_section h5 {
  color: #00344f !important;
  padding-top: 0px;
  margin: 0;
}

.newsletter_section .newsletter-text p {
  margin-bottom: 0;
}

.newsletter_section .newsletter,
.password-page-row form {
  display: inline-block;
  padding-top: 0 !important;
  width: 450px;

  @include respond-to('small') {
    width: 100%;
    max-width: 100%;
  }

  @include respond-to('small-down') {
    width: 100%;
  }
}

.shopify-challenge__container {
  padding: 150px 0;
}

/*--- Newsletter in footer ---*/

.footer-section {
  .newsletter_section {
    background-color: transparent;
    color: #00344f;
    h6 {
      color: #00344f;
      font-size: 18px;
    }
    p {
      padding: 15px 0;
    }
    .newsletter {
      width: 100%;

      input {
        width: 100%;
      }
      .action_button {
        margin-left: 0;
      }
    }
  }
}


/* #Tables
================================================== */

// These styles always apply to tables
table tr.order_summary td.label {
  text-align: right;
}

table {
  margin-bottom: 20px;

  th {
    font-weight: 700;
    text-align: left;
  }
}

#order_details,
#customer_orders table {
  @include table-with-borders;
}


  table {
    @include table-with-borders;
  }





/* #Misc
================================================== */

.allow-clickthrough { pointer-events: none !important; }
.hidden { display: none; }
.hidden--mobile {
  @include respond-to('small-down') {
    display: none !important; /* Force on mobile devices */
  }
}
.remove{ color: #00344f; }
.relative { position: relative; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.right { float:right; position: relative; }
.left { float: left; }
.inline { display: inline; }
.center { text-align: center; }
.relative { position: relative; }
.align_right { text-align:right }
.align_left { text-align: left; }
.text-align--center { text-align: center; }
.text-align--left { text-align: left; }
.text-align--right { text-align: right; }
p.warning { text-align: center; font-weight: bold; }

.warning--quantity {
  clear: both;
  display: inline-block;
  margin-top: 15px;
  width: auto;
  text-align: left;
}
.large--right {
  @include respond-to('medium-up') {
    float:right;
    position: relative;
  }
}
.visuallyhidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.mini-cart__item p.warning {
  margin-top: 5px;
  text-align: left;
}
.container div.mobile_only, span.mobile_only, .mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
div.is-absolute {
  position: absolute !important;
  top: 0;
  margin-top: 0;
}
.full-width-image {
  width: 100%;
}
#instantclick-bar {
  background: #00344f;
  z-index: 100000;
  height: 4px;
}
#grid .column,
  #grid .columns {
    background: #ddd;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    border-radius: 2px;
  }
#grid .column:hover,
  #grid .columns:hover {
    background: #bbb;
    color: #333; }
#grid .example-grid { overflow: hidden; }

.items_left {
  margin: 0 0 15px;
  line-height: 1.6em;
  font-size: normal;
  font-style: italic;
  color: #8c8b8b;
}

.cart .paypal-button + .paypal-button {
  display: none;
}

.shopify-reviews.reviewsVisibility--false { display: none; }

/* #Testimonials
================================================== */

.testimonial-section {
  position: relative;

  .set-static {
    @include flexbox();
    .caption {
      position: static;
      @include prefix(transform, translateY(0), ms webkit spec);
      padding: 40px;
      margin: auto;
    }
  }

  .set-testimonial-height {
    height: 95%;
  }

  .darken-bg {
    @include respond-to('medium-up') {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: rgba(0, 0, 0, .6);
    }
  }

  .feature_divider {
    margin: 25px auto;
    width: 10%;
    display: inline-block;
    @include respond-to('small-down') {
      margin: 5px auto;
    }
  }

  .use-mobile-color {
    .animated {
      -webkit-animation-delay: 0.25s;
      animation-delay: 0.25s;
    }
  }
}

.testimonial-block.gallery-cell.use-mobile-color {
  background-color: #00344f;
  .caption .caption-content p {
    color: #ffffff;
    @include respond-to('small-down') {
      text-shadow: none;
    }
  }
}

$banner-crop-height: 60vh;

.mobile-banner--crop-left {
  @include respond-to('small-down') {
    @include object-fit(cover, left);
    min-height: $banner-crop-height;
  }
}

.mobile-banner--crop-right {
  @include respond-to('small-down') {
    @include object-fit(cover, right);
    min-height: $banner-crop-height;
  }
}

.mobile-banner--crop-center {
  @include respond-to('small-down') {
    @include object-fit(cover, center);
    min-height: $banner-crop-height;
  }
}

.caption-content.testimonial-text {
  width: 80%;
  .subtitle {
    text-transform: none;
    color: #ffffff;
    @include respond-to('small-down') {
      font-weight: normal;
      font-size: 14px;
    }
  }
  h2,
  p.headline {
    color: #ffffff;
    @include respond-to('small-down') {
      text-shadow: none;
    }
  }
}

.caption-content.testimonial-text-mobile h2,
.caption-content.testimonial-text-mobile .subtitle,
.caption-content.testimonial-text-mobile p.headline {
  @include respond-to('small-down') {
    color: #00344f;
  }
}

.testimonial-block {
  .caption {
    @include respond-to('small-down') {
      margin: auto;
      padding-top: 5%;
      padding-bottom: 5%;
    }
  }
}

.testimonial-slideshow,
.testimonial-block.gallery-cell {
  background-color: transparent;
}

/* #FAQ Template
================================================== */

.page-faq {
  .faq--heading {
    padding-top: 30px;
  }
}

/* #Team Template
================================================== */

.team-page__content--left {
  @include flexbox();
  @include respond-to('medium-down') {
    @include flex-direction(column);
  }
}

.team-page__content--right {
  @include flexbox();
  @include flex-direction(row-reverse);
  @include respond-to('medium-down') {
    @include flex-direction(column);
  }
}

.team-page__text,
.team-page__image,
.team-page__image img { width: 100% }

.team-page__content--multiple .team-page__text,
.team-page__content--multiple .team-page__image, {
  max-width: 50%;
  width: 100%;
  @include respond-to('medium-down') {
    max-width: 100%;
  }
  &:first-child { margin-right: 20px; }
}

.team-page__text {
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
}

.team-page__container {
  max-width: 70%;
}

.team-member__profile.columns,
.team-member__profile.column {
  margin-bottom: 30px;
}

.team-member__name { padding-top: 10px; }

.team-member__wrap {
  position: relative;
  &:hover .team-member__overlay {
    opacity: 1;
  }
}

.team-member__overlay {
  opacity: 0;
  transition: opacity 0.3s linear;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/******************************************************************
Theme Name: Turbo "6.0.2"
Theme URI: https://outofthesandbox.com/collections/turbo-theme
Author: Out of the Sandbox (https://outofthesandbox.com)
Description: Shopify Theme (https://www.shopify.com/&ref=out-of-the-sandbox)
******************************************************************/
/* Table of Contents
==================================================
#Variables
#Mixins
#Functions
#Reset
#Basic Styles
#Typography
#Links
#Lists
#Menu
#Images
#Placeholders
#Videos
#Buttons
#Tabs
#Accordions
#Forms
#Contact Form
#Newsletter
#Tables
#Misc
#Testimonials
#FAQ Template
#Team Template
#Logo-list
#Gallery Section
#Recently Viewed
#Search autocomplete
#Search page
#Search Section
#Site Styles
#Header
#Currency / Language switcher
#Swatch Styles
#Plyr
#Flickity
#Layout
#Password Page
#Account
#Policy pages
#Page Details
#Product Media
#Product Details
#Product Recommendations
#Home page - general
#Home page - slideshow
#Home page - image with text
#Home page - Rich text and image
#Home page - featured promotions
#Home page - featured collection
#Home page - image with text overlay
#Home page - video
#Home page - Text column with images
#Font-Face
#Custom Styles */

/* #Variables
================================================== */

$font-size-header: 34;
$font-size-column: 44.2;

$site-width: 1200px;
$gutter: 20px;

$grid-small: 480px;
$grid-medium: 798px;
$grid-large: 1024px;
$grid-widescreen: 1400px;

$small: 'small';
$small-down: 'small-down';
$small-up: 'small-up';
$medium: 'medium';
$medium-down: 'medium-down';
$medium-up: 'medium-up';
$large: 'large';
$large-down: 'large-down';
$large-up: 'large-up';
$widescreen-up: 'widescreen-up';
$widescreen-down: 'widescreen-down';

// The `$breakpoints` list is used to build our media queries.
// You can use these in the media-query mixin.
$breakpoints: (
  $small-down '(max-width: #{$grid-small})',
  $small '(min-width: #{$grid-small + 1}) and (max-width: #{$grid-medium})',
  $small-up '(min-width: #{$grid-small + 1})',
  $medium-down '(max-width: #{$grid-medium})',
  $medium '(min-width: #{$grid-medium + 1}) and (max-width: #{$grid-large})',
  $medium-up '(min-width: #{$grid-medium + 1})',
  $large-down '(max-width: #{$grid-large})',
  $large '(min-width: #{$grid-large + 1}) and (max-width: #{$grid-widescreen})',
  $large-up '(min-width: #{$grid-large + 1})',
  $widescreen-down '(max-width: #{$grid-widescreen})',
  $widescreen-up '(min-width: #{$grid-widescreen + 1})'
);

/* #Mixins
================================================== */

@mixin background-opacity($color, $opacity: 0.5) {
  background: $color;
  background: rgba($color, $opacity);
}

@mixin text-opacity($color, $opacity: 0.5) {
  color: $color;
  color: rgba($color, $opacity);
}

// Clearfix for parents with floated children
@mixin clearfix() {
  &::after {
    content: '';
    display: table;
    clear: both;
  }
  *zoom: 1;
}

@mixin diagonal-line($line-color: #999, $line-width: 1px, $line-blur: 0px) {
  $color-start: 50%;
  $full-color-end: calc(50% + #{$line-width});
  $color-end: 50%;
  @if($line-blur == 0 or $line-blur == 0px) {
    $color-start: 50%;
  }

  background-image: linear-gradient(to bottom left, transparent $color-start, $line-color 50%, $line-color $full-color-end, transparent $color-end), linear-gradient(to bottom right, transparent $color-start, $line-color 50%, $line-color $full-color-end, transparent $color-end);
}

// Media query mixin
@mixin respond-to($media-query) {
  $breakpoint-found: false;

  @each $breakpoint in $breakpoints {
    $name: nth($breakpoint, 1);
    $declaration: nth($breakpoint, 2);

    @if $media-query == $name and $declaration {
      $breakpoint-found: true;

      @media only screen and #{$declaration} {
        @content;
      }
    }
  }

  @if $breakpoint-found == false {
    @warn 'Breakpoint "#{$media-query}" does not exist';
  }
}

// Responsive Show/Hide Helper
@mixin responsive-display-helper($breakpoint: '') {
  .#{$breakpoint}show {
    display: block !important;
  }

  .#{$breakpoint}hide {
    display: none !important;
  }
}

// Responsive Text Alignment Helper
@mixin responsive-text-align-helper($breakpoint: '') {
  .#{$breakpoint}text-left {
    text-align: left !important;
  }

  .#{$breakpoint}text-right {
    text-align: right !important;
  }

  .#{$breakpoint}text-center {
    text-align: center !important;
  }
}

/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
   or object-fit and object-position:
  @include object-fit(cover, top);
*/
@mixin object-fit($fit: fill, $position: null){
  -o-object-fit: $fit;
     object-fit: $fit;
  @if $position {
    -o-object-position: $position;
       object-position: $position;
    font-family: 'object-fit: #{$fit}; object-position: #{$position}';
  } @else {
    font-family: 'object-fit: #{$fit}';
  }
}

/*
  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);
    }
*/
@mixin prefix($property, $value, $prefixes) {
  @each $prefix in $prefixes {
    @if $prefix == webkit {
      -webkit-#{$property}: $value;
    } @else if $prefix == moz {
      -moz-#{$property}: $value;
    } @else if $prefix == ms {
      -ms-#{$property}: $value;
    } @else if $prefix == o {
      -o-#{$property}: $value;
    } @else if $prefix == spec {
      #{$property}: $value;
    } @else  {
      @warn 'Unrecognized prefix: #{$prefix}';
    }
  }
}

//Flexbox
// Flexbox display
@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

// Inline flexbox display
@mixin inline-flexbox() {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

// The 'flex' shorthand
// - applies to: flex items
// <positive-number>, initial, auto, or none
@mixin flex($values) {
  -webkit-box-flex: $values;
     -moz-box-flex: $values;
      -webkit-flex: $values;
      -ms-flex: $values;
          flex: $values;
}

// Flex Flow Direction
// - applies to: flex containers
// row | row-reverse | column | column-reverse
@mixin flex-direction($direction) {
  -webkit-flex-direction: $direction;
     -moz-flex-direction: $direction;
      -ms-flex-direction: $direction;
          flex-direction: $direction;
}

// Flex Line Wrapping
// - applies to: flex containers
// nowrap | wrap | wrap-reverse
@mixin flex-wrap($wrap) {
  -webkit-flex-wrap: $wrap;
     -moz-flex-wrap: $wrap;
      -ms-flex-wrap: $wrap;
          flex-wrap: $wrap;
}

// Flex Direction and Wrap
// - applies to: flex containers
// <flex-direction> || <flex-wrap>
@mixin flex-flow($flow) {
  -webkit-flex-flow: $flow;
     -moz-flex-flow: $flow;
      -ms-flex-flow: $flow;
          flex-flow: $flow;
}

// Display Order
// - applies to: flex items
// <integer>
@mixin order($val) {
  -webkit-box-ordinal-group: $val;
     -moz-box-ordinal-group: $val;
         -ms-flex-order: $val;
          -webkit-order: $val;
            order: $val;
}

// Flex grow factor
// - applies to: flex items
// <number>
@mixin flex-grow($grow) {
  -webkit-flex-grow: $grow;
     -moz-flex-grow: $grow;
      -ms-flex-grow: $grow;
          flex-grow: $grow;
}

// Flex shrink
// - applies to: flex item shrink factor
// <number>
@mixin flex-shrink($shrink) {
  -webkit-flex-shrink: $shrink;
     -moz-flex-shrink: $shrink;
      -ms-flex-shrink: $shrink;
          flex-shrink: $shrink;
}

// Flex basis
// - the initial main size of the flex item
// - applies to: flex itemsnitial main size of the flex item
// <width>
@mixin flex-basis($width) {
  -webkit-flex-basis: $width;
     -moz-flex-basis: $width;
      -ms-flex-basis: $width;
          flex-basis: $width;
}

// Axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | space-between | space-around
@mixin justify-content($justify) {
  -webkit-justify-content: $justify;
     -moz-justify-content: $justify;
      -ms-justify-content: $justify;
          justify-content: $justify;
            -ms-flex-pack: $justify;
}

// Packing Flex Lines
// - applies to: multi-line flex containers
// flex-start | flex-end | center | space-between | space-around | stretch
@mixin align-content($align) {
  -webkit-align-content: $align;
     -moz-align-content: $align;
      -ms-align-content: $align;
          align-content: $align;
}

// Cross-axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | baseline | stretch
@mixin align-items($align) {
  -webkit-align-items: $align;
     -moz-align-items: $align;
      -ms-align-items: $align;
          align-items: $align;
}

// Cross-axis Alignment
// - applies to: flex items
// auto | flex-start | flex-end | center | baseline | stretch
@mixin align-self($align) {
  -webkit-align-self: $align;
     -moz-align-self: $align;
      -ms-align-self: $align;
          align-self: $align;
}

@mixin vertical-alignment {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50.1%);
  -ms-transform: translateY(-50.1%);
  transform: translateY(-50.1%);
  padding: 10px 0;
}

@mixin headline-style($font-size: $font-size-header) {
  font-family: Dosis, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: $font-size * 1px;
  text-transform: none;
  line-height: 1.5;
  color: #00344f;
  display: block;
  letter-spacing: 2px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  @include respond-to('medium-down'){
    font-size: floor($font-size * 0.8) * 1px;
  }
}

@mixin word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}

@mixin table-with-borders {
  width: 100%;

  th {
    background: #F9F9F9;
  }

  th,
  td {
    padding: 4px;
    border-right:1px solid #DCDCDC;
  }

  th:first-child,
  td:first-child {
    border-left:1px solid #DCDCDC
  }

  tr {
    border-bottom: 1px solid #DCDCDC;
  }

  tr:first-child {
    border-top:1px solid #DCDCDC;
  }

  .em {
    font-weight: 700;
  }
}

/* #Functions
================================================== */
@function set-text-color($color) {
  @if (lightness($color) > 50) {
    @return #00344f; // Lighter background, return dark color
  } @else {
    @return #ffffff; // Darker background, return light color
  }
}

@function secondary-button-color($color) {
  @if (lightness($color) > 80) {
    @return #00344f; // Too light, send something darker
  } @else {
    @return $color; // Normal color
  }
}

/* #Reset & Basics
================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  @include respond-to('medium-down') {
    display: none;
  }
}

/* #Fonts
================================================== */@font-face {
  font-family: Helvetica;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=e00d59f2dafbd818ffa0a071086f6d2a16bd9ec507e081f126193fb383d30d76") format("woff2"),
       url("//architessa.com/cdn/fonts/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=82a2974bd62bd0982533e80b7ded23faf69782be0dc4d5d934ceab871f519802") format("woff");
}


  @font-face {
  font-family: Helvetica;
  font-weight: 700;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/helvetica/helvetica_n7.39bee04bd277a9c4e94e2fd42d53f4e3c0afb8a5.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=d3ba8cd2c9e88037d40354d987ae5e497aef66da88dec8f3664391625a2470ed") format("woff2"),
       url("//architessa.com/cdn/fonts/helvetica/helvetica_n7.b95359461a6788d5549e702cb2123bc40c227e49.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=48dece7bd05b13c6b7011d2b7928576b587afdae82099d6353d4f44daf185137") format("woff");
}


  @font-face {
  font-family: Helvetica;
  font-weight: 400;
  font-style: oblique;
  src: url("//architessa.com/cdn/fonts/helvetica/helvetica_o4.f9832a0fc1ee8fc5a359636e410d6941e1e4ca03.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=35804246ec15b5bd85873b0202349697c09e5b362e78716af17cbb8d37c868a1") format("woff2"),
       url("//architessa.com/cdn/fonts/helvetica/helvetica_o4.0063286aec443697ebae04eeb9c78b820f9f7805.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=7851b17fae0c807d4cffc42df3eaf30fb579834ed38193a8c3fe48e1b99c01b7") format("woff");
}


  @font-face {
  font-family: Helvetica;
  font-weight: 700;
  font-style: oblique;
  src: url("//architessa.com/cdn/fonts/helvetica/helvetica_o7.215fd4ca1a06214fa01e44328a1992c977700ea2.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=67829fde140d8265fc18ae38ac8167c669e5e868a81d0cb473c10e6e3ffabf1d") format("woff2"),
       url("//architessa.com/cdn/fonts/helvetica/helvetica_o7.b0a2026ae2aa64d060f9ce0ee1b3c3c1aa21bf88.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=333353c650d4732c0a2876797ae949cef6997322878fe93385de033651a99038") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n4.994ba5a68816045013dbcfc586113d46f66a83b7.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a5ae21c9efd50484ff590cee943abb35e84bed0617d6b5d6d89c1458df19db4") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n4.d82418e9c4628cf5dd7c6f3c6e8e8a8a80f0fd32.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=01d180907f9bfdf99625a24083ab0de7dc6e48c0e9eaf44282607513e620334c") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 700;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n7.aaa36b7123c956effa55dc5c56bc685b25465e21.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3c0609a94ad99598bed9abbd4e57affc67278538b6b2215dd7af90c98ea18a55") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n7.7c78ad7148142498f7d73cc5a2a8501120b5f61d.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=4a22943e5969b012d2e273eed8fb29417ca7ae044e83a05d84f6f6ae98ecbe60") format("woff");
}


  

  

  @font-face {
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n4.994ba5a68816045013dbcfc586113d46f66a83b7.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a5ae21c9efd50484ff590cee943abb35e84bed0617d6b5d6d89c1458df19db4") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n4.d82418e9c4628cf5dd7c6f3c6e8e8a8a80f0fd32.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=01d180907f9bfdf99625a24083ab0de7dc6e48c0e9eaf44282607513e620334c") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 700;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n7.aaa36b7123c956effa55dc5c56bc685b25465e21.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3c0609a94ad99598bed9abbd4e57affc67278538b6b2215dd7af90c98ea18a55") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n7.7c78ad7148142498f7d73cc5a2a8501120b5f61d.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=4a22943e5969b012d2e273eed8fb29417ca7ae044e83a05d84f6f6ae98ecbe60") format("woff");
}


  

  

  @font-face {
  font-family: "Mundo Sans";
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n4.bac84b6699f4c71677843a93b19ef215d561105f.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=d6922dd53861dcd50ab67e9e3da1ef31a6cda67998f08049ca46deb58e774af0") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n4.b80a5df766608db917bf6123f81b573241a1e68d.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=1660139d141c608a25af40a070c5b7afc4e8ea7426252c57a262d722f6701538") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 700;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n7.1181700e6215702bc733286049874c70cee87e37.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3a77cd4d450a6e76ecfcfef3fc7cf6565c120ac77c103f4ed42eb0c7c0f33a9a") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n7.683f4aad70984c842f059162bada4dca3d3d54b1.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=47c1ecff656dd72757174a10348d210a0a72ad2d2965a4579fbc42890898c337") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 400;
  font-style: italic;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i4.ffe3d7c7b0352d5492192958162e5a855936c042.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=5336b89c74cc961557a127b95ecdb208c4818904a3038d4ee37966683fec7bbe") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i4.28b3d0b5785c695ee6231c67c85008d12b33ca43.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=e6b512c7f0ff8483cff397013e811857e0d9a9c565e21d41447528b132d4e0ab") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 700;
  font-style: italic;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i7.edcb162ad6b3bd64b8584b2ca277d68526043b2b.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=5b8bad36c0126a5d87193bfe920d4ff4a258a261bbd67b904a30d75b2d76b75e") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i7.f9d190741056e5e293daf0b50aff5a4b850273fb.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=eb207efa92a9eaa9f7b290984f2fe13abeafa5a58684d6594ed26f669ffbdc49") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 200;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n2.ccf6a9cc88793fcf7c93d0e2aeb58ef4a8809ecc.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=bcf80c5d63f8702b010e8c841eae80619cb412e7eb44a0cd9857f096684e1725") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_n2.8084e6973ce756c464cb94bedafdb813cbe277e1.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8ab356ec03cb8252955edcb7715eb75872f897b8902eea7ac41903981a78dfe6") format("woff");
}


  @font-face {
  font-family: "Mundo Sans";
  font-weight: 200;
  font-style: italic;
  src: url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i2.6d78049990a282d7d8a38c8583da9ab4ac794ddc.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a7c19f405399e2baf6292ded248339d0e173113fa0f299df9a6e093824cc816") format("woff2"),
       url("//architessa.com/cdn/fonts/mundo_sans/mundosans_i2.0272263882a95b3c93cacac709281e16c5045ded.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=f18a0843ffc610e1c2572ef1d0ec7dde29253c5b5d4a62447958f518db186d79") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 300;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n3.61df60eb8322f8d5aabe7a73c716279519e13e02.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=c145e81b95d470f80f00ec6771d4df603b76c207a871874eac74fa0554cb56da") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n3.57297ff984dab7ac65f1a84bc7f76e8239e90cb7.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3c2dd17eaf7265098e056413c2b2e1f4daf38def2e4fccbd862f571a471deb49") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n4.994ba5a68816045013dbcfc586113d46f66a83b7.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a5ae21c9efd50484ff590cee943abb35e84bed0617d6b5d6d89c1458df19db4") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n4.d82418e9c4628cf5dd7c6f3c6e8e8a8a80f0fd32.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=01d180907f9bfdf99625a24083ab0de7dc6e48c0e9eaf44282607513e620334c") format("woff");
}


  

  

  @font-face {
  font-family: Dosis;
  font-weight: 300;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n3.61df60eb8322f8d5aabe7a73c716279519e13e02.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=c145e81b95d470f80f00ec6771d4df603b76c207a871874eac74fa0554cb56da") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n3.57297ff984dab7ac65f1a84bc7f76e8239e90cb7.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=3c2dd17eaf7265098e056413c2b2e1f4daf38def2e4fccbd862f571a471deb49") format("woff");
}


  @font-face {
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
  src: url("//architessa.com/cdn/fonts/dosis/dosis_n4.994ba5a68816045013dbcfc586113d46f66a83b7.woff2?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=8a5ae21c9efd50484ff590cee943abb35e84bed0617d6b5d6d89c1458df19db4") format("woff2"),
       url("//architessa.com/cdn/fonts/dosis/dosis_n4.d82418e9c4628cf5dd7c6f3c6e8e8a8a80f0fd32.woff?h1=YXJjaGl0ZXNzYS5jb20&h2=YXJjaGl0ZXNzYS1pbmMuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YXJjaGl0ZWN0dXJhbGNlcmFtaWNzLmNvbQ&h4=YXJjaGl0ZXNzYS1wd2EtMDMzNzhjYWZmNmI2MTFjOWFmMWYubzIubXlzaG9waWZ5LmRldg&h5=YXJjaGl0ZXNzYS1wd2EtdHMtODUzZWQyOTZhODliZjBhY2JkODIubzIubXlzaG9waWZ5LmRldg&h6=Z3VsZnRpbGUuY29t&hmac=01d180907f9bfdf99625a24083ab0de7dc6e48c0e9eaf44282607513e620334c") format("woff");
}


  

  

/* #Basic Styles
================================================== */
body {
  font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  color: #00344f;
  line-height: 1.6em;
  overflow: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;

  background-color: #ffffff;
  
}

body.blocked-scroll {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

body.blocked-overflow {
  overflow: hidden;
}

::-moz-selection {
 // background-color: #000;
 // color: #fff;
}

::selection {
  //background: #FFF7B6;
 // color: black;
}

abbr {
  border-bottom: 1px dotted #cccccc;
}

/* Theme editor */

.editor-visible--true {
  display: block !important;
}

/* Lazyloading styles */



  .transition--appear {
    opacity: 0;
    //important is to override the fade-in transition on product img
    transition: opacity 0s !important;
    &.lazyloaded {
      opacity: 1;
    }
  }



img[data-sizes="auto"].lazyloaded {
  height: auto;
}

img[data-sizes="auto"],
img[data-sizes="100vw"] {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

//Ensures that small images are not stretched larger
.image__container {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.image-element__wrap {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.image-element__wrap img {
  height: auto;
}

/*============================================================================
  Grid - full width columns, no gutter
    - Based on CSS Wizardry grid
==============================================================================*/

.grid {
  @include clearfix();
  list-style: none;
  margin: 0;
  padding: 0;
}

.grid__item {
  float: left;
  width: 100%;

  &[class*='--push'] {
    position: relative;
  }
}

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/

.grid--rev {
  direction: rtl;
  text-align: left;

  > .grid__item {
    direction: ltr;
    text-align: left;
    float: right;
  }
}

@mixin container-column-generator($breakpoint: '') {

    /* Base Grid */
    .#{$breakpoint}one                      { width: calc(#{percentage(1 / 16)} - #{$gutter});}
    .#{$breakpoint}two                     { width: calc(#{percentage(2 / 16)} - #{$gutter});}
    .#{$breakpoint}three                   { width: calc(#{percentage(3 / 16)} - #{$gutter});}
    .#{$breakpoint}four                    { width: calc(#{percentage(4 / 16)} - #{$gutter});}
    .#{$breakpoint}five                    { width: calc(#{percentage(5 / 16)} - #{$gutter});}
    .#{$breakpoint}six                     { width: calc(#{percentage(6 / 16)} - #{$gutter});}
    .#{$breakpoint}seven                   { width: calc(#{percentage(7 / 16)} - #{$gutter});}
    .#{$breakpoint}eight                   { width: calc(#{percentage(8 / 16)} - #{$gutter});}
    .#{$breakpoint}nine                    { width: calc(#{percentage(9 / 16)} - #{$gutter});}
    .#{$breakpoint}ten                     { width: calc(#{percentage(10 / 16)} - #{$gutter});}
    .#{$breakpoint}eleven                  { width: calc(#{percentage(11 / 16)} - #{$gutter});}
    .#{$breakpoint}twelve                  { width: calc(#{percentage(12 / 16)} - #{$gutter});}
    .#{$breakpoint}thirteen                { width: calc(#{percentage(13 / 16)} - #{$gutter});}
    .#{$breakpoint}fourteen                { width: calc(#{percentage(14 / 16)} - #{$gutter});}
    .#{$breakpoint}fifteen                 { width: calc(#{percentage(15 / 16)} - #{$gutter});}
    .#{$breakpoint}sixteen                 { width: calc(#{percentage(16 / 16)} - #{$gutter});}

    /** Whole */
    .#{$breakpoint}one-whole {
      width: calc(100% - #{$gutter});
      left: auto !important; //prevents offset-by from causing issues on breakpoints
    }

    /* Halves */
    .#{$breakpoint}one-half { width: calc(#{percentage(1 / 2)} - #{$gutter}); }

    /* Thirds */
    .#{$breakpoint}one-third { width: calc(#{percentage(1 / 3)} - #{$gutter}); }
    .#{$breakpoint}two-thirds { width: calc(#{percentage(2 / 3)} - #{$gutter}); }

    /* Fourths */
    .#{$breakpoint}one-fourth { width: calc(#{percentage(1 / 4)} - #{$gutter}); }
    .#{$breakpoint}two-fourths { width: calc(#{percentage(2 / 4)} - #{$gutter}); }
    .#{$breakpoint}three-fourths { width: calc(#{percentage(3 / 4)} - #{$gutter}); }

    /* Fifths */
    .#{$breakpoint}one-fifth { width: calc(#{percentage(1 / 5)} - #{$gutter}); }
    .#{$breakpoint}two-fifths { width: calc(#{percentage(2 / 5)} - #{$gutter}); }
    .#{$breakpoint}three-fifths { width: calc(#{percentage(3 / 5)} - #{$gutter}); }
    .#{$breakpoint}four-fifths { width: calc(#{percentage(4 / 5)} - #{$gutter}); }

    /* Sixths */
    .#{$breakpoint}one-sixth { width: calc(#{percentage(1 / 6)} - #{$gutter}); }
    .#{$breakpoint}two-sixths { width: calc(#{percentage(2 / 6)} - #{$gutter}); }
    .#{$breakpoint}three-sixths { width: calc(#{percentage(3 / 6)} - #{$gutter}); }
    .#{$breakpoint}four-sixths { width: calc(#{percentage(4 / 6)} - #{$gutter}); }
    .#{$breakpoint}five-sixths { width: calc(#{percentage(5 / 6)} - #{$gutter}); }

    /* Sevenths */
    .#{$breakpoint}one-seventh { width: calc(#{percentage(1 / 7)} - #{$gutter}); }
    .#{$breakpoint}two-sevenths { width: calc(#{percentage(2 / 7)} - #{$gutter}); }
    .#{$breakpoint}three-sevenths { width: calc(#{percentage(3 / 7)} - #{$gutter}); }
    .#{$breakpoint}four-sevenths { width: calc(#{percentage(4 / 7)} - #{$gutter}); }
    .#{$breakpoint}five-sevenths { width: calc(#{percentage(5 / 7)} - #{$gutter}); }

    /* Eighths */
    .#{$breakpoint}one-eighth { width: calc(#{percentage(1 / 8)} - #{$gutter}); }
    .#{$breakpoint}two-eighths { width: calc(#{percentage(2 / 8)} - #{$gutter}); }
    .#{$breakpoint}three-eighths { width: calc(#{percentage(3 / 8)} - #{$gutter}); }
    .#{$breakpoint}four-eighths { width: calc(#{percentage(4 / 8)} - #{$gutter}); }
    .#{$breakpoint}five-eighths { width: calc(#{percentage(5 / 8)} - #{$gutter}); }
    .#{$breakpoint}six-eighths { width: calc(#{percentage(6 / 8)} - #{$gutter}); }
    .#{$breakpoint}seven-eighths { width: calc(#{percentage(7 / 8)} - #{$gutter}); }

    /* Tenths */
    .#{$breakpoint}one-tenth { width: calc(#{percentage(1 / 10)} - #{$gutter}); }
    .#{$breakpoint}two-tenths { width: calc(#{percentage(2 / 10)} - #{$gutter}); }
    .#{$breakpoint}three-tenths { width: calc(#{percentage(3 / 10)} - #{$gutter}); }
    .#{$breakpoint}four-tenths { width: calc(#{percentage(4 / 10)} - #{$gutter}); }
    .#{$breakpoint}five-tenths { width: calc(#{percentage(5 / 10)} - #{$gutter}); }
    .#{$breakpoint}six-tenths { width: calc(#{percentage(6 / 10)} - #{$gutter}); }
    .#{$breakpoint}seven-tenths { width: calc(#{percentage(7 / 10)} - #{$gutter}); }
    .#{$breakpoint}eight-tenths { width: calc(#{percentage(8 / 10)} - #{$gutter}); }
    .#{$breakpoint}nine-tenths { width: calc(#{percentage(9 / 10)} - #{$gutter}); }

    /* Twelfths */
    .#{$breakpoint}one-twelfth { width: calc(#{percentage(1 / 12)} - #{$gutter}); }
    .#{$breakpoint}two-twelfths { width: calc(#{percentage(2 / 12)} - #{$gutter}); }
    .#{$breakpoint}three-twelfths { width: calc(#{percentage(3 / 12)} - #{$gutter}); }
    .#{$breakpoint}four-twelfths { width: calc(#{percentage(4 / 12)} - #{$gutter}); }
    .#{$breakpoint}five-twelfths { width: calc(#{percentage(5 / 12)} - #{$gutter}); }
    .#{$breakpoint}six-twelfths { width: calc(#{percentage(6 / 12)} - #{$gutter}); }
    .#{$breakpoint}seven-twelfths { width: calc(#{percentage(7 / 12)} - #{$gutter}); }
    .#{$breakpoint}eight-twelfths { width: calc(#{percentage(8 / 12)} - #{$gutter}); }
    .#{$breakpoint}nine-twelfths { width: calc(#{percentage(9 / 12)} - #{$gutter}); }
    .#{$breakpoint}ten-twelfths { width: calc(#{percentage(10 / 12)} - #{$gutter}); }
    .#{$breakpoint}eleven-twelfths { width: calc(#{percentage(11 / 12)} - #{$gutter}); }


    .equal-columns--clear {
      @if $breakpoint == '' {
        .#{$breakpoint}one-half:nth-of-type(2n+1),
        .#{$breakpoint}eight:nth-of-type(2n+1),
        .#{$breakpoint}one-third:nth-of-type(3n+1),
        .#{$breakpoint}one-fourth:nth-of-type(4n+1),
        .#{$breakpoint}four:nth-of-type(4n+1),
        .#{$breakpoint}one-fifth:nth-of-type(5n+1),
        .#{$breakpoint}one-sixth:nth-of-type(6n+1),
        .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
            clear: both;
        }
      }

      @if $breakpoint == 'large-down--' {
        @include respond-to('large-down') {
          //Remove previous clears
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
            clear: none;
          }
          //Set new clears
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
            clear: both;
          }
        }
      }

      @if $breakpoint == 'medium-down--' {
        @include respond-to('medium-down') {
          //Remove previous clears
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
            clear: none;
          }
          //Set new clears
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
            clear: both;
          }
        }
      }

      @if $breakpoint == 'small-down--' {
        @include respond-to('small-down') {
          //Remove previous clears
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh {
            clear: none;
          }
          //Set new clears
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1) {
            clear: both;
          }
        }
      }

    }

    .equal-columns--outside-trim {
      .#{$breakpoint}one-half:nth-of-type(2n),
      .#{$breakpoint}eight:nth-of-type(2n),
      .#{$breakpoint}one-third:nth-of-type(3n),
      .#{$breakpoint}one-fourth:nth-of-type(4n),
      .#{$breakpoint}four:nth-of-type(4n),
      .#{$breakpoint}one-fifth:nth-of-type(5n),
      .#{$breakpoint}one-sixth:nth-of-type(6n),
      .#{$breakpoint}one-seventh:nth-of-type(7n),
      .#{$breakpoint}two:nth-of-type(8n) {
        margin-right: 0;
      }
      .#{$breakpoint}one-half:nth-of-type(2n+1),
      .#{$breakpoint}eight:nth-of-type(2n+1),
      .#{$breakpoint}one-third:nth-of-type(3n+1),
      .#{$breakpoint}one-fourth:nth-of-type(4n+1),
      .#{$breakpoint}four:nth-of-type(4n+1),
      .#{$breakpoint}one-fifth:nth-of-type(5n+1),
      .#{$breakpoint}one-sixth:nth-of-type(6n+1),
      .#{$breakpoint}one-seventh:nth-of-type(7n+1),
      .#{$breakpoint}two:nth-of-type(8n+1) {
        margin-left: 0;
      }

      @if $breakpoint == 'large-down--' {
        @include respond-to('large-down') {
          //Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: 10px;
            margin-left: 10px;
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      @if $breakpoint == 'medium-down--' {
        @include respond-to('medium-down') {
          //Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: 10px;
            margin-left: 10px;
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      @if $breakpoint == 'small-down--' {
        @include respond-to('small-down') {
          //Reset previous margins
          .#{$breakpoint}one-half.#{$breakpoint}one-half,
          .#{$breakpoint}eight.#{$breakpoint}eight,
          .#{$breakpoint}one-third.#{$breakpoint}one-third,
          .#{$breakpoint}one-fourth.#{$breakpoint}one-fourth,
          .#{$breakpoint}four.#{$breakpoint}four,
          .#{$breakpoint}one-fifth.#{$breakpoint}one-fifth,
          .#{$breakpoint}one-sixth.#{$breakpoint}one-sixth,
          .#{$breakpoint}one-seventh.#{$breakpoint}one-seventh,
          .#{$breakpoint}two.#{$breakpoint}two {
            margin-right: 10px;
            margin-left: 10px;
          }
          //Set new margins on right
          .#{$breakpoint}one-half:nth-of-type(2n),
          .#{$breakpoint}eight:nth-of-type(2n),
          .#{$breakpoint}one-third:nth-of-type(3n),
          .#{$breakpoint}one-fourth:nth-of-type(4n),
          .#{$breakpoint}four:nth-of-type(4n),
          .#{$breakpoint}one-fifth:nth-of-type(5n),
          .#{$breakpoint}one-sixth:nth-of-type(6n),
          .#{$breakpoint}one-seventh:nth-of-type(7n),
          .#{$breakpoint}two:nth-of-type(8n) {
            margin-right: 0;
          }
          //Set new margins on left
          .#{$breakpoint}one-half:nth-of-type(2n+1),
          .#{$breakpoint}eight:nth-of-type(2n+1),
          .#{$breakpoint}one-third:nth-of-type(3n+1),
          .#{$breakpoint}one-fourth:nth-of-type(4n+1),
          .#{$breakpoint}four:nth-of-type(4n+1),
          .#{$breakpoint}one-fifth:nth-of-type(5n+1),
          .#{$breakpoint}one-sixth:nth-of-type(6n+1),
          .#{$breakpoint}one-seventh:nth-of-type(7n+1),
          .#{$breakpoint}two:nth-of-type(8n+1) {
            margin-left: 0;
          }
        }
      }

      .#{$breakpoint}one-whole:nth-of-type(1n+1) {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
      }

      .#{$breakpoint}one-half { width: calc(#{percentage(1 / 2)} - (#{$gutter} - (#{$gutter} / 2)));}
      .#{$breakpoint}one-third { width: calc(#{percentage(1 / 3)} - (#{$gutter} - (#{$gutter} / 3)));}
      .#{$breakpoint}one-fifth { width: calc(#{percentage(1 / 5)} - (#{$gutter} - (#{$gutter} / 5)));}
      .#{$breakpoint}one-fourth { width: calc(#{percentage(1 / 4)} - (#{$gutter} - (#{$gutter} / 4)));}
      .#{$breakpoint}one-sixth { width: calc(#{percentage(1 / 6)} - (#{$gutter} - (#{$gutter} / 6)));}
      .#{$breakpoint}one-seventh { width: calc(#{percentage(1 / 7)} - (#{$gutter} - (#{$gutter} / 7)));}

      .#{$breakpoint}two { width: calc(#{percentage(2 / 16)} - (#{$gutter} - (#{$gutter} / 8)));}
      .#{$breakpoint}four { width: calc(#{percentage(4 / 16)} - (#{$gutter} - (#{$gutter} / 4)));}
      .#{$breakpoint}seven { width: calc(#{percentage(7 / 16)} - (#{$gutter} - (#{$gutter} / 2)));}
      .#{$breakpoint}eight { width: calc(#{percentage(8 / 16)} - (#{$gutter} / 2));}
      .#{$breakpoint}nine { width: calc(#{percentage(9 / 16)} - (#{$gutter} - (#{$gutter} / 2)));}
    }
}

/*================ Build Base Grid Classes ================*/
@include container-column-generator();
@include responsive-display-helper();
@include responsive-text-align-helper();

/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
    - Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
$breakpoint-has-widths: ($large-down, $medium-down, $small-down);
$breakpoint-has-push: ();

// /*================ Build Responsive Grid Classes ================*/
@each $breakpoint in $breakpoint-has-widths {
  @include respond-to($breakpoint) {
    @include container-column-generator('#{$breakpoint}--');
    @include responsive-display-helper('#{$breakpoint}--');
    @include responsive-text-align-helper('#{$breakpoint}--');
  }
}

// /*================ Build Grid Push Classes ================*/
@each $breakpoint in $breakpoint-has-push {
  @include respond-to($breakpoint) {
    @include grid-push-generator('#{$breakpoint}--');
  }
}

//Responsive grid - uses gutters

.container {
  position: relative;
  max-width: $site-width;
  margin: 0 auto;
  @include respond-to('large-down') {
    width: calc(90% + #{$gutter});
  }
  @include respond-to('small-down') {
    width: calc(100% - 40px);
  }
}

.container .container {
  width: 100%;
}

[class*="offset-by"] {
  position: relative;
  @include respond-to('small-down') {
    position: static;
  }
}

.container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.column,
.columns {
  float: left;
  display: inline;
  margin-left: calc(#{$gutter} / 2);
  margin-right: calc(#{$gutter} / 2);
  box-sizing: border-box;
}

.column:not([class*="small-down--one-half"]),
.columns:not([class*="small-down--one-half"]) {
  @include respond-to('small-down') {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.even {
  @include respond-to('small-down') {
    margin-left: 0;
  }
}

.odd {
  @include respond-to('small-down') {
    margin-right: 0;
  }
}

.flex-container {
  @include flexbox();
}

.flex-container:after {
  visibility: hidden;
  display: none;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.row {
  margin-bottom: $gutter;
}

.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

//Can be used on inner div inside container element to apply borders (that maintain the same width as columns)
.container-border--top::before {
  display: block;
  content: '';
  height: 0;
  width: calc(100% - #{$gutter});
  border-top: thin solid #cccccc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  float: left;
  @include respond-to('small-down') {
    width: 100%;
  }
}

.container-border--bottom::after {
  display: block;
  content: '';
  height: 0;
  width: calc(100% - #{$gutter});
  border-top: thin solid #cccccc;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  clear: both;
  @include respond-to('small-down') {
    width: 100%;
  }
}

//Applied to container elements that need to be smaller than the $site-width
.narrow-width--true.container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

//Override the max-width on container element and stretch full screen (wide_display)
.container.full-width--true,
.full-width--true > .container {
  width: 100%;
  max-width: 100%;
}

.container.fullWidthMobile--true,
.column.fullWidthMobile--true,
.columns.fullWidthMobile--true {
  @include respond-to('small-down') {
    width: 100% !important;
    max-width: 100%;
  }
}

//Styles applied only on larger screen sizes
@include respond-to('small-up'){
  /* Nested Column Classes */
  .column.alpha, .columns.alpha               { margin-left: 0; }
  .column.omega, .columns.omega               { margin-right: 0; }

  /* Offsets */
  .offset-by-one                   { left: calc(#{percentage(1 / 16)});}
  .offset-by-two                   { left: calc(#{percentage(2 / 16)});}
  .offset-by-three                 { left: calc(#{percentage(3 / 16)});}
  .offset-by-four                  { left: calc(#{percentage(4 / 16)});}
  .offset-by-five                  { left: calc(#{percentage(5 / 16)});}
  .offset-by-six                   { left: calc(#{percentage(6 / 16)});}
  .offset-by-seven                 { left: calc(#{percentage(7 / 16)});}
  .offset-by-eight                 { left: calc(#{percentage(8 / 16)});}
  .offset-by-nine                  { left: calc(#{percentage(9 / 16)});}
  .offset-by-ten                   { left: calc(#{percentage(10 / 16)});}
  .offset-by-eleven                { left: calc(#{percentage(11 / 16)});}
  .offset-by-twelve                { left: calc(#{percentage(12 / 16)});}
  .offset-by-thirteen              { left: calc(#{percentage(13 / 16)});}
  .offset-by-fourteen              { left: calc(#{percentage(14 / 16)});}
  .offset-by-fifteen               { left: calc(#{percentage(15 / 16)});}
}

/* #Typography
================================================== */
.logo {
  font-family: Dosis, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.2em;
  
}

/*  Headings  */

h1 {
  @include headline-style($font-size-header);
  margin: 0 auto 15px;
  clear:both;
  font-weight: 400;
  padding-top: 4px;
  a {
    &:link, &:visited {
      font-weight: inherit;
      color: #00344f;
    }
    &:hover, &:active {
      color: #00344f;
    }
  }
  &.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px #cccccc;
  }
}

h2, .h2, h2.title {
  @include headline-style(floor($font-size-header*0.9));
  margin-bottom: 0.75em;
  a {
    font-weight: inherit;
  }
  &.collection_title {
    margin-bottom: 0;
    display: inline;
  }
  &.product_name a {
    color: #00344f;
  }
}
.cart h2 {
  margin-top: 0;
}

h3, .h3 {
  @include headline-style(floor($font-size-header*0.8));
  margin: 0 auto 15px 0;
  a, a:visited {
    font-weight: inherit;
    color: #00344f;
  }
  &.title {
    line-height: 1.25;
    margin: 0 auto 15px;
    clear:both;
    padding-top: 4px;
    a, a:visited {
      color: #00344f;
    }
  }
  &.sub_title {
    padding: 5px 0;
    color: #00344f;
    a {
      color: #00344f;
    }
  }
}

h4, .h4 {
  @include headline-style(floor($font-size-header*0.7));
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.title a {
    border: 0;
    padding: 0;
    margin: 0;
  }
}

h5, .h5 {
  @include headline-style(floor($font-size-header*0.65));
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.sub_title {
    padding: 5px 0;
    color: #00344f;
    a {
      color: #00344f;
    }
  }
}

h6, .h6 {
  @include headline-style(floor($font-size-header*0.6));
  letter-spacing: 1px;
  margin: 0 0 0.5em 0;
  padding: 7px 0;
  a {
    font-weight: inherit;
  }
  &.title {
    line-height: 32px;
    margin: 0 0 0.5em 0;
    color: #00344f;
  }
}

.cart h6 {
  margin-top: 0;
}

.collection_title {
  @include headline-style;
  margin: 0 auto 15px;
  clear: both;
  padding-top: 4px;
  a {
    font-weight: inherit;
    color: #00344f;
    &:hover, &:active {
      color: #00344f;
    }
  }
}

div {
  &.collection_title {
    margin-bottom: 0;
    line-height: 34px;
    display: inline;
  }
  &.collection_title_tags {
    padding-right: 25px;
    border-right: solid 1px #cccccc;
  }
}

.headline,
.empty_cart,
.promo_banner,
.title {
  @include headline-style;
}

.title.center.blog a {
 color: #00344f;
}

/*  Content  */

p {
  margin: 0 0 15px;
  font-style: normal;
  line-height: 1.6em;
  img {
    margin: 0;
  }
}

sub {
  font-size: 60%;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}

small {
  font-size: 90%;
}

.feature img {
  position: relative;
  top: 7px;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}

.onboard-text {
  margin: 0;
}

.page-divider {
  opacity: 0;
  border-color: #aaaaaa;
  border-top: 0;
}

.active-divider {
  opacity: 1;
}

.feature p {
  font-size: smaller;
}

#featured_links {
  padding: 20px 0;
  h2 {
    padding-top: 15px;
  }
}


  #featured_links .column, #featured_links .columns {
    opacity: 1;
  }


//Add default spacing to allow room for stars (from Shopify review app)
.slider-gallery .shopify-product-reviews-badge {
  height: 30px;
  display: block;
}

//Add spacing below review stars (from Shopify review app)
.spr-badge + .feature_divider {
  margin-top: 15px;
}
.spr-badge {
  padding: 5px 0;
}
.thumbnail .spr-badge-caption {
  display: none;
}
div#shopry-review-photos a { display: block !important; }

//Feature divider variables
$borderWidth: 0px;
$borderWidthHr: 0;
$borderStyle: solid;

.feature_divider {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  border: 0;
  border-color: #aaaaaa;
  border-bottom-width: $borderWidth;
  border-bottom-style: $borderStyle;

  &.no-margin {
    margin-bottom: 0px;
  }

  @include respond-to('medium-down'){
    margin-bottom: 10px;
  }
}

div.container.bottom-fix {
  padding-bottom: 0px;
}

.page .feature_divider,
.page h2.title + .feature_divider {
  margin-bottom: 15px;
}

/*  Blockquotes  */

blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  font-style: italic;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #cccccc;
  cite {
    display: block;
    font-size: 12px;
    color: #555;
    a, a:visited {
      color: #555;
    }
    &:before {
      content: "\2014 \0020";
    }
  }
}

hr {
  border-color: #aaaaaa;
  border-width: $borderWidthHr;
  border-style: $borderStyle;
  clear: both;
  margin: 12px 0;
  height: 0;
}

.cart_container {
  hr {
    border-top-width: 0px;
  }
}

div.section.collection_description {
  margin: 0 0 1.5em 0;
}

/* #Links
================================================== */
a,
a:visited,
a span {
  color: #00344f;
  text-decoration: none;
  position: relative;
  transition: color .1s linear;
}

a:hover,
a:focus {
  color: #00344f;
}

a,
button,
input,
select,
textarea,
label,
summary {
  touch-action: manipulation;
}

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px;
  ul, ol {
    margin: 4px 0 5px 30px;
    li {
      margin-bottom: 6px;
    }
  }
  li {
    margin-bottom: 12px;
  }
}

ul {
  list-style: disc outside;
  &.square {
    list-style: square outside;
  }
  &.circle {
    list-style: circle outside;
  }
  &.disc {
    list-style: disc outside;
  }
  &.large li {
    line-height: 21px;
  }
  &.none {
    list-style: none outside;
    margin-left: 0;
  }
  &.border {
    list-style: none outside;
    line-height: 26px;
    li {
      border-bottom: 1px solid #cccccc;
      list-style: none outside none;
      padding: 12px 0;
      margin-bottom: 0;
    }
  }
}

ol {
  list-style: decimal;
}

/* #Menu
================================================== */
.header {
  z-index: 1000;
  width: 100%;
  top: 0;
  a,
  a:visited,
  a span,
  select.currencies {
    color: #00344f;
    text-shadow: none;
  }
  div.container {
    padding-bottom: 5px;
    padding-top: 5px;
  }
}

body.is-active {
  overflow-y: hidden;
  #header {
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

#header.mobile_nav-fixed--true,
.mobile_nav-fixed--false.is-active #header {
  position: fixed;
  z-index: 1001;
  width: 100%;
  top: 0;
  left: 0;
}

#header {
  display: none;
  pointer-events: all;
  .top_bar {
    text-align: center;
    height: 40px;
    @include flexbox();
    @include align-items(center);
    .icon-search {
      z-index: 3;
      &:before {
        font-size: 18px;
      }
    }
    a {
      &.right {
        left: auto;
        right: 15px;
        font-size: 20px;
        padding-top: 8px;
        top: 4px;
        z-index: 1;
      }
      &.mobile_nav {
        @include flexbox();
        @include align-items(center);
        z-index: 1;
      }
    }
    > a, > a:visited, > a:active {
      display: block;
      font-size: 25px;
      outline: 0;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    a span {
      color: #00344f;
      display: inline-block;
      padding-left: 4px;
      position: relative;
    }
  }
}

#header .top_bar a.icon-bag:before,
#header .top_bar a.icon-cart:before {
  font-size: 18px !important;
}

.nav ul.mobile_menu li a {
  display: inline-block;
}

.menu .vertical-menu {
  li {
    position: relative;
    margin-right: 10px;

  }
}
.vertical-menu {
  display: inline;
}

.menu .vertical-menu li:hover .vertical-menu_submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_submenu {
  position: absolute;
  left: 0;
  top: 100%;
  padding-left: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in;
  pointer-events: none;
  text-align: left;
  width: 270px;
  @include background-opacity(#ffffff, 1);
  li {
    padding: 0 20px;
    display: block;
  }
  a {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;

    &:active {
      font-size: 14px;
      letter-spacing: 1px;
    }
  }
  span.icon-down-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

.menu .vertical-menu_submenu.is-visible,
.menu .vertical-menu_sub-submenu.is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  pointer-events: all;
  z-index: 2000;
}

.menu .vertical-menu_sub-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 5s ease-in;
  pointer-events: none;
  width: 270px;
  @include background-opacity(#ffffff, 1);
  li {
    padding: 0 20px;
    display: block;
  }
  a {
    display: block;
  }
}

.vertical-menu_submenu.vertical-menu--align-right {
  right: 0;
  left: auto;
}

.vertical-menu_sub-submenu.vertical-menu--align-right {
  right: 100%;
  left: auto;
}

// adds default cursor when parent mega menu doesn't have a link to it
li > a.url-deadlink {
  cursor: default;
}

/*  Mobile nav  */

#header .mobile_nav.dropdown_link {
  width: 25%;
  span.menu_title {
    position: absolute;
    left: 40px;
  }
}

.mobile_nav div {
  width: 30px;
  height: 40px;
  position: relative;
  float: left;
  margin: 0 8px 0 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .1s ease-in-out;
  cursor: pointer;
}

.mobile_nav div span {
  display: block !important;
  position: absolute !important;
  height: 1px !important;
  width: 100%;
  background: #00344f;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  padding: 0 !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .1s ease-in-out;
}

.mobile_nav div span:nth-child(1) {
  top: 10px;
}

.mobile_nav div span:nth-child(2),.mobile_nav div span:nth-child(3) {
  top: 20px;
}

.mobile_nav div span:nth-child(4) {
  top: 30px;
}

.mobile_nav div.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.mobile_nav div.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile_nav div.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile_nav div.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#mobile_menu {
  margin: 10px 20px;
  li {
    padding-right: 0;
    display: block;

    a span.icon-down-arrow {
      padding: 0 15px !important;
    }
  }
  .sublink ul {
    display: none;
    margin-left: 0;
    padding-left: 10px;
  }
}

/* Currency / language switcher on mobile */

.mobile-menu__disclosure {

  .selectors-form__wrap {
    @include justify-content(center);
    @include flex-direction(column);
  }

  .selectors-form__item {
    margin-left: 0;

    &:first-of-type .disclosure__toggle {
      border-top: none;
    }
  }

  .disclosure {
    padding-top: 0;
  }

  .disclosure-list__item {
    padding: 0;
  }

  button.disclosure__button {
    @include justify-content(flex-start);
    font-size: 13px;
    color: #00344f;
    padding-left: 0;
    min-height: 0;
    height: unset;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.9em;

    &:hover,
    &:focus {
      color: #1a517b;
    }
  }
}

#mobile_menu li.sublink span.currency-code {
  display: inline;
  padding-left: 0;
}

.feature_image.editor-hover--true {
  .main_nav,
  .dropdown {
    @include background-opacity(#ffffff, 1);
    clear: both;
    transition: all 0.3s linear;
    animation: fadeIn 0.3s linear none;
  }
}

.cart_container {
  float: right;
}

.top_bar {
  height: 40px;
  background-color: #effafa;
  padding: 0 0 0 10px;
  .social_icons {
    float: left;
    margin: 0;
    padding-left: 10px;
    li {
      padding: 5px;
    }
  }
  a {
    @include flexbox();
    @include align-items(center);
  }
  ul.social_icons a {
    display: inline;
    @include flex(none);
  }
  .top_bar--right {
    @include flexbox();
    @include align-items(center);
    margin-left: auto;
    height: 40px;
    .icon-search {
      display: inline-block;
      line-height: 0;
      padding-right: 15px;
    }
    .cart_container {
      display: inline-block;
    }
  }
  .mini-cart__item__title {
    a {
      display: block;
    }

    span {
      color: #00344f;
    }

    .sale {
      color: #00a6b5;
      margin-right: 3px;
    }

    .was_price {
      color: #8c8b8b;
    }
  }
}

.main_nav,
.dropdown {
  @include background-opacity(#ffffff, 1);
  clear: both;
  transition: all 0.3s linear;
  animation: fadeIn 0.3s linear none;
}



.sticky_nav {
  position: fixed;
  width: 100%;
  z-index: 35;
  top: 0;
  left: 0;
  padding: 0;
  /* Translate -100% to move off screen */
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: all 300ms ease-in-out;

  .mini_cart {
    font-size: 18px;
    @include flexbox();
    @include align-items(flex-start);
    padding-top: 15px;

    &:before {
      padding-top: 3px;
      margin: 0;
    }

    .cart_count {
      margin: 0;
      padding: 0 0 0 8px;
    }
  }

  .main_nav.menu-position--inline div.logo {
    width: 16%;
  }

  .main_nav.menu-position--block {
    .logo {
      padding-left: 20px;
      width: 16%;
      text-align: left;
      a {
        padding-top: 12px;
        padding-bottom: 12px;
      }
    }

    .nav {
      width: 84%;
      clear: none;
      float: left;
    }
  }
}

.is-active .sticky_nav {
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.sticky_nav--stick {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
  @include respond-to('medium-down') {
    display: none;
  }
}

.sticky_nav--unstick {
  opacity: 0;
  transition: opacity 0s;
}

.sticky_nav ul.menu,
.sticky_nav .mini_cart {
  font-size: 15px;
  padding-bottom: 0 !important;
}

.menu.center,
.menu.align_right,
.menu.align_left {
  margin: 0 20px;
}

.menu {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  li {
    display: inline-block;
    margin: 0;
    border: 0;
  }
}

.nav ul li a.sub-menu {
  padding: 10px 4px 10px 4px;
  z-index: 1001;
}

.nav ul li:hover a.sub-menu {
  color: #00344f;
}

.menu a,
.menu a:visited,
.menu a:active,
#header span.menu_title,
.menu a span,
select.currencies,
.mini_cart span {
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  color: #00344f;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  @include respond-to('medium-down') {
    font-size: 13px;
  }
}

.feature_image .main_nav a,
.feature_image .main_nav a span {
  color: #00344f;
}

#header span.menu_title,
.menu a span, select.currencies,
.mini_cart span {
  padding-left: 5px;
  padding-right: 5px;
}

#header span.menu_title {
  cursor: pointer;
  height: 40px;
  line-height: 20px;
  margin-top: -2px;
}

.menu li {
  position: relative;
  vertical-align: top;
  padding-right: 10px;
}

.shopify-currency-form {
  margin-bottom: 0;
}

select.currencies {
  height: 40px;
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  @if (lightness(#effafa) > 50) {
    background-image: url(//architessa.com/cdn/shop/t/117/assets/select.png?v=51992501115514909491675743758); // Lighter background
  } @else {
    background-image: url(//architessa.com/cdn/shop/t/117/assets/select_light.png?v=38379460423634441311675743758); // Darker background
  }
  @include respond-to('medium-down'){
    font-size: 16px;
  }
}

#mobile_menu select.currencies {
  padding-left: 0;
}

.feature_image .header .menu a,
.feature_image .header .menu a:visited,
.feature_image .header .menu a span {
  color: #00344f;
  
}

.feature_image .header .menu a[href]:hover,
.menu a.active,
.menu a.active span,
.feature_image .header .menu a.active,
.header_bar a.active,
.feature_image .header .menu a:focus {
  color: #1a517b;
}

.menu li a[href]:hover,
.menu li a:focus,
.menu a[href]:hover span {
  color: #1a517b;
}

.menu a.top_link,
.menu a.dropdown_link {
  border-bottom: solid 1px transparent;
}

.menu a.top_link:hover,
.menu a.dropdown_link:hover,
.menu a.active_link {
  border-bottom: solid 1px #1a517b;
}

.feature_image a.top_link:hover {
  border-bottom: solid 1px #1a517b;
}

.menu a span {
  display: inline;
  vertical-align: top;
}

.top_bar a,
.top_bar a:visited,
.top_bar a:active,
.top_bar a span,
.top_bar select.currencies,
a.mini_cart,
a.mini_cart span,
.feature_image .header .top_bar .menu a,
.feature_image .header .top_bar .menu a span {
  color: #00344f;
  font-size: 13px;
  letter-spacing: 1px;
}

.top_bar li a:hover,
.top_bar li a[href]:hover,
.top_bar li a[href]:hover span,
.top_bar li a:active,
.top_bar li a:hover span,
.top_bar a:active span,
.top_bar .currencies:hover,
.feature_image .header .top_bar .menu a:hover,
.feature_image .header .top_bar .menu a:hover span {
  color: #00a6b5;
}

.top_bar li {
  padding-left: 10px;
  padding-right: 10px;
}

.top_bar .menu a, .top_bar .social_icons a {
  height: 40px;
  line-height: 40px;
  padding: 0;
}

/*  Mini cart  */
.mini_cart,
.nav a.mini_cart {
  float: right;
  text-align: center;
  cursor: pointer;
  background-color: #00a6b5;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  height: 40px;
  z-index: 2001;
  @include respond-to('medium-up'){
    padding-left: 15px;
    padding-right: 15px;
  }
  @include respond-to('medium-down'){
    right: 0;
  }
}

.cart_container {
  li.mini-cart__item {
    @include flexbox();
    @include justify-content(space-between);
  }
}

.top_bar a.mini_cart span {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
}

a.tos_icon,
.cart_content a.tos_icon {
  font-size: 13px;
  color: #00344f;
  &:visited {
    color: #00344f;
  }
  &:hover {
    color: #00344f;
  }
}


.cart_content__continue-shopping {
  display: none;
}

.no-touchevents {
  a.cart_content__continue-shopping.secondary_button {
    display: none;
  }
}

.no-touchevents,
.touchevents {
  a.cart_content__continue-shopping.secondary_button {
    display: none;
    @include respond-to('medium-down') {
      display: block;
      border-top: 0;
      margin: 0 auto;
      padding-top: 0;
      padding-bottom: 10px;
      margin-bottom: 10px;
      position: static;
      font-size: inherit;
      letter-spacing: inherit;
    }
  }
}

.mini_cart span {
  display: inline-block;
}
.cart_container .cart_content {
  display: none;
}

.cart_container.active_link .cart_content {
  display: block;
  overflow-y: auto;
  max-height: calc(90vh - 100px);
}

.cart_container.active_link .cart_content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.cart_container.active_link .cart_content::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

//Prevent mini cart from appearing on cart page for touchscreen devices
html.touchevents .cart .cart_container {
  pointer-events: none;
}

#cart_form p.modal_price {
  margin-bottom: 0;
  padding-bottom: 0;
}

#cart_form .product-quantity-box {
  margin: 15px 0;
  width: 130px;
}

.cart_content .product-quantity-box {
  margin: 15px 0 0;
  width: 130px;
}

.cart_content .product-plus,
.cart_content .product-minus,
#cart_form .product-plus,
#cart_form .product-minus {
  &.is-disabled {
    pointer-events: none;
  }
}

.cart_content .product-quantity-box .quantity,
#cart_form .product-quantity-box .quantity {
  padding: 0 5px;
  width: 30%;
  min-height: 30px;
  height: 30px;
}

.cart_content .product-quantity-box .product-plus,
#cart_form .product-quantity-box .product-plus {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  padding-right: 2px;
  width: 25%;
}

.cart_content .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-minus {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  padding-right: 2px;
  width: 25%;
}

#cart_form .product-quantity-box .product-minus,
#cart_form .product-quantity-box .product-plus,
.nav .product-quantity-box .product-minus,
.nav .product-quantity-box .product-plus {
  padding-right: 0;
}

#cart_form .icon-minus,
#cart_form .icon-plus {
  position: relative;
  left: 1px;
}


  .product-quantity-box .product-plus {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .product-quantity-box .product-minus {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }


.cart_container.active_link .mini_cart,
.cart_container.active_link .mini_cart span {
  background-color: #ffffff;
  color: #00344f !important;
}

.cart_content {
  top: 40px;
  right: 0;
  position: absolute;
  z-index: 2000;
  background-color: #ffffff;
  font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  color: #00344f;
  border: 1px solid #cccccc;
  border-top: 0;
  border-right: 0;
  width: 100%;
  max-width: 320px;
  @include respond-to('medium-up'){
    max-width: 420px;
  }
}

div.cart_content form {
  margin: 15px 0 0 0;
  padding: 0;
}

.mini-cart__item.animated,
.cart__item.animated {
  animation-duration: 0.7s;
}

.mini-cart__item--image {
  width: 40%;
}

.cart_content {

  li.mini-cart__item {
    position: relative;
  }

  li.mini-cart__item a.cart__remove-btn {
    position: absolute;
    top: 0;
    right: 0;
    &:active {
      position: absolute;
    }

    span {
      color: #00344f;
    }

    .remove-icon {
      margin-left: 0;
      &:before {
        font-size: 25px;
      }
    }
  }
}

#header {
  .top_bar a span.remove-icon {
    color: #00344f;
  }

  li.mini-cart__item a.cart__remove-btn {
    top: 0;
  }
}

.cart_content .mini-cart__item--content {
  @include flexbox();
  @include flex-direction(column);
  @include flex(1);
  @include flex-wrap(wrap);
  position: relative;

  .mini-cart__item__title {
    @include flexbox();
    @include flex-direction(column);
    padding-right: 20px;
  }

  .price {
    padding-top: 10px;
    line-height: 1;
    text-align: left;
  }
}

.cart__item {
  @include flexbox();
  @include align-items(center);
  margin: 10px 0;
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #cccccc;

  @include respond-to('medium-down') {

    .cart__item--image {
      max-width: 33.333%;
    }

    .cart__item--content {
      margin-left: 20px;
    }

    .cart__item_--title {
      margin-right: 20px;
    }
  }

  .cart__item--title {
    margin-right: 15%;
  }

  .cart__item--discount,
  .cart__item--discount .label {
    color: #00a6b5;
    margin-top: 15px;
  }
}

.cart_discounts {
  @include flexbox();
  @include align-items(flex-start);
  line-height: 1;

  .cart_discounts--title {
    width: 60%;
    margin-right: 20px;
  }

  .cart_discounts--price {
    width: calc(40% - 20px);
    text-align: right;
  }
}

.cart__remove-btn {
  @include flexbox();
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 10px;

  span.remove-text,
  span.remove-icon {
    color: #00344f;
  }

  &:hover span,
  &:active span {
    color: #00344f;
  }

  @include respond-to('large-down'){
    .remove-text {
      display: none;
    }
  }

  .remove-icon {
    margin-left: 5px;

    &:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 25px;
      line-height: 1em;
      display: block;
      content: "\00d7";
    }
  }
}

.cart .cart_subtotal {
  font-weight: bold;
  font-size: larger;
}

.cart_content .cart_subtotal {
  text-align: left;
  font-weight: bold;
}

.cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span {
  color: #00344f !important;
}

.cart_content a .price span {
  padding-left: 5px;
}

.cart_content ul {
  list-style: none;
  margin: 0;
  padding: 15px 20px;

  li {
    padding-left: 0;
    padding-right: 0;

    &:empty {
      margin-bottom: 0;
    }

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

.cart_content ul li {
  list-style: none;
  clear: both;
}

.cart_content .action_button {
  width: 100%;
}

.top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart {
  font-size: 16px;
  margin-right: 0;
  vertical-align: middle;
}

#customer_login_guest,
#customer_login {
  display: inline;
  @include respond-to('small-down') {
    display: block;
  }
}

input[type="submit"].guest_button, input[type="button"].guest_button {
  color: #00344f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  &:hover {
    background: transparent;
    border: 0;
    color: #00344f;
  }
  @include respond-to('medium-up') {
    text-align: center;
  }
}

.menu ul li .mini_cart span {
  padding-left: 5px;
  top: -1px;
}

.sticky_nav div.logo img {
  width: 60%;
  margin: 0 auto;
}

.dropdown_container {
  clear: both;
  width: 100%;
  display: none;
}

.dropdown_container img {
  max-width: 100%;
}
/*  */
.dropdown {
  position: absolute;
  width: 105vw;
  z-index: 1000;
  margin-left: -10px;
}

.dropdown_content {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.dropdown_container.mega-menu .dropdown_content {
  @include flexbox();
  @include flex-direction(row);
  width: 100%;
  margin: 0 auto;
}

.mega-menu__richtext,
.mega-menu__image-caption-link {
  padding: 0 5px;
}

.mega-menu__richtext a,
.mega-menu__richtext a:active,
.mega-menu__richtext a:hover {
  display: inline-block;
  text-transform: none;
}

.mega-menu__image-caption-link {
  text-align: center;
  margin-bottom: 10px;
  a, a:visited, a:active, a:hover {
    text-transform: none;
    display: block;
  }
}

.mega-menu__image-caption,
.mobile-mega-menu__image-caption {
  margin: 10px 0;
}

.dropdown_content a p,
.mobile-mega-menu a p {
  padding: 0;
}

.dropdown_content p,
.mobile-mega-menu p {
  font-family: "Mundo Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  color: #00344f;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  margin-bottom: 0;

}

.dropdown_content p,
.dropdown_content a,
.dropdown_content a:hover,
.dropdown_content a:active {
  font-size: 14px;
  letter-spacing: 1px;
}

.dropdown_column__menu + .dropdown_column__menu {
  margin-top: 10px;
}

.dropdown_narrow {
  width: 60%;
}

.dropdown_column {
  display: table-cell;
  padding: 15px 20px 30px 20px;
  width: 16.666%;
  vertical-align: top;

  img {
    max-width: 100%;
  }

  ul {
    margin: 0;
    padding: 0;
  }

  ul.dropdown_title {
    border-bottom: solid 1px #00344f;
    padding-bottom: 10px;
  }

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

.dropdown_container.mega-menu .dropdown_column {
    display: inline-block;
    padding: 15px 20px 30px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 16.666%;
    flex: 1 0 16.666%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    vertical-align: top;
}

.dropdown_column li {
  display: block;
}

.dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active {
  padding-bottom: 0;
  text-transform: none;
}

.dropdown_row {
  display:table-row;
}

select.currencies {
  border: 0 !important;
  background-color: transparent;
  margin-bottom: 0 !important;
  min-width: 65px;
  outline: 0;
  background-position: 96.5% 55%;
  background-size: 18px 12px;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
}

select.currencies:active {
  border: 0;
  outline: 0;
  text-shadow: 0;
  box-shadow: 0;
}

select.currencies option {
  @include background-opacity(#ffffff, 1);
  color: #00344f;
}

.menu li.currencies {
  padding: 0;
}

.container div.collection_nav {
  margin-bottom: 1.5em;
}

.collection_menu, .collection_menu li {
  display: inline;
  list-style: none;
  border: none;
  position: relative;
  top: -3px;
  margin: 0;
}

.collection_menu li {
  padding-left: 25px;
}

.sidebar-wrap {
  border-right: 1px solid #cccccc;
  margin-right: 0px;
  padding-right: 20px;
  @include respond-to('medium-down') {
    border: none;
    margin:0;
    padding-right: 0;
  }
}

.sidebar-wrap h4,
.sidebar-wrap h4.toggle {
 margin: 0;
 padding: 0;
}

.sidebar-wrap h4.toggle {
 @include respond-to('medium-down') {
  margin: 10px 0;
 }
}

.sidebar a, .sidebar a:visited {
  color: #00344f;
}

.sidebar a:hover, .sidebar a:active {
  color: #00344f;
}

.sidebar .meta {
  margin-left: 2px;
}

.sidebar .spr-badge {
  color: #00344f;
}

.sidebar .recently-viewed-list .brand {
  color: #00344f;
}

.toggle-all--true {
  h4.toggle {
    cursor: pointer;
    pointer-events: all;
  }
  .toggle span {
    display: block;
  }
  .toggle_list {
    display: none;
  }
}

.content_block.toggle_list {
  a {
    display: inline;
    position: static;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    color: #00344f;
    &:hover {
      border-left: none;
      color: #00344f
    }
  }
}

.toggle_list {
  margin: 0;
  padding: 10px 0 15px 0;
}

.toggle_list a {
  display: inline-block;
  position: relative;
  margin-left: 0;
  max-width: 80%;
  border-left: solid 2px transparent;
  transition : border 200ms ease-out;
}

.toggle_list a.active,
.toggle_list a.active--default {
  padding-left: 8px;
  border-left: solid 2px #B8C6C6;
}

ul.toggle_list li ul {
  display: none;

  &.active {
    display: block;
  }
}

.sidebar .toggle_list a.active {
  border-left: solid 9px #00344f;
}

.toggle_list li {
  list-style: none;
  line-height: 1.4em;
  padding: 8px 0 8px 0;
}

.toggle_list .meta span {
 line-height: 2.5;
}

.sidebar_text {
 margin-bottom: 12px;
 padding-top: 10px;
}

.sidebar_content {
  border-left: solid 1px #cccccc;
  padding-left: 20px;
}

.sidebar_content .toggle_list li {
 line-height: 1.2;
}

.sidebar .newsletter {
  margin-bottom: 20px;
  form {
    width: 100%;
  }
}

.sidebar li ul {
  margin: 8px 0 0 15px;
}

.sidebar .toggle_list li ul {
  padding-left: 0;
}

.sidebar ul li {
  margin-bottom: 0;
}

.sidebar input.sign_up[type="submit"],
.sidebar input.contact_email[type="email"] {
  width: 100% !important;
  margin-left: 0;
}

.blog_search {
  position: relative;
}

.sidebar-block {
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
  &:last-child {
    border-bottom: none;
  }
  &:empty {
    border-bottom: none;
  }
  &:blank {
    border-bottom: none;
  }
  &:first-child h4.toggle{
    padding-top: 0;
  }
  h4.toggle {
    @include flexbox();
    @include align-items(center);
    @include justify-content(space-between);
    margin-bottom: 0;
    padding: 15px 0;
    line-height: 1.5;
  }
}

//Filter collections

.sidebar .filter-active-tag {
  position: relative;
}

.color-filter--true {
  label {
    @include flexbox();
    @include align-items(center);
  }
}

.sidebar__collection-filter {
  a, label {
    cursor: pointer;
  }

  label {
    text-transform: none;
    font-weight: normal;
    font-size: inherit;
  }

  label:hover {
    color: #00344f
  }

  input[type="checkbox"] {
    display: none;
  }

  input.styled-checkbox[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    background-size: cover;
    margin-right: 15px;
  }

  button.clear-active-filter, button.clear-active-filter:active {
    color: #00344f;
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: 0;
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
    position: absolute;
    @include prefix(transform, translateY(-50%), ms webkit spec);
    top: 0;
    right: 0;
    left: auto;
    padding: 2px 4px;
    line-height: 1.2;
    display: block;
    height: auto;
    min-height: auto;
  }

  button.clear-active-filter:hover {
    color: #00344f;
  }

  .x-icon {
    position: relative;
    display: inline-block;
    overflow: visible;
    width: 15px;
    height: 15px;
    margin: 0 2px 0 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    font-style: normal;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
    vertical-align: middle;
    top: -1px;
    &:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 25px;
      line-height: 15px;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 15px;
      content: "\00d7";
      text-align: center;
    }
  }
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}

/* Sub Collections */

.featured_collections.sub-collection {
  margin-bottom: 10px;
  .thumbnail {
    margin-bottom: 10px;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
}

.sub-collection--2 {
  .thumbnail {
    width: calc(50% - 20px);
    &:nth-child(2n+1){
      clear: both;
    }
  }
}

.sub-collection--3 {
  .thumbnail {
    width: calc(33.33333% - 20px);
    &:nth-child(3n+1){
      clear: both;
    }
  }
}

.sub-collection--4 {
  .thumbnail {
    width: calc(25% - 20px);
    &:nth-child(4n+1){
      clear: both;
    }
  }
}

.list-collection-wrapper {
  //no image available
  img[src*='/no-image']{
    opacity: 0;
  }
  img[src*='/no-image'] ~ .thumbnail-overlay {
    opacity: 1 !important;
    .collection-details {
      opacity: 1;
      transform: none;
    }
  }
  img[src*='/no-image'] ~ .collection-info__caption {
    @include respond-to('medium-down'){
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  }
  .img {
    width: 100%;
  }
  .collection-info__caption {
    
      display: block;
    
    margin-top: 20px;
    @include respond-to('medium-down'){
      display: block;
      position: static;
    }
  }

  
}

.blog-header {
  margin-bottom: 5px;
  .blog-title.blog-tags--true {
    float: none;
  }
  .blog-title {
    float: left;
    @include respond-to('medium-down') {
      width: 100%;
      margin-bottom: 0;
    }
  }
  .subtitle {
    clear: both;
  }
}

.blog-header .feature_divider {
  clear: both;
  width: 100%;
}

/* Blog Article Styling */

.article .icon-slash {
  padding-right: 5px;
}


/* Styles for blog, collections */
.section_select {
  padding: 0;
  text-align: right;
  float: right;
  .blog_filter, .tag_filter, .sort_by {
    color: #00344f;
    display: inline-block;
    border: none;
    padding-right: 30px;
    background-position: 100% 50%;
    background-color: #ffffff;
    font-family: "Mundo Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 0;
    max-width: 80%;
    @include respond-to('medium-down'){
      float: none;
      width: 100%;
      max-width: 100%;
      font-size: 16px;
      padding-left: 0;
    }
  }
}

div.breadcrumb-collection {
  & + div.section {
    margin-top: 0;
  }
  @include respond-to('medium-down'){
   text-align: center;
  }
}


.breadcrumb_text,
.article-pagination {
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 0;
  @include respond-to('medium-down'){
    margin-top: 0;
  }
  .breadcrumb-divider {
    color: #00344f;
    margin: 0 5px;
  }
}

.breadcrumb_link:hover span {
 color: #00344f;
}

.breadcrumb {
  font-size: 15px;
  @include respond-to('medium-down'){
   margin-bottom: 20px;
  }
}


/* #Images
================================================== */
/*
  The purpose of the below declaration is to make sure images don't
  exceed the width of columns they are put into when resizing window.
  Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
  so the best solution is to individually call these properties on images that
  are children of the grid that you want to resize with grid.
*/

.product_row img,
  .product_image_col img,
  .article img,
  .section img,
  .thumbnail img,
  .page img,
  .sidebar img,
  .logo img,
  .cart_image img,
  .footer img,
  #target img,
  .column img,
  .columns img {
  max-width: 100%;
  height: auto;
}

.image-crop--left img,
.image-crop--left .image-element__wrap {
  @include object-fit(cover, left);
  height: 100% !important;
}

.image-crop--right img,
.image-crop--right .image-element__wrap {
  @include object-fit(cover, right);
  height: 100% !important;
}

.image-crop--center img,
.image-crop--center .image-element__wrap {
  @include object-fit(cover);
  height: 100% !important;
}

/* #Placeholders
================================================== */

  .featured-products-section {
    .section {
      margin: 30px 0px;
    }
  }

  $color-blankstate: rgba(#00344f, 0.9);
  $color-blankstate-background: rgba(#00344f, 0.5);

  .placeholder-svg {
    fill: $color-blankstate;
    background-color: $color-blankstate-background;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    display: block;
  }

  .placeholder-svg--banner,
  .placeholder-svg--slideshow,
  .placeholder-svg--video {
    height: 500px;

    @include respond-to('medium') {
      height: 350px;
    }

    @include respond-to('small') {
      height: 250px;
    }
  }

  .featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions {
    background-color: rgba(#00344f, 0.6);
  }

  .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions {
    background-color: rgba(#00344f, 0.6);
    fill: rgba(#00344f, 0.9);
  }

  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n + 1) .placeholder-svg--slideshow {
    background-color: rgba(#00344f, 0.6);
  }

  .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow {
    background-color: rgba(#00344f, 0.8);
  }

/* #Videos
================================================== */
.video-wrapper {
  position: relative;
  background-color: #ffffff;

  .video__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    pointer-events: none;
  }

  &.darken-video--true {
    .video__overlay {
      background: rgba(0,0,0,0.3);
    }
  }

  .plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: none;
  }

  &.play-button-icon--visible {
    .plyr--paused .plyr__control--overlaid {
      display: block;
      opacity: 1;
    }
  }

  .video-wrapper__image {
    img {
      @include object-fit(cover);
      height: 500px;

      @include respond-to('medium') {
        height: 350px;
      }

      @include respond-to('small') {
        height: 250px;
      }
    }
  }

  video {
    display: block;
    width: 100%;
    height: auto;
  }

  .video__text-container {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    margin: auto;
    z-index: 2;
    pointer-events: none;
  }

  .video__text-container.text-below-image--true {
    @include respond-to('medium-down') {
      position: static;
      top: auto;
      transform: none;
    }
  }

  .video__text {
    height: 100%;
    text-align: center;
    @include flexbox();
    @include flex-direction(column);
    @include justify-content(center);
  }

  .video__text-wrapper {
    margin: 0;
    padding: 30px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3);
  }

  @include respond-to('medium') {
    @include flexbox();
    @include flex-direction(column);
  }
}

/* #Buttons
================================================== */

a.button,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.action_button,
a.action_button,
input.action_button[type="submit"],
input.action_button[type="button"],
input.action_button[type="button"],
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  background: #00344f;
  color: #ffffff;
  border: 1px solid #00344f;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
  min-height: 44px;
  height: 40px;
  line-height: 1.2;
  vertical-align: top;
  font-family: "Mundo Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  @include inline-flexbox();
  @include align-items(center);
  @include justify-content(center);
  transition: all 0.2s linear;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  
    border-radius: 3px;
  
}

.ie {
  a.button,
  .button,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  .action_button,
  a.action_button,
  input.action_button[type="submit"],
  input.action_button[type="button"] {
    line-height: 40px;
  }
}

a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.action_button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover,
input.action_button[type="button"]:hover,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
  background-color: #00344f;
  border: 1px solid #00344f;
}

a.button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active,
  .action_button:active,
  input.action_button[type="submit"]:active,
  input.action_button[type="button"]:active,
  input.action_button[type="button"]:active,
  button.shopify-payment-button__button.shopify-payment-button__button--unbranded:active {
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    outline: 0;
}

.add_to_cart,
.product_form input.add_to_cart {
  width: 100%;
  margin-bottom: 0px;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input.action_button[type="submit"],
input.action_button[type="button"],
button.action_button {
  display: inline-block;

  
}

/* Animation for checkmark on add to cart button */

button.add_to_cart {
  position: relative;
  .text {
    display: block;
    width: 100%;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .fadeInDown.text {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
  }
}

button .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  path {
    stroke-dasharray: 19.79 19.79;
    stroke-dashoffset: 19.79;
    stroke: #ffffff;
    opacity: 0;
  }
  &.checkmark-active path {
    -webkit-animation: drawCheckmark 0.5s linear alternate forwards;
    animation: drawCheckmark 0.5s linear alternate forwards;
  }
}

@keyframes drawCheckmark {
  from {
    stroke-dashoffset: 19.79;
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@-webkit-keyframes drawCheckmark {
  from {
    stroke-dashoffset: 19.79;
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

.ie
button
.checkmark {
  path {
    stroke-dashoffset: 0;
    opacity: 0;
  }
  &.checkmark-active path{
    -webkit-animation: fadeCheckmark 0.5s linear alternate forwards;
    animation: fadeCheckmark 0.5s linear alternate forwards;
  }
}

@-webkit-keyframes fadeCheckmark {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeCheckmark {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  button
  .checkmark {
    path {
      stroke-dashoffset: 0;
      opacity: 0;
    }
    &.checkmark-active path{
      animation: fadeCheckmark 0.5s linear alternate forwards;
    }
  }
  @keyframes fadeCheckmark {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}

label.tos_label {
  display: inline;
  font-weight: normal;
  text-transform: none;
  cursor: pointer;
  padding-left: 5px;
}
.tos { text-align: center; margin: 15px 20px 15px 0;}
.cart_text { text-align: center; }
.disabled {
  pointer-events: none;
}

.add_to_cart span.icon-lock {
  margin-right: 10px;
  font-size: larger;
  &:before {
    margin: 0;
  }
}

.shopify-product-form {
  margin-bottom: 0;
}

//Shopify smart payment buttons
.add_to_cart.action_button {
  min-height: 44px;
  margin-bottom: 0;
  height: 100%;
}

.shopify-payment-button {
  position: relative;
  height: 44px;
}

.shopify-payment-button div {
  height: 100%;
}

.shopify-payment-button button {
  line-height: 1.2;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-bottom: 0;
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  height: 100%;
}

div.shopify-payment-button__button {
  
    border-radius: 3px;
  
}

.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
  overflow: hidden;
  min-height: 44px;
}

button.shopify-payment-button__more-options {
  color: #00344f;
  box-shadow: none;
  text-transform: none;
  font-size: 0.8rem;
  letter-spacing: 0;
  padding: 16px 0 28px;
  max-width: 80%;
  margin: 0 auto;
  position: absolute;
  top: 100%;
  left: 50%;
  font-weight: normal;
  font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
  font-style: normal;
  @include prefix(transform, translateX(-50%), ms webkit spec);
  &:hover {
    background-color: transparent;
    border: none;
  }
}

.purchase-details {
  @include flexbox;
  @include align-items(center);
  @include flex-wrap(wrap);
}

.product_section .smart-payment-button--true.product_form {
  max-width: 100%;
}

.smart-payment-button--true .purchase-details {
  padding-bottom: 50px;

  .shopify-payment-button__button--branded {
    padding-bottom: 30px;
  }

  .shopify-payment-button__more-options {
    top: 70%;
  }
}

.smart-payment-button--true button .checkmark path {
  stroke: #00344f;
}

.smart-payment-button--false .purchase-details {
  @include align-items(flex-end);
}

.smart-payment-button--false {
  margin-bottom: 20px;
}

.product-quantity-box.purchase-details__quantity {
  margin-right: 5px;
  width: calc(50% - 12px);
  @include respond-to('small-down') {
    width: 100%;
  }
  input.quantity {
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 1.4;
    min-height: 44px;
    margin-bottom: 0;
    width: calc(100% - 88px);
  }
}

.smart-payment-button--true .product-quantity-box.purchase-details__quantity {
  width: calc(50% - 6px);
  @include respond-to('medium-down') {
    width: 100%;
    margin-right: 0;
    .input.quantity {
      width: calc(100% - 88px);
    }
  }
}

p.checkout_button {
  margin-bottom: 0;
}

.purchase-details__buttons {
  @include flexbox;
  @include flex(1 0 calc(50% - 12px));
  @include flex-wrap(wrap);
  margin-left: 6px;
  @include respond-to('medium-down') {
    margin-top: 20px;
    margin-left: 12px;
    @include flex(1 0 calc(50% - 12px));
  }
  @include respond-to('small-down') {
    margin-top: 12px;
    margin-left: 0;
    @include flex(1 0 100%);
  }
  .shopify-payment-button {
    @include flex(1 0 100%);
    margin-bottom: 0;
    max-width: 100%;
    @include respond-to('widescreen-up'){
      @include flex(1 0 calc(50% - 4px));
      max-width: calc(50% - 4px);
    }
  }
  .action_button.action_button--secondary {
    background-color: transparent;
    border: 1px solid secondary-button-color(#00344f);
    color: secondary-button-color(#00344f);
    box-shadow: none;
    line-height: 1.2;
    padding: 10px 0;
    min-height: 44px;
    height: 100%;
    @include flex(1 0 100%);
    margin: 0;
    max-width: 100%;
    @include respond-to('widescreen-up'){
      @include flex(1 0 calc(50% - 4px));
      max-width: calc(50% - 4px);
    }
    @include respond-to('medium-down') {
      margin-bottom: 10px;
    }
    &:hover {
      @include respond-to('medium-up') {
        background-color: #00344f;
        color: #ffffff;
      }
    }
    &:focus {
      background-color: #00344f;
      color: #ffffff;
    }
  }
}

.purchase-details__buttons.purchase-details__spb--true {
  @include flex(1 0 100%);
  margin-top: 10px;
  margin-left: 0;
  @include respond-to('medium-down') {
    margin-left: 0;
    margin-bottom: 0;
  }
  .action_button.action_button--secondary {
    @include flex(1 0 50%);
    max-width: calc(50% - 6px);
    @include respond-to('medium-down') {
      @include flex(1 0 100%);
      margin-right: 0px;
      margin-top: 0;
      margin-bottom: 10px;
      max-width: 100%;
    }
  }
  .shopify-payment-button {
    margin-left: 6px;
    max-width: calc(50% - 6px);
    height: inherit;
    @include respond-to('medium-down') {
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 10px;
      max-width: 100%;
    }
  }
}

// When product is unavailable
.purchase-details__buttons {
  &.product-is-unavailable {
    .add_to_cart,
    .shopify-payment-button {
      opacity: 0.5;
      pointer-events: none;
    }

    .add_to_cart {
      padding: 10px 5px;
    }
  }
}

.sidebar--true .purchase-details {
  @include respond-to('large-down') {
    @include flex-direction(column);
    @include align-items(flex-start);
    .purchase-details__quantity,
    .purchase-details__buttons {
      margin: 0 0 10px;
      width: 100%;
    }
    .action_button.action_button--secondary,
    .shopify-payment-button {
      @include flex(1 0 100%);
      margin: 0 0 10px;
      max-width: 100%;
    }
  }
}

#checkout {
  min-height: 54px; /* Match the height of additional checkout buttons. */
}

.additional-checkout-button+.additional-checkout-button {
  margin-left: 0 !important;
  max-width: 100% !important;
}

.additional-checkout-button,
.additional-checkout-button.additional-checkout-button--paypal,
.additional-checkout-button.additional-checkout-button--google-pay {
  min-width: 100% !important; /* Overwrite inline style */
}

/* #Tabs
================================================== */
ul.tabs {
    display: block;
    margin: 25px 0;
    border-bottom: solid 1px #cccccc;
    border-top: 0;
    list-style: none outside;
    margin-left: 0;
    text-transform: uppercase;
    padding-left:0;
}
ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0;
    list-style: none outside;
    margin-left: 0;
    cursor: pointer;
}
ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    line-height: 30px;
    margin-right: 60px;
    font-size: 13px;
    outline: none;
    @media (max-width: 960px) {
      margin-right: 30px
    }
    @include respond-to('medium-down') {
      font-size: 12px;
    }
    @include respond-to('small-down') {
      margin-right: 20px;
    }
}
ul.tabs li a.active {
    border-bottom: solid 3px #cccccc;
    background-color: #ffffff;
    border-bottom: solid 3px #aaaaaa;
    height: 31px;
    position: relative;
    border-right-width: 1px;
    color: #00344f;
}
ul.tabs li:last-child a {
        margin: 0;
}
ul.tabs-content { margin: 0; display: block; border: 0; padding-left: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px;}
ul.tabs-content ul {padding-left: 0;}

/* #Accordions
================================================== */
button {
	border: none;
	appearance: none;
}

$accordionBg: #ffffff;

.faqAccordion{
	&>dt{
		&>button{
			background: transparent;
			position: relative;
			padding: 20px 20px 20px 40px;
			color: #00344f;
      border-bottom: 1px solid #cccccc;
			text-align: left;
      display: block;
			cursor: pointer;
			width: 100%;
      outline: none;
      text-transform: initial;
      min-height: auto;
      height: auto;
      line-height: inherit;
      font-weight: normal;
      font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
      font-style: normal;
      box-shadow: none;
      border-radius: 0px;
      font-size: 18px;
			&:hover,&:focus{
				background: darken($accordionBg, 3%);
        border: none;
        border-bottom: 1px solid #cccccc;
        color: #00344f;
			}
			&::after{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50.1%);
        -ms-transform: translateY(-50.1%);
        transform: translateY(-50.1%);
				left: 15px;
        font-size: 25px;
				content: "\002b";
        color: inherit;
			}
			&[aria-expanded="true"]{
				&::after{
					content: "\002d";
          font-size: 30px;
				}
			}
		}
		&:first-child{
			&>button{
				border-top: none;
			}
		}
	}
	&>dd{
		color: #00344f;
		padding: 20px 0px 20px 0px;
		&[aria-hidden="true"]{
			display: none;
		}
    @include respond-to('medium-down'){
      margin-left: 15px;
    }
	}
}

//Accordion tabs

.accordion-tabs {
  > a {
    display: block;
    background-color: #D1D3D4;
    margin: 10px 0;
    padding: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    :hover {
      cursor: pointer;
    }
  }
  > li[id*=tab] {
    display: none;
    list-style: none;
  }
}

  /* Clearfixing tabs for beautiful stacking */
  ul.tabs:before,
  ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.tabs:after {
    clear: both; }
ul.tabs {
    zoom: 1; }

/* #Forms
================================================== */
form {
    margin-bottom: 20px; }
fieldset {
    margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea {
    display: block;
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    margin: 0;
    line-height: 22px;
    border: 1px solid #cccccc;
    outline: none;
    background: #fff;
    color: #5f6a7d;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    -webkit-appearance: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
      border-radius: 13px;
    
    @include respond-to('small-down') {
      font-size: 16px;
    }
}
input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="color"]:active, input[type="color"]:focus, select:active, select:focus, textarea:active, textarea:focus {
    border: 1px solid #aaa;
    color: #444;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input[type=number] {
  -moz-appearance:textfield !important; //To ensure arrows arent present in firefox
}
select::-ms-expand {
  display: none;
}

select {
  background: #fff url(//architessa.com/cdn/shop/t/117/assets/select.png?v=51992501115514909491675743758) no-repeat 96% 50%;
  background-size: 18px 12px;
  
    padding: 8px 14px 8px;
    border-radius: 3px;
  
  border: 1px solid #d9dbdc;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
label,
  legend,
  .option_title {
    display: block;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
    text-transform: uppercase;
      }
input[type="checkbox"] {
    display: inline; }
label span,
  legend span {
    font-weight: bold;
    font-size: 13px;
    color: #444; }
textarea {
  min-height: 120px;
  padding: 15px 9px;
}

.acceptsMarketing {
  margin-bottom: 20px;
  label {
    display: inline;
    margin-left: 5px;
  }
}

input.sign_up[type="submit"] {
  margin-left: 5px;
  display: inline-block;
}

input.contact_email[type="email"] {
  width: 320px;
  display: inline-block;
  float: left;
}

.btn.action_button, input.btn.action_button[type="submit"], input.btn.action_button[type="button"] {
  width: inherit;
}

/* #Contact Form
================================================== */

div.container.contact-form-container {
  padding-top: 0;
}

.contact-form {
  .contact-form__content {
    margin-bottom: 20px;
  }
}

.contact-form,
.custom-contact-form {
  label {
    margin-bottom: 12px;
  }

  ul li label {
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    text-transform: none;
    font-weight: 400;
  }
}

.contact-form__position--right,
.custom-contact-form__position--right {
  float: right;
}

.custom-contact-form {
  .contact-block {
    margin-bottom: 20px;
  }
  .custom-contact-form__image {
    margin-bottom: 20px;
  }
  .custom-contact-form__social .social_icons {
    padding: 0;
    margin-bottom: 40px;
  }
  .custom-contact-form__logo {
    max-width: 150px;
    margin: 0 auto 20px auto;
  }
  .contact-block--checkbox,
  .contact-block--radio {
    ul {
      padding: 0;
      margin: 0;
      li {
        margin-bottom: 8px;
        list-style: none;
        @include flexbox;
        @include align-items(baseline);
        input {
          margin-right: 10px;
          position: relative;
          top: 2px;
        }
        label {
          margin-bottom: 0;
        }
        &:last-child label {
          margin-bottom: 0;
        }
      }
    }
  }
}

.page-contact {
  .footer {
    margin-top: 0;
  }
  .custom-contact-form {
    margin-top: 25px;
  }
}

#target {
  padding: 20px;
  text-align: center;
}
.items_left {
  color: #8c8b8b;
}
.quantity_label {
  display: inline;
  font-size: smaller;
}
.remove_item a {
  font-size: smaller;
  color: #00344f;
}
input.quantity {
  width: 48px;
  display: inline;
  margin-bottom: 0;
  padding: 8px 5px;
}

ul.cart_items {
  padding-top: 0;
  padding-bottom: 0;
}
.cart_content li.mini-cart__item {
  padding: 0 0 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
.cart_content .notification-discount {
  color: #00a6b5;
  padding: 15px 0 0;
  margin: 0;
  line-height: 1;
}
li.mini-cart__item a, li.mini-cart__item a:active,
#header li.mini-cart__item a, #header li.mini-cart__item a:active {
  position: relative;
  font-size: inherit;
  text-align: left;
}

.cart_image {
  float: left;
  width: 100%;
  max-width: 100px;
  min-width: 100px;
  text-align: center;
  padding-right: 20px;

  img {
    display: block;
  }

  @include respond-to('small-down') {
    padding-right: 10px;
  }
}

a.continue {
  text-align:right;
  font-size: 32px;
  margin-right: 15px !important;
  padding: 10px 0 5px 0 !important;
  opacity: 0.8;
}
a.continue:hover {
  opacity: 1;
}
.empty_cart {
  text-align: center;
  font-size: 18px;
  padding: 40px 0 25px 0;
  color: inherit;
}
#shipping-calculator.columns { float: none; }
.cart__blocks {
  margin-top: 30px;
}
input[type="button"].get-rates.action_button {
  margin-top: 0;
}
#get-rates-submit {
  margin-top: -1px;
}
#customer_login {
  margin-bottom: 2px;
}
.multi_select {
  display: none;
}

/* Product Page Elements */

.container .align_right--images > div.columns {
  float: right;
}

.vendor {
  margin-bottom: 6px;
}

.section.product_section {
  margin-top: 0;
}

.product_section .description {
  margin-bottom: 15px;
  @include word-wrap;
}

.modal_price {
  padding-bottom: 8px;
  display: block;
}

.product_section .description.bottom {
  margin-top: 15px;
  border-bottom: none;
}

.sale_banner_product,
.new_banner_product,
.preorder_banner_product {
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px;
  text-align: center;
  color: #fff;
  margin-bottom: 13px;
  display: inline-block;
  font-size: 15px;
  white-space: nowrap;

  
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding: 0;

    @include respond-to('medium-down'){
      top: 5px;
      right: 5px;
      width: 50px;
      height: 50px;
      line-height: 50px;
    }
  
}

.sale_banner_product {
  background: #19517b;
}

.new_banner_product,
.preorder_banner_product {
  background: #1a517b;
}

.preorder_banner_product,
.product-list .thumbnail .preorder_banner {
  font-size: 12px;

  @include respond-to('medium-down'){
    font-size: 8px;
  }
}

.product_links {
  margin-bottom: 8px;
  font-size: 0.9em;
  border-top: 1px solid #cccccc;
  padding: 0;
}
.product_links p {
   margin: 2px 0;
  }

.social_buttons {
  border-top: 1px solid #cccccc;
  padding-top: 20px;
  font-size: 1em;
  margin-bottom: 25px;
  @include respond-to('medium-down'){
    text-align: center;
  }
}

.share_article .social_buttons {
  border-top: none;
  padding-top: 0;
  @include respond-to('medium-down'){
    padding-top: 15px;
  }
}

.share-btn {
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  margin-right: 6px;
  margin-bottom: 10px;

  a {
    color: #fff;
    padding: 10px 10px 8px 10px;
    border: solid 1px #e2e2e2;
    display: inline-block;
    transition: all 500ms ease 0s;
    
      border-radius: 100px;
      width: 44px;
      height: 44px;
    

  }
}

.icon-twitter-share:before { color: #09AEEC; }
.icon-twitter-share:hover { background-color: #09AEEC; border-color: #09AEEC; color: #fff; }
.icon-twitter-share:hover:before { color: #fff; }
.icon-facebook-share:before { color: #49659D; }
.icon-facebook-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; }
.icon-facebook-share:hover:before { color: #fff; }
.icon-pinterest-share:before { color: #CB1F2A; }
.icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; }
.icon-pinterest-share:hover:before { color: #fff; }
.icon-mail-share:before { color: #888; }
.icon-mail-share:hover { background-color: #888; border-color: #888; color: #fff; }
.icon-mail-share:hover:before { color: #fff; }

/* Quantity Box for Product Page */

.product-quantity-box .quantity,
.product-quantity-box .quantity:focus,
.product-quantity-box .product-plus,
.product-quantity-box .product-minus {
  border: #e2e2e2 1px solid;
  color: #000;
}

.product-quantity-box label { margin-bottom: 0.5em; }

.product-quantity-box {
  margin-right: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  label {
    text-align: left;
  }
  .quantity {
    text-align: center;
    padding: 6px 15px;
    width: 38%;
    height: 44px;
    border-radius: 0;
    -webkit-appearance: none;
    float: left;
    @include respond-to($medium-down) {
      width: calc(100% - 88px);
    }
  }
  .product-plus,
  .product-minus {
    background: #f2f2f2;
    font-weight: 300;
    position: relative;
    cursor: pointer;
    height: 44px;
    display: block;
    width: 44px;
    text-align: center;
    float: left;
    &:hover {
      background: #d9d9d9;
    }
    @include respond-to('medium-down') {
      display: inline;
      display: initial;
      margin: 0;
    }
  }
  .product-plus {
    border-left: 0;
    font-size: 16px;
    line-height: 44px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
  }
  .product-minus {
    border-right: 0;
    line-height: 44px;
    font-size: 18px;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
  }
}

.product-quantity-box + .inline_purchase {
  margin-top: 31.5px;
  width: 55%;
  float: left;
}

.product_section .product_form,
.product_section .contact-form {
  max-width: 400px;
  @include respond-to('medium-down'){
    max-width: 100%;
  }
}

/* Full width product image template */

.product-full_width_images .product_section .description img {
  display: none;
}

.full-width-product-images {
  img {
    display: block;
    width: 100%;
  }
  .caption.align-center,
  .caption.align-right,
  .caption.align-left {
    @include respond-to('small-down') {
      text-align: center;
    }
  }
}

/* #Blog
================================================== */

.sidebar .sidebar_content {
  .input-row {
    @include flex-direction(column);
    margin-left: 0px;
    margin-right: 0px;

    input {
      margin: 5px 0;
    }
  }
}

/* #Newsletter
================================================== */
.newsletter {
  margin: 0px auto;
  max-width: 640px;
}

.input-row {
  @include flexbox();
  @include flex-wrap(wrap);
  margin-left: -5px;
  margin-right: -5px;
  width: 100%;
  @include respond-to('medium-down') {
    @include flex-direction(column);
    margin-left: 0px;
    margin-right: 0px;
  }

  input {
    @include flex-basis(0);
    @include flex-grow(1);
    @include flex-shrink(1);
    max-height: 40px;
    @include respond-to('large-down') {
      margin: 5px 0;
    }
  }

  input.sign_up {
    display: inline-block;
    @include flex(none);
    max-height: 40px;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
}

.newsletter-both-names--true {
  input.firstName {
    margin-right: 5px;
  }
}

/*--- Newsletter popup ---*/

.js-newsletter-popup {
  display: none;
}

.newsletter__lightbox .fancybox-content {
  width: 100%;
  max-width: 740px;
  padding: 0;
  
}

.newsletter__lightbox .fancybox-close-small {
  
    left: 0;
  
  @include respond-to('small-down') {
    display: block;
  }
  svg path {
    @include respond-to('medium-down') {
      fill: white;
    }
  }
  
}

.newsletter__lightbox .fancybox-toolbar {
  display: none;
}

.newsletter-popup {
  @include flexbox();
  
    @include flex-direction(row-reverse);
  
  background-color: #ffffff;
  padding: 0;
  width: 100%;
  @include respond-to('medium-down'){
    line-height: 0;
    @include flex-direction(column);
  }
}

.popup-signup-show--true input.sign_up {
  @include respond-to($medium) {
    margin-left: 0px;
  }
}

.popup-signup-show--false {
  display: none;
}

.newsletter-both-names--false {
  .newsletter input[type="text"] {
    width: 100%;
  }
}

.newsletter-img {
  width: 40%;
  @include respond-to('medium-down') {
    width: 100%;
  }
  img {
    width: 100%;
    display: block;
  }
}

.newsletter-info {
  text-align: center;
  color: #00344f;
  background-color: #ffffff;
  height: auto;
  float: left;
  @include respond-to('medium-down') {
    padding: 20px;
    width: 100% !important;
    position: relative;
  }
  input.contact_email[type="email"] {
    width: 65%;
    float: left;
    @include respond-to('large-down') {
      width: 100%;
    }
  }
  #contact_form input.sign_up[type="submit"] {
    width: calc(35% - 10px);
    @include respond-to('large-down') {
      width: 100%;
    }
  }
  .input-row {
    margin-right: 0;
    margin-left: 0;
  }
  .popup-signup-show--true {
    margin-top: 20px;
  }
}

.newsletter-image--true {
  .newsletter-popup__content {
    width: 60%;
    @include flexbox();
    @include align-items(center);
    @include justify-content(center);
    @include respond-to('medium-down') {
      width: 100%;
      display: block;
    }
  }
  @include respond-to('large-up') {
    max-height: 875px;
  }
}

.newsletter-image--true.object-fit--none {
  @include respond-to('large-up') {
    height: auto;
  }
}

.newsletter-image--false {
  @include justify-content(center);
  .newsletter-info {
    width: 100%;
    position: relative;
    height: auto;
    float: none;
  }
}

.align-left .newsletter-info {
  right: 0;
}

.newsletter-description h2 {
  color: #00344f;
  margin-top: 0;
}

.newsletter-description {
  padding: 40px;
  margin: 0 auto;
  @include respond-to('medium-down') {
    font-size: inherit;
    width: auto;
  }
  @include respond-to('small-down') {
    padding: 20px;
  }
  @include respond-to('large-up') {
    min-width: 350px;
  }
  @include respond-to('widescreen-up') {
    font-size: inherit;
  }
}

.newsletter-buttons {
  .button {
    height: auto;
    background-color: transparent;
    color: #00344f;
    border: 1px solid #00344f;
    transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 0;

    
      margin-left: 8px;
      margin-right: 8px;
    

    &:hover,
    &.highlight-true {
      background-color: #00344f;
      color: #ffffff;
      border: 1px solid #00344f;
    }

    @include respond-to('small-down') {
      margin-top: 5px;
    }
  }
}

/*--- Newsletter section above footer ---*/

.newsletter_section {
  -webkit-transform:translate3d(0,0,0);
  background-color: #faeac6;
  color: #00344f;

  h2 {
    color: #00344f;
    margin-top: 0;
  }
}

.newsletter_section.newsletter-bgr-true {
  background-color: #faeac6;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  input.contact_email[type="email"] {
    border: 0;
  }
  @include respond-to('small-down') {
    text-align: center !important;
  }
}

.section_form {
  padding: 10px 20px;

  input[type="email"], input[type="text"] {
    border: 0;
  }
  @include respond-to('small-down') {
    padding: 0;
  }
  .newsletter-text + .newsletter, h5 + .newsletter  {
    margin-top: 15px;
 }
}

.newsletter_section h5 {
  color: #00344f !important;
  padding-top: 0px;
  margin: 0;
}

.newsletter_section .newsletter-text p {
  margin-bottom: 0;
}

.newsletter_section .newsletter,
.password-page-row form {
  display: inline-block;
  padding-top: 0 !important;
  width: 450px;

  @include respond-to('small') {
    width: 100%;
    max-width: 100%;
  }

  @include respond-to('small-down') {
    width: 100%;
  }
}

.shopify-challenge__container {
  padding: 150px 0;
}

/*--- Newsletter in footer ---*/

.footer-section {
  .newsletter_section {
    background-color: transparent;
    color: #00344f;
    h6 {
      color: #00344f;
      font-size: 18px;
    }
    p {
      padding: 15px 0;
    }
    .newsletter {
      width: 100%;

      input {
        width: 100%;
      }
      .action_button {
        margin-left: 0;
      }
    }
  }
}


/* #Tables
================================================== */

// These styles always apply to tables
table tr.order_summary td.label {
  text-align: right;
}

table {
  margin-bottom: 20px;

  th {
    font-weight: 700;
    text-align: left;
  }
}

#order_details,
#customer_orders table {
  @include table-with-borders;
}


  table {
    @include table-with-borders;
  }





/* #Misc
================================================== */

.allow-clickthrough { pointer-events: none !important; }
.hidden { display: none; }
.hidden--mobile {
  @include respond-to('small-down') {
    display: none !important; /* Force on mobile devices */
  }
}
.remove{ color: #00344f; }
.relative { position: relative; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.right { float:right; position: relative; }
.left { float: left; }
.inline { display: inline; }
.center { text-align: center; }
.relative { position: relative; }
.align_right { text-align:right }
.align_left { text-align: left; }
.text-align--center { text-align: center; }
.text-align--left { text-align: left; }
.text-align--right { text-align: right; }
p.warning { text-align: center; font-weight: bold; }

.warning--quantity {
  clear: both;
  display: inline-block;
  margin-top: 15px;
  width: auto;
  text-align: left;
}
.large--right {
  @include respond-to('medium-up') {
    float:right;
    position: relative;
  }
}
.visuallyhidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.mini-cart__item p.warning {
  margin-top: 5px;
  text-align: left;
}
.container div.mobile_only, span.mobile_only, .mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
div.is-absolute {
  position: absolute !important;
  top: 0;
  margin-top: 0;
}
.full-width-image {
  width: 100%;
}
#instantclick-bar {
  background: #00344f;
  z-index: 100000;
  height: 4px;
}
#grid .column,
  #grid .columns {
    background: #ddd;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    border-radius: 2px;
  }
#grid .column:hover,
  #grid .columns:hover {
    background: #bbb;
    color: #333; }
#grid .example-grid { overflow: hidden; }

.items_left {
  margin: 0 0 15px;
  line-height: 1.6em;
  font-size: normal;
  font-style: italic;
  color: #8c8b8b;
}

.cart .paypal-button + .paypal-button {
  display: none;
}

.shopify-reviews.reviewsVisibility--false { display: none; }

/* #Testimonials
================================================== */

.testimonial-section {
  position: relative;

  .set-static {
    @include flexbox();
    .caption {
      position: static;
      @include prefix(transform, translateY(0), ms webkit spec);
      padding: 40px;
      margin: auto;
    }
  }

  .set-testimonial-height {
    height: 95%;
  }

  .darken-bg {
    @include respond-to('medium-up') {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: rgba(0, 0, 0, .6);
    }
  }

  .feature_divider {
    margin: 25px auto;
    width: 10%;
    display: inline-block;
    @include respond-to('small-down') {
      margin: 5px auto;
    }
  }

  .use-mobile-color {
    .animated {
      -webkit-animation-delay: 0.25s;
      animation-delay: 0.25s;
    }
  }
}

.testimonial-block.gallery-cell.use-mobile-color {
  background-color: #00344f;
  .caption .caption-content p {
    color: #ffffff;
    @include respond-to('small-down') {
      text-shadow: none;
    }
  }
}

$banner-crop-height: 60vh;

.mobile-banner--crop-left {
  @include respond-to('small-down') {
    @include object-fit(cover, left);
    min-height: $banner-crop-height;
  }
}

.mobile-banner--crop-right {
  @include respond-to('small-down') {
    @include object-fit(cover, right);
    min-height: $banner-crop-height;
  }
}

.mobile-banner--crop-center {
  @include respond-to('small-down') {
    @include object-fit(cover, center);
    min-height: $banner-crop-height;
  }
}

.caption-content.testimonial-text {
  width: 80%;
  .subtitle {
    text-transform: none;
    color: #ffffff;
    @include respond-to('small-down') {
      font-weight: normal;
      font-size: 14px;
    }
  }
  h2,
  p.headline {
    color: #ffffff;
    @include respond-to('small-down') {
      text-shadow: none;
    }
  }
}

.caption-content.testimonial-text-mobile h2,
.caption-content.testimonial-text-mobile .subtitle,
.caption-content.testimonial-text-mobile p.headline {
  @include respond-to('small-down') {
    color: #00344f;
  }
}

.testimonial-block {
  .caption {
    @include respond-to('small-down') {
      margin: auto;
      padding-top: 5%;
      padding-bottom: 5%;
    }
  }
}

.testimonial-slideshow,
.testimonial-block.gallery-cell {
  background-color: transparent;
}

/* #FAQ Template
================================================== */

.page-faq {
  .faq--heading {
    padding-top: 30px;
  }
}

/* #Team Template
================================================== */

.team-page__content--left {
  @include flexbox();
  @include respond-to('medium-down') {
    @include flex-direction(column);
  }
}

.team-page__content--right {
  @include flexbox();
  @include flex-direction(row-reverse);
  @include respond-to('medium-down') {
    @include flex-direction(column);
  }
}

.team-page__text,
.team-page__image,
.team-page__image img { width: 100% }

.team-page__content--multiple .team-page__text,
.team-page__content--multiple .team-page__image, {
  max-width: 50%;
  width: 100%;
  @include respond-to('medium-down') {
    max-width: 100%;
  }
  &:first-child { margin-right: 20px; }
}

.team-page__text {
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
}

.team-page__container {
  max-width: 70%;
}

.team-member__profile.columns,
.team-member__profile.column {
  margin-bottom: 30px;
}

.team-member__name { padding-top: 10px; }

.team-member__wrap {
  position: relative;
  &:hover .team-member__overlay {
    opacity: 1;
  }
}

.team-member__overlay {
  opacity: 0;
  transition: opacity 0.3s linear;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.team-member__details {
  @include prefix(transform, translateY(-50.1%), ms webkit spec);
  top: 50%;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  padding: 20px;

  img { display: block; }

  p {
    margin-top: 10px;
    line-height: 1.3;
  }

  .icon-twitter {
    display: inline-block;
    vertical-align: middle;
  }
}

.team-member__title {
  padding-bottom: 0;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1;
  &:after {
    width: 30%;
    display: block;
    margin: 0 auto;
    content: '';
    height: 3px;
    margin-top: 20px;
  }
}

/* #Logo-list
================================================== */

.logo-bar {
  text-align: center;
  margin-bottom: 20px;

  a {
    transition: ease all 0.6s;

    &:hover {
      opacity: 0.6;
    }
  }
}

.logo-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 160px;
  width: 160px;
  margin-top: 20px;

  @include respond-to('medium-up') {
    margin-left: 25px;
    margin-right: 25px;
  }
}

/* #Gallery Section
================================================== */

//General gallery styling
div.container.gallery-content {
  margin-top: 0;
  padding-top: 0;
}

.gallery-section {
  text-align: center;

  .container {
    padding: 0px;
  }

  .gallery-break {
    width: 100%;
    clear: both;
  }

  .display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }

  .display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }

  .gallery-image-wrapper,
  .gallery-empty-wrapper {
    margin: 5px;
    position: relative;
  }

  .gallery-empty-wrapper {
    min-height: 150px;
  }

  .gallery-empty-wrapper:nth-child(even) .placeholder-svg {
    background-color: rgba(#00344f, 0.3);
  }

  a {
    display: block;
  }
}

.gallery-image-wrapper {
  .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    transition: opacity 0.3s ease-in;

    .icon-zoom {
      color: white;
      font-size: 1.5em;
      top: 50%;
    }
  }

  &:hover {
    .overlay {
      opacity: 1;
    }
  }
}

.page-details-section,
.product-details-section {
  .container.full-width--true {
    padding: 0;
  }

  .full-width--true .gallery-image-wrapper {
    margin: 0;
    width: 33.33333%;

    @include respond-to('small-down') {
      width: 100%;
    }
  }
}

.two-per-row .overlay .icon-zoom {
  font-size: 2.5em;
}

.three-per-row .overlay .icon-zoom {
  font-size: 2em;
}

//Horizontal gallery styling
.gallery-section.gallery-horizontal {
  @include flexbox();
  @include flex-wrap(wrap);

  i {
    display: block;
  }

  img {
    position: absolute;
    top: 0;
    width: 100%;
    vertical-align: bottom;
    width: 100%;
    height: auto;
    display: block;
  }

  .gallery-image-wrapper:last-child {
    @media only screen and (min-width: 2000px) {
      width: 15%;
      flex-basis: initial !important;
      flex-grow: initial !important;
    }
  }

  .gallery-empty-wrapper {
    width: 190px;
  }
}

.gallery-full {
  display: inline-block;
  width: 100%;

  .gallery-image-wrapper, .gallery-empty-wrapper {
    margin: 0;
  }

  .gallery-empty-wrapper {
    width: 25%;
  }
}

//Classic gallery styling
.gallery-section.gallery-classic {

  .gallery-image-wrapper,
  .gallery-empty-wrapper {
    display: block;
    float: left;
    margin: 0;
    img, svg {
      width: 100%;
      display: block
    }
  }

  .add-padding {
    padding: 5px;
  }

  .two-per-row {
    width: 50%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }

  .three-per-row {
    width: 33.333%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }

  .four-per-row {
    width: 25%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }

  .five-per-row {
    width: 20%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }
}

//Masonry gallery styling
.gallery-section.gallery-masonry {
  .masonry {
    font-size: .85em;
    line-height: 0px;
    margin: 10px 0;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;

  }

  .gallery-empty-wrapper {
    min-height: 100px;
    overflow: hidden;
    svg {
      min-width: 800px;
      path {
        display: none;
      }
    }
  }

  .adjust-columns {
    column-gap:0px;
    -moz-column-gap: 0px;
    -webkit-column-gap: 0px;
    overflow: hidden;
  }

  .gallery-image-wrapper,
  .gallery-empty-wrapper {
      display: block;
      width: 100%;
      margin: 0 0 5px 0;
      box-sizing: border-box;
      -webkit-column-break-inside: avoid;
      -webkit-backface-visibility: hidden;
      img,
      svg {
        width: 100%;
        display: block;
      }
  }

  .two-per-row {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .three-per-row {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .four-per-row {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .five-per-row {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }
  &.gallery-full {
    .gallery-image-wrapper,
    .gallery-empty-wrapper {
      margin: 0px;
      margin-bottom: 0px !important;
    }
  }
}

/* #Recently Viewed
================================================== */

.rv-container {
  display: block;
  .thumbnail:empty {
    margin-bottom: 0;
  }
}

.rv-main .flickity-page-dots {
  bottom: 25px;
  @include respond-to('medium-down') {
    display: none;
  }
}

//Sidebar styles
.sidebar {

  .collection_swatches .swatch {
    float: left;
  }

  .toggle_list {
    .rv-container a:hover {
      border-color: transparent;
    }

    .rv-container a.product-info__caption.hidden {
      display: none;
      @include respond-to('medium-down') {
        display: block;
      }
    }
  }

  .recently-viewed__title {
    display: none;
  }

  .rv-sidebar-element {
    max-width: 75%;

    .product_image a {
      display: block;
      min-width: 100%;
    }
    .product_image img {
      height: auto;
    }
  }

  .product-list .thumbnail {
    @include respond-to('medium-down') {
      .title,
      .price,
      .brand {
        text-align: left;
        display: block;
      }
    }
  }

  .product-list .thumbnail .thumbnail-overlay {
    position: relative;
    opacity: 1;
    background: transparent;
    .product-details {
      position: relative;
      transform: none;
      transition: none;
      opacity: 1;
      text-align: left;

      .title {
        color: #00344f;
        padding: 0;
      }

      .title,
      .price {
        font-size: 0.9vw;
      }
    }

    .info {
      position: relative;
      font-size: 12px;
      opacity: 1;
      top: 0;
      transform: translateY(0);
      padding-bottom: 0;

      .quick_shop {
        display: none;
      }
    }
  }
}

//Description bottom styles
.product-description-bottom .js-recently-viewed.rv-main {
  clear: both;
}

//Hide duplicates
.rv-box-element .js-recently-viewed-product:nth-child(2),
.rv-sidebar-element .js-recently-viewed-product:nth-child(2) {
  display: none;
}

/* #Search autocomplete
================================================== */

.dropdown .header_search_form,
.main_nav {
  .search__results .item-result {
    left: 0;
    width: 100%;
    background: #ffffff;
    border-left: 0;
    border-right: 0;
    a .title {
      color: #00344f;
      transition: all 0.3s ease-in-out;
    }
    a:hover {
      background: #ffffff;
    }
    a:hover .title {
      color: #1a517b;
    }
    a:hover span {
      color: #00344f;
    }
  }
  li.all-results a:hover {
    color: #ffffff;
  }
}

.nav .search__results {
  width: 350px;
  right: 0;
  left: auto;
  li a:active {
    transition: ease-in-out 0s all;
  }
}

.search_container input {
  z-index: 29;
}

.search__results {
  z-index: 30;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  position: absolute;

  li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
    overflow: hidden;
    &:first-child {
      border-top: none;
    }
    a,
    a:active {
      width: 100%;
      transition: ease-in-out 0.3s all;
      @include flexbox();
      @include align-items(center);
      padding: 15px 20px;
    }
    a:hover {
      background-color: rgba(0, 52, 79, 0.1);
    }
    a:active {
      background-color: rgba(0, 52, 79, 0.3);
    }
    img {
      display: block;
    }
  }

  .title {
    text-transform: none;
    padding-left: 8px;
    text-align: left;
    font-size: 15px;
  }

  .thumbnail {
    padding: 0;
    text-align: center;
    img {
      max-width: 70px;
      max-height: 70px;
    }
  }
  .result--page .title {
    padding-left: 0;
  }
  .result--page span.item-pricing {
    text-transform: none;
    font-weight: lighter;
    font-size: 0.8rem;
  }
}

.menu a span.item-pricing,
span.item-pricing {
  padding: 0;
  span {
    padding: 0;
  }
}

.all-results {
  width: 100%;
  margin: 0;
  span {
    display: block;
    width: 100%;
    text-align: center;
  }
  span.item-pricing {
    color: #00344f;
  }
  a {
    color: #ffffff;
    background-color: #00344f;
    &:hover {
      background-color: #00344f;
    }
  }
}


/* #Search page
================================================== */

.search-template-section {
  form {
    position: relative;
  }
  .search_container {
    position: relative;
    .search-submit {
      z-index: 900;
    }
    input {
      
        border-radius: 3px;
      
    }
  }
}

.search-matrix .product_row {
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
}

.search-matrix .product_row:last-child {
  border-bottom: none;
}

/* #Search Section
================================================== */

.search-bgr-true {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.search-section {
  background-color: #ffffff;
  width: 100%;
  display: inline-block;
  h2 { margin-bottom: 0.25em; }
  h2,
  p { color: #00344f; }
  .container { padding: 40px 0; }
}

.text-align--center .search__container {
  @include justify-content(center);
}

.text-align--left .search__container {
  @include justify-content(flex-start);
}

.text-align--right .search__container {
  @include justify-content(flex-end);
}

.search__container {
  position: relative;
  width: 100%;
  @include flexbox();
  .search__wrapper {
    display: inline-block;
    position: relative;
    max-width: 650px;
    width: 100%;
  }

  input[type="text"] {
    font-size: 16px;
    display: inline-block;
    border: 1px solid #000;
    min-height: 50px;
    height: 50px;
    margin-bottom: 0;
    &:active,
    &:focus {
      border: 1px solid #000;
    }
  }
}

.search__form {
  width: 100%;
  max-width: 650px;
  position: relative;
  @include flex(0 0 auto);
}

.search__results {
  top: 100%;
  width: 100%;
  li {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }
  .all-results {
    border: 0;
    background-color: #00344f;
    width: 100%;
    margin: 0;
    span {
      display: block;
      width: 100%;
      text-align: center;
      padding-left: 0;
    }
    span.item-pricing {
      color: #00344f;
    }
    a,
    a:active {
      color: #ffffff;
      padding: 20px;
      text-align: center;
      display: block;
      line-height: 1;
    }
    &:hover {
      background-color: #00344f;
    }
  }
}

.search__button {
  position: absolute;
  margin-top: 0;
  top: 0;
  height: 50px;
  width: 50px;
  right: 0px;
  padding: 0;
  background-color: #000;
  border-color: transparent;
  color: white;
  font-size: 24px;
  
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  
  &:hover {
    color: white;
    background-color: darken(#cccccc, 20%);
    border: 1px solid #000;
    border-left: 0px;
  }
}


/* #Site Styles
================================================== */

div.container {
  margin: 0 auto;
  padding: 20px 0;
}

.featured_text {
  font-size: 18px;
  line-height: 36px;
}
.large_text {
  font-size: 28px;
  line-height: 50px;
}

div.content { padding: 30px 0px 15px 0; }

/* #Header
================================================== */

.dropdown .header_search_form {
  @include respond-to('medium-down') {
    .search__results {
      margin-top: 30px;
    }
  }
  .search-terms {
    height: 50px;
    min-height: 50px;
  }
}

.main_nav div.logo a {
  display: block;
  color: #00344f !important;
  outline: 0;
}

.menu-position--inline.logo-position--left div.logo {
  padding-left: 20px;
  text-align: left;
}

.menu-position--inline.logo-position--left div.logo.logo--text a {
  padding-top: 12px;
  padding-bottom: 12px;
}

.menu-position--inline.logo-position--center {
  .logo {
    text-align: center;
    img {
      margin: 0 auto;
    }
  }
}

.menu-position--block.logo-align--left div.logo {
  padding-left: 20px;
  text-align: left;
}

.menu-position--block.logo-align--center div.logo {
  text-align: center;
  width: 100%;

  img {
    margin: 0 auto;
  }
}

div.logo {
  width: 16%;
  float: left;

  img {
    width: 100%;
  }

  &.text-align--center img {
    margin: 0 auto;
  }

  &.text-align--left {
    padding-left: 20px;
  }
}

.primary_logo {
  display: block;
}

.secondary_logo {
  display: none;
}

header.feature_image.secondary_logo--true {
  img.primary_logo,
  img.secondary_logo {
    display: none;
  }
}

header.secondary_logo--true:not(.feature_image) {
  img.secondary_logo {
    display: none !important;
  }
  img.primary_logo {
    display: inline !important;
  }
}

.featured_content,
.featured_content h1,
.featured_content h2,
.featured_content h3,
.featured_content h4,
.featured_content h5,
.featured_content h6 {
  color: #00344f;
}

.featured_content {
  background-color: #ffffff;
}

.nav_arrows {
  float: right;
}

.sku {
  margin: 0;
}

#category {
  width: 100%;
}

/* Currency / language switcher in header */

#header__selector-form {

  .icon-arrow-down {
    font-size: 9px;
  }

  .disclosure__toggle {
    background-color: transparent;
    border: none;
    position: relative;
    padding: 0 0 0 16px;
    letter-spacing: 1px;

    &:hover,
    &:focus {
      background-color: transparent;
    }
  }

  .disclosure__list-wrap {
    border: none;
    bottom: initial;
    position: absolute;
    top: 100%;

    .disclosure-list {
      list-style: none;
    }
  }

  .disclosure-list__item {
    display: block;
  }

  button.disclosure__button {
    letter-spacing: 1px;
  }

  .currency-preview {
    position: relative;

    select.currencies {
      background-image: none;
      z-index: 1000;
    }

    .icon-down-arrow {
      position: absolute;
      top: 50%;
      right: 10px;
      color: #00344f;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 999;
      &:hover {
        color: inherit;
      }
    }

    &:hover {
      .icon-down-arrow,
      select.currencies {
        color: #00a6b5;
      }
    }
  }
}

/* #Currency / Language switcher
================================================== */

.selectors-form__wrap,
.selectors-form,
.selectors-form__item {
  margin: 0;
}

.selectors-form__wrap {
  @include flexbox();
  @include justify-content(flex-end);
}

.disclosure {
  position: relative;
}

// fix for capitalization issue in cross border
.disclosure-text-style-none {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: capitalize;
  }
}

.disclosure-text-style-uppercase {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: uppercase;
  }
}

.disclosure-text-style-lowercase {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: lowercase;
  }
}

.disclosure__toggle {
  color: #00344f;
  font-size: 13px;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  background-color: transparent;
  margin-right: 20px;
  min-height: 0;
  transition: color .1s linear;

  &:hover,
  &:focus {
    opacity: 1;
  }


  &.is-clicked {
    color: #00a6b5;

    &:focus {
      color: #1a517b;
    }
  }

  &.is-clicked + .disclosure__list-wrap {
    visibility: visible;
    opacity: 1;

    .disclosure-list {
      display: block;
    }
  }

  .icon-down-arrow {
    margin-left: 8px;
  }
}

.disclosure__list-wrap {
  background-color: #effafa;
  border: 1px solid #cccccc;
  bottom: 100%;
  visibility: hidden;
  position: absolute;
  z-index: 1001;
  opacity: 0;
  transition: opacity 0.3s ease-in;

  &.disclosure--left {
    left: auto;
    right: 0;
  }

  .disclosure-list {
    list-style: none;
    white-space: nowrap;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    margin-top: 0;
    display: none;
  }
}

.disclosure-list__item {
  background-color: inherit;
  color: inherit;
  line-height: 1;
}

button.disclosure__button {
  background-color: inherit;
  color: #00344f;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  transition: color .1s linear;
  opacity: 1;

  &:hover,
  &[aria-current="true"] {
    color: #00a6b5;
  }

  &:focus {
    color: #1a517b;
  }
}

/* Pagination & infinite scrolling */

.paginate,
.load-more { text-align: center; }

.paginate .page a,
.paginate .current,
a.tag {
  border: solid 1px #cccccc;
  margin: 10px 5px;
  padding: 0.5rem 1rem;
  display: inline-block;
  
    border-radius: 3px;
  
  &:hover {
    color: #fff;
    background-color: #00344f;
    border: solid 1px #00344f;
  }
}

.paginate .current {
  font-weight: bold;
  color: #fff;
  background-color: #00344f;
  border: solid 1px #00344f;
}

.paginate .next,
.paginate .prev {
  display: inline-block;
  margin: 10px 0;
  padding: 0.5rem 1rem;
}

.load-more {
  display: none;
  width: 100%;
}

.collection-template-section .load-more,
.search-template-section .load-more {
  display: block;
  clear: both;
}

.load-more__icon {
  opacity: 0;
  height: 0;
  width: 0;
  transition: all 0.3s linear;
  background: url('//architessa.com/cdn/shop/t/117/assets/loader.gif') center center no-repeat;
  background-size: 32px 32px;
  margin: 0 auto;
}

.collection-matrix.loading-in-progress.filter-loading,
.search-matrix.loading-in-progress.filter-loading {
  height: 0;
}

.collection-matrix.loading-in-progress + .load-more__icon,
.search-matrix.loading-in-progress + .load-more__icon {
  width: 44px;
  height: 44px;
  opacity: 1;
}

a.tag {
  font-size: smaller;
  padding: 4px 6px;
  margin: 5px 2px 5px 0;
}

.paginate .deco { border: none; }

/* Product list - collections */

.product-list .thumbnail,
.slider-gallery .thumbnail,
.list-collections .thumbnail {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
  display: block;
  .thumbnail-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.3s ease-in;
    > a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
    @include respond-to('medium-down'){
      display: none;
    }
    @include respond-to('widescreen-up'){
      line-height: 1.5;
    }
  }

//Do not display thumbnail hover background if user picks none


 
  .thumbnail-overlay {
      background-color: rgba(255, 255, 255, 0.7);
  }
 


  
    .thumbnail_banner {
      border-radius: 50%;
      width: 70px;
      height: 70px;
      line-height: 70px;
      padding: 0;
      position: relative;
      top: 10px;
      right: 10px;
      white-space: nowrap;

      @include respond-to('medium-down'){
        top: 5px;
        right: 5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
      }
    }
  
  img {
    vertical-align: bottom;
    transition: opacity .3s ease-in;
    width: 100%;
    @include object-fit(contain, top center);
  }
  .product-info__caption {
    
      display: block;
    
    margin-top: 20px;
    @include respond-to('medium-down'){
      display: block;
    }
  }
}

@include respond-to('large-down'){
  .touchevents {
    .product-info__caption {
      display: block;
    }
    .thumbnail-overlay {
      display: none;
    }
  }
}

.hidden-product-link {
  line-height: 0;
  font-size: 0;
  color: transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

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

// Swap to second image on hover


/* Thumbnail overlay */



.quick_shop,
.view_all {
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  border: 1px solid #00344f;
  padding: 10px 20px;
  margin-top: 2rem;
  color: #00344f;
  opacity: 0;
  pointer-events: all;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out,color 0.3s linear, background-color 0.3s linear;
  
    border-radius: 3px;
  
  &:hover {
    
      color: #ffffff;
      background-color: #00344f;
    
  }
}


.thumbnail {

  .price span.money {
    color: #00344f;
    &:hover {
      color: #00344f;
    }
  }
  .sale span.money {
    color: #00a6b5;
  }
  .was_price span.money {
    color: #8c8b8b;
  }
}



/* Product banners */

.new {
  position: relative;
  display: inline;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
}




/* Sold out and coming soon text */

.thumbnail .sold-out,
.thumbnail .coming-soon {
  opacity: 0.5;
  color: #00344f;
}

.thumbnail-overlay .sold-out,
.thumbnail-overlay .coming-soon {
  opacity: 0.5;
  color: #00344f;
}

/* Sale text */

.thumbnail .sale, .sale {
  color: #00a6b5;
}

.banner_holder {
  position: absolute;
  top: 0;
  right: 0;
}

.sale_banner, .new_banner, .preorder_banner {
  background: #19517b;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 12px;
  text-align: center;
  color: #fff;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  @include respond-to('medium-down'){
    padding: 4px 10px;
    font-size: smaller;
  }
}

.new_banner, .preorder_banner {
  background: #1a517b;
}

a.secondary_button, input.secondary_button {
  display: block;
  padding: 15px 0;
  text-align: center;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  margin: 10px 0;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #00344f;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  &:hover, &:active, &:visited {
    color: #00344f;
  }
}

.thumbnail .price,
.thumbnail .title {
  display: block;
  margin-bottom: 5px;
  font-size: inherit;
  line-height: 1.2;
}

.thumbnail .title {
  word-break: break-word;
}

.cart_price {
  float: right;
  text-align: right;
  padding-left: 20px;
  font-weight:bold;
  display: none;
}

#estimated-shipping, .excluding_tax {
  display: block;
}

.cart_page_image {
  text-align: center;
  margin: 10px 0 20px;
  display: block;
  img {
    width: 100%;
    display: block;
  }
}
.cart_content_info {
  padding: 0;

  h5 {
    padding: 0;
    margin-bottom: 10px;
    margin-top: 0;
  }

  .price_total {
    clear: both;
    padding: 0;
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.subtotal {
  padding-top: 20px;
  padding-left: 40px;
  @include respond-to('medium-down') {
    padding-left: 0;
  }
}

.continue-shopping {
  display: block;
  color: secondary-button-color(#00344f);
  text-align: center;
  font-family: "Mundo Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px;
}

.subtotal_amount {
  font-size: 1.4em;
  font-weight: bold;
}
button.update {
  width:30%;
  float: right;
}


.size_chart { float:right; padding-top: 5px; }
#size-chart { display: none; }
#size-chart h5 {
  padding: 15px 0 0 0;
  text-align: center;
}

.js-sizechart-lightbox {
  cursor: default !important; //using important to overwrite the fancybox styles
}

.price_total_text {
  font-weight: normal;
  display: none;
}
.was_price {
  text-decoration: line-through;
  color: #8c8b8b;
  text-shadow:none;
  font-weight:normal;
}
.cart_savings {
  text-align: left;
}
.savings {
  font-size: 16px;
  display: block;
}
.thumbnails a {
  display:block;
  margin-bottom: 1em;
}

.arrow {
  position: relative;
  top: -1px;
  left: 2px;
  opacity: 0.6;
}
.modal {
  margin: 10px 0;
  display: none;
  background-color: #ffffff;
}
.modal_product {
  width: auto;
  line-height:0px;
  max-width: 940px;
}
.modal_product img {
  cursor: pointer;
}
.modal_image {
  text-align:center;
}
.modal a {
  padding-bottom: 0;
}
.modal .modal_price,
.modal_price {
  font-size: 20px;
  margin-bottom: 10px;
}

.product_section .modal_price,
.quick-shop__text-wrap .modal_price {
  @include flexbox();
  @include flex-wrap(wrap);

  .price__container,
  .sold-out__container {
    display: inline-block;
  }

  .price__container--display-price-true.has-margin-right {
    margin-right: 10px;
  }

  .sold_out__container {
    min-width: 150px;
  }
}

.quick-shop__text-wrap .modal_price {
  &.variant-unavailable .price__container {
    display: none;
  }
}

.modal form {
  margin-bottom: 10px;
}
.notify_form #contact_form .action_button {
  width: 100%;
}
.product_image_col {
  margin-top: 15px;
  text-align:center;
}
.meta {
  font-size: 13px;
}
.meta p {
  font-size: 13px;
  margin-bottom: 0px;
}
p.meta {
  margin-bottom: 10px;
}
.comment-body p.meta {
  margin-bottom: 5px;
}
.comment-body h6 {
  padding: 0;
}
.sidebar_title {
  padding-bottom: 0px;
}
.blog-section h2 {
  margin-bottom: 0;
  line-height: 1.2;
}
.blog-section h2 a {
  color: #00344f;
}
.blog_meta {
 margin-bottom: 0;
}
.blog_meta span {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-size: smaller;
  color: #8c8b8b;
}
.blog_meta span:after {
  content: '';
  position: absolute;
  right: -16px;
  top: 50%;
  margin: -1px 5px 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #8c8b8b;
}
.blog_meta span:last-child:after {
  background-color: transparent;
}
.tags span a {
  color: #00344f;
}

.article-wrap {
  padding-bottom: 25px;

  .article__title {
    @include respond-to('medium-up') {
      margin-top: 0;
    }
  }

  .continue-button {
    @include respond-to('medium-up') {
      margin-bottom: 0;
    }
  }
}

.read-more-link {
  margin-top: 10px;
  margin-bottom: 25px;
  display: inline-block;
}

.article h3.sub_title {
  letter-spacing: 0;
  margin: 10px auto 0;
}

.article_content {
  margin-top: 20px;
}

.excerpt {
  line-height: 1.5;
  margin:1em 0;
}

#comment_form .action_button, #contact_form .action_button {
  display: block;
  padding-left: 40px;
  padding-right: 40px;
  @include respond-to('medium-down') {
    width: 100%;
  }
}

#contact_form .action_button.sign_up {
  display: inline-block;
  width: 120px;
  padding-left: 0;
  padding-right: 0;
  float: none;
}

body.article { padding-bottom: 0 }

.toggle span {
  color: #8c8b8b;
  font-weight:bold;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:smaller;
  float: right;
  display: none;
}

.sidebar .blog_search {
  margin-bottom: 15px;

  input {
    width: 100%;
    
      border-radius: 3px;
    
  }
}

.meta .label, .label {
  color: #8c8b8b;
}

.blog_meta, .blog_meta a {
  color: #8c8b8b;
}

.blog_meta a:hover {
  color: #00344f;
}

.count {
  font-style: normal;
  font-size: 13px;
}

.checkout {
  display:block;
  float:right;
  margin-top: 0px;
}

.additional-checkout-buttons {
  text-align: center;
  margin-top: 0;

  & > *:not(script) {
    padding: 10px 0 0 10px;
    vertical-align: top;
    line-height: 1;

    @include respond-to('small-down') {
      padding: 10px 0 0 5px;
    }

    &:first-child,
    &:empty {
      padding-left: 0px;
    }
  }
}

.or {
  line-height: 40px;
  font-style: normal;
  font-size: 14px;
  padding: 0 10px;
  text-align: center;
  @include respond-to('small-down') {
    line-height: initial;
    text-align: left;
  }
}

.comment {
  margin-bottom:20px;
}

/*--Author Bio + Social Share Buttons--*/

.author_share_wrap {
  width: 100%;
  border-top: 1px solid #cccccc;
  min-height: 40px;
  padding: 15px 0;
  margin-top: 15px;
  overflow: auto;
}

.blog_author {
  width: 60%;
  float:left;
  @include respond-to('medium-down'){
    width: 100%;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
  }
}

.blog_author img {
  width: 80px;
  height: 80px;
  border: 1px solid #cccccc;
  float:left;
  margin-right: 15px;
}

.author_bio {
  text-align: left;
}

.author_bio h6 {
  padding-top: 0;
}

.author_bio p {
  font-size: 0.9em;
}

.blog_share {
  width: 38%;
  float:right;
  text-align: right;
  @include respond-to('medium-down'){
    width: 100%;
    float:left;
  }
}

  .red {
    color: #C33;
  }
  .address p {
    margin-bottom: 5px;
  }
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  .search_page {
    padding: 100px 0;
  }


/* #Swatch Styles
================================================== */

/* SASS variables for swatch dimensions */
$swatch-element-size: 40px;
$swatch-label-size: 34px;

.swatch-element.swatch--active {
 // border-color: black;
  //box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
}

.selector-wrapper label {margin-bottom: 0.5em;}



  .product_section .product_form {
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .product_section .product_form.is-visible {
    opacity: 1;
  }

  .selector-wrapper, .select { 
    //display: none;
  }
  .swatch_options {
    margin-bottom: 1em;
  }

  .swatch .option_title {
    margin: 0.5em 0;
  }
  /* Hide radio buttons.*/
  .swatch input {
    display: none;
  }

  .swatch label {
    float:left;
    min-width: $swatch-element-size;
    height: $swatch-element-size;
    margin:0;
    font-size:13px;
    text-align:center;
    line-height: $swatch-element-size;
    white-space:nowrap;
    text-transform:uppercase;
    cursor: pointer;
    padding: 0 10px;
  }

  .swatch .color label {
    min-width: $swatch-label-size;
    height: $swatch-label-size !important;
    line-height: $swatch-label-size;
    background-position: center;
    background-size: cover;
  }

  .swatch-element {
    //border: #e2e2e2 1px solid;
    min-width: $swatch-element-size;
    min-height: $swatch-element-size;
    
  }

  .swatch-element.color {
    padding: 3px;
  }

  .swatch-element.color, .swatch-element.color label {
    
   // border: #e2e2e2 1px solid;
  }

  .swatch-element.color label {
    padding:0;
    margin: 0;
    width: $swatch-label-size;
    height: $swatch-label-size;
  }

  .swatch_options input:checked + .swatch-element {
    border-color: black ;
    border-bottom: 2px solid black;
    //box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
    margin-bottom: 6px;
  }
.swatch-element{outline-width: 0px !important;}
  .swatch .swatch-element {
    float:left;
    -webkit-transform:translateZ(0);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px 8px 8px 0;
    position:relative;
  }

  .crossed-out {
    @include diagonal-line;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .swatch .swatch-element .crossed-out { display:none; }
  .swatch .swatch-element.soldout .crossed-out {
    
    display:block;
    height: 100%;
    width: 100%;
    pointer-events: none;
    @include object-fit(fill);
  }
  .swatch .swatch-element.soldout label {
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  /* Tooltips */
  .swatch .tooltip {
    text-align:center;
    background: #333;
    background: rgba(#333, 0.9);
    color:#fff;
    bottom:100%;
    padding: 5px 10px;
    display:block;
    position:absolute;
    width:120px;
    font-size: 13px;
    left:-35px;
    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);
    transition: all .25s ease-out;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    z-index: 10000;
  }
  .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 rgba(#333, 0.9) 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);
  }




//Fancybox

.fancybox-bg {
  opacity: 1;
  background-color: rgba(43,46,56,0.9);
  @include respond-to('small-down') {
    background-color: rgba(255,255,255,0.99)
  }
}

.fancybox-toolbar {
  @include respond-to('small-up') {
    display: none;
  }
}

.fancybox-slide {
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    padding: 44px 0;
  }
}

/* Add border around images */
.fancybox-slide--image {
  @include respond-to('small-up') {
    padding: 44px;
  }
  .fancybox-image {
    @include object-fit(cover);
    height: 100%;
  }
  .fancybox-image-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .fancybox-content {
    padding: 0;
    background-color: white;
    @include respond-to('small-up') {
      box-shadow: 0px 0px 0px 30px rgba(255,255,255,1);
    }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      position: relative !important;
      width: 100%;
      height: 100%;
    }
  }
  .fancybox-close-small {
    top: -30px;
    right: -30px;
  }
}

.fancybox-is-scaling .fancybox-image-wrap,
.fancybox-can-pan .fancybox-image-wrap {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* Hide elements while zooming or when zoomed-in */
.fancybox-is-scaling .fancybox-item,
.fancybox-can-pan .fancybox-item {
  display: none !important;
}

/* Style close button */
.fancybox-close,
.fancybox-close-small {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  z-index: 2;
  color: #95979c;
  background-color: transparent;
  svg {
    display: none;
  }
  &:hover {
    color: black;
  }
  @include respond-to('small-down') {
    display: none;
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    display: block !important;
  }
}

.fancybox-close:before,
.fancybox-close-small:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

.fancybox-button {
  min-height: auto;
  @include respond-to('small-down') {
    background-color: white;
    svg path {
      fill: #95979c;
    }
  }
}

/* Style navigation elements */
.fancybox-content:hover .fancybox-nav {
  opacity: 1;
}

.fancybox-nav {
  transition: opacity 0.2s linear;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  
  display: flex;
  justify-content: center;
  align-items: center;
  span {
    pointer-events: none;
  }
  svg path {
    fill: #cccccc;
  }
}

.fancybox-next {
  right: 0;
}

.fancybox-prev {
  left: 0;
}

.fancybox-nav:hover {
  
}

.fancybox-nav span {
  position: absolute;
  width: 36px;
  height: 36px;
  cursor: pointer;
}

.touchevents .fancybox-nav {
  @include respond-to('large-down') {
    display: none;
  }
}

.size-chart-wrap img {
  height: auto;
  max-width: 100%;
}

/* #Footer
================================================== */

.footer {
  font-size: 14px;
  padding: 20px 0;
  border-top: solid 1px #cccccc;
  background-color: #ffffff;
  background-position: center center;
  color: #00344f;
  
  pointer-events: all;

  .input-row {
    @include flex-direction(column);
    margin-left: 0px;
    margin-right: 0px;

    input {
      margin: 5px 0;
    }
  }
}

.footer-text {
  .toggle_content {
    padding-top: 15px;
  }
}

.no-footer-title.footer-text {
  .toggle_content {
    padding-top: 0;
    @include respond-to('medium-down'){
      display: block;
      padding-top: 20px;
    }
  }
}

/* If no shop logo used, apply text styling as per theme settings */
.footer .logo {
  color: #00344f !important;
  font-size: 20px;
  margin-top:0;
  margin-bottom: 20px;
  line-height:1;
  width:100%;
  word-wrap: break-word;
  float: none;
  @include respond-to('medium-down'){
    text-align: center;
  }
}

img.footer-logo {
  width: 75%;
  max-width: 250px;
  margin-bottom: 10px;
  display: inline-block;
  @include respond-to('medium-down'){
    max-width: 50% !important;
    margin: 0 25% 25px;
  }
}

.footer .empty-column {
  width: 100%;
  height: 1px;
}

.footer .footer-menu-wrap h6 {
  margin: 0;
  padding: 0 0 5px 0;
  color: #00344f;
  font-size: 18px;
  @include respond-to('medium-down'){
    border-top: 1px solid #cccccc;
    margin-bottom: 5px;
    padding: 10px 0 5px;
  }
}

.footer .footer-menu-wrap h6 > span {
  display: none;
  @include respond-to('medium-down'){
    display: inline-block;
    transition: transform 0.3s linear;
    perspective: 1000;
  }
}

.footer .toggle_content {
  @include respond-to('medium-up'){
    //override display: none from mobile view
    display: block !important;
  }
}

.footer a,
.footer a:visited {
  color: #00344f;
  font-size: 14px;
}

.footer a:hover,
.footer a:active {
  color: #00a6b5;
}

.footer ul {
  list-style: none;
  margin: 0;
  padding: 15px 0 0 0;
}

.footer ul li {
  margin-bottom: 1em;
  line-height: 1.1;
}
.footer form {
  margin-bottom: 0;
}

.footer-menu-wrap {
  text-align: left;
}

.page-landing .maps {
  position: relative;
  bottom: -7px;
}
.maps iframe {
  pointer-events: none;
  display: block;
}
.newsletter form {
  margin-bottom: 0;
}

.footer_credits {
  border-top: 1px solid #cccccc;
  margin-top:10px;
}

.payment_methods {
  margin: 10px 0 6px 0;
  padding-top: 10px;

  @include respond-to('medium-up'){
    float: right;
    text-align: right;
  }
}
.payment_methods svg {
  padding-right: 4px;
  height: 30px;
  width: 48px;
  &:last-of-type {
    padding-right: 0px;
  }
}
.credits {
  text-align: left;
  padding-top: 20px;

  @include respond-to('medium-up'){
    float: left;
  }
}

/* Currency / language switcher in footer */

.footer-menu__disclosure {
  @include respond-to('medium') {
    @include justify-content(flex-start);
  }

  .selectors-form__item:last-of-type .disclosure__toggle {
    margin-right: 0;
  }

  .disclosure {
    padding-top: 16px;
    margin-top: -8px;
    min-height: 44px;
  }

  .disclosure__toggle {
    background-color: white;
    color: #00344f;
    font-size: 16px;
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    padding: 0 10px;
  }

  .disclosure-list {
    background-color: white;
    padding-top: 0;
  }

  .disclosure-list__item {
    margin-bottom: 0;
  }

  button.disclosure__button {
    color: #00344f;
    font-size: 16px;
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;

    &:hover,
    &[aria-current="true"] {
      opacity: 0.5;
    }
  }
}

h6 span, h4 span, .sublink span  {
  transition: transform 0.3s linear;
  perspective: 1000;
}

.footer-menu-wrap,
#mobile_menu,
.sidebar {
  -webkit-transform: translate3d(0, 0, 0);

  .active span:not(.currency-code),
  span.active {
    transform: rotateX(180deg);
  }
}

.sidebar span.menu-toggle {
  float: right;
  display: inline-block;
  cursor: pointer;
  padding: 0 6px 0 6px;
  margin-right: 0;
  transition: transform 0.3s linear;
  perspective: 1000;
  transform: none;

  &.active {
    transform: rotateX(180deg);
  }
}

/* Footer and mobile menu accordion (mobile only) */

@include respond-to('medium-down'){
  .footer-menu-wrap, .sidebar, #mobile_menu {
    h6 {
      padding-top: 8px;
      cursor: pointer;
      border-top: 1px solid #00344f;
      margin-top: 0;
    }
    h6 span, h4 span, .sublink span  {
      display: inline-block;
      transition: transform 0.3s linear;
      perspective: 1000;
    }
    .columns > ul {
      display: none;
      padding-left: 20px;
      li {
        line-height: 1.7;
      }
    }
  }
  .toggle_content {
    display: none;
    padding: 0 20px;
  }
}

@include respond-to('medium-up'){
  h4.toggle {
    pointer-events: none;
  }
  .footer-menu-wrap {
    h6 {
      pointer-events: none;
    }
    .columns > ul {
      //required to overwrite inline display:none from createAccordion();
      display: block !important;
    }
  }
}

/* Promo banner */

$promoBannerHeight: 30px;

.header .promo_banner,
#header .promo_banner {
  a,
  a:visited
  a:hover {
    color: #00344f;
  }
}

.promo_banner {
  background-color: #effafa;
  text-align: center;
  color: #00344f;
  font-size: 12px;
  position: relative;
  width: 100%;
  height: 0;
  line-height: 0;
  z-index: 5000;
  top: 0;
  transition: all 0.3s linear;
  overflow: hidden;
  .promo_banner__content {
    margin: 0px auto;
    padding: 0 1.5rem;
    @include respond-to('medium-down'){
      font-size: 10px;
      max-height: 50px;
    }
  }
  p {
    margin-bottom: 0;
    display: inline;
    line-height: 1;
  }
  .promo_banner-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    color: #00344f;
    border: 0;
    outline: 0;
    background: transparent;
    z-index: 1000;
    &:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 20px;
      line-height: $promoBannerHeight;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 35px;
      content: "\00d7";
      text-align: center;
    }
  }
}

.promo_banner-show .promo_banner {
  transition: all 0s linear;
  height: auto;
  min-height: $promoBannerHeight;
  line-height: 1.1;
  @include flexbox();
  @include align-items(center);
}

.top_bar {
  padding-top: 0;
  position: relative;
  transition: padding-top 0.3s linear;
  @include respond-to('small-down') {
    padding-top: 0;
  }
}

$topMenuHeight: 40px;



@include respond-to('medium-down'){

  .mobile_nav-fixed--true,
  .mobile_nav-fixed--false {
    #pagecontent {
      display: block;
      padding-bottom: $topMenuHeight;
    }
    //page banner is visible
    .page-banner {
      margin-top: $topMenuHeight;
    }
    .page-banner + #pagecontent {
      padding-bottom: 0;
    }
  }

  .index-sections .under-menu:nth-child(1) {
    margin-top: 0;
  }

  .page-details-section .under-menu:nth-child(1) {
    margin-top: 0;
  }

  .page-banner .under-menu:nth-child(1) {
    margin-top: 0;
  }

  //recalculate values if promo banner is visible
  .promo_banner-show.mobile_nav-fixed--true,
  .promo_banner-show.mobile_nav-fixed--false {
    #pagecontent {
      padding-bottom: calc(#{$topMenuHeight} + #{$promoBannerHeight});
    }
    .page-banner {
      margin-top: calc(#{$topMenuHeight} + #{$promoBannerHeight});
    }
    .page-banner + #pagecontent {
      padding-bottom: 0;
    }
  }

}

/* #Plyr
================================================== */
@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:50px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}


/* #Model Viewer
================================================== */
.shopify-model-viewer-ui{position:relative;display:block;cursor:pointer}.shopify-model-viewer-ui model-viewer{transform:translateZ(0);z-index:1}.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled{pointer-events:none}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer{position:relative;width:100vw;height:100vh}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:block}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:none}.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area,.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area{opacity:1}.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay{position:absolute;width:100%;height:100%;top:0}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{display:flex;flex-direction:column;background:#fff;opacity:0;border:1px solid rgba(0,0,0,.05);position:absolute;bottom:10px;right:10px;z-index:1;transition:opacity .1s linear}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing){display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__button{color:#3a3a3a;border-radius:0;border:none;margin:0;cursor:pointer}.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible){outline:0}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control{padding:0;height:44px;width:44px;background:0 0;position:relative}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{color:rgba(0,0,0,.55)}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{color:rgba(0,0,0,.55);background:rgba(0,0,0,.05)}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{position:absolute;content:"";border-bottom:1px solid rgba(0,0,0,.05);width:28px;bottom:0;right:8px}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{width:44px;height:44px;fill:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{background:#fff;position:absolute;border:1px solid rgba(0,0,0,.05);top:50%;left:50%;padding:0;transform:translate3d(-50%,-50%,0);height:62px;width:62px;z-index:1}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{color:rgba(0,0,0,.55)}.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon{width:60px;height:60px;z-index:1;fill:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:block}.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}


/*! Flickity v2.0.10
http://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;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-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.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:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.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:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

.flickity-enabled {
  position: relative;
  overflow: hidden;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-button.flickity-prev-next-button.next:focus,
.flickity-button.flickity-prev-next-button.previous:focus {
  opacity: 1;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          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;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  border: none;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  border-radius: 0;
  height: auto;
  max-width: 11%;
  transform: none;
}

.flickity-prev-next-button:hover {
  background: white;
  border: none;
}

.flickity-prev-next-button:focus {
  outline: none;
}

.flickity-prev-next-button:hover, .flickity-prev-next-button:active {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.flickity-prev-next-button.previous {
  left: -1px;
}
.flickity-prev-next-button.next {
  right: -1px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: -1px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: -1px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=10); /* IE8 */
  opacity: 0.1;
  cursor: auto;
}

.flickity-prev-next-button svg {
  @include vertical-alignment;
  position: absolute;
  left: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #cccccc;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #cccccc;
  font-size: 26px;
}

/* ---- page dots ---- */

.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: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

/* Custom sliders */
.flickity-slider > li {
  list-style-type: none;
  width: 100%;
  text-align: center;
}

/* General Flickity styling */

img[data-flickity-lazyload] {
  width: auto;
}

.slideshow_animation--fade {
  .flickity-slider {
    transform: none !important;
  }

  .gallery-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
  }

  .gallery-cell.is-selected {
    opacity: 1;
    z-index: 0
  }
}

/* Gallery page */

.lightbox-gallery {
  .gallery-cell {
    width: 100%;
    img {
      width: auto;
      max-height: 90vh;
      max-width: 100%;
      display: inline-block;
    }
  }
}

/* Product gallery */

.gallery-arrows--true .product_gallery {
  .flickity-prev-next-button {
    display: block;

    &:hover {
      opacity: 0.5;
    }
  }
}

.product_gallery {
  margin-bottom: 30px;
  position: relative;
  opacity: 0;
  transition: opacity 0.2s;

  @include respond-to('medium') {
    margin-bottom: 30px;
  }

  @include respond-to('small') {
    margin-bottom: 0;
    padding-bottom: 50px;

    .flickity-page-dots {
      bottom: 15px;
    }
  }
  
  
  .flickity-slider {
  display: flex !important;
  align-items: center !important;
}

  .gallery-cell {
    width: 100%;
    display: block;
    margin-right: 10px;
    position: relative;
  }

  &.flickity-enabled {
    opacity: 1;
  }

  img {
    background-color: #ffffff;
  }

  &.show-gallery-arrows--false {

    .flickity-prev-next-button {
      display: none;
      @include respond-to('medium-down') {
        display: block;
      }
    }
  }
}

.product_gallery_nav {
   .flickity-slider {
  display: flex !important;
  align-items: center !important;
}
  
  text-align: center;
  margin-bottom: 30px;

  &.product_gallery_nav--bottom-thumbnails {
    .gallery-cell { width: auto; }
    img {
      height: 80px;
      width: auto;
    }
  }
  &.product_gallery_nav--bottom-slider {
    @include respond-to('small') {
      margin-bottom: 30px;
    }
    .flickity-prev-next-button {
      opacity: 1;
      background: #ffffff;
    }
    .gallery-cell {
      @include flexbox();
      width: auto;
      opacity: 0.5;
      margin-bottom: 0;
      &.is-nav-selected { opacity: 1; }
      img {
        width: auto;
        height: 80px;
        max-width: none;
        min-width: 50px;
      }
    }
  }
  .gallery-cell {
    width: 20%;
    margin: 0 10px 10px 0;
    opacity: 0.7;
    display: inline-block;
    position: relative;
    &.is-nav-selected {
      opacity: 1;
    }
    img {
      cursor: pointer;
    }
  }
}

.product_gallery .gallery-cell a {
  cursor: zoom-in;
}

.gallery-thumbnails--right {
  @include respond-to('medium-up') {
    .multi-image {
      width: 83%;
      float: left;
    }

    .product_gallery_nav {
      width: 12%;
      float: left;
      margin-left: 2%;

      .gallery-cell {
        width: 100%;
        margin: 0 0 10px 0;
      }
    }
  }
}

.gallery-thumbnails--left {
  @include respond-to('medium-up') {
    .multi-image {
      width: 83%;
      float: right;
    }

    .product_gallery_nav {
      width: 12%;
      float: right;
      margin-right: 2%;

      .gallery-cell {
        width: 100%;
        margin: 0 0 10px 0;
      }
    }
  }
}

.gallery-wrap .flickity-viewport {
  margin-top: 0;
}

.product-section__lightbox {
  .zoom-wrap {
    width: 100%;
    height: 100%;
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fancybox-content {
      top: 50%;
      -ms-transform: translateY(-50%) !important; /* Overwrite Fancybox transform */
    }
  }
}

/* Quick Shop */

.js-quick-shop {
  display: none;
}

.quickshop-forms__container {
  display: none;
}

.quick-shop__lightbox .fancybox-content {
  width: 90%;
  max-width: 900px;
  
  background-color: #ffffff;
  cursor: pointer !important;
}

.quick-shop__lightbox .fancybox-close-small svg path {
  fill: #00344f;
  &:hover {
    fill: darken(#00344f, 0.8);
  }
}

.quick-shop {
  .product_gallery img {
    background-color: #ffffff;
  }
  .container {
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    color: #00344f;
    .gallery-wrap.eight.columns {
      width: calc(55% - 40px);
      margin: 0;
      margin-right: 40px;
      min-height: 1px;
      transition: opacity 1s 0.3s linear;
      &.align-gallery-right {
        float: right;
        margin-right: 0;
        margin-left: 40px;
      }
    }
    .text-modal-wrap.six.columns {
      width: 45%;
      margin: 0;
      min-height: 1px;
      transition: opacity 0.3s linear;
    }
    .new_banner_product:empty,
    .sale_banner_product:empty,
    .preorder_banner_product:empty {
      display: none;
    }
  }
  img[alt*="[right]"],
  img[alt*="[left]"],
  img[alt*="[center]"]{ //hide full-width-image template images in quick-shop
    display: none;
  }
}

h3.quick-shop__title a {
  color: #00344f;
}

.quick-shop .product_gallery {
  opacity: 0;
  transition: opacity 0.3s;
}

.quick-shop .product_gallery.flickity-enabled {
  opacity: 1;
}

.quick-shop__gallery {
  &.gallery-arrows--false {
    .product_gallery_nav .flickity-prev-next-button {
      display: none;
    }
  }
}

/* Inline quick shop */

.quick-shop-style--inline {

  .collection_swatches {
    display: none;
  }

  .inline-quickshop {
    margin-top: 10px;
  }

  .product-quantity-box,
  .items_left {
    display: none;
  }

  .purchase-details__spb--false {
    margin-left: 0;
  }
}

.quick-shop-style--popup,
.quick-shop-style--inline {
  .product-details {
    .title,
    .brand,
    .shopify-review,
    .price,
    .sold_out {
      padding: 0;
      margin: 5px 0;
    }
  }
}

.quick-shop-style--popup {
  .quick_shop {
    margin: 5px 0;
  }
}

// Purchase button sizing
.quick-shop-style--inline {
  &.four,
  &.one-fifth {
    .action_button--secondary {
      margin-bottom: 10px;
    }
    .action_button--secondary,
    .shopify-payment-button {
      min-width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
  }
}

/* Related Items Gallery */

.related-products--grid {
  font-size: 0;
  text-align: center;
  &.container {
    padding-top: 0;
  }
  .product-list .thumbnail.column,
  .product-list .thumbnail.columns {
    font-size: initial;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
}

.related-products__title {
  clear: both;
}

.title.slider-gallery {
 padding-top: 40px;
  @include respond-to('small-down') {
   padding-top:0;
   font-size: 1.5em;
  }
}

.slider-gallery {
  margin: 0 auto 40px;
  .gallery-cell {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    @include respond-to('small-down') {
      padding: 0;
      margin-right: 5px;
    }
    .product-details {
      line-height: 1.2;
      letter-spacing: 0;

      @include respond-to('medium-down') {
        font-size: 3vw;
      }
    }
    img {
      display: block;
      max-width: 100%;
    }
  }
  .gallery-cell-heading {
    font-size: 0.8rem;
    line-height: 1.2;
    text-transform: none;
    margin-top: 10px;
  }
  .flickity-prev-next-button {
    border-radius: 0;
    opacity: 0;
    width: 5%;
  }
}

.slider-gallery:hover .flickity-prev-next-button {
  opacity: 0.5;
}

.transparentBackground--false {
  .dot {
    background: #cccccc;
  }
  .flickity-prev-next-button {
    background: transparent;
    .arrow {
      fill: #cccccc;
      opacity: 1;
    }
  }
}

.homepage-slideshow.transparentBackground--false,
.testimonial-slideshow.transparentBackground--false,
.product-slider.transparentBackground--false,
.slider-gallery.transparentBackground--false {
  &:hover {
    .flickity-prev-next-button {
      opacity: 1;
    }
  }
  .flickity-page-dots .dot {
    opacity: 0.4;
    &.is-selected {
      opacity: 1;
    }
  }
}

/* Lazyframe */
.lazyframe{position:relative;background-color:#ffffff;background-repeat:no-repeat;background-size:cover}.lazyframe__title{position:absolute;top:0;left:0;right:0;padding:15px 17px;z-index:3}.lazyframe__title:after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe:before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-ratio="1:1"]:before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor="youtube"],.lazyframe[data-vendor="youtube_nocookie"]{background-color:#e52d27;font-family:Roboto, Arial, Helvetica, sans-serif}.lazyframe[data-vendor="youtube"] .lazyframe__title,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title{color:#eee;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:18px;text-shadow:rgba(0,0,0,0.498039) 0px 0px 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:color 0.1s cubic-bezier(0.4, 0, 1, 1)}.lazyframe[data-vendor="youtube"] .lazyframe__title:hover,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor="youtube"] .lazyframe__title:before,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:before{content:'';display:block;background:linear-gradient(rgba(0,0,0,0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:transparent}.lazyframe[data-vendor="youtube"]:before,.lazyframe[data-vendor="youtube_nocookie"]:before{padding-top:56.25%}.lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="youtube"]:after,.lazyframe[data-vendor="youtube_nocookie"]:after{content:'';position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor="youtube"]:hover:after,.lazyframe[data-vendor="youtube_nocookie"]:hover:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==");opacity:1}.lazyframe[data-vendor="vimeo"]{background-color:#00adef}.lazyframe[data-vendor="vimeo"] .lazyframe__title{font-family:"Helvetica Neue", Helvetica, Arial;color:#00adef;font-size:20px;font-weight:bold;text-rendering:optimizeLegibility;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:transparent;background-color:rgba(0,0,0,0.5)}.lazyframe[data-vendor="vimeo"]:before{padding-top:48.25%}.lazyframe[data-vendor="vimeo"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="vimeo"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="vimeo"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="vimeo"]:after{content:'';height:40px;width:65px;display:block;position:absolute;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,0.5);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor="vimeo"]:hover:after{background-color:#00adef}.lazyframe[data-vendor="vine"]{background-color:#00bf8f}.lazyframe[data-vendor="vine"] .lazyframe__title{color:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:16px;white-space:nowrap;z-index:3;positon:relative}.lazyframe[data-vendor="vine"] .lazyframe__title:after{content:'';position:absolute;top:0;left:0;right:0;z-index:-1;height:115px;padding:24px 70px 24px 24px;background:linear-gradient(to top, rgba(23,23,23,0) 0, rgba(23,23,23,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 )}.lazyframe[data-vendor="vine"]:before{padding-top:100%}.lazyframe[data-vendor="vine"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="vine"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="vine"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="vine"]:after{content:'';width:60px;height:60px;position:absolute;left:50%;top:50%;z-index:4;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+");background-color:rgba(0,0,0,0.5);background-size:cover;background-repeat:no-repeat;margin-top:-30px;margin-left:-30px;border-radius:50%}.lazyframe[data-vendor="vine"]:hover:after{background-color:rgba(0,0,0,0.75)}


/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}


.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.size-chart-remodal {
  max-height: calc(100vh - 20px); //Viewport height minus wrapper padding
  .size-chart-wrap {
    max-height: calc(100vh - 70px); //Viewport height minus remodal inner padding
    overflow-y: scroll;
  }
}

.remodal img {
  max-width: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -ms-transform: translateY(0,0,0);
  transform: translate3d(0, 0, 0);
  color: #00344f;
  background: #fff;
  @include respond-to('small-down') {
    overflow-x: scroll;
  }
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;

  z-index: 1000;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

  #contact_form input.sign_up[type="submit"] {
    margin-left: 0 ;
    margin-bottom: 1.5em;
    width: 100%;
  }

  input.contact_email[type="email"] {
    width: 100%;
  }

  .collection_menu {
    display: none;
  }

  h1.collection_title_tags,
  div.collection_title_tags {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .newsletter .input-row input{
    margin: 5px 0px;
  }

  input.sign_up {
    margin: 0px;
  }

  .newsletter-both-names--true {
    input.firstName {
      margin-right: 5px;
    }
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 799px) and (max-width: 959px) {
  .nav a,
  .nav a:visited,
  .menu a:hover,
  .nav a:active,
  .nav a:focus {
    font-size: 13px;
  }
  .menu a,
  .menu a:visited,
  .menu a:hover,
  .menu a:active,
  .menu a:focus {
    font-size: 13px;
  }
  .menu li, #header span.menu_title, .menu a span {
    padding-left: 2px;
    padding-right: 2px;
  }
  .menu li.search_container {
    display: none;
  }
}

/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 798px) {
    .article_image {
      padding-bottom: 0;
    }
    .sidebar_content {
      border: 0;
      padding: 0;
    }
    .nav_arrows { float: none; text-align: center;}
    .nav_arrows .prev { float: left; }
    .nav_arrows .next { float: right; }
    #header .top_bar a.mobile_logo {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      font-size: 18px;
      line-height: 34px;
      z-index: 5;
      width: 50%;
      height: auto;
      color: #00344f;
      @include flexbox();
      @include align-items(center);
      @include justify-content(center);
    }
    #header a.mobile_logo img {
      width: auto;
      max-width: 150px;
      max-height: 30px;
    }

    .payment_methods {
      text-align: center;
      float: none;
      display: block;
    }
    .credits {
      float: none;
      display: block;
      text-align: center;
    }

    
    .is-absolute { top: 0px !important; }

    .blog_filter { margin-top: 1em; width: 100% !important; }
    .section_select { text-align: center; }
    .flex-control-nav { bottom: 10px }
    .featured_links a span {
      font-size: 13px;
    }
    .or {
      width: 100%;
      display: inline-block;
      padding-left: 0;
      padding-bottom: 5px;
    }
    .mobile_hidden { display: none !important }
    table tr.order_summary td.label { text-align: left }

    .featured_text {
      font-size: 16px;
      line-height: 1.7em;
    }
    #header {
      display: block;
    }
    .header {
      display: none;
    }
    h4.toggle {
      cursor: pointer;
    }
    .toggle span {
      display: block;
    }
    .toggle_list {
      display: none;
    }
    select {
      width:100%;
      margin-left: 0;
    }

    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input.action_button[type="submit"],
    input.action_button[type="button"],
    .sign_up {
      margin-left: 0;
      width: 100%;
      outline: 0;
    }

    .credits_right {
      text-align: left;
    }

  td {
    padding: 4px !important;
  }
  .title_column {
      float:left;
    }
  .container div.mobile_only, .mobile_only {
      display:block;
    }
  span.mobile_only {
    display: inline;
  }
  .price_total {
    text-align: right;
  }
  .price_total_text {
    display:block;
  }
  .update_subtotal, .price_total, .remove_column, .checkout_table_header {
      display: none;
    }
  .mobile_right {
      text-align: right;
    }
  .quick_shop {
      display: none !important;
    }
  .cart_price {
    display: block;
    margin-bottom: 0;
  }
  table tr th, table tr td {
      padding: 2px;
    }
  input.action_button {
      margin-bottom: 1em !important;
    }
  .multiple_product_images {
      display: none;
    }
  .headline {
    font-size: 1.3em;
    line-height: 1.2;
    position: relative;
  }
  p.subtitle {
    font-size: 1.1em;
    line-height: 1.2;
    position: relative;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (max-width: 798px) {
    .mobile_hidden { display: none !important }
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart {
      font-size: 110%;
      line-height: 1.5em;
    }
    h1, h1.home, .title a, h2 {
      padding:0;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
   html {
      -webkit-text-size-adjust: 100%;
   }
}

@font-face {
  font-family: 'turbo';
  src: url('//architessa.com/cdn/shop/t/117/assets/turbo.eot?v=48734892740725754481675743758');
  src: url('//architessa.com/cdn/shop/t/117/assets/turbo.eot?v=48734892740725754481675743758') format('embedded-opentype'),
       url('//architessa.com/cdn/shop/t/117/assets/turbo.woff?v=72767542121312879231675743758') format('woff'),
       url('//architessa.com/cdn/shop/t/117/assets/turbo.ttf?v=77710476205941216751675743758') format('truetype'),
       url('//architessa.com/cdn/shop/t/117/assets/turbo.svg?v=173366358466109711321675743758') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "turbo";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .15em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bag:before { content: "\e901"; }
.icon-cart:before { content: "\e902"; }
.icon-check:before { content: "\e903"; }
.icon-cross:before { content: "\e904"; }
.icon-up-arrow:before { content: "\e917"; }
.icon-down-arrow:before { content: "\e905"; }
.icon-left-arrow:before { content: "\e90b"; }
.icon-right-arrow:before { content: "\e912"; margin-right: 0; }
.icon-plus:before { content: "\e911"; }
.icon-minus:before { content: "\e90e"; }
.icon-menu:before { content: "\e90d"; }
.icon-email:before { content: "\e906"; }
.icon-pinterest:before { content: "\e907"; }
////.icon-mbank:before { content: url(//architessa.com/cdn/shop/t/117/assets/Material_Bank_logo_blue.svg?v=62191241782362467941675743758);width:16px;height:16px; }
//.icon-mbank:hover { content: url(//architessa.com/cdn/shop/t/117/assets/Material_Bank_logo_blue.svg?v=62191241782362467941675743758);width:16px;height:16px; }

footer .mbank{top:0px !important;}
.mbank:hover{fill: #00a6b5;}
.icon-rss:before { content: "\e909"; }
.icon-houzz:before { content: "\e90a"; }
.icon-snapchat:before { content: "\e90c"; }
.icon-phone:before { content: "\e90f"; }
.icon-instagram:before { content: "\e910"; }
.icon-vimeo:before { content: "\e913"; }
.icon-search:before { content: "\e914"; }
.icon-zoom:before { content: "\e900"; }
.icon-youtube:before { content: "\e915"; }
.icon-lock:before { content: "\e916";  color: #ffffff; }
.icon-user:before { content: "\e918"; }
.icon-facebook:before { content: "\ea90"; }
.icon-twitter:before { content: "\ea96"; }
.icon-tumblr:before { content: "\eab9"; }
.icon-linkedin:before { content: "\eaca"; }

.icon-twitter-share:before { content: "\ea96"; }
.icon-facebook-share:before { content: "\ea90"; }
.icon-pinterest-share:before { content: "\e907"; }
.icon-mail-share:before { content: "\e906"; }

span.icon-down-arrow {
  padding: 0 !important;
  font-size: 12px !important;
}

.menu li.search_link {
  display: none;
  padding-left: 10px;
  padding-right: 10px;
}

.sticky_nav ul.menu li.search_link {
  display: inline-block;
  position: absolute;
  right: 50px;
  padding-top: 3px;
  top: 0;
}

.menu li.search_container {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  padding-top: 3px;

  @include respond-to('widescreen-up'){
    margin-left: 15px;
  }
}

.menu-position--block .menu li.search_container {
  float: none;
}

form.search_form,
.search_form input {
  padding-top: 0;
  margin-bottom: 0;
  position: relative;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

.search_form input,
.search_form input:active,
.search_form input:focus {
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 1px;
  color: #00344f;
  background-color: transparent;
  padding-right: 35px;
  border-color: #00344f;
  
    border-radius: 3px;
  
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: #00344f;
  border-color: #00344f;
  &::-webkit-input-placeholder {
    color: #00344f;
  }
  &::-moz-placeholder {
    color: #00344f;
  }
  &:-ms-input-placeholder {
    color: #00344f;
  }
}

.feature_image .search-submit { color: #00344f; }

.header_search_form {
  width: 60%;
  margin: 0 auto 30px auto;
  padding: 30px 0 0 0;
  position: relative;
  border-bottom: solid 1px #00344f;
  @include respond-to('small-down') {
    width: 90%;
    margin: 30px auto;
    padding: 0;
  }
}

.header_search_form input,
.header_search_form input:focus,
.header_search_form input:active {
  background-color: transparent;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #00344f;
  letter-spacing: 1px;
  border: none;
  font-size: 36px;
  line-height: 36px;

  @include respond-to('small-down') {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0px;
  }
}

.header_search_form .search-submit {
  top: 38px;
  font-size: 30px;
  @include respond-to('small-down') {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    font-size: 20px;
  }
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: #00344f;
  border: 1px solid #00344f;
}

.feature_image .search_form input::-webkit-input-placeholder {
  color: #00344f;
}
.feature_image .search_form input:-moz-placeholder { /* Firefox 18- */
  color: #00344f;
}
.feature_image .search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: #00344f;
}
.feature_image .search_form input:-ms-input-placeholder {
  color: #00344f;
}

.search_form input::-webkit-input-placeholder {
  color: #00344f;
}
.search_form input:-moz-placeholder { /* Firefox 18- */
  color: #00344f;
}
.search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: #00344f;
}
.search_form input:-ms-input-placeholder {
  color: #00344f;
}

.search_form input:focus::-webkit-input-placeholder {
  color: #1a517b;
}
.search_form input:focus:-moz-placeholder { /* Firefox 18- */
  color: #1a517b;
}
.search_form input:focus::-moz-placeholder {  /* Firefox 19+ */
  color: #1a517b;
}
.search_form input:focus:-ms-input-placeholder {
  color: #1a517b;
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: #00344f;
  border: 1px solid #00344f;
}

.feature_image .search_form input::-webkit-input-placeholder {
  color: #00344f;
}
.feature_image .search_form input:-moz-placeholder { /* Firefox 18- */
  color: #00344f;
}
.feature_image .search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: #00344f;
}
.feature_image .search_form input:-ms-input-placeholder {
  color: #00344f;
}

.search-submit {
  position: absolute;
  z-index: 1000;
  color: #00344f;
  font-size: 20px;
  top: 9px;
  right: 7px;
  cursor: pointer;
}

.feature_image .search-submit {
  color: #00344f;
}

.blog_search .search-submit {
  color: #333333;
  top: 10px;
  right: 8px;
  z-index: 1;
}

.social_icons {
  margin-left: 0;
  margin-top: 0;
}

.social_icons li {
  display: inline;
  padding-right: 2px;
}

footer .footer-social-icons {
  @include respond-to('medium-down'){
    display: none;
  }
}

footer .footer-social-icons--mobile.columns {
  display: none;
  padding-left: 0;
  @include respond-to('medium-down'){
    display: block;
    > ul {
      display: block;
      padding-left: 0;
    }
  }
}

footer .social_icons {
  display: block;
  margin-top: 15px;
  @include respond-to('medium-down'){
    padding-left: 0;
    text-align: center;
  }
}

footer .social_icons a, footer .social_icons a:visited {
  color: #00344f;
  font-size: 22px;
  display: inline-block;
  margin-bottom: 1em;
  @include respond-to('small-down') {
    margin-bottom: 0;
  }
}

footer .social_icons a:active, footer .social_icons a:hover {
  color: #00a6b5;
  font-size: 22px;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}

.delay-0s {
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.delay-025s {
  -moz-animation-delay: .25s;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  opacity: 0;
}
.delay-05s {
  -moz-animation-delay: .5s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  opacity: 0;
}
.delay-075s {
  -moz-animation-delay: .75s;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
  opacity: 0;
}
.delay-1s {
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  opacity: 0;
}

.animate_right, .animate_left, .animate_up, .animate_down { opacity: 0 }

.ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated { opacity: 1 !important; }
.ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s { opacity: 1 !important; }
.ie select {
  background-image: none !important;
}

@media only screen and (max-width: 798px) {
  .delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s,
  .animate_right, .animate_left, .animate_up, .animate_down {
    opacity: 1;
  }
}

/* #Password Page
================================================== */
#password-container {
  margin: 75px auto 0;
  max-width: 100%;
  display: table;
  text-align: center;
  display: table;
  @include respond-to('medium-down') {
   margin-top: 10px;
  }

  #contact_form input.sign_up[type="submit"] {
    width: calc(35% - 10px);
    @include respond-to('large-down') {
      width: 100%;
    }
  }

  #contact_form input.contact_email[type="email"] {
    max-width: 100%;
  }
}

.password-page-message {
  font-size: 3em;
  line-height: 1.2;
  margin: 10px auto;
  padding: 12px 0;
}
.password-page-follow {
  margin: 5px 0;
}
.password-social .social_icons a,
.password-social .social_icons a:visited,
.password-social .social_icons a:active {
  font-size: 25px;
}

.password-page-row {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.password-page-col {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 30px;
  width: 100%;
}

.password-logo {
  max-width: 200px; /* Allows logo to be more prominent*/
  margin: 0px auto;
}

.password-message{
  max-width: 600px;
  font-size: 1.2em;
  color: #00344f;
 }

.hr-small {
  margin: 20px auto;
  width: 50px;
}

.password-social {
  margin-top: 10px;
  padding-top: 20px;
}

.password-social ul {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 10px;
}

.password-social .social_icons li {
  display: inline;
  margin-left: 0;
}

.password-social .social_icons a:hover {
  color:#00344f;
}

.password-footer {
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 13px;
  color: #00344f;
  text-align: center;
}

.powered {
  display: block;
  margin-top: 15px;
}

.shopify a {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
  padding-left: 21px;
  color: #00344f;
  text-decoration: none;
}

.password-footer a {
  color: #00344f;
  text-decoration: none;
}

/* Password Page Modal CSS */
.controls {
  display: block;
  margin: 1em;
  text-align: right;
  text-transform: uppercase;
  position: relative;
}

#open-me {
  text-align: center;
  margin-bottom: 35px;
  a {
    &:hover {
      color: #00344f;
    }
  }
}

.close-me {
  z-index: 8000;
}

.modalbox {
  position: absolute;
  height: 100%;
  top: -1em;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index:5000;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  background: rgba(255,255,255,0.95);
}

.overlay-close {
  width: 150px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid #000;
  font-size: 14px;
}

.overlay-data {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
  visibility: 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}

.inputbox {
  margin: 0px auto;
  max-width: 80%;
  display: table;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #000;
}

#password-page-bg .modalbox .inputbox {
  @include respond-to('medium-down') {
    top: 50%;
  }
}

.storefront-password-form label {
  font-size: 0.9em;
  margin: 0 0 1em 0;
  text-align: center;
}

.storefront-password-form .actions {
  display: inline-block;
}

.storefront-password-form #password {
  width: 50%;
  display: inline-block;
  @include respond-to('small-down') {
    width: 100%;
  }
}

#owner {
  font-size: 0.9em;
  margin-top: -1em;
  opacity: 0.8;
}

.pass-close {
  color: #000 !important;
  padding: 0 !important;
  margin: 1em !important;
  position: inherit !important;
}

@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px){
  .modalbox {
    display: block;
    width: 414px !important;
    max-width: 100%;
    text-align: center;
  }
  .pass-close {
    display: block;
    margin: 0.65em -0.15em 1em 0 !important;
  }
}

/* #Page Details
================================================== */
.page-details-section {
  .article {
    padding-bottom: 0;
  }

  div.container .featured_products {
    padding-top: 0;
  }

  @include respond-to('small-down') {
    .caption.position-center,
    .caption.position-left,
    .caption.position-right, {
      margin: 5% 0 0 0;
    }
  }
}

/* # Product media
================================================== */

$product-media-fill-color: #00344f;
$product-media-bg-color: #ffffff;

.product-gallery__model model-viewer,
.product-gallery__video iframe {
  width: 100%;
  min-height: 450px;
}

.product-gallery__model {
  position: relative;

  model-viewer {
    width: 100%;
    min-height: 500px;
  }
}

.view-in-your-space.action_button {
  padding: 0;
  width: 100%;
  @include flexbox();
  @include justify-content(center);
  @include align-items(center);
  min-height: 44px;
  background: #e6e6e6;
  color: $product-media-fill-color;
  font: inherit;
  text-transform: none;
  border-radius: 0px;
  border: 0;

  svg {
    path {
      &:first-child {
        stroke: $product-media-fill-color;
      }

      &:last-child {
        fill: $product-media-fill-color;
      }
    }
  }
}

.plyr--video {
  .plyr__controls {
    background: rgba($product-media-bg-color, 0.6);
    padding: 10px;
  }

  .plyr__control {
    background: transparent;
    color: $product-media-fill-color;

    &:hover {
      background: $product-media-bg-color;
      color: $product-media-fill-color;
    }
  }

  .plyr__controls__item.plyr__time,
  input[type=range],
  .plyr__controls__item {
    color: $product-media-fill-color;
  }

  .plyr__progress input[type=range]+.thumb {
    background-color: $product-media-fill-color;
    color: $product-media-fill-color;
  }

  input[type=range]::-webkit-slider-thumb {
    background-color: $product-media-fill-color;
  }

  input[type=range]::-moz-range-thumb {
    background-color: $product-media-fill-color;
  }

  input[type=range]::-ms-thumb {
    background-color: $product-media-fill-color;
  }

  .plyr__progress__buffer,
  .plyr__control[aria-expanded=true] {
    background-color: rgba($product-media-fill-color, 0.6);
  }

  .plyr__control.plyr__tab-focus {
    background-color: $product-media-fill-color;
  }

  .plyr__control--overlaid {
    background: $product-media-bg-color;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.05);
    height: 50px;
    width: 50px;

    svg {
      left: auto;
    }

    &:hover {
      background: $product-media-bg-color;
    }
  }

  .plyr__control--overlaid:hover .play-icon-button-control rect {
    opacity: 0.75;
  }

  .plyr__control .play-icon-button-control {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;

    rect {
      fill: $product-media-bg-color;
    }

    path {
      fill: $product-media-fill-color;
    }
  }
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-right: 10px;
  padding-left: 10px;
}

// Styles for a vertical volume scrollbar
.plyr--full-ui .plyr__volume {
  background-color: rgba($product-media-bg-color, 0.25);
  border-radius: 5px;
  bottom: 105px;
  height: 40px;
  opacity: 0;
  padding: 10px 15px !important;
  position: absolute;
  transform: rotate(270deg);
  transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s;
  width: 140px;

  &:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba($product-media-bg-color, 0.25);
    bottom: 18px;
    content: "";
    left: -6px;
    position: absolute;
    transform: rotate(90deg);
    z-index: 2;
  }

  &:hover {
    opacity: 1;
    visibility: visible;
  }

  &.plyr__volume--is-visible {
    opacity: 1;
    transition: visibility 0.4s linear, opacity 0.4s linear;
  }

  input[type=range] {
    color: $product-media-fill-color;
    margin: 0 auto;
  }
}

.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb {
  box-shadow: none;
}

.plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper,
.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: none;
}

.plyr--audio .plyr--full-ui .plyr__volume {
  bottom: 125px;
  right: -37px;
}

.plyr--is-ios .plyr__volume {
  display: none !important;
}

.plyr__control[data-plyr=mute]:hover + .plyr__volume {
  opacity: 1;
  transition: visibility 0.4s linear, opacity 0.4s linear;
}

@media (min-width: 480px) {
  .plyr--full-ui .plyr__volume input[type=range] {
    max-width: 90px;
  }
}

@media (min-width: 750px) {
  .plyr--full-ui .plyr__volume input[type=range] {
    max-width: 110px;
  }
}

@media only screen and (max-width: 989px) {
  .plyr--is-touch .plyr__volume {
    display: none !important;
  }
}

.show-gallery-arrows--true .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  right: 50px;
  bottom: 10px;
}

.shopify-model-viewer-ui {
  .shopify-model-viewer-ui__button {
    color: $product-media-fill-color;
    background: $product-media-bg-color;

    &[hidden] {
      display: none;
    }
  }

  .shopify-model-viewer-ui__button--poster:hover,
  .shopify-model-viewer-ui__button--poster:focus {
    color: rgba($product-media-fill-color, 0.55);
  }


  .shopify-model-viewer-ui__controls-area {
    background: $product-media-bg-color;
    border: 1px solid rgba($product-media-fill-color, 0.05);
  }

  .shopify-model-viewer-ui__button--control:not(:last-child) {
    &:after {
      border-bottom: 1px solid rgba($product-media-fill-color, 0.05);
    }
  }
}

.video-on-hover,
.swap-true .plyr--youtube,
.video-controls-enabled--false {
  .plyr__controls,
  .plyr__control--overlaid {
    opacity: 0;
    & > * {
      pointer-events: none;
      cursor: auto;
    }
  }
}

// Accessibility styling

.product_gallery .gallery-cell {
  visibility: hidden;

  &.is-selected {
    visibility: visible
  }
}

// Hide controls on mobile when video is stopped
.plyr.plyr--stopped .plyr__controls {
  display: none;
}

.product_gallery_nav {

  .media-badge {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 33%;
    max-height: 33%;
    min-width: 20px;
    width: 25px;
    height: 25px;

    svg {
      width: 100%;
      height: 100%;
    }

    path {
      &:first-child {
        fill: $product-media-bg-color;
      }

      &:last-child {
        fill: $product-media-fill-color;
      }
    }

    g {
      path {
        &:first-child {
          stroke: $product-media-fill-color;
        }
      }
    }

    .media-badge__outline {
      stroke: rgba($product-media-fill-color, 0.05);
    }
  }
}

// Set product media height
.gallery-wrap {
  &.product-height-set {
    model-viewer {
      margin: 0 auto;
    }

    .product_gallery img,
    .product_gallery .plyr--html5 video {
      width: 100%;

    }

    .product_gallery img {
      @include object-fit(contain);
    }

    .product_gallery .plyr--youtube .plyr__video-embed {
      height: 100%;
    }
  }
}

/* #Product Details
================================================== */

.product-details-section {
  .gallery-image-wrapper {
    margin-bottom: 20px;
  }
}

.quote {
  padding: 10px 0px;
  text-align: center;
  border-top-style: $borderStyle;
  border-top-width: $borderWidth;
  border-bottom-width: $borderWidth;
  border-bottom-style: $borderStyle;
  border-color: #aaaaaa;
}

.grey-map {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}

/* #Product Recommendations
================================================== */

.recommended-products-section {
  display: none;
}

/* Home page - general
================================================== */

/* Full-width product slider */

.homepage-product-slider {
  margin: 0 10px;
  object.placeholder-image {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    padding-top: 100%;
  }
  .placeholder-svg--product {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.homepage-product-slider.even-num-slides {
  padding-left: 10px;
  width: calc(100% - 20px);
  @include respond-to('medium-down'){
    padding-left: 0;
    width: 100%;
  }
}

.products-slider.slider-gallery {
  &.products-length-6 {
    .gallery-cell {
      width: calc(16.6% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-5 {
    .gallery-cell {
      width: calc(20% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-4 {
    .gallery-cell {
      width: calc(25% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-3, &.products-length-2, &.products-length-1 {
    .gallery-cell {
      width: calc(33.33% - 10px);
    }
  }
}

.products-slider.slider-gallery {
  .gallery-cell {
    &.visible-2 {
      width: calc(50% - 10px);
      @include respond-to('medium-down'){
        width: calc(50% - 10px);
      }
    }
    &.visible-3 {
      width: calc(33.33% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-4 {
      width: calc(25% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-5 {
      width: calc(20% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-6 {
      width: calc(16.666% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-7 {
      width: calc(14.2% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
      .product-details {
        font-size: 0.7rem;
      }
    }
  }
}

// Text below overlay on larger screens
@include respond-to('max-width: 985px'){
  @for $i from 7 through 16 {
    .products-length-#{$i} {
      .product-info__caption {
        display: block;
      }
      .thumbnail-overlay {
        display: none;
      }
    }
  }
}

.featured_products.product-slider {
  padding-bottom: 0;
  .columns {
    padding-bottom: 0;
  }
}

//Applied to the slideshow, video and full-width banner images

.banner-full-link {
  line-height: 0;
  font-size: 0;
  color: transparent;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.banner-full-link + .caption {
  pointer-events: none;
  cursor: pointer;
}

.full-width--true .caption {
  @include respond-to('small-down') {
    padding-left: 20px;
    padding-right: 20px;
  }
  @include respond-to('large-up') {
    max-width: 960px;
    padding: 0;
  }
  @include respond-to('widescreen-up') {
    max-width: 1200px;
    padding: 0;
  }
}

.caption {
  width: 100%;
  position: absolute;
  top: 50%;
  padding: 0 5%;
  z-index: 3;
  @include prefix(transform, translate(0,-50%), ms webkit spec);
  @include respond-to('medium-up') {
    max-width: 960px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  @include respond-to('large-up') {
    padding: 0 30px;
  }
  @include respond-to('medium-down') {
    width: 100%;
  }
  a {
    pointer-events: all;
  }
  &.position-center {
    left: 0;
    right: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    @include respond-to('medium-down') {
      width: 85%;
    }
    @include respond-to('small-down') {
      width: 100%;
    }
  }
  &.position-left {
    left: 0;
    right: 0;
    text-align: left;
  }
  &.position-right {
    left: 0;
    right: 0;
    text-align: right;
  }
  .pretext {
    color: #ffffff;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    text-transform: none;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    
    @include respond-to('small-down') {
      font-size: 1.4em;
    }
    @include respond-to('medium-down') {
      font-size: 13.333333333333334px;
    }
    @include respond-to('medium-up') {
      font-size: 16.666666666666668px;
    }
    @include respond-to('medium-up') {
      font-size: 20px;
    }
  }
  .headline {
    color: #ffffff;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-bottom: 15px;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    

    @include respond-to('small-down') {
      font-size: 2.6em;
    }
    @include respond-to('medium-down') {
      font-size: 33.333333333333336px;
    }
    @include respond-to('medium-up') {
      font-size: 41.666666666666664px;
    }
    @include respond-to('large-up') {
      font-size: 50px;
    }
  }
  .subtitle {
    color: #ffffff;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    text-transform: none;
    font-style: none;
    font-size: 20px;
    letter-spacing: 1px;
    position: relative;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    

    @include respond-to('small-down') {
      font-size: 1.4em;
    }
    @include respond-to('medium-down') {
      font-size: 13.333333333333334px;
    }
    @include respond-to('medium-up') {
      font-size: 16.666666666666668px;
    }
    @include respond-to('large-up') {
      font-size: 20px;
    }
  }
  .pretext:empty,
  .headline:empty,
  .subtitle:empty {
    display: none;
    &:before {
      height: 0;
    }
  }
}

.caption--below-true {

  @include respond-to('small-down') {
    margin: 20px auto !important; /* Force caption margin */
    font-size: 3vw;
    position: static;
    transform: none;
    width: 100%;
  }

  .pretext {
    @include respond-to('small-down') {
      color: #00344f;
      text-shadow: none;
    }
  }
  .headline {
    @include respond-to('small-down') {
      color: #00344f;
      text-shadow: none;
    }
  }
  .subtitle {
    @include respond-to('small-down') {
      color: #00344f;
      text-shadow: none;
    }
  }

  .caption-background-true.caption-transparency-false {
    background-color: #00344f;

    @include respond-to('small-down') {
      background-color: transparent;
    }
  }

  .caption-background-true.caption-transparency-true {
    @include respond-to('small-down') {
      background-color: transparent;
    }
  }
}

.caption--below-false {
  @include respond-to('small-down') {
    .caption-content.caption-background-true {
      padding: 15px;
    }

    a.highlight-false, input[type="button"].highlight-false,
    a.highlight-true, input[type="button"].highlight-true,
    a.continue-button {
      background-color: rgba(255,255,255,0);
      color: #ffffff;
      border: 1px solid #ffffff;

      &:hover {
        background-color: #ffffff;
        border-color: #ffffff;

        @if (lightness(#ffffff) > 50) {
          color: #333;
        } @else {
          color: #fff;
        }
      }
    }

    a.highlight-true, input[type="button"].highlight-true {
      background-color: #ffffff;
      border-color: #ffffff;

      @if (lightness(#ffffff) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    }
  }
}

.subtitle p a {
  pointer-events: all;
}

.caption-content {
  display: inline-block;
  float: none;
  max-width: 60%;
  font-size: 0;
  @include respond-to('medium-down'){
    max-width: 80%;
  }
  @include respond-to('small-down') {
    width: 100%;
    max-width: 100%;
  }
  .action_button {
    margin: 10px;
    @include respond-to('medium-down'){
      // tightens up stacked buttons on iPad
      margin: 5px;
    }
    @include respond-to('small-down') {
      font-size: 16px;
    }
  }
  &.align-center {
    text-align: center;
    @include respond-to('medium-down') {
      max-width: 80%;
    }
    @include respond-to('small-down') {
      width: 100%;
      max-width: 100%;
    }
  }
  &.align-left {
    text-align: left;
    &:first-child .action_button {
      margin-left: 0;
    }
    .subtitle:before {
      margin-left: 0;
    }
  }
  &.align-right {
    text-align: right;
    &:last-child .action_button {
      margin-right: 0;
    }
    .subtitle:before {
      margin-right: 0;
    }
  }
  &.caption-background-true {
    padding: 30px;

    @include respond-to('small-down') {
      padding: 0;
    }
  }
}

/* Transparency settings for each type of caption */

$backgroundTransparency: 0.6;

.caption-background-true {
  //fallback
  background-color: #00344f;
}

.homepage-video {
  .caption-background-true {
    background-color: rgba(#00344f,  1 );
    @include respond-to('small-down') {
      background-color: transparent;
    }
  }
}

.caption-background-true {
  &.caption-transparency-true {
    background-color: rgba(#00344f, $backgroundTransparency);
  }
}

a.highlight-false, input[type="button"].highlight-false,
a.highlight-true, input[type="button"].highlight-true,
a.continue-button {
  background-color: rgba(255,255,255,0);
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: background-color 0.2s linear, color 0.2s linear;
  margin: 25px 0;

  &:hover {
    background-color: #ffffff;
    border-color: #ffffff;

    
      @if (lightness(#ffffff) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    
  }

  @include respond-to('small-down') {
    color: #00344f;
    border-color: #00344f;
    background-color: transparent;
    &:hover {
      border-color: #00344f;
      background-color: #00344f;
      @if (lightness(#00344f) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    }
  }
}

a.highlight-true, input[type="button"].highlight-true {
  background-color: #ffffff;
  border-color: #ffffff;

  
    @if (lightness(#ffffff) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  

  @include respond-to('small-down') {
    border-color: #00344f;
    background-color: #00344f;
    @if (lightness(#00344f) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  }
}

a.continue-button,
a.highlight-false--dark,
input[type="button"].highlight-false--dark {
  color: #00344f;
  border-color: #00344f;
  background-color: transparent;
  &:hover {
    border-color: #00344f;
    background-color: #00344f;
    @if (lightness(#00344f) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  }
}

/* Slideshow */

.homepage-slideshow {
  .gallery-cell:not(:first-child) {
    height: 0;
  }
}

.homepage-slideshow.flickity-enabled {
  .gallery-cell:not(:first-child) {
    height: auto;
  }
}

.homepage-slideshow {
  a.highlight-false, input[type="button"].highlight-false,
  a.highlight-true, input[type="button"].highlight-true {
    &:hover {
      
        @if (lightness(#ffffff) > 50) {
          color: #333;
        } @else {
          color: #fff;
        }
      
    }
    @include respond-to('small-down') {
      color: #00344f;
      border-color: #00344f;
      background-color: transparent;
      &:hover {
        border-color: #00344f;
        background-color: #00344f;
        @if (lightness(#00344f) > 50) {
          color: #333;
        } @else {
          color: #fff;
        }
      }
    }
  }

  a.highlight-true, input[type="button"].highlight-true {
    background-color: #ffffff;
    border-color: #ffffff;

    
      @if (lightness(#ffffff) > 50) {
          color: #333;
      } @else {
        color: #fff;
      }
    

    @include respond-to('small-down') {
      border-color: #00344f;
      background-color: #00344f;
      @if (lightness(#00344f) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    }
  }
}

/* #Account
================================================== */

.account-header-logout {
  text-align: right;
  text-transform: uppercase;
}

.account-sidebar {
  border-right: 1px solid #aaaaaa;
  box-sizing: border-box;
  padding-right: 10px;
  @include respond-to('medium-down'){
    border: 0;
    padding-right: 0;
  }
}

.customers-addresses {
  .account-sidebar {
    border-right: 0;
    padding-right: 0;
  }
  .account-main {
    box-sizing: border-box;
    border-left: 1px solid #aaaaaa;
    padding-left: 20px;
    @include respond-to('medium-down'){
      border: 0;
      padding-left: 0;
    }
  }
}

.action_bottom .note {
  vertical-align: middle;
  line-height: 40px;
}

.address_title {
  margin-bottom: 0;
  padding-bottom: 0;
}

.action_edit {
  background-color: #00344f;
  border-color: #00344f;
  a {
    color: #ffffff;
  }
  &:hover {
    background-color: #00344f;
    border-color: #00344f;
    a {
      color: #ffffff;
    }
  }
}

.action_delete {
  background-color: #ffffff;
  border-color: #00344f;
  a {
    color: #00344f;
  }
  &:hover {
    background-color: #00344f;
    border-color: #00344f;
    a {
      color: #ffffff;
    }
  }
}

.order-details__discount {
  display: block;
}

/* #Policy pages
================================================== */

.container .shopify-policy__container {
  margin: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.shopify-policy__container {
  .shopify-policy__title {
    text-align: left;
  }
}

/* #Home page - collection in detail
================================================== */

.collection-in-detail {
  .section {
    margin: 0;
  }
  .half {
    width: 50%;
    float: left;
    position: relative;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
  .product-details {
    padding: 40px 2rem;
  }

  .frontpage_product_stagger--true {
    .section:nth-of-type(even) .half {
      float: right;
    }
  }
}

/* #Home page - text columns with images
================================================== */

.text-columns-with-images-section {
  .border-style--box {
    padding: 10%;
    border: 1px solid #aaaaaa;
  }

  .border-style--quote {
    padding-left: 20px;
    border-left: 1px solid #aaaaaa;
    margin-bottom: 10%;
  }

  .large_text {
    @include headline-style($font-size-column);
  }

  .text-column {
    margin-bottom: 25px;
  }

  a.continue-button {
    margin-top: 10px;
  }

  h2.title + .feature_divider {
    margin-bottom: 40px;
  }

  img {
    margin: 0 0 15px;
  }
}

/* OOTS Content Creator slideshow */
.flexslider {
  img {
    display: block;
    margin: 0 auto;
  }
}

/* #Home page - slideshow
================================================== */

.homepage-slideshow:hover .flickity-prev-next-button, .testimonial-section:hover .flickity-prev-next-button {
  opacity: 0.5;
}

.homepage-slideshow.text-animation--false .caption {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.homepage-slideshow.text-animation--false.flickity-enabled .caption {
  opacity: 1;
}

.text-animation--true {
  .caption-content {
    opacity: 0;
    @include respond-to('small-down') {
      opacity: 1;
      animation-duration: 0s;
    }
  }
}

.homepage-slideshow,
.testimonial-section {
  position: relative;
  overflow: hidden;
  &.single-image {
    .flickity-prev-next-button {
      display: none;
    }
    .flickity-page-dots {
      display: none;
    }
  }
  .gallery-cell {
    width: 100%;
    
      background-color: #ffffff;
    
    @include respond-to('small-down') {
      background-color: transparent;
    }
    img {
      width: 100%;
      display: block;
    }
  }
  .flickity-prev-next-button {
    opacity: 0;
    width: 5%;
    height: 100%;
    border-radius: 0;
    @include respond-to('medium-up') {
      opacity: 0;
    }
  }
  .flickity-page-dots {
    bottom: 2em;
    display: none;
    @include respond-to('medium-up') {
      display: block;
    }
    .dot {
      height: 4px;
      width: 40px;
      margin: 0;
      border-radius: 0;
      background: #cccccc
    }
    @include respond-to('small-down') {
      display: block;
      bottom: 5px;
    }
  }
}

/* Home - product slider */

.js-product-slider {
  .product_clear {
    display: none;
  }
  .column.alpha, .columns.alpha {
    margin: 0 10px 0 20px;
  }
  .flickity-prev-next-button {
    border-radius: 0;
  }
}

/* #Home page - image with text
================================================== */

.image-with-text .featured-link--half a[href] img {
  box-shadow: #000 0em 0em 0em;
  transition: opacity 0.2s linear;
}

.image-with-text .featured-link--half:hover a[href] img.lazyloaded {
  opacity: 0.8;
}

.standard--width .image-with-text .featured-link--image,
.full-width--false.image-with-text .featured-link--image {
  background-color: transparent;
}

.featured-link--section {
  width: 100%;
  box-sizing: border-box;
  float: left;
  min-height: 100px;
  @include flexbox();
  @include flex-wrap(wrap);
}

.featured-link--half.featured-link__imageHalf {
  background-color: transparent;
  text-align: center;
  a {
    width:100%;
    display: block;
    img {
      width: 100%;
    }
  }
}

.featured-link--half {
  box-sizing: border-box;
  float: left;
  width: 50%;
  position: relative;
  text-align: center;
  display: table;
  @include flex(1 0 auto);
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
  background-color: #ffffff;
  @include respond-to('small-down') {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .featured-link--wrap {
    width: 100%;
    height: 100%; /* Fix for SVG set at 2 images per row */
    @include flex(0 0 auto);
  }
  img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    @include respond-to('small-down') {
      width: 100%;
      max-width: auto;
    }
  }
  .info {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    &.text-align--right {
      text-align: right;
      .description:before {
        margin-right: 0;
      }
    }
    &.text-align--left {
      text-align: left;
      .description:before {
        margin-left: 0;
      }
    }
    @include respond-to('small-down') {
      position: static;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      padding: 2em 0;
    }
  }

  

  $image-with-text-color: set-text-color(#ffffff) ;

  .collection_title {
    margin-bottom: 15px;
    display: block;
    color: $image-with-text-color;
  }
  .description {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: $image-with-text-color;
    @include respond-to('medium-down'){
     font-size: 2vw;
    }
    @include respond-to('small-down') {
     font-size: inherit;
    }
    @include respond-to('widescreen-up') {
      font-size: inherit;
    }
  }
  .button {
    height: auto;
    background-color: transparent;
    color: $image-with-text-color;
    border: 1px solid $image-with-text-color;
    transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    &:hover {
      background-color: $image-with-text-color;
      color: #ffffff;
      border: 1px solid $image-with-text-color;
    }
  }





}

.image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) {
  @include flex-direction(row-reverse);
  .featured-link--half {
    float: right;
  }
}

.image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) {
  @include flex-direction(row-reverse);
  .featured-link--half {
    float: right;
  }
}

.featured_collections.across-2 {
  @include flexbox();
  @include flex-wrap(wrap);
}

.image-align--left.featured_collections.across-2 {
  .featured-link--section {
    @include flex-direction(row);
    @include respond-to('medium-down'){
      &:nth-of-type(2n){
        @include flex-direction(row-reverse);
      }
    }
  }
  .featured-link--image:nth-of-type(4n+3) {
    @include flex-direction(row-reverse);
    @include respond-to('medium-down'){
      @include flex-direction(row);
    }
  }
  .featured-link--image:nth-of-type(4n+4) {
    @include flex-direction(row-reverse);
  }
}

.image-align--right.featured_collections.across-2 {
  .featured-link--section {
    @include flex-direction(row-reverse);
    @include respond-to('medium-down'){
      &:nth-of-type(2n){
        @include flex-direction(row);
      }
    }
  }
  .featured-link--image:nth-of-type(4n+3) {
    @include flex-direction(row);
    @include respond-to('medium-down'){
      @include flex-direction(row-reverse);
    }
  }
  .featured-link--image:nth-of-type(4n+4) {
    @include flex-direction(row);
  }
}

.featured_collections.across-2 {
  .featured-link--section {
    width: 50%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }
  .featured-link--half {
    @include respond-to('medium-down') {
      width: 50%;
    }
    @include respond-to('small-down') {
      width: 100%;
    }
  }
  .description {
    font-size: 1.2vw;
    @include respond-to('medium-down'){
     font-size: inherit;
    }
  }
  .button {
    font-size: 1.2vw;
    @include respond-to('small-down') {
      font-size: 14px;
    }
  }
  .featured-link--image:nth-of-type(2n+1) {
    clear: both;
  }
  .featured-link--image:nth-of-type(2n+2) .featured-link--half {
    float: left;
    @include respond-to('medium-down'){
      float: right;
    }
  }
  .featured-link--image:nth-of-type(3n+3) .featured-link--half {
    float: right;
    @include respond-to('medium-down'){
      float: left;
    }
  }
  .featured-link--image:nth-of-type(4n+4) .featured-link--half {
    float: right;
  }
}

/* #Home page - featured products
================================================== */

/* #Home page - Rich text and image
================================================== */

.rich-text__content {
  .regular_text,
  .featured_text {
    margin-top: 15px;
  }
}

/* #Home page - featured promotions
================================================== */

.promo-animation--true {
  opacity: 0;
}

.featured-promotions {
  .feature-section {
    text-align: center;
    float: left;
    margin: 0 10px 20px;
    position: relative;
    @include respond-to('medium-down'){
      opacity: 1;
    }
    .link-promo {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
    }
    .feature-inner {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .feature-style--circle {
      border-radius: 50%;
      img {
        border-radius: 50%;
      }
    }
    .feature-style--rounded {
      border-radius: 10px;
      img {
        border-radius: 10px;
      }
    }
    .feature-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: background-color 0.25s linear;
      @include respond-to('medium-down'){
        
          @include background-opacity(#00344f, 0.5);
        
      }
    }
    .feature-wrap {
      @include vertical-alignment;
      position: absolute;
      width: 80%;
      margin: 0 auto;
      left: 0;
      right: 0;
      pointer-events: none;
    }
    .feature-details {
      display: none;
      opacity: 0;
      transition: opacity 0.3s linear;
      @include respond-to('medium-down'){
        opacity: 1;
        display: block !important;
      }
      &.reveal-details {
        opacity: 1;
      }
      .button {
        margin-top: 15px;
      }
    }
    .description {
      color: #fff;
      transition: all 0.3s linear;
      margin-bottom: 0;
    }
    .description a {
      pointer-events: auto;
    }
    &.title-overlay-true {
      .title {
        transition: all 0.3s linear;
        color: #fff;
        @include respond-to('medium-down'){
          margin-bottom: 10px;
        }
        &:after {
          content: '';
          display: block;
          height: 1px;
          width: 0;
          background: #fff;
          transition: width .5s ease, background-color .5s ease;
          margin: 10px auto auto auto;
          @include respond-to('medium-down'){
            display: none;
          }
        }
      }
    }
    &.title-overlay-false {
      .feature-wrap .title {
        display: none;
      }
    }
    &:hover .feature-overlay {
      @include background-opacity(#00344f, 0.5);
      @include respond-to('medium-down'){
        
      }
    }
    &.title-overlay-true:hover .title:after {
      width: 50%;
      background: #fff;
    }
    &.title-overlay-true:hover .title {
      color: #fff;
    }
    &.title-overlay-true:hover .description {
      color: #fff;
    }
    &.title-overlay-false:hover .description {
      color: #fff;
    }
    img {
      width: 100%;
      display: block;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    }
  }
}

$i: 1;
$delay: 0;
@while $i < 13 {
  .promo-#{$i} {
    -webkit-animation-delay: $delay + s;
    animation-delay: $delay + s;
  }
  $i: $i + 1;
  $delay: $delay + 0.3;
}

.featured-promotions.full-width--false {
  .promo-per-row-2 {
    .feature-section {
      width: calc(50% - 20px);
      @include respond-to('medium-down'){
        width: 100%;
        margin: 0 0 10px;
      }
      &:nth-child(2n+1){
        clear: both;
      }
    }
  }

  .promo-per-row-3 {
    .feature-section {
      width: calc(33.3333% - 20px);
      @include respond-to('medium-down'){
        width: 100%;
        margin: 0 0 10px;
      }
      &:nth-child(3n+1){
        clear: both;
      }
    }
  }

  .promo-per-row-4 {
    .feature-section {
      width: calc(25% - 20px);
      &:nth-child(4n+1){
        clear: both;
      }
      @include respond-to('medium-down') {
        width: calc(50% - 20px);
        &:nth-child(2n+1){
          clear: both;
        }
      }
      @include respond-to('small-down') {
        width: 100%;
        margin: 0 0 10px;
      }
    }
  }
}

.featured-promotions.full-width--true {
  padding-top: 0;
  .js-featured-promotions {
    @include flexbox();
    @include flex-wrap(wrap);
  }
  .promo-per-row-2 {
    .feature-section {
      width: 50%;
      margin: 0;
      @include respond-to('small-down') {
        width: 100%;
      }
    }
  }
  .promo-per-row-3 {
    .feature-section {
      width: 33.333333%;
      margin: 0;
      @include respond-to('medium-down') {
        width: 100%;
      }
    }
  }
  .promo-per-row-4 {
    .feature-section {
      width: 25%;
      margin: 0;
      @include respond-to('medium-down') {
        width: 50%;
      }
      @include respond-to('small-down') {
        width: 100%;
      }
    }
  }
}

/* #Home page - featured collection
================================================== */

.featured-collection__description.section {
  padding: 0 20px;
  margin: 20px 0;
}

.featured-collection__products.container {
  padding: 0;
}


/* #Home page - image with text overlay
================================================== */

.banner {
  width: 100%;
  position: relative;
  overflow: hidden;
  
    background-color: #ffffff;
  

  @include respond-to('small-down') {
    max-height: inherit;
    background-color: transparent;
  }

  img {
    width: 100%;
    display: block;
  }
}

/* #Home page - video
================================================== */

.block__featured_video,
.video-section {
  .caption {
    z-index: 30;
    pointer-events: none;
  }
  @include respond-to('small-down'){
    .caption {
      margin: 0;
      height: auto;
    }
  }

  .video-text--outside-video {
    height: auto;
  }
}

.showPosterImage--true[data-ratio="16:9"] {
  padding-top: 56.25%;
}

.showPosterImage--true[data-ratio="4:3"] {
  padding-top: 75%;
}

.homepage-video {
  position: relative;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  
    background-color: #ffffff;
  
  @include respond-to('small-down') {
    background-color: transparent;
  }
  img {
    width: 100%;
    display: block;
  }
  iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
  }
  video {
    background-color: #ffffff;
  }
  video[poster] {
    object-fit: cover;
  }
  video.video-autoplay--true.html-video {
    display: none;
  }
  .homepage-video--media {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
  .placeholder-image--true a.video__play-button {
    pointer-events: none;
  }
  .caption.text-on-video {
    pointer-events: none;
  }
  @include respond-to('small-down') {
    .caption.text-on-video {
      position: absolute;
      height: auto;
      @include prefix(transform, translateY(-50%), ms webkit spec);
      margin: 0;
      a.highlight-false {
        color: white;
        border-color: white;
      }
    }
  }
}

.homepage-video .mobile-video__buttons {
  display: block;
  text-align: center;
  top: 55%;
  @include prefix(transform, translateY(-50%), ms webkit spec);
  width: 100%;
  position: absolute;
  &.text-on-video { z-index: 20; }
  a.highlight-false {
    background-color: rgba(255,255,255,0);
    color: #ffffff;
    border: 1px solid #ffffff;
  }
  a.highlight-true {
    background-color: #ffffff;
    border-color: #ffffff;
    
      @if (lightness(#ffffff) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    
  }

  .action_button {
    margin: 5px;
  }

  @include respond-to('small-up') {
    display: none;
  }
}

.darken-video {
  display: block;
  background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  z-index: 20;
}

/* #Page Banners
================================================== */

.banner.page-banner {
  overflow: hidden;
  max-height: 100vh;
  
}

.caption.captionOverlay--true {
  max-width: 960px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  
    top: 50%;
  
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 3;
  .headline, .subtitle {
    color: #ffffff;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    
  }
  @include respond-to('medium-down'){
    top: 50%;
  }
}

.dark-overlay-true:after{
  content: '';
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */

/*  @font-face {
      font-family: 'FontName';
      src: url('FontName.eot');
      src: url('FontName.eot?iefix') format('eot'),
           url('FontName.woff') format('woff'),
           url('FontName.ttf') format('truetype'),
           url('FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/


/* #Custom Styles
================================================== */

*{
  font-family: 'museo-sans', sans-serif !important;
}
h1, h2, h3, h4 , h5 ,h6, .h1, .h2, .h3, .h4, .h5, .h6,
.collection_title{
  *{
    font-family: 'trajan-pro-3', sans-serif !important;
  }
   font-family: 'trajan-pro-3',  sans-serif !important;
}
.selector-wrapper{display:inline-block; width: 50%; padding: 0 5% 0 0;}
.selector-wrapper:first-of-type{display:none;}
.single_select > .selector-wrapper{display:block;}
select{border-radius:13px;}
.product_section .product_form{
  max-width:unset;
}
.modal_price{
  color: #00a6b5;
    font-weight: 700;
    font-size: 1.5em;
}
.purchase-details__buttons, .purchase-details__quantity {
    margin-top:5%;
    width: calc(100% - 6px) !important;
}

.page{
  .custom-page-div{
    width:33%;text-align: center;display:inline-block;
    @include respond-to('medium-down'){
    width:100%;
  }
  }
  .custom-page-div-2{
    width:24.66%;text-align: center;display:inline-block;
    @include respond-to('medium-down'){
    width:100%;
  }
  }
  table{
    
    td, tr{border-color: 0px solid transparent !important;
    	border-left: 0px solid transparent !important;
       border-right: 0px solid transparent !important;
       border-top: 0px solid transparent !important;
       border-bottom: 0px solid transparent !important;
    }
  }
}

.boost-pfs-search-box {
	border-radius: 13px !important;
}

/* @media screen and (max-width:780px){
  .boost-pfs-search-box {
      margin-top: 60px !important;
  }
} */

@media screen and (max-width:780px){
  .search__container {
      margin-top: 100px !important;
  }
}


//style downgrades 10/6

.main_nav{padding:40px 0}
.main_nav div.logo{padding:0; padding-left:20px; width:35%;}
.nav {
    width: 65%;
    float: right;
}
.menu a.top_link{font-weight:700 !important;}

.action_button {
    border-radius: 13px !important;
}

.video-wrapper .video__text-container {bottom:0 !important; top:unset !important;
  height:200px !important;
  @include respond-to('medium-down'){
    height:unset !important;
  }
  }



.map-section .container {
  border: #163a56 1px solid;
  padding: 20px;
  margin-bottom: 40px;
}

.map-section div div div div p a {
  text-decoration: underline;
}

.map-body {
  column-count: 2;
  column-rule: #163a56 1px solid;
  column-gap: 40px;
  column-width: 200px;
  height: fit-content;
  margin-bottom: 20px;
}

.map-body div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  /* for Firefox */
  display: inline-grid;
}

/* for Chrome and Edge */
@supports (break-inside: avoid-column) {
  .map-body div  {
    display: block !important;
  }
}

.icon-mbank svg {fill: #163a56 !important;}

.icon-mbank svg:hover {fill: #00a6b5 !important;}

.flickity-prev-next-button .arrow{fill:black !important;}
.flickity-prev-next-button {opacity:1 !important;}

.single-option-selector option[disabled="disabled"]{
      color: rgba(170, 170, 170, .7);
    opacity: .3;
  text-decoration: line-through;
}


.team-page__container:not(#first) h2, #exec-team { font-size: 40px;}

@media only screen and (max-width: 798px) {
  .team-page__container:not(#first) h2, #exec-team { font-size: 30px; }
}

@media only screen and (max-width: 479px) {
  .team-page__container:not(#first) h2, #exec-team { font-size: 170%; }
}


.color-container#White a div, div#WHITE span.selected-color { border: lightgrey 1px solid; }

.dropdown.menu a:visited, .dropdown.menu a:active, .dropdown.menu a:focus {
  padding: 3px 0;
  font-weight: bolder;
}

.dropdown.menu a {
  padding: 3px 0;
  line-height: initial;
}

.product-details span.title {
  font-size: large !important;
  font-weight: bolder;
}

span.unit::first-letter { text-transform: uppercase !important; }
.image-element__wrap{min-height:200px;}

.product-details span.price { display: none !important; }

.boost-pfs-filter-tree-v .boost-pfs-filter-option-range.boost-pfs-filter-option-collapsed  {
  padding-bottom: 20px !important;
}

.boost-pfs-filter-option-size div div ul li.boost-pfs-filter-option-item.boost-pfs-filter-option-label {
  max-width: 49% !important;
}

//.vertical-menu li a:not(.vertical-menu_submenu li a) {
//  padding-top: unset;
//  padding-bottom: unset;
//}

.promo_banner { background-color: #f7eaca; }

.boost-pfs-filter-tree-mobile-button button, .boost-pfs-filter-top-sorting-mobile button { border-radius: 13px !important; }


@media only screen and (max-width: 798px) {
  .color-container a {
    display: inline-flex !important;
    line-height: 25px !important;
  }

  .color-container a div {
    border-radius: 25px !important;
    display: inline-flex !important;
    margin-right: 10px !important;
  }
}

div.mini-cart__item__title div.line-item { display:none; }

@media only screen and (min-width: 479px) {
    div#contact-us-form {width: 90vw;}
}

@media only screen and (min-width: 798px) {
  div#contact-us-form {
    min-width: 600px;
    max-width: 800px;
  }
}

.sample_action_btn {
 background: white !important;
    color: #00344f !important;
    border: 1px solid #00344f !important;
 	border-radius:13px!important;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    height: 40px;
    line-height: 1.2;
    vertical-align: top;
    font-family: "Mundo Sans",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    transition: all .2s linear;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    border-radius: 3px; 
}

.shopify-cleanslate div ul li div[data-testid="GooglePay-button"],
.shopify-cleanslate div ul li div[data-testid="ShopifyPay-button"],
.shopify-cleanslate div ul li div[data-testid="ApplePay-button"],
.shopify-cleanslate div ul li iframe {
  border-radius: 13px !important;
}

.share-items{text-align:right; padding-right:10px;}
.print-button{
font-size:10px;
padding:10px;
}


.share-items{text-align:right; padding-right:10px;}
.print-button{
font-size:10px;
padding:10px;
}

#st-1 .st-btn{
 background-color:#D3D3D3 !important;
}


/* 2021 PDP Updates  */

.call-button {
  height: 10px;
  width: 10px;
  margin-right: 1.5em;
}

.call-button img {
  height: 20px;
  width: 20px;
/*   margin-right: 1em; */
}

.title-and-wishlist {
  display:flex; 
  justify-content: space-between;
  align-items: center;
  margin-top: 2em;
}



@media (min-width: 1024px){
	.call-button {
      display: none;
    }
}


.icon-container {
    width: auto;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.custom-accordion-title{
}

.brochure-button{
  padding-bottom:10px;
  float:left;
}

@media only screen and (max-width: 680px) {
 .brochure-button{
 		padding-bottom:10px;
  		max-width:30px;
	}
  
}
.gallery-title {
  margin-top: 8px;
  margin-bottom: 14px;
}
#shopify-section-template--15396613914785__16464247227961860a .container {
    padding-bottom: 0;
}
#shopify-section-template--15396613914785__16464905327c0563c0 .container {
    padding-top: 0;
}


.swatch .swatch-element:not(:nth-child(-n+21))>.tooltip::after {
    transform: scaleY(-1);
    bottom: 100%;
}


.swatch .swatch-element:not(:nth-child(-n+21)) > .tooltip {
    top: 100%;
    margin: 0;
    bottom: auto;
}


/* .section.product_section .product_gallery {
    padding: 30px;
    background: #fff;
    height: 500px;
}
.section.product_section .product_gallery .gallery-cell {
    height: 500px;
    top: 0;
}
.section.product_section .product_gallery .gallery-cell img {height: 500px;object-fit: cover;}

@media only screen and (max-width: 767px) {
.section.product_section .product_gallery {
    padding: 30px;
    background: #fff;
    height: 400px;
    margin-bottom: 0;
}
.section.product_section .product_gallery .gallery-cell {
    height: 370px;
    top: 0;
}
.section.product_section .product_gallery .gallery-cell img {
    height: 370px;
    object-fit: cover;
}
}

.product_gallery_nav .gallery-cell img {
    height: 100px;
    object-fit: cover;
    width: 100%;
} */

.product_gallery {
    background: #fff !important;
    padding: 25px;
 }
.product_gallery .gallery-cell img {
    height: 500px;
    object-fit: contain;
}


.descr {
    display: flex;
    flex-wrap: wrap;
}

.descr>p {
    width: 80%;
    padding-right: 15px;
}

.descr>span.installtion_link {
    width: 20%;
    text-decoration: underline;
}

@media only screen and (max-width: 991px) {
.descr > p {
    width: 100%;
    padding-right: 0;
}
  
  .descr > span.installtion_link {
    width: 100%;
    
}

.dropdown_container {
    position: unset !important;
}
  .getstarted .Heading h1 {
    font-size: 40px; 
  
}
}

@media only screen and (max-width: 767px) {
.product_gallery .gallery-cell img {
    height: 250px;
    object-fit: contain;
}
  .getstarted .Heading h1 {
    font-size: 40px;
    color: #fff;
}
}



.sale-price-area.sale {
    display: flex;
    align-items: center;
}
.sale-price-area.sale span.sale.savings {
    font-weight: 400;
    font-size: 22px;
    padding-left: 10px;
}
.sale-price-area.sale span.sale.savings .money {
    /*text-decoration: line-through;*/
  	color: #8c8b8b;
}

.was-area-price {
    display: flex;
    align-items: center;
    margin-top: 2px;
}
.was-area-price p#v-price {
    margin: 0;
    padding-right: 5px;
    line-height: 1.2;
    font-size: 18px;
    color: #333;
}
 .discount-percent span {
    display: none;
}
.sale-price-area.sale + .discount-percent {
    font-size: 16px;
}
.product_section .modal_price .price__container {
    display: flex;
    align-items: flex-start;
}
.product_section .modal_price .price__container >  span:first-child {
    margin-top: 3px;
    border-right: 0px solid #eee;
    padding-right: 10px;
    margin-right: 10px;
  position:relative;
}
.product_section .modal_price .price__container>span:first-child:after {
    position: absolute;
    width: 1px;
    content: "";
    right: 0;
    height: 20px;
    background: #333;
    top: 1px;
}

.badge-main-area .sale_banner_product {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 99;
    width: 50px;
    height: 50px;
    line-height: 52px;
    font-size: 11px;
}

.badge-main-area {
    position: relative;
}

.sale-price-area.sale span.current_price {
    font-size: 18px;
    color: #333;
}
.sale-price-area.sale span.sale.savings .money {
    /*text-decoration: line-through;*/
    color: #333;
}
.sale-price-area.sale span.sale.savings {
    font-weight: 600;
    font-size: 18px;
    padding-left: 5px;
    color: #333 !important;
}
.was_price {
    text-decoration: line-through;
    color: #333;
    text-shadow: none;
    font-weight: 700;
    font-size: 21px;
}

.badge-main-area>.sale_banner_product {
    border-radius: 0;
    width: 100px;
    height: auto;
    padding: 2px 0 !important;
    line-height: unset;
    font-size: 16px;
    min-width: 100px;
}

.banner_holder>div {
    border-radius: 0 !important;
    min-width: 100px;
    line-height: unset !important;
    height: auto !important;
    padding: 2px 0 !important;
    font-size: 16px;
}

.banner_holder {
    left: 10px;
    right: unset;
    top: -10px;
}

.sale-price-area.sale span.current_price {
    font-size: 21px;
    color: #00a6b5;
   font-weight: 700;
}

.sale-price-area.sale span.sale.savings {
    font-weight: 700;
    font-size: 21px;
    
}

.was-area-price p#v-price {
    font-size: 21px;
    font-weight: 700;
    color: #00a6b5;
}


.sale-price {
    width: 100%;
}

span.was_price {
    display: none;
}

/*p#v-price {
    text-transform: uppercase;
}*/

.sale-price-area.sale {
    display: block;
}

 .product_section .modal_price .price__container>span:first-child::after {
    width: 0;
}

.product_section .modal_price .price__container span.sale {
    padding: 0;
    margin: 0;
}


.product_section .modal_price .price__container {flex-wrap: wrap;}
.product_section .modal_price .price__container .sale-price-area.sale {width: 100%;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings {font-size: 16px;display: block;margin: 0 0 15px;color: #00a6b5 !important;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings span.money {color: #00a6b5 !important;}.product_section .modal_price .price__container {flex-wrap: wrap;}
.product_section .modal_price .price__container .sale-price-area.sale {width: 100%;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings {font-size: 16px;display: block;margin: 0 0 15px;color: #00a6b5 !important;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings span.money {color: #00a6b5 !important;}
.product_section .modal_price .price__container span.sale {width: 100%;}
.was-area-price p#v-price {font-size: 16px;color: #00344f;font-style: italic;font-weight: 400;}

.product_section .modal_price .price__container>span {
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 10px;
}


div#section-location-custom-mega-menu-3 div[data-column="4"] .truck_img {
    position: unset;
    width: 100%;
}


.truck_img img {
    width: 100%;
}


/* header redesign */

header ul.menu.center.clearfix {
    padding: 0;
    padding-right: 0 !important;
}

header ul.menu.center.clearfix li.search_container {
    position: unset!important;
    padding-top: 0;
    width: 100%;
    max-width: 420px;
    margin-left: 50px;
}

.main_nav {
    padding: 0 0 10px;
}

header ul.menu.center.clearfix {
    padding: 0;
    padding-right: 0!important;
    padding-bottom: 0!important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

header ul.menu.center.clearfix .vertical-menu + .vertical-menu {
    display: none;
}

.nav ul.menu.center.clearfix .vertical-menu {
    width: 100%;
    max-width:100% !important;
    display: block;
}

ul.menu.center.clearfix>li:first-child {
    display: none;
}

.nav ul.menu.center.clearfix .vertical-menu>li {
    margin: 0;
    padding: 0;
    margin-right: 0 !important;
}

.nav ul.menu.center.clearfix .vertical-menu {
    width: 100%;
    max-width: 100%!important;
    display: flex;
    justify-content: space-between;
}

header ul.menu.center.clearfix li.search_container input {
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #dcdcda;
}

.nav ul.menu.center.clearfix .vertical-menu>li>a {
    padding: 0;
}

div#section-location-custom-mega-menu-3 div[data-column="1"], div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 35% !important;
    padding: 0 15px;
}

div#section-location-custom-mega-menu-3 div[data-column="2"]>div {
    width: 100% !important;
}

div#section-location-custom-mega-menu-3 div[data-column="1"] br {
    display: none;
}


div#section-location-custom-mega-menu-3 div[data-column="1"] {
    display: flex !important;
    flex-wrap: wrap;
    padding-right: 3% !important;
    line-height: 40px;
}


.nav ul.menu.center.clearfix .vertical-menu>li {margin: 0;padding: 0;margin-right: 0 !important;}

header ul.menu.center.clearfix li.search_container input {border: none;border-radius: 0 !important;border-bottom: 1px solid #dcdcda;}



.nav ul.menu.center.clearfix .vertical-menu>li>a {padding: 0;}





div#section-location-custom-mega-menu-3 div[data-column="4"] {width: 25% !important;}

div#section-location-custom-mega-menu-3 div[data-column="2"]>div {width: 100% !important;}

div#section-location-custom-mega-menu-3 div[data-column="1"] {
    display: flex!important;
    flex-wrap: wrap;
    padding-right: 0%!important;
    line-height: 40px;
    width: 35%!important;
}

div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 40%!important;
    padding: 0 30px;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>b {width: 100%;}

div#section-location-custom-mega-menu-3 div[data-column="1"] br {display: none;}




div#section-location-custom-mega-menu-3 div[data-column="1"] span {
    width: 100%;
    padding: 0 0px;
    font-size: 16px;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix a.icon-cart.mini_cart.dropdown_link {
    height: 58px !important;
}


.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix {
    width: 100%;
    max-width: 1196px;
    padding: 0;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width: 69% !important;
    margin-left: auto;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix li.search_link {
    display: none;
}

.menu-position--block.logo-align--center div.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.boost-pfs-search-suggestion {
    left: unset !important;
    right: 0;
}

.boost-pfs-search-suggestion-column-2-non-fullwidth:not(.boost-pfs-search-suggestion-mobile) {
    width: 100% !important;
    left: unset !important;
    right: 12.5%;
    max-width: 800px;
}

.boost-pfs-search-suggestion-popover[data-direction=left] {
    left: unset!important;
    right: 40% !important;
}









div#section-location-custom-mega-menu-3 {
    float: left;
    width: 100%;
    height: 100%;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>div:not(.demoooo) {
    width: 33%;
}

div#section-location-custom-mega-menu-3 div[data-column="1"] .demoooo {
    width: 100%;
}


.request-qoute-left {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.center-search {
    background: #1A324C;
    padding: 10px 16px;
}

.center-search form.search_form {
    max-width: 430px;
    margin: 0 auto;
}

.center-search form.search_form input {
    border: 1px solid #fff !important;
    height: auto;
    min-height: 40px;
    color: #fff;
}

.center-search form.search_form input::placeholder {
    color: #fff;
}

.request-qoute-left a.menu-button {
    padding: 8px 14px;
    display: block;
    background: #00a6b5;
    color: #fff;
    border-color: #00a6b5;
    width: 100%;
    max-width: 155px;
    text-align: center;
    font-size: 15px;
}

.center-search .search-submit {
  
    color: #fff;
  
}

ul.menu.left {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.top_bar li:first-child {
    padding-right: 8px !important;
}

.sticky_nav--stick .request-qoute-left {
    display: none;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-left: 20px;
    width: 100%;
    text-align: left;
    padding-right: 158px;
}

.sticky_nav .main_nav .logo-area {
    float: left;
    width: 35%;
}

.sticky_nav .main_nav.menu-position--block .nav {
    width: 100%;
    clear: none;
    float: left;
}

.sticky_nav .main_nav {
    display: flex;
    align-items: center;
}


.logo-area.top-left {
    display: flex;
    flex-flow: column;
    text-align: left;
    justify-content: flex-start;
    max-width: 33%;
    width: 100%;
}

.header .main_nav_wrapper .main_nav {
    padding: 11px 0 0;
}

.header .main_nav_wrapper .main_nav .dropdown_container.center {
    width: 100%;
}

.header .top_bar.clearfix {
    display: none;
}

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    order: 5;
    padding: 0;
}
.header .main_nav_wrapper .main_nav .dropdown_container.center {
    width: 100%;
    order: 4;
}

.header .main_nav_wrapper .main_nav  .top-right-info {
    order: 3;
    max-width: 33%;
    width: 100%;
}

.header .main_nav_wrapper .main_nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.header .main_nav_wrapper .main_nav .logo.logo--image {
    width: 100%;
    max-width: 33%;
}
.header .main_nav_wrapper .main_nav .top-right-info {
    display: flex;
    justify-content: flex-end;
    flex-flow: row;
    align-items: center;
    padding-right: 34px;
}

.header .main_nav_wrapper .main_nav .top-right-info a.icon-cart.mini_cart.dropdown_link {
    height: auto !important;
}

.header .main_nav_wrapper .main_nav .top-right-info {
   
    position: relative;
}

.header {
    position: relative;
}

.dropdown {
    position: absolute;
    width: 105vw;
    z-index: 1000;
    margin-left: 0px;
    left: 0;
}

.dropdown_container {
    position: absolute;
    left: 0;
    top: unset;
    bottom: 0px;
}



.sticky_nav .main_nav .logo-area.top-left {
    display: none;
}

.sticky_nav .main_nav .top-right-info {
    display: none;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .cart_container.clearfix +  .cart_container.clearfix {
    display: none;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-left: 20px;
    width: 100%;
    text-align: left;
}



/* ul.menu.left li a svg {
    position: relative;
    top: 3px;
} */

ul.menu.left li:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
}
ul.menu.left li:nth-child(3) {
    padding-left: 15px;
}
.menu a.top_link {
    font-weight: 400!important;
}


.header {
    position: sticky;
    top: 0;
}

/* div#shopify-section-header {
    top: 0;
    position: sticky;
    z-index: 999;
    background: #fff;
} */

.header .main_nav_wrapper .main_nav .main-top-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.header .main_nav_wrapper .main_nav .main-top-header>div {
    width: 100%;
    max-width: 33%;
    flex: 33%;
    padding: 0px;
}

.header .main_nav_wrapper .main_nav .main-top-header>div:last-child {
    padding-right: 0;
}

.header .main_nav_wrapper .main_nav .nav-serach-area {
    width: 100%;
    display: flex;
    flex-flow: row-reverse;
    align-items: baseline;
    padding: 15px 15px 0px;
}	

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    width: 100%;
    max-width: calc(100% - 465px);
    flex: calc(100% - 465px);
}


.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
    width: 100%;
    max-width:250px;
    padding-left: 80px;
}

.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar input::placeholder {
    color: #000;
    opacity: 0.5;
    font-size: 16px;
}

.header .main_nav_wrapper .main_nav .main-top-header>div ul.menu.left.top li:first-child {
    padding-left: 0 !important;
}

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix {
    width: 100%;
    margin: 0;
}

.right-search input {
    border: none;
    border-bottom: 1px solid #dcdcda;
    padding: 0 48px 0 0;
    border-radius: 0 !important;
}

.right-search input {
    outline: none !important;
}
.right-search input{

  border-color: none !important;
}

.search_form input, .search_form input:active, .search_form input:focus {
    font-family: Mundo Sans,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #00344f;
    background-color: transparent;
    padding-right: 35px;
    border-color: #dcdcda;
    border-radius: 3px;
    border: none;
    border-bottom: 1px solid #dcdcda;
}

.header .main_nav_wrapper .main_nav ul.menu.left>li>a {
    padding-top: 0;
}




div#shopify-section-template--15567941861537__161125747988977ede .container section.featured-link--section {
    align-items: center;
}

div#shopify-section-template--15567941861537__161125747988977ede .container {
    max-width: 1065px;
    padding: 0 30px;
}

div#shopify-section-template--15567941861537__161133677400361f58 {
    display: none;
}

section#banner-24a2a6c2-d04e-4142-9142-d4f957827de0 .image-element__wrap {
    max-width: 1320px !important;
    margin: 0 auto !important;
}

.main_nav_wrapper {
    padding-top: 10px;
}


.header .main_nav_wrapper .main_nav ul.menu.left>li>a {
    padding-bottom: 0;
}

.both-buttons {
    width: 100%;
}

.both-buttons {
    width: 100%;
    padding: 20px 0 0;
}



.showcalculator>div {
    max-width: 50%;
    flex: 50%;
    width: 100% !important;
    margin: 0 !important;
}

.showcalculator>div#cartonCalculator {
    padding-right: 2.5%;
}

.showcalculator .purchase-details__quantity:last-child {
    padding-left: 2.5%;
}


.sticky_nav .main_nav>.main-top-header {
    max-width: 35%;
    width: 100%;
}

.sticky_nav .main_nav>.nav-serach-area {
    width: 100%;
    max-width: 65%;
}

.sticky_nav .main_nav>.main-top-header {
    max-width: 35%;
}

.sticky_nav .main_nav.menu-position--block .logo img {
    width: 100%;
    max-width: 225px;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sticky_nav .main_nav.menu-position--block .logo a {
    padding-top: 0;
    padding-bottom: 0;
}

.sticky_nav .main_nav {
    padding: 0;
}
.main_nav_wrapper.sticky_nav.sticky_nav--stick {
    padding: 0;
}

.both-buttons input#carton-calc {
    margin: 0;
}


.search_container.sticky {
    display: block !important;
}

.search_container.sticky {
    display: block !important;
}

.main_nav_wrapper .sticky-search1 {
    display: none;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .sticky-search1 {
    display: block;
    margin-left: 10px;
}




/* new page trade css 23/05/2022 */




body.page-trade .container.main.content {
    max-width: 100%;
    padding: 0;
}




div#shopify-section-brand-logo-section {
    padding: 81px 0 176px;
}


section#banner-Our-Trade-Team {
    padding-bottom: 203px;
}


section#banner-Our-Trade-Team .caption {
    bottom: unset;
    width: auto !important;
    max-width: unset !important;
    height: 100% !important;
    position: relative !important;
    top: unset;
}

section#banner-Our-Trade-Team .caption .caption-content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -120px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 1141px !important;
    width: 100%;
    padding: 0px 78px;
    border-top: 7px solid #23aeb7;
    min-height: 473px;
}


section#banner-Our-Trade-Team .caption .caption-content h1.headline {
    font-size: 46px;
    margin: 0 0 10px;
}

section#banner-Our-Trade-Team .caption .caption-content p {
    font-size: 19px;
}



div#shopify-section-trade-showroom-locations .container {
    max-width: 100%;
    padding: 0 15px;
}

div#shopify-section-Architessa-trade-showrooms .container {
    max-width: 1269px;
}

.Architessa-trade-showrooms {
    text-align: center;
    max-width: 1267px;
}

.Architessa-trade-showrooms p:nth-child(2) {
    font-size: 46px;
    font-weight: bold;
    text-transform: unset;
    margin: 0 0 42px;
    color: #000;
}
.locationsection {
    display: flex;
    justify-content: space-between;
}

.Architessa-trade-showrooms p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 44px;
    color: #454545;
    font-family: Museo Sans;
    text-align: center;
    margin: 0;
}


.locationsection>.single-location {
    width: 100%;
    max-width: calc(100%/7 - 20px);
    text-align: center;
    background-color: #f8fbf6;
    padding: 30px 20px;
    margin: 0 10px;
      border: 1px solid #e6e7e5;
}
.team-page__text.text-align--center h2 {
    font-size: 44px;
}


div#shopify-section-trade-showroom-locations {
    padding: 30px 0 70px;
}
h2#exec-team {
    margin: 0;
    width: 100%;
    display: block;
    font-size: 33px;
    font-weight: 700;
    font-family: unset !important;
}

div#meet-the-team span#first {
    text-align: center !important;
    display: block;
    width: 100%;
    max-width: 100%;
}

div#shopify-section-Architessa-sales-team .team-page__text.text-align--center span {
    display: block;
    text-align: left !important;
    width: 100%;
    max-width: 100%;
}

div#meet-the-team span#first h2 {
    margin: 0 0 50px;
    width: 100%;
    font-weight: 700;
    font-family: unset !important;
}
.getstarted {
    background-color: #00344f;
    padding: 100px 0px;
}
.Heading {
    font-size: 60px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-family: unset;
}
.description-text p {
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-family: unset;
}
.buttontitle {
    background-color: #23aeb7;
    width: 282px;
    text-align: center;
    padding: 26px 0;
    margin: 50px auto 0;
}
.buttontitle a {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;

}
.featured-link--half .info {
    display: inline-block;
    width: 100%;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
    padding: 0;
    background-color: #f8fbf6;
}
div#shopify-section-Trade-Product-Catalogs {
    padding: 156px 0 138px;
    background-color: #f8fbf6;
}
a.collection_title {
    font-size: 45px;
    font-weight: 500;
}
.description p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 36px;
    color: #454545;
    font-family: unset;
}

.description a {
    text-decoration: underline;
    color: #23aeb7;
  	font-weight: 700;
}

#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
    padding: 0;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div {
    width: 100%;
}
div#product-catalogs {
    background-color: #f8fbf6;
}


#shopify-section-Trade-Product-Catalogs .featured-link--section {
    margin-bottom: 0;
    flex-flow: column;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div {
    width: 100%;
    margin: 34px 0px 30px 0px;
}
.botm-desc {
    font-size:19px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #454545;
}
.botm-desc a {
    text-decoration: underline;
    color: #23aeb7;
}
div#shopify-section-Trade-sample-section {
    padding: 160px 0;
}
 
.featured-link--half.block--8db05868-d7a6-4c37-b21c-9b3b8fe3dd2d {
    padding: 0 0 0 50px;
}
.featured-link--half.featured-link--image.featured-link--margin.image-crop--none {
    padding: 0 50px 0 0;
}
#shopify-section-Trade-sample-section .collection_title {
    font-family: trajan-pro-3 !important;
    padding: 0px 0px 36px;
    font-size:45px;
  line-height: 48px;
  margin-bottom: 0;
}
#shopify-section-Trade-sample-section .featured-link--margin {
    margin-top: 26px;
   
}
#shopify-section-Trade-sample-section .featured-link--margin {
    margin-left: 0;
    margin-right: 0;
}


div#shopify-section-Trade-sample-section .container {
    max-width: 1420px;
    width: 100%;
}


.left-text h3 {
    font-size: 45px;
    font-weight: 600;
}
h4.accordion-title.js-accordion-title.open {
    font-size: 41px;
    font-weight: 500;
    color: #23aeb7;
    margin: 0 0 25px;
}
.accordion-content p {
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 40px;
    color: #454545;
    padding: 0;
}

.accordion.resoruces .container {
    max-width: 1420px;
}

.resoruces_section {
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.rich-text__blocks h2 {
    text-align: center;
    font-size: 46px;
}
.rich-text__text.rte p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #454545;
    text-align: center;
}




.page-trade .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.image-with-text-section .container {width: 100%;max-width: 100%;padding: 0;}

.image-with-text-section .container .sixteen.columns {margin: 0 !important;}


.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section {margin: 0;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {margin: 0 !important;padding: 0;width: 100% !IMPORTANT;max-width: 50%;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 0 50px;
    width: 100%;
    max-width: 700px;
    margin-left: 0;
}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul {padding: 0;margin: 35px 0 0;list-style: none;display: flex;align-items: flex-start;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul li {display: inline-block;margin: 0 40px 0 0;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul li img {width: 100%;max-width: 85%;}

#shopify-section-Trade-sample-section .featured-link--half:first-child {
    padding-right: 50px;
    padding-top: 23px;
}

#shopify-section-Trade-sample-section .featured-link--section {
    margin-bottom: auto !important;
}

div#shopify-section-Trade-sample-section {
    display: flex;
    align-items: center;
}
div#shopify-section-Trade-resources-section {
    clear: both;
    width: 100%;
    display: inline-block;
}


section#banner-trade-first-section-banner .position-left .caption-content {
    position: absolute;
    bottom: -367px;
    max-width: 723px;
    min-height: 762px;
    padding: 73px 66px 0;
    left: 0;
    background: #1a517b;
    border-top: 7px solid #00a6b5;
}


section#banner-trade-first-section-banner {
    overflow: visible;
}

section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    font-size: 46px;
    margin: 0 0 20px;
}

section#banner-trade-first-section-banner img {
    min-height: 805px;
    object-fit: cover;
}



.team_members_area .row>div .image-element__wrap img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}

section#banner-trade-first-section-banner .position-left .caption-content p {
    font-size: 19px;
    margin: 0;
}

section#banner-trade-first-section-banner .position-left {
    position: unset;
    width: 100%;
    max-width: 1615px;
}

 
section#banner-trade-first-section-banner .position-left .caption-content a.action_button.first_button.highlight-false {
    margin: 95px auto 0;
    display: flex;
    background: #00a6b5;
    border-color: #00a6b5;
    border-radius: 0 !important;
    min-height: 72px;
    width: 100% !important;
    max-width: 211px;
    position: relative;
    z-index: 1;
}

section#shopify-section-Trade-partner .container .isolate {
    max-width: calc(100% - 591px);
    margin: 0 0 0 auto;
}

section#shopify-section-Trade-partner .container .isolate .rich-text {
    padding: 0;
}

section#shopify-section-Trade-partner .container .isolate .rich-text h2.h1 {
    margin: 0;
}

section#shopify-section-Trade-partner .container .isolate .rich-text  p {
    margin: 0;
    text-align: left;
}

section#shopify-section-Trade-partner {
    padding-top: 131px;
}
div#shopify-section-brand-logo-section div img {
    height: 81px;
    object-fit: contain;
}

div#shopify-section-brand-logo-section .slick-slide div {
    padding: 64px 40px;
    border: 1px solid #ddd;
    background: #fff;
}

div#shopify-section-brand-logo-section button.slick-arrow {
    display: none;
}

div#shopify-section-brand-logo-section ul.slick-dots {
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
    list-style: none;
}

div#shopify-section-brand-logo-section ul.slick-dots li button {
    font-size: 0;
    width: 15px !important;
    height: 15px !important;
    padding: 0;
    display: flex;
    line-height: normal;
    min-height: unset;
    background: #e8edf2;
    border-radius: 100% !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li {
    width: 15px !important;
    height: 15px;
    margin: 0 5px;
}

div#shopify-section-brand-logo-section ul.slick-dots li.slick-active {
    width: 20px !important;
    height: 20px !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li.slick-active button {
    background: #23aeb7;
    height: 20px !important;
    width: 20px !important;
}

div#trade-access button.slick-arrow {
    display: none !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li:not(.slick-active) {
    position: relative;
    top: 3px;
}


section#shopify-section-Trade-partner {
    position: relative;
}

section#shopify-section-Trade-partner:before {
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/bak-second-sec.png?v=1653455317);
    width: 668px;
    height: 1088px;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

section#banner-Our-Trade-Team:before {
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/location-back.png?v=1653455982);
    width: 500px;
    height: 640px;
    display: block;
    position: absolute;
    bottom: -425px;
    right: 0;
    background-size: contain;
}

section#banner-Our-Trade-Team {
    position: relative;
    overflow: visible;
}

div#shopify-section-Trade-Product-Catalogs .image-with-text {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}
div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half {
    max-width: 100%;
}

.fa {
  
    font: normal normal normal 14px/1 FontAwesome !important;
  
}


.team_members_area .sixteen.columns {
    float: none;
    display: block;
    max-width: 100%;
    margin: 0;
    width: 100%;
}

.team_members_area hr.feature_divider {
    display: none;
}

.team_members_area .row {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
}

.team_members_area .row>div {
    margin: 0;
    max-width: calc(100%/3);
    width: 100%;
    flex: calc(100%/3);
    padding: 0 10px 50px;
}

div#shopify-section-Architessa-sales-team .container {
    padding: 0 15px;
}

div#shopify-section-Architessa-Executive-team .container {
    padding: 0 15px;
}
div#shopify-section-Mid-Atlantic-team .container {
    padding: 0 15px;
}

.team_members_area .row>div p {
    margin: 0;
}

.team_members_area> .sixteen.columns:first-child .team-page__content--left span h2 {
    margin: 0 0 50px !important;
    width: 100%;
    font-weight: 700;
    font-family: unset!important;
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
}
.team_members_area .sixteen.columns h2 {
    margin: 0 0 0;
}

.team_members_area .team-page__text.text-align--center span h2 {
    text-align: left;
}

.team_members_area .team-page__text.text-align--center span {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 10px;
    text-align: left;
}

.team_members_area .row>div .image-element__wrap {
    max-width: 100% !important;
}

div#shopify-section-Architessa-sales-team .team_members_area> .sixteen.columns:first-child h2 {
    text-align: center;
}

.team_members_area .team-page__text.text-align--center span {
    position: relative;
}

.team_members_area .team-page__text.text-align--center span:after {
    content: "";
    width: 100%;
    background: #ddd;
    height: 1px;
    display: block;
    position: absolute;
    left: 12px;
    top: 50%;
    max-width: calc(100% - 20px);
	transform: translateY(-50%);
}


div#shopify-section-Architessa-sales-team .team_members_area> .sixteen.columns:first-child span::after {
    width: 0;
}


.team_members_area .team-page__text.text-align--center span h2 {
    display: inline-block !important;
    background: #fff;
    position: relative;
    z-index: 1;
    width: auto !important;
    max-width: unset;
    padding-right: 10px;
}

.member_name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team_members_area .row>div h3 {
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-weight: 700;
    font-family: unset !important;
    text-transform: unset !important;
    color: #000000;
}

.member_name i.fa {
    width: 100px;
    height: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #e3e3e3;
    font-size: 51px !important;
    color: #5b5b5b;
}

div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 50px 0 50px;
}

div#shopify-section-Trade-Baltimore-Team {
    padding: 0 0 50px;
}

#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left a.collection_title {
    color: #000000 !important;
    line-height: 70px;
    padding: 0;
    margin: 0 0 25px;
}


#shopify-section-Trade-Product-Catalogs p {
    font-size:19px;
    color: #454545;
    line-height: 44px;
    margin: 0 0 40px;
}


div#shopify-section-Trade-Product-Catalogs:before {
    content: "";
    width: 447px;
    height: 886px;
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/back-section-sign-up.png?v=1653460939);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}
div#shopify-section-Trade-Product-Catalogs .image-with-text {
    position: relative;
    z-index: 2;
}

div#shopify-section-Trade-sample-section .container {
   position: relative;
}

div#shopify-section-Trade-sample-section {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/background-bottom-with-image.png?v=1653461593);
    background-repeat: no-repeat;
    background-position: 27% 104%;
    background-size: 35%;
}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info a.button {
    color: #1a517b;
    font-weight: bold;
    padding: 0;
    border: none;
    line-height: normal;
    min-height: unset;
    height: auto;
    text-decoration: underline;
    font-family: 'museo-sans';
    text-transform: unset;
}

section#resources {
    background-color: #f8fbf6;
    padding: 161px 0 127px;
}
.team_members_area .row>div h3 {
    text-align: left;
}

.resoruces_section {
   
    max-width: 1304px;
    margin: 0 auto;
}

.resoruces_section .right-area {
    max-width: 41%;
    flex: 41%;
}
.resoruces_section .left-text {
    max-width: 59%;
    width: 100%;
    flex: 59%;
    padding-right: 134px;
}

.resoruces_section .right-area img {
    width: 100%;
}

.resoruces_section .left-text h3 {
    font-family: 'trajan-pro-3' !important;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0 0 60px;
}

.resoruces_section .left-text h4 {
    padding: 0;
    font-family: 'museo-sans' !important;
    color: #000;
    font-weight: 500;
    font-size: 41px;
    line-height: 41px;
    margin: 0 0 93px;
}


.resoruces_section .left-text .accordion-content p {
    margin: 0;
}

.resoruces_section .left-text .accordion-content {
    margin: 0 0 93px;
}

.resoruces_section .left-text h4:after {
    content: "\f067";
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/accordian-plus.png?v=1653467007);
    background-size: 20px;
    width: 35px;
    height: 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.resoruces_section .left-text h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h4.accordion-title.js-accordion-title.open:after {
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/accordian-minus.png?v=1653467187);
    background-position: center;
}

section#shopify-section-Trade-Energy-Section .rich-text {
    padding: 0;
}

section#shopify-section-Trade-Energy-Section .rich-text h2.h2 {
    margin: 0 0 15px;
    line-height: 70px;
    letter-spacing: 0;
    color: #000000;
}

section#shopify-section-Trade-Energy-Section {
    padding: 155px 0 54px;
}

section#shopify-section-Trade-Energy-Section .rich-text a.button.button--primary {
    display: flex;
    max-width: 209px;
    margin: 0 auto;
    width: 100%;
    padding: 0 !important;
    min-height: 70px;
    border: 1px solid #ddd;
    background: transparent;
    font-size: 21px;
    font-weight: 700;
    color: #23aeb7;
    font-family: 'museo-sans';
}

div#shopify-section-Trade-Recycled-section .full-row-area {
    display: flex;
    justify-content: center;
    max-width: 1308px;
    margin: 0 auto;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side .one-third.column.text-column:last-child {
    display: none;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
    width: 100%;
    max-width: 32%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
    width: 100%;
    max-width: 68%;
    padding-right: 35px;
    display: flex;
    flex-flow: column;
}

div#shopify-section-Trade-Recycled-section .full-row-area .left-side>div, div#shopify-section-Trade-Recycled-section .full-row-area .right-side>div {
    width: 100% !important;
    float: none;
    margin: 0;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side>div.right-side-column.text-column:not(:last-child) {
    display: none;
}
div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div .image-element__wrap {
    min-height: unset;
    margin: 0;
    width: 100%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div {
    background: #f8fbf6;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third:not(:last-child) {
    margin: 0 0 36px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 70.3px;
    position: relative;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .rte-setting p>br {
    display: none;
}


div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .image-element__wrap {
    position: absolute;
    left: 60px;
    top: 60px;
    width: 100%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
    float: left;
    padding-left: 89px;
    padding-top: 3px;
    font-size: 41px;
    font-weight: bold;
    color: #000;
    font-family: 'museo-sans' !important;
}
div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .rte-setting {
    padding-top: 5px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .rte-setting p {
    margin: 0;
    font-size: 21px;
    font-weight: 300 !important;
    font-family: 'museo-sans' !important;
    color: #454545;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 70px 55px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third:nth-child(2) {
    margin: 0;
}
div#shopify-section-Trade-manufacturing-logo {
    padding: 85px 0 0px;
}

div#shopify-section-Trade-manufacturing-logo .container {
    max-width: 1140px;
}

div#shopify-section-Trade-manufacturing-logo .container {
    display: flex;
    align-items: center;
   
}

div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    width: 100%;
    max-width: 60%;
    flex: 60%;
    padding-right: 104px;
    padding-bottom:57px;
    border-bottom: 1px solid #ddd;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area {
    width: 100%;
    max-width: 40%;
    flex: 40%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid  #ddd;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div h3.regular_text {
    margin: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    float: none;
    padding-left: 0;
    padding-top: 0;
    font-size: 41px;
    font-weight: bold;
    color: #000;
    font-family: 'museo-sans' !important;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div p {
    margin: 0;
    font-size: 21px;
    font-weight: 300!important;
    font-family: museo-sans!important;
    color: #454545;
    line-height: 36.8px;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
    max-width: 50%;
    flex: 50%;
    text-align: center;
    border-left: 1px solid #ddd;
    padding: 58px;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img img {
    max-width: 146px;
    display: block;
    width: 100%;
    margin: 0 auto;
}

div#shopify-section-Trade-manufacturing-logo .container .top-desc p {
    margin: 0;
    font-size: 19px;
    line-height: 35px;
   
}


div#shopify-section-Trade-Community-Section section.featured-link--section {
    margin-bottom: auto !important;
}

div#shopify-section-Trade-instagram-feeds div.Architessa-Instagram h2 {
    margin: 0;
    text-align: center;
    font-size: 60px;
    color: #000;
    font-family: 'trajan-pro-3' !important;
    letter-spacing: 0;
    line-height: 60px;
}

div#shopify-section-Trade-instagram-feeds div.Architessa-Instagram p {
    margin: 0;
    text-align: center;
}

div#shopify-section-Trade-instagram-feeds {
    padding: 124px 0 47px;
}


.green-brand {
    display: flex;
    justify-content: space-between;
}

.green-brand>.bottom_logos img {
    width: 100%;
    max-width: 146px;
    display: block;
    margin: 0 auto;
    height: 146px;
    object-fit: contain;
}

.green-brand {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
}

.green-brand>.bottom_logos {
    width: 100%;
    max-width: 20%;
    flex: 20%;
    padding: 44px;
    border-bottom: 1px solid #ddd;
}

.green-brand>.bottom_logos:nth-child(5) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.green-brand>.bottom_logos:nth-child(2) {
    border-right: 1px solid #ddd;
}

div#shopify-section-Trade-green-guard-logo {
    padding-bottom: 407px;
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/lake-side.png?v=1653477827);
    background-position: bottom;
    background-repeat: no-repeat;
}

div#shopify-section-Trade-green-guard-logo div#greenguard {
    background: #fff;
}

div#shopify-section-Trade-Community-Section {
    padding: 150px 0 0;
}

.locationsection>.single-location i.fa {
    font-size: 35px !important;
    color: #7c7d7b;
    margin: 0 0 10px;
}

.locationsection>.single-location p {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    font-family: 'museo-sans' !important;
    color: #000000;
}
section#resources {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/background-images-slide.png?v=1653482050);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/recycled-back.png?v=1653482375);
    background-repeat: no-repeat;
    background-position: 8% 115%;
    background-size: auto;
    background-repeat: no-repeat;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/back-right-section-image.png?v=1653482614);
    background-size: auto;
    background-position: 63% 159%;
    background-repeat: no-repeat;
}

div#shopify-section-Get-started {
    position: relative;
    z-index: 3;
}

div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half {
    background-color: transparent !important;
}

.insta-slide img {
    width: 100%;
}

.insta-images {
    display: flex;
    flex-wrap: wrap;
}

.insta-images .insta-sub {
    width: 100%;
}

.insta-images>.insta-slide {
    max-width: calc(100%/4 - 20px );
    margin: 0 10px;
}

.insta-images .insta-sub {
    text-align: center;
    margin: 0 0 41px;
}
.insta-images .insta-sub a {
    font-size: 41px;
    font-weight: bold;
    color: #1a517b;
}

div#get-social .insta-images {
    margin: 49px 0 0;
}

div#shopify-section-Trade-bmore-insta h2 {
    margin: 0 !important;
}

div#shopify-section-Trade-bmore-insta {
    padding: 0 0 47px;
}

div#shopify-section-Trade-tile-insta-section {
    padding: 0 0 47px;
}

div#shopify-section-Trade-atl-insta-section {
    padding: 0 0 30px;
}



/* 27-05-2022 */
.botm-desc a {
    font-weight: 600;
}
div#trade-access .slick-brand > div {
    border-right: 1px solid #ddd;
}

.team-page__text.text-align--center span#first {
    margin-bottom: 30px;
}

.getstarted .description-text p {
    color: #fff !important;
}

div#shopify-section-footer button.action_button {
    color: #fff !important;
}

.getstarted .Heading p {
    text-transform: uppercase;
}
.getstarted .Heading h1 {
    font-size: 48px;
    color: #fff !important;
}
.info .description + a.button {
    font-size: 25px;
    background: none;
}

.green-brand>.bottom_logos {
    border-left: 1px solid #ddd;
}
.logos-area {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
div#shopify-section-Trade-Community-Section .featured-link--wrap .image-element__wrap img {
    height: 486px;
}

section.featured-link--section .featured-link--half {
    align-items: flex-start;
}
.position-left.caption.js-caption.caption--below-true a.action_button.first_button.highlight-false {
    position: absolute !important;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
  	color: #fff;
}
.header .main_nav_wrapper .main_nav .logo.logo--image img {
    width: 100%;
    max-width: 225px;
    position: relative;
    top: 13px;
}



.team-member__overlay {
    background-color: rgba( 0, 52, 79, 0.7);
}


div#section-location-custom-mega-menu-3 div[data-column="1"] b + p {
    font-size: 15px;
}

.request-slide-button a.slide-button {
    opacity:1 !important;
    border-color: #00A6B5;
    padding: 8px 14px;
    display: block;
    background: #00a6b5;
    color: #fff;
    border-color: #00a6b5;
    width: 100%;
    max-width: 155px;
    text-align: center;
    font-size: 15px;
    border-radius: 15px;
    font-weight: bold;
}





@media only screen and (max-width:1602px) {

section#banner-trade-first-section-banner .position-left .caption-content {
   
    left: 15px;
  
}
  .green-brand {
   
    padding-bottom: 50px;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
    left: 15px;
}
  
  
}



@media only screen and (max-width:1535px) {

section#shopify-section-Trade-partner .container .isolate {
    padding-left: 15px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 0 25px;
   
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
  
    padding-top: 23px;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    padding: 100px 0;
   
}
    
  
section#shopify-section-Trade-partner .container .isolate {
    max-width: calc(100% - 670px) !important;
}
  
  section#shopify-section-Trade-partner {
    padding-top: 89px !important;
}


  
}

@media only screen and (max-width:1439px) {

div#shopify-section-Trade-sample-section {
    padding: 80px 0;
}
  
    section#resources {
   
    padding: 100px 0;
}
  
  section#shopify-section-Trade-Energy-Section {
    padding: 70px 0;
}
  div#shopify-section-Trade-sample-section .container {
    padding: 0 15px;
}
  
  
    div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
  
    padding: 40px;
}
  .green-brand>.bottom_logos {
  
    max-width: 19.9%;
    flex: 19.9%;
    padding: 35px 0px;
   
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
   
    padding: 49.5px 29px;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
  
    padding-bottom: 25px;
  
}
  
div#shopify-section-Trade-manufacturing-logo .container .top-desc p {
    margin: 0;
    font-size: 19px;
    line-height: 35px;
   
}
  

  
}




@media only screen and (max-width:1365px) {

.locationsection>.single-location p {
    font-size: 15px  !important;
}
  
div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 39px;
    padding-top: 47px;
}
  
  .green-brand>.bottom_logos {
    max-width: 20%;
    flex: 20%;
   
}
  .locationsection {
    flex-wrap: wrap;
    justify-content:center;
}
  .locationsection>.single-location {
  
    max-width: calc(100%/5 - 20px);
    margin: 0 10px 20px;
    
}
  
    section#shopify-section-Trade-partner .container .isolate {
    max-width: calc(100% - 725px)!important;
}
  
  section#shopify-section-Trade-partner {
    padding-top: 25px!important;
}
  
  .team_members_area .row>div .image-element__wrap img {
    min-height: 375px;
}
  
section#banner-Our-Trade-Team img {
    min-height: 550px;
}
  
}


@media only screen and (max-width:1279px) {

section#banner-trade-first-section-banner .position-left .caption-content {
    max-width: 685px;
    min-height: 840px;
    padding: 45px 40px 35px;
}
  
 section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    font-size: 45px;
   
}
  
section#banner-trade-first-section-banner img {
    min-height: 608px;
    object-fit: cover;
}
  
  section#shopify-section-Trade-partner .container .isolate {
    max-width: calc(100% - 686px);
   
}
  
  section#shopify-section-Trade-partner {
    padding-top: 50px;
}
  
body.page-trade p {
    font-size: 20px!important;
    line-height: 38px !important;
}
 div#shopify-section-brand-logo-section {
    padding: 130px 0 90px;
}
  .Architessa-trade-showrooms p:nth-child(2) {
    font-size: 35px !important;
    margin: 0 0 15px;
    
}
  
  .locationsection>.single-location {
   
    padding: 30px 10px;
   
}
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 45px !important;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
   
    min-height: 350px;
}
  
  h2#exec-team {
    
    font-size: 34px !important;
    
}
  .team_members_area .row>div h3 { 
    font-size: 19px;   
}
  
  .member_name i.fa {
    width: 50px;
    height: 50px;
   
    font-size: 25px!important;
    color: #5b5b5b;
}
  div#shopify-section-Get-started .Heading p {
    font-size: 45px !important;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p {
    font-size: 25px !important;
    max-width: 607px;
    margin: 0 auto;
}
  
  .getstarted {
   
    padding: 50px 0;
}
  .buttontitle {
   
    width: 245px;
    padding: 15px 0;
    margin:30px auto 0;
}
  
  .buttontitle a {
   
    font-size: 18px;
    
}
  
  a.collection_title {
    font-size: 45px;
    font-weight: 500;
    margin: 0 0 0 !important;
}
  .botm-desc {
    font-size: 20px;
   line-height: 38px;
   color: #454545;
}
  
  #shopify-section-Trade-sample-section .collection_title {
  
    padding: 0 0 15px;
    font-size: 45px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 30px;
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
    padding-right: 30px;
    padding-top: 23px;
}
  .left-text h3 {
    font-size: 45px;
   
    margin: 0 0 30px;
}
  h4.accordion-title.js-accordion-title.open {
    font-size: 30px;
    margin: 0 0 25px;
}
  
  .resoruces_section .left-text h4 {
    font-size: 31px;
    margin: 0 0 50px;
}
  
  .resoruces_section {
    align-items: center;
}
  .resoruces_section .left-text {
  
    padding-right: 90px;
}
  
  .green-brand>.bottom_logos {
   
    padding: 40px;
   
}
  

  
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {
    padding-left: 30px;
}
  
  .description p {
   
   
    line-height: 30px;
    
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 46px;
    padding-top: 47px;
}
  
}


@media only screen and (max-width:1199px) {

div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 25px;
    padding-top: 25px;
    padding-right: 40px;
}
  
  div#shopify-section-Trade-green-guard-logo {
    padding-bottom: 250px;
  
}
  
  div#shopify-section-Trade-Community-Section {
    padding: 80px 0 0;
}
  
  div#shopify-section-Trade-Community-Section section.featured-link--section {
    align-items: center;
}
  

  section#banner-trade-first-section-banner .position-left {
    padding: 0 !important;
    left: 0 !important;
}
  
section#banner-trade-first-section-banner .position-left .caption-content {
    position: relative!important;
    max-width: 100%;
    width: 100%!important;
    margin: 0 0 0;
    left: 0;
    min-height: unset;
    bottom: unset !important;
}
  
  section#banner-trade-first-section-banner .position-left {
    transform: none;
    position: unset !important;
    top: unset !important;
}
  
  section#banner-trade-first-section-banner img {
    min-height: unset;
    object-fit: cover;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 40px!important;
}
  
  section#shopify-section-Trade-partner .container .isolate {
    max-width: 100%;
    padding: 55px 0 0;
}
  
  div#shopify-section-brand-logo-section {
    padding: 80px 0 90px;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
    position: unset;
    left: 0 !important;
    transform: none;
    width: 100%;
    max-width: 100%;
    padding: 34px 50px;
    min-height: unset;
}
  
  section#banner-Our-Trade-Team .caption {
    padding: 0;
}
  
 section#banner-Our-Trade-Team .caption .caption-content {
    position: unset;
    left: 0!important;
    transform: none;
    width: 100%;
    max-width: 100%;
    padding: 34px 50px;
    min-height: unset;
    margin: 0px 0 0;
}
  
  div#shopify-section-Our-Trade-Team .image-element__wrap {
    position: relative;
    z-index: 1;
}
  section#banner-Our-Trade-Team:before {
  
    bottom: 0;
  
}
  
  section#banner-Our-Trade-Team .caption {
    transform: none;
}
  
 section#banner-Our-Trade-Team {
    padding-bottom: 70px;
}
  
  section#banner-trade-first-section-banner .position-left {
    transform: none;
}
  
  .locationsection>.single-location {
  
    max-width: calc(100%/4 - 20px);
  
    margin: 0 10px 20px;
    
}
  .locationsection {
    flex-wrap: wrap;
    justify-content: center;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    padding: 50px 0;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    position: relative;
}
  #shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
   
    background-color: transparent;
}
  div#shopify-section-Trade-sample-section {
  
    background-position: -80% 110%;
    background-size: 75%;
}
  
  .resoruces_section .left-text {
    padding-right: 40px;
}
  
  section#resources {
    padding: 60px 0;
}
  
 div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
 
    max-width: 60%;
    padding-right: 25px;
  
}
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
   
    max-width: 40%;
}
  
  div#shopify-section-brand-logo-section .slick-slide div {
    padding: 30px;
    
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 70px 0;
}
  
   .botm-desc {
    font-size: 18px;
  
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
    min-height: 620px;
}
  
  .locationsection>.single-location p {
    font-size: 15px!important;
    line-height: 18px !important;
}
  
  .sticky_nav .main_nav.menu-position--block .logo {
  
    padding-right: 108px;
}
  

  
 
}

@media only screen and (max-width:991px) {

section#shopify-section-Trade-partner .container .isolate {
    
    padding: 0;
}
  .locationsection>.single-location {
    max-width: calc(100%/3 - 20px);
    margin: 0 10px 20px;
}
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 55px 0;
}
  
  .team_members_area .row>div h3 {
    font-size: 16px;
}
  
  div#shopify-section-trade-showroom-locations {
    padding: 30px 0;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 35px!important;
}
  
  div#shopify-section-Architessa-sales-team .team_members_area>.sixteen.columns:first-child h2 {
    margin: 0 0 20px !important;
}
  
  h2#exec-team {
    font-size: 30px!important;
    margin: 0 0 20px !important;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
   
    top: 24px;
   
}
  
  div#shopify-section-Get-started .Heading p {
    font-size: 35px!important;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p {
    font-size: 18px!important;
  
    line-height: 34px !important;
}
  
  body.page-trade p {
    font-size: 18px!important;
    line-height: 34px!important;
}
  
  div#product-catalogs .sixteen.columns {
    width: 100%;
}
  a.collection_title {
    font-size: 35px;
   
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100%;
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
    display: block !important;
}
  div#shopify-section-Trade-sample-section .sixteen.columns section.featured-link--section.featured-link--image.section-1 {
    flex-flow: column;
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
   
    width: 100% !important;
    max-width: 100%;
    padding: 0 0 40px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {
    padding-left: 0;
    max-width: 100%;
}
  

  
  #shopify-section-Trade-sample-section .featured-link--section {
    flex-flow: column;
}
  
  #shopify-section-Trade-sample-section .featured-link--section>div {
    max-width: 100%;
    padding: 0 !important;
    width: 100% !important;
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100% !important;
}
  
  #shopify-section-Trade-sample-section .featured-link--section>div.featured-link--half:nth-child(1) {
    padding-bottom: 46px !important;
}
  .left-text h3 {
    font-size: 35px;
   
    margin: 0 0 25px;
}
  
  .resoruces_section {
    flex-flow: column-reverse;
}
  
  .resoruces_section .left-text, .resoruces_section .right-area {
    max-width: 100% !important;
    width: 100%;
    padding: 0;
}
  
  .resoruces_section .left-text {
    padding-top: 25px;
}
.resoruces_section .left-text h4 {
    font-size: 25px !important;
    margin: 0 0 35px !important;
}
  .resoruces_section .left-text .accordion-content {
    margin: 0 0 40px;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area {
    flex-flow: column;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
    max-width: 100%;
    padding-right: 0;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
    max-width: 100%;
    margin: 37px 0 0;
}
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
   
    font-size: 25px;
   
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .image-element__wrap {
    position: unset;
  
}
  
 
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 40px 30px;
    position: relative;
    text-align: center !important;
    align-items: center;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
    float: none;
    padding-left: 0;
    padding-top: 3px;
    font-size: 25px;
    font-weight: 700;
    color: #000;
    font-family: museo-sans!important;
    width: 100%;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
   
    padding: 40px 30px;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div h3.regular_text {
   
    font-size: 25px;
  
}
  
  div#shopify-section-Trade-manufacturing-logo .container {
    flex-wrap: wrap;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area {
   
    max-width: 100%;
    flex: 100%;
    
}
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 30px;
    padding-top: 0;
    padding-right: 0;
    max-width: 100%;
    width: 100%;
}
  
  .green-brand {
    flex-wrap: wrap;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area {
    border-bottom: none !important;
}
  
  .green-brand>.bottom_logos {
    max-width: 50%;
    flex: 50%;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img:last-child {
    border-right: 1px solid #ddd;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img:last-child {
    border-right: 1px solid #ddd;
}
  .green-brand>.bottom_logos:nth-child(4) {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
  .green-brand>.bottom_logos:not(:first-child), .green-brand>.bottom_logos:not(:nth-child(2)) {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: none;
}
  .green-brand>.bottom_logos:nth-child(5) {
    border-bottom: 1px solid #ddd;
}
  
  .green-brand {
    flex-wrap: wrap;
    
}
  
  div#shopify-section-Trade-Community-Section {
    padding: 50px 0 0;
}
  
  div#shopify-section-Trade-Community-Section div.container {
    padding: 0 15px;
}
  
  div#shopify-section-Trade-Community-Section div.container .sixteen.columns {
    width: 100%;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0;
}
  
  #shopify-section-Trade-sample-section .collection_title {
  
    font-size: 35px;
}
  
  .insta-images>.insta-slide {
    max-width: calc(100%/2 - 20px );
    margin: 0 10px 20px;
}
  
  .insta-images .insta-sub a {
    font-size: 30px;
 
}
  
  .insta-images .insta-sub {
    text-align: center;
    margin: 0 0 28px;
}
  
  
.dropdown {
    
    overflow-y: auto;
}
  
  .green-brand>.bottom_logos:nth-child(4) {
    border-bottom: 1px solid #ddd;
}
  
    #header .top_bar>a.mobile_logo.logo {
    display: none;
}
  
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 0px 0;
}
  
  div#shopify-section-brand-logo-section {
    padding: 40px 0 55px;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
    min-height: 600px;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content:after {
  
    height: 133px;
    
}
  
  section#banner-Our-Trade-Team .caption .caption-content p>br {
    display: none;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    border-bottom: none !important;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img:last-child {
    border-right: 0 !important;
}
  
}



@media only screen and (max-width:767px) {


section#shopify-section-Trade-partner:before {
 
    width: 100%;
   
}

body.page-trade .container.main.content {
    margin: 40px 0 0;
}
  
 .team_members_area .row>div {
    margin: 0;
    max-width: 100%;
    width: 100%;
    flex: 100%;
    padding: 0 10px;
}
  
  div#shopify-section-Trade-Product-Catalogs:before {
  
    width: 100%;
    height: 100%;
  
}
  
  section#banner-trade-first-section-banner img {
    min-height: 240px;
    object-fit: cover;
}
  
  
 section#banner-trade-first-section-banner {
    margin: 39px 0 0;
}
  
  section#banner-trade-first-section-banner .position-left {
    margin: 0 !important;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
  
    padding: 30px;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p, body.page-trade p {
    font-size: 16px!important;
    line-height: 32px!important;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 30px!important;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    color: #fff;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content p {
    color: #fff;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content a.action_button.first_button.highlight-false {
    margin: 70px auto 0;
    min-height: 55px;
    max-width: 171px;
    font-size: 16px;
}
  section#banner-trade-first-section-banner .position-left .caption-content:after {
  
    height: 120px;
    
}
  
  div#shopify-section-brand-logo-section {
    padding: 50px 0;
}
  div#shopify-section-brand-logo-section .slick-slide div {
    padding: 15px;
}
  
  section#banner-Our-Trade-Team img.transition--appear.mobile-banner--crop-none.lazyautosizes.lazyloaded {
    min-height: 200px;
}
  
  section#banner-Our-Trade-Team .caption {
    margin: 0 !important;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
    padding: 30px;
    background: #1a517b;
}
  
  section#banner-Our-Trade-Team .caption .caption-content h1.headline, section#banner-Our-Trade-Team .caption .caption-content p {
    color: #fff;
}
  
.Architessa-trade-showrooms p:nth-child(2) {
    font-size: 30px!important;
    margin: 0 0 15px;
    line-height: 36px!important;
}
.locationsection>.single-location {
    max-width: 100%;
    margin: 0 10px 20px;
}
  h2#exec-team {
    font-size: 22px!important;
    margin: 15px 0 20px!important;
}
  
  div#shopify-section-Trade-Baltimore-Team {
    padding: 0;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
    top: 30px;
}
.team_members_area .row>div {
    margin: 0;
    max-width: 100%;
    width: 100%;
    flex: 100%;
    padding: 0 0px 30px;
}
  
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 0;
}
  .getstarted {
    padding: 45px 15px;
}
  
  .buttontitle a {
    font-size: 16px;
}
  .buttontitle {
    width: 210px;
    padding: 15px 0;
    margin: 30px auto 0;
}
  
  a.collection_title {
    font-size: 30px;
    line-height: 40px !important;
}
  
  div#shopify-section-Trade-Product-Catalogs:before {
 
    width: 0;
   
}
  
  .botm-desc {
    font-size: 16px;
    line-height: 32px;
    color: #454545;
}
  
  #shopify-section-Trade-Product-Catalogs .description * {
    margin: 0;
}
  
  #shopify-section-Trade-Product-Catalogs .featured-link--section {
    margin-bottom: 0;
}
  
  div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half img {
    min-height: 200px;
    display: block;
    margin: 0 0 20px;
}
  
  div#shopify-section-Trade-sample-section {
  
    background-size: 0;
    padding: 50px 0;
}
  
  #shopify-section-Trade-sample-section .collection_title {
    
    font-size: 30px;
}
  .left-text h3 {
    font-size: 30px;
   
    margin: 0 0 10px;
}
  .resoruces_section .left-text h4 {
    font-size: 20px !important;
    margin: 0 0 15px !important;
}
  
  section#shopify-section-Trade-Energy-Section {
    padding: 50px 0;
}
  
  section#shopify-section-Trade-Energy-Section .rich-text h2.h2 {
  
    line-height: 46px;
  }
  section#shopify-section-Trade-Energy-Section .rich-text a.button.button--primary {
   max-width: 165px;
   min-height: 55px;
   font-size: 16px;
    
}
  
  div#shopify-section-Trade-manufacturing-logo {
    padding: 50px 0 0;
}
  
  .green-brand>.bottom_logos {
    padding: 20px;
}
  
  div#shopify-section-Trade-green-guard-logo {
    background-position: 0% 205%;
}
  
  .insta-images>.insta-slide {
    max-width: 100%;
    margin: 0 0px 20px;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0 0px;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0 0px;
}
  
  div#shopify-section-Trade-tile-insta-section {
    padding: 0;
}
  
#header .top_bar a.mobile_logo {
    left: 0 !important;
}
  
 .promo_banner .promo_banner__content {
	font-size: 10px;
	max-height: unset !important;
	min-height: 50px;
	padding: 14px 25px;
}
  .showcalculator {
  
    max-width: 100%;
   
}
  
  section#shopify-section-Trade-partner {
    padding-top: 40px;
}
  
  section#banner-Our-Trade-Team {
    padding-bottom: 40px;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc p>br {
    display: none;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 20px 0 0;
}
  
  section#banner-Our-Trade-Team:before {
    width: 0;
 }
  
  h2#exec-team {
    
    margin: 0px 0 0px!important;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
    top: 19px;
}
  
  div#shopify-section-Architessa-sales-team .team_members_area>.sixteen.columns:first-child h2 {
    margin: 0px!important;
    line-height: 36px;
}
  
  div#shopify-section-Trade-sample-section {
    padding-bottom: 10px;
}
  
    .resoruces_section .left-text .accordion-content p>br {
    display: none;
}
  
  a.icon-cart.mini_cart.dropdown_link {
    min-height: 43px;
}
  

 
}
@media screen and (max-width: 531px)   {

section#banner-trade-first-section-banner .position-left .caption-content {
    min-height: 895px;
}
  
}

@media screen and (max-width: 991px) and (min-width: 798px) {


body.promo_banner-show .container.main.content {
    margin: 0px 0 0;
}
  
  .sticky_nav .main_nav>.main-top-header {
    max-width: 20%;
}
  
  .sticky_nav .main_nav.menu-position--block .logo {
    padding-right: 0;
}
  
  .sticky_nav .main_nav>.nav-serach-area {
   
    max-width: 80%;
}

  
}

/* end */



@media screen and (max-width: 1351px) and (min-width: 1023px) {

.room-visualizer {
    min-width: unset;
  
    width: 100%;
   
}
    .color-dropdown {
   
    margin: 0 20px 0 12px !important;
   
}
    
 .color-dropdown, .room-visualizer {
    display: block !important;
}
    
}

@media only screen and (max-width:1365px) { 
header ul.menu.center.clearfix li.search_container {
   
    max-width: 350px;
   }
  
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width: 100%!important;
    margin-left: auto;
}
  
 .dropdown {
    padding: 30px 3%!important;
    width: 100%;
}  
  section#shopify-section-Trade-partner {
    padding-top: 55px;
}
  .description p {
   letter-spacing: 0.2px;
    line-height: 30px;
  }
}



@media only screen and (max-width:1279px) {
header ul.menu.center.clearfix li.search_container {
   
    max-width: 250px;
    
} 
}




@media only screen and (max-width: 1199px) {

div#section-location-custom-mega-menu-3 div[data-column="1"] {
   
    width: 33%!important;
}
  
  div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 46%!important;
    padding: 0 30px;
}
  
  div#section-location-custom-mega-menu-3 div[data-column="4"] {
    width: 21%!important;
}
  

  
  header ul.menu.center.clearfix li.search_container {
  
    max-width: 160px;
    margin-left: 20px;
}
  
 
  
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width: 100%!important;
    margin-left: auto;
}
  
  .header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
  
    max-width: 195px;
    padding-left: 30px;
}
  .header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    max-width: calc(100% - 195px);
    flex: calc(100% - 195px);
}
  
  .footer_menu ul {
    padding: 0;
}
  
  .footer_menu ul li p {
    margin: 0  0 5px;
}
  
  .footer_menu ul li {
    margin: 0;
}
  
  body.promo_banner-show .container.main.content {
    margin: 0 0px 0;
}
  
}






@media only screen and (max-width: 991px) {

ul.menu.right.top li a::before {
    font-size: 20px !important;
}
  
 ul.menu.right.top li a {
    font-size: 0 !important;
    padding-top: 25px;
}
  
  ul.menu.right.top li a span {
    font-size: 0;
}
  
  ul.menu.right.top li a i {
    font-size: 27px !important;
}
  
  .sticky_nav .main_nav.menu-position--block .nav {
    width:100%;
  
}
  
  .sticky_nav .main_nav.menu-position--block .logo {
   
    width: 100%;
  
}
 .menu-position--block.logo-align--center div.logo img {
    margin: 0 auto;
    width: 100%;
    max-width: 172px;
}
  

  .header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    width: 100%;
    max-width: calc(100% - 250px);
    flex: calc(100% - 250px);
}
div#shopify-section-Trade-Community-Section .featured-link--wrap .image-element__wrap img {
    height: auto;
}
  
  div#meet-the-team span#first h2{margin-bottom:0;}
  
  .promo_banner .promo_banner__content {
 
    max-height: unset;
}
  
  body.promo_banner-show .container.main.content {
    margin: 108px 0px 0;
}
  
}

@media only screen and (max-width:767px) {

body #shopify-section-template--15567941861537__1488497250346 .custom-color-container {
    margin-top: 42px!important;
}
  

  .caption.position-center {
  
    top: calc(50% + 25px );
}
  #header .mobile_nav.dropdown_link span.menu_title {
    display: none;
} 
.top_bar.clearfix a.mobile_nav.dropdown_link {
    max-width: 40px;
    flex: 40px;
}

#header .top_bar a.mobile_logo {
    left: -80px;
}
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    border-bottom: 0;
}
  div#shopify-section-brand-logo-section ul.slick-dots {
    padding: 0;
}
 section.featured-link--section.featured-link--image.section-1 {
    margin-bottom: 0 !important;
} 
  .resoruces_section .left-text h3 {
    margin-bottom: 0;
}
  .green-brand>.bottom_logos:nth-child(4) {
    border-bottom: 1px solid #ddd;
}
  .featured-link--wrap .image-element__wrap img{
  	height: auto;
  }
  div#shopify-section-Trade-bmore-insta {
    padding-bottom: 0;
}
  div#shopify-section-template--15567941861537__161125747988977ede .container {
    max-width: 662px;
    padding: 0 30px;
}
  
  body.promo_banner-show .container.main.content {
    margin: 164px 0 0;
}
  
  
}


  
  
  
  
  
  
  
  
  
  
  
div#section-location-custom-mega-menu-3 div[data-column="1"]>div:not(.demoooo) {
    width: 100%;
    max-width: 33%;
    padding: 0 3px 10px;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>div.demoooo {
    padding: 0 0px 10px;
}

@media only screen and (min-width:798px) {

.dropdown_container {
    position: absolute !important;
}
  
  .header .main_nav_wrapper .main_nav .top-right-info a.icon-cart.mini_cart.dropdown_link {
    display: flex;
    align-items: center;
}
  
}

.main.custom-color-container {
    display: none;
}


@media screen and (max-width:992px) and (min-width: 798px) {
  

.container.footer-menu-wrap .one-fourth:first-child {
    width: 100%;
    text-align: center !important;
    margin: 0;
}
  
  .container.footer-menu-wrap .one-fourth:first-child .text-align--left {
    text-align: center;
}
  
  img.footer-logo {
    width: 100%;
    max-width: 320px !important;
}
  
  .container.footer-menu-wrap .one-fourth {
    width: calc(33% - 20px);
}

}

.team-member__details {
  @include prefix(transform, translateY(-50.1%), ms webkit spec);
  top: 50%;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  padding: 20px;

  img { display: block; }

  p {
    margin-top: 10px;
    line-height: 1.3;
  }

  .icon-twitter {
    display: inline-block;
    vertical-align: middle;
  }
}

.team-member__title {
  padding-bottom: 0;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1;
  &:after {
    width: 30%;
    display: block;
    margin: 0 auto;
    content: '';
    height: 3px;
    margin-top: 20px;
  }
}

/* #Logo-list
================================================== */

.logo-bar {
  text-align: center;
  margin-bottom: 20px;

  a {
    transition: ease all 0.6s;

    &:hover {
      opacity: 0.6;
    }
  }
}

.logo-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 160px;
  width: 160px;
  margin-top: 20px;

  @include respond-to('medium-up') {
    margin-left: 25px;
    margin-right: 25px;
  }
}

/* #Gallery Section
================================================== */

//General gallery styling
div.container.gallery-content {
  margin-top: 0;
  padding-top: 0;
}

.gallery-section {
  text-align: center;

  .container {
    padding: 0px;
  }

  .gallery-break {
    width: 100%;
    clear: both;
  }

  .display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }

  .display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }

  .gallery-image-wrapper,
  .gallery-empty-wrapper {
    margin: 5px;
    position: relative;
  }

  .gallery-empty-wrapper {
    min-height: 150px;
  }

  .gallery-empty-wrapper:nth-child(even) .placeholder-svg {
    background-color: rgba(#00344f, 0.3);
  }

  a {
    display: block;
  }
}

.gallery-image-wrapper {
  .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    transition: opacity 0.3s ease-in;

    .icon-zoom {
      color: white;
      font-size: 1.5em;
      top: 50%;
    }
  }

  &:hover {
    .overlay {
      opacity: 1;
    }
  }
}

.page-details-section,
.product-details-section {
  .container.full-width--true {
    padding: 0;
  }

  .full-width--true .gallery-image-wrapper {
    margin: 0;
    width: 33.33333%;

    @include respond-to('small-down') {
      width: 100%;
    }
  }
}

.two-per-row .overlay .icon-zoom {
  font-size: 2.5em;
}

.three-per-row .overlay .icon-zoom {
  font-size: 2em;
}

//Horizontal gallery styling
.gallery-section.gallery-horizontal {
  @include flexbox();
  @include flex-wrap(wrap);

  i {
    display: block;
  }

  img {
    position: absolute;
    top: 0;
    width: 100%;
    vertical-align: bottom;
    width: 100%;
    height: auto;
    display: block;
  }

  .gallery-image-wrapper:last-child {
    @media only screen and (min-width: 2000px) {
      width: 15%;
      flex-basis: initial !important;
      flex-grow: initial !important;
    }
  }

  .gallery-empty-wrapper {
    width: 190px;
  }
}

.gallery-full {
  display: inline-block;
  width: 100%;

  .gallery-image-wrapper, .gallery-empty-wrapper {
    margin: 0;
  }

  .gallery-empty-wrapper {
    width: 25%;
  }
}

//Classic gallery styling
.gallery-section.gallery-classic {

  .gallery-image-wrapper,
  .gallery-empty-wrapper {
    display: block;
    float: left;
    margin: 0;
    img, svg {
      width: 100%;
      display: block
    }
  }

  .add-padding {
    padding: 5px;
  }

  .two-per-row {
    width: 50%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }

  .three-per-row {
    width: 33.333%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }

  .four-per-row {
    width: 25%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }

  .five-per-row {
    width: 20%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }
}

//Masonry gallery styling
.gallery-section.gallery-masonry {
  .masonry {
    font-size: .85em;
    line-height: 0px;
    margin: 10px 0;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;

  }

  .gallery-empty-wrapper {
    min-height: 100px;
    overflow: hidden;
    svg {
      min-width: 800px;
      path {
        display: none;
      }
    }
  }

  .adjust-columns {
    column-gap:0px;
    -moz-column-gap: 0px;
    -webkit-column-gap: 0px;
    overflow: hidden;
  }

  .gallery-image-wrapper,
  .gallery-empty-wrapper {
      display: block;
      width: 100%;
      margin: 0 0 5px 0;
      box-sizing: border-box;
      -webkit-column-break-inside: avoid;
      -webkit-backface-visibility: hidden;
      img,
      svg {
        width: 100%;
        display: block;
      }
  }

  .two-per-row {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .three-per-row {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .four-per-row {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }

  .five-per-row {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    @include prefix(transform, translateX(0), ms webkit spec);

    @media only screen and (max-width: 798px) {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    @media only screen and (max-width: 400px) {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
    }
  }
  &.gallery-full {
    .gallery-image-wrapper,
    .gallery-empty-wrapper {
      margin: 0px;
      margin-bottom: 0px !important;
    }
  }
}

/* #Recently Viewed
================================================== */

.rv-container {
  display: block;
  .thumbnail:empty {
    margin-bottom: 0;
  }
}

.rv-main .flickity-page-dots {
  bottom: 25px;
  @include respond-to('medium-down') {
    display: none;
  }
}

//Sidebar styles
.sidebar {

  .collection_swatches .swatch {
    float: left;
  }

  .toggle_list {
    .rv-container a:hover {
      border-color: transparent;
    }

    .rv-container a.product-info__caption.hidden {
      display: none;
      @include respond-to('medium-down') {
        display: block;
      }
    }
  }

  .recently-viewed__title {
    display: none;
  }

  .rv-sidebar-element {
    max-width: 75%;

    .product_image a {
      display: block;
      min-width: 100%;
    }
    .product_image img {
      height: auto;
    }
  }

  .product-list .thumbnail {
    @include respond-to('medium-down') {
      .title,
      .price,
      .brand {
        text-align: left;
        display: block;
      }
    }
  }

  .product-list .thumbnail .thumbnail-overlay {
    position: relative;
    opacity: 1;
    background: transparent;
    .product-details {
      position: relative;
      transform: none;
      transition: none;
      opacity: 1;
      text-align: left;

      .title {
        color: #00344f;
        padding: 0;
      }

      .title,
      .price {
        font-size: 0.9vw;
      }
    }

    .info {
      position: relative;
      font-size: 12px;
      opacity: 1;
      top: 0;
      transform: translateY(0);
      padding-bottom: 0;

      .quick_shop {
        display: none;
      }
    }
  }
}

//Description bottom styles
.product-description-bottom .js-recently-viewed.rv-main {
  clear: both;
}

//Hide duplicates
.rv-box-element .js-recently-viewed-product:nth-child(2),
.rv-sidebar-element .js-recently-viewed-product:nth-child(2) {
  display: none;
}

/* #Search autocomplete
================================================== */

.dropdown .header_search_form,
.main_nav {
  .search__results .item-result {
    left: 0;
    width: 100%;
    background: #ffffff;
    border-left: 0;
    border-right: 0;
    a .title {
      color: #00344f;
      transition: all 0.3s ease-in-out;
    }
    a:hover {
      background: #ffffff;
    }
    a:hover .title {
      color: #1a517b;
    }
    a:hover span {
      color: #00344f;
    }
  }
  li.all-results a:hover {
    color: #ffffff;
  }
}

.nav .search__results {
  width: 350px;
  right: 0;
  left: auto;
  li a:active {
    transition: ease-in-out 0s all;
  }
}

.search_container input {
  z-index: 29;
}

.search__results {
  z-index: 30;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  position: absolute;

  li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
    overflow: hidden;
    &:first-child {
      border-top: none;
    }
    a,
    a:active {
      width: 100%;
      transition: ease-in-out 0.3s all;
      @include flexbox();
      @include align-items(center);
      padding: 15px 20px;
    }
    a:hover {
      background-color: rgba(0, 52, 79, 0.1);
    }
    a:active {
      background-color: rgba(0, 52, 79, 0.3);
    }
    img {
      display: block;
    }
  }

  .title {
    text-transform: none;
    padding-left: 8px;
    text-align: left;
    font-size: 15px;
  }

  .thumbnail {
    padding: 0;
    text-align: center;
    img {
      max-width: 70px;
      max-height: 70px;
    }
  }
  .result--page .title {
    padding-left: 0;
  }
  .result--page span.item-pricing {
    text-transform: none;
    font-weight: lighter;
    font-size: 0.8rem;
  }
}

.menu a span.item-pricing,
span.item-pricing {
  padding: 0;
  span {
    padding: 0;
  }
}

.all-results {
  width: 100%;
  margin: 0;
  span {
    display: block;
    width: 100%;
    text-align: center;
  }
  span.item-pricing {
    color: #00344f;
  }
  a {
    color: #ffffff;
    background-color: #00344f;
    &:hover {
      background-color: #00344f;
    }
  }
}


/* #Search page
================================================== */

.search-template-section {
  form {
    position: relative;
  }
  .search_container {
    position: relative;
    .search-submit {
      z-index: 900;
    }
    input {
      
        border-radius: 3px;
      
    }
  }
}

.search-matrix .product_row {
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
}

.search-matrix .product_row:last-child {
  border-bottom: none;
}

/* #Search Section
================================================== */

.search-bgr-true {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.search-section {
  background-color: #ffffff;
  width: 100%;
  display: inline-block;
  h2 { margin-bottom: 0.25em; }
  h2,
  p { color: #00344f; }
  .container { padding: 40px 0; }
}

.text-align--center .search__container {
  @include justify-content(center);
}

.text-align--left .search__container {
  @include justify-content(flex-start);
}

.text-align--right .search__container {
  @include justify-content(flex-end);
}

.search__container {
  position: relative;
  width: 100%;
  @include flexbox();
  .search__wrapper {
    display: inline-block;
    position: relative;
    max-width: 650px;
    width: 100%;
  }

  input[type="text"] {
    font-size: 16px;
    display: inline-block;
    border: 1px solid #000;
    min-height: 50px;
    height: 50px;
    margin-bottom: 0;
    &:active,
    &:focus {
      border: 1px solid #000;
    }
  }
}

.search__form {
  width: 100%;
  max-width: 650px;
  position: relative;
  @include flex(0 0 auto);
}

.search__results {
  top: 100%;
  width: 100%;
  li {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }
  .all-results {
    border: 0;
    background-color: #00344f;
    width: 100%;
    margin: 0;
    span {
      display: block;
      width: 100%;
      text-align: center;
      padding-left: 0;
    }
    span.item-pricing {
      color: #00344f;
    }
    a,
    a:active {
      color: #ffffff;
      padding: 20px;
      text-align: center;
      display: block;
      line-height: 1;
    }
    &:hover {
      background-color: #00344f;
    }
  }
}

.search__button {
  position: absolute;
  margin-top: 0;
  top: 0;
  height: 50px;
  width: 50px;
  right: 0px;
  padding: 0;
  background-color: #000;
  border-color: transparent;
  color: white;
  font-size: 24px;
  
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  
  &:hover {
    color: white;
    background-color: darken(#cccccc, 20%);
    border: 1px solid #000;
    border-left: 0px;
  }
}


/* #Site Styles
================================================== */

div.container {
  margin: 0 auto;
  padding: 20px 0;
}

.featured_text {
  font-size: 18px;
  line-height: 36px;
}
.large_text {
  font-size: 28px;
  line-height: 50px;
}

div.content { padding: 30px 0px 15px 0; }

/* #Header
================================================== */

.dropdown .header_search_form {
  @include respond-to('medium-down') {
    .search__results {
      margin-top: 30px;
    }
  }
  .search-terms {
    height: 50px;
    min-height: 50px;
  }
}

.main_nav div.logo a {
  display: block;
  color: #00344f !important;
  outline: 0;
}

.menu-position--inline.logo-position--left div.logo {
  padding-left: 20px;
  text-align: left;
}

.menu-position--inline.logo-position--left div.logo.logo--text a {
  padding-top: 12px;
  padding-bottom: 12px;
}

.menu-position--inline.logo-position--center {
  .logo {
    text-align: center;
    img {
      margin: 0 auto;
    }
  }
}

.menu-position--block.logo-align--left div.logo {
  padding-left: 20px;
  text-align: left;
}

.menu-position--block.logo-align--center div.logo {
  text-align: center;
  width: 100%;

  img {
    margin: 0 auto;
  }
}

div.logo {
  width: 16%;
  float: left;

  img {
    width: 100%;
  }

  &.text-align--center img {
    margin: 0 auto;
  }

  &.text-align--left {
    padding-left: 20px;
  }
}

.primary_logo {
  display: block;
}

.secondary_logo {
  display: none;
}

header.feature_image.secondary_logo--true {
  img.primary_logo,
  img.secondary_logo {
    display: none;
  }
}

header.secondary_logo--true:not(.feature_image) {
  img.secondary_logo {
    display: none !important;
  }
  img.primary_logo {
    display: inline !important;
  }
}

.featured_content,
.featured_content h1,
.featured_content h2,
.featured_content h3,
.featured_content h4,
.featured_content h5,
.featured_content h6 {
  color: #00344f;
}

.featured_content {
  background-color: #ffffff;
}

.nav_arrows {
  float: right;
}

.sku {
  margin: 0;
}

#category {
  width: 100%;
}

/* Currency / language switcher in header */

#header__selector-form {

  .icon-arrow-down {
    font-size: 9px;
  }

  .disclosure__toggle {
    background-color: transparent;
    border: none;
    position: relative;
    padding: 0 0 0 16px;
    letter-spacing: 1px;

    &:hover,
    &:focus {
      background-color: transparent;
    }
  }

  .disclosure__list-wrap {
    border: none;
    bottom: initial;
    position: absolute;
    top: 100%;

    .disclosure-list {
      list-style: none;
    }
  }

  .disclosure-list__item {
    display: block;
  }

  button.disclosure__button {
    letter-spacing: 1px;
  }

  .currency-preview {
    position: relative;

    select.currencies {
      background-image: none;
      z-index: 1000;
    }

    .icon-down-arrow {
      position: absolute;
      top: 50%;
      right: 10px;
      color: #00344f;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 999;
      &:hover {
        color: inherit;
      }
    }

    &:hover {
      .icon-down-arrow,
      select.currencies {
        color: #00a6b5;
      }
    }
  }
}

/* #Currency / Language switcher
================================================== */

.selectors-form__wrap,
.selectors-form,
.selectors-form__item {
  margin: 0;
}

.selectors-form__wrap {
  @include flexbox();
  @include justify-content(flex-end);
}

.disclosure {
  position: relative;
}

// fix for capitalization issue in cross border
.disclosure-text-style-none {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: capitalize;
  }
}

.disclosure-text-style-uppercase {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: uppercase;
  }
}

.disclosure-text-style-lowercase {

  button.disclosure__toggle,
  button.disclosure__button {
    text-transform: lowercase;
  }
}

.disclosure__toggle {
  color: #00344f;
  font-size: 13px;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  background-color: transparent;
  margin-right: 20px;
  min-height: 0;
  transition: color .1s linear;

  &:hover,
  &:focus {
    opacity: 1;
  }


  &.is-clicked {
    color: #00a6b5;

    &:focus {
      color: #1a517b;
    }
  }

  &.is-clicked + .disclosure__list-wrap {
    visibility: visible;
    opacity: 1;

    .disclosure-list {
      display: block;
    }
  }

  .icon-down-arrow {
    margin-left: 8px;
  }
}

.disclosure__list-wrap {
  background-color: #effafa;
  border: 1px solid #cccccc;
  bottom: 100%;
  visibility: hidden;
  position: absolute;
  z-index: 1001;
  opacity: 0;
  transition: opacity 0.3s ease-in;

  &.disclosure--left {
    left: auto;
    right: 0;
  }

  .disclosure-list {
    list-style: none;
    white-space: nowrap;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    margin-top: 0;
    display: none;
  }
}

.disclosure-list__item {
  background-color: inherit;
  color: inherit;
  line-height: 1;
}

button.disclosure__button {
  background-color: inherit;
  color: #00344f;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  transition: color .1s linear;
  opacity: 1;

  &:hover,
  &[aria-current="true"] {
    color: #00a6b5;
  }

  &:focus {
    color: #1a517b;
  }
}

/* Pagination & infinite scrolling */

.paginate,
.load-more { text-align: center; }

.paginate .page a,
.paginate .current,
a.tag {
  border: solid 1px #cccccc;
  margin: 10px 5px;
  padding: 0.5rem 1rem;
  display: inline-block;
  
    border-radius: 3px;
  
  &:hover {
    color: #fff;
    background-color: #00344f;
    border: solid 1px #00344f;
  }
}

.paginate .current {
  font-weight: bold;
  color: #fff;
  background-color: #00344f;
  border: solid 1px #00344f;
}

.paginate .next,
.paginate .prev {
  display: inline-block;
  margin: 10px 0;
  padding: 0.5rem 1rem;
}

.load-more {
  display: none;
  width: 100%;
}

.collection-template-section .load-more,
.search-template-section .load-more {
  display: block;
  clear: both;
}

.load-more__icon {
  opacity: 0;
  height: 0;
  width: 0;
  transition: all 0.3s linear;
  background: url('//architessa.com/cdn/shop/t/117/assets/loader.gif') center center no-repeat;
  background-size: 32px 32px;
  margin: 0 auto;
}

.collection-matrix.loading-in-progress.filter-loading,
.search-matrix.loading-in-progress.filter-loading {
  height: 0;
}

.collection-matrix.loading-in-progress + .load-more__icon,
.search-matrix.loading-in-progress + .load-more__icon {
  width: 44px;
  height: 44px;
  opacity: 1;
}

a.tag {
  font-size: smaller;
  padding: 4px 6px;
  margin: 5px 2px 5px 0;
}

.paginate .deco { border: none; }

/* Product list - collections */

.product-list .thumbnail,
.slider-gallery .thumbnail,
.list-collections .thumbnail {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
  display: block;
  .thumbnail-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.3s ease-in;
    > a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
    @include respond-to('medium-down'){
      display: none;
    }
    @include respond-to('widescreen-up'){
      line-height: 1.5;
    }
  }

//Do not display thumbnail hover background if user picks none


 
  .thumbnail-overlay {
      background-color: rgba(255, 255, 255, 0.7);
  }
 


  
    .thumbnail_banner {
      border-radius: 50%;
      width: 70px;
      height: 70px;
      line-height: 70px;
      padding: 0;
      position: relative;
      top: 10px;
      right: 10px;
      white-space: nowrap;

      @include respond-to('medium-down'){
        top: 5px;
        right: 5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
      }
    }
  
  img {
    vertical-align: bottom;
    transition: opacity .3s ease-in;
    width: 100%;
    @include object-fit(contain, top center);
  }
  .product-info__caption {
    
      display: block;
    
    margin-top: 20px;
    @include respond-to('medium-down'){
      display: block;
    }
  }
}

@include respond-to('large-down'){
  .touchevents {
    .product-info__caption {
      display: block;
    }
    .thumbnail-overlay {
      display: none;
    }
  }
}

.hidden-product-link {
  line-height: 0;
  font-size: 0;
  color: transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

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

// Swap to second image on hover


/* Thumbnail overlay */



.quick_shop,
.view_all {
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  border: 1px solid #00344f;
  padding: 10px 20px;
  margin-top: 2rem;
  color: #00344f;
  opacity: 0;
  pointer-events: all;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out,color 0.3s linear, background-color 0.3s linear;
  
    border-radius: 3px;
  
  &:hover {
    
      color: #ffffff;
      background-color: #00344f;
    
  }
}


.thumbnail {

  .price span.money {
    color: #00344f;
    &:hover {
      color: #00344f;
    }
  }
  .sale span.money {
    color: #00a6b5;
  }
  .was_price span.money {
    color: #8c8b8b;
  }
}



/* Product banners */

.new {
  position: relative;
  display: inline;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
}




/* Sold out and coming soon text */

.thumbnail .sold-out,
.thumbnail .coming-soon {
  opacity: 0.5;
  color: #00344f;
}

.thumbnail-overlay .sold-out,
.thumbnail-overlay .coming-soon {
  opacity: 0.5;
  color: #00344f;
}

/* Sale text */

.thumbnail .sale, .sale {
  color: #00a6b5;
}

.banner_holder {
  position: absolute;
  top: 0;
  right: 0;
}

.sale_banner, .new_banner, .preorder_banner {
  background: #19517b;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 12px;
  text-align: center;
  color: #fff;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  @include respond-to('medium-down'){
    padding: 4px 10px;
    font-size: smaller;
  }
}

.new_banner, .preorder_banner {
  background: #1a517b;
}

a.secondary_button, input.secondary_button {
  display: block;
  padding: 15px 0;
  text-align: center;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  margin: 10px 0;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #00344f;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  &:hover, &:active, &:visited {
    color: #00344f;
  }
}

.thumbnail .price,
.thumbnail .title {
  display: block;
  margin-bottom: 5px;
  font-size: inherit;
  line-height: 1.2;
}

.thumbnail .title {
  word-break: break-word;
}

.cart_price {
  float: right;
  text-align: right;
  padding-left: 20px;
  font-weight:bold;
  display: none;
}

#estimated-shipping, .excluding_tax {
  display: block;
}

.cart_page_image {
  text-align: center;
  margin: 10px 0 20px;
  display: block;
  img {
    width: 100%;
    display: block;
  }
}
.cart_content_info {
  padding: 0;

  h5 {
    padding: 0;
    margin-bottom: 10px;
    margin-top: 0;
  }

  .price_total {
    clear: both;
    padding: 0;
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.subtotal {
  padding-top: 20px;
  padding-left: 40px;
  @include respond-to('medium-down') {
    padding-left: 0;
  }
}

.continue-shopping {
  display: block;
  color: secondary-button-color(#00344f);
  text-align: center;
  font-family: "Mundo Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px;
}

.subtotal_amount {
  font-size: 1.4em;
  font-weight: bold;
}
button.update {
  width:30%;
  float: right;
}


.size_chart { float:right; padding-top: 5px; }
#size-chart { display: none; }
#size-chart h5 {
  padding: 15px 0 0 0;
  text-align: center;
}

.js-sizechart-lightbox {
  cursor: default !important; //using important to overwrite the fancybox styles
}

.price_total_text {
  font-weight: normal;
  display: none;
}
.was_price {
  text-decoration: line-through;
  color: #8c8b8b;
  text-shadow:none;
  font-weight:normal;
}
.cart_savings {
  text-align: left;
}
.savings {
  font-size: 16px;
  display: block;
}
.thumbnails a {
  display:block;
  margin-bottom: 1em;
}

.arrow {
  position: relative;
  top: -1px;
  left: 2px;
  opacity: 0.6;
}
.modal {
  margin: 10px 0;
  display: none;
  background-color: #ffffff;
}
.modal_product {
  width: auto;
  line-height:0px;
  max-width: 940px;
}
.modal_product img {
  cursor: pointer;
}
.modal_image {
  text-align:center;
}
.modal a {
  padding-bottom: 0;
}
.modal .modal_price,
.modal_price {
  font-size: 20px;
  margin-bottom: 10px;
}

.product_section .modal_price,
.quick-shop__text-wrap .modal_price {
  @include flexbox();
  @include flex-wrap(wrap);

  .price__container,
  .sold-out__container {
    display: inline-block;
  }

  .price__container--display-price-true.has-margin-right {
    margin-right: 10px;
  }

  .sold_out__container {
    min-width: 150px;
  }
}

.quick-shop__text-wrap .modal_price {
  &.variant-unavailable .price__container {
    display: none;
  }
}

.modal form {
  margin-bottom: 10px;
}
.notify_form #contact_form .action_button {
  width: 100%;
}
.product_image_col {
  margin-top: 15px;
  text-align:center;
}
.meta {
  font-size: 13px;
}
.meta p {
  font-size: 13px;
  margin-bottom: 0px;
}
p.meta {
  margin-bottom: 10px;
}
.comment-body p.meta {
  margin-bottom: 5px;
}
.comment-body h6 {
  padding: 0;
}
.sidebar_title {
  padding-bottom: 0px;
}
.blog-section h2 {
  margin-bottom: 0;
  line-height: 1.2;
}
.blog-section h2 a {
  color: #00344f;
}
.blog_meta {
 margin-bottom: 0;
}
.blog_meta span {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-size: smaller;
  color: #8c8b8b;
}
.blog_meta span:after {
  content: '';
  position: absolute;
  right: -16px;
  top: 50%;
  margin: -1px 5px 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #8c8b8b;
}
.blog_meta span:last-child:after {
  background-color: transparent;
}
.tags span a {
  color: #00344f;
}

.article-wrap {
  padding-bottom: 25px;

  .article__title {
    @include respond-to('medium-up') {
      margin-top: 0;
    }
  }

  .continue-button {
    @include respond-to('medium-up') {
      margin-bottom: 0;
    }
  }
}

.read-more-link {
  margin-top: 10px;
  margin-bottom: 25px;
  display: inline-block;
}

.article h3.sub_title {
  letter-spacing: 0;
  margin: 10px auto 0;
}

.article_content {
  margin-top: 20px;
}

.excerpt {
  line-height: 1.5;
  margin:1em 0;
}

#comment_form .action_button, #contact_form .action_button {
  display: block;
  padding-left: 40px;
  padding-right: 40px;
  @include respond-to('medium-down') {
    width: 100%;
  }
}

#contact_form .action_button.sign_up {
  display: inline-block;
  width: 120px;
  padding-left: 0;
  padding-right: 0;
  float: none;
}

body.article { padding-bottom: 0 }

.toggle span {
  color: #8c8b8b;
  font-weight:bold;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:smaller;
  float: right;
  display: none;
}

.sidebar .blog_search {
  margin-bottom: 15px;

  input {
    width: 100%;
    
      border-radius: 3px;
    
  }
}

.meta .label, .label {
  color: #8c8b8b;
}

.blog_meta, .blog_meta a {
  color: #8c8b8b;
}

.blog_meta a:hover {
  color: #00344f;
}

.count {
  font-style: normal;
  font-size: 13px;
}

.checkout {
  display:block;
  float:right;
  margin-top: 0px;
}

.additional-checkout-buttons {
  text-align: center;
  margin-top: 0;

  & > *:not(script) {
    padding: 10px 0 0 10px;
    vertical-align: top;
    line-height: 1;

    @include respond-to('small-down') {
      padding: 10px 0 0 5px;
    }

    &:first-child,
    &:empty {
      padding-left: 0px;
    }
  }
}

.or {
  line-height: 40px;
  font-style: normal;
  font-size: 14px;
  padding: 0 10px;
  text-align: center;
  @include respond-to('small-down') {
    line-height: initial;
    text-align: left;
  }
}

.comment {
  margin-bottom:20px;
}

/*--Author Bio + Social Share Buttons--*/

.author_share_wrap {
  width: 100%;
  border-top: 1px solid #cccccc;
  min-height: 40px;
  padding: 15px 0;
  margin-top: 15px;
  overflow: auto;
}

.blog_author {
  width: 60%;
  float:left;
  @include respond-to('medium-down'){
    width: 100%;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
  }
}

.blog_author img {
  width: 80px;
  height: 80px;
  border: 1px solid #cccccc;
  float:left;
  margin-right: 15px;
}

.author_bio {
  text-align: left;
}

.author_bio h6 {
  padding-top: 0;
}

.author_bio p {
  font-size: 0.9em;
}

.blog_share {
  width: 38%;
  float:right;
  text-align: right;
  @include respond-to('medium-down'){
    width: 100%;
    float:left;
  }
}

  .red {
    color: #C33;
  }
  .address p {
    margin-bottom: 5px;
  }
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  .search_page {
    padding: 100px 0;
  }


/* #Swatch Styles
================================================== */

/* SASS variables for swatch dimensions */
$swatch-element-size: 40px;
$swatch-label-size: 34px;

.swatch-element.swatch--active {
 // border-color: black;
  //box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
}

.selector-wrapper label {margin-bottom: 0.5em;}



  .product_section .product_form {
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  .product_section .product_form.is-visible {
    opacity: 1;
  }

  .selector-wrapper, .select { 
    //display: none;
  }
  .swatch_options {
    margin-bottom: 1em;
  }

  .swatch .option_title {
    margin: 0.5em 0;
  }
  /* Hide radio buttons.*/
  .swatch input {
    display: none;
  }

  .swatch label {
    float:left;
    min-width: $swatch-element-size;
    height: $swatch-element-size;
    margin:0;
    font-size:13px;
    text-align:center;
    line-height: $swatch-element-size;
    white-space:nowrap;
    text-transform:uppercase;
    cursor: pointer;
    padding: 0 10px;
  }

  .swatch .color label {
    min-width: $swatch-label-size;
    height: $swatch-label-size !important;
    line-height: $swatch-label-size;
    background-position: center;
    background-size: cover;
  }

  .swatch-element {
    //border: #e2e2e2 1px solid;
    min-width: $swatch-element-size;
    min-height: $swatch-element-size;
    
  }

  .swatch-element.color {
    padding: 3px;
  }

  .swatch-element.color, .swatch-element.color label {
    
   // border: #e2e2e2 1px solid;
  }

  .swatch-element.color label {
    padding:0;
    margin: 0;
    width: $swatch-label-size;
    height: $swatch-label-size;
  }

  .swatch_options input:checked + .swatch-element {
    border-color: black ;
    border-bottom: 2px solid black;
    //box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
    margin-bottom: 6px;
  }
.swatch-element{outline-width: 0px !important;}
  .swatch .swatch-element {
    float:left;
    -webkit-transform:translateZ(0);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px 8px 8px 0;
    position:relative;
  }

  .crossed-out {
    @include diagonal-line;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .swatch .swatch-element .crossed-out { display:none; }
  .swatch .swatch-element.soldout .crossed-out {
    
    display:block;
    height: 100%;
    width: 100%;
    pointer-events: none;
    @include object-fit(fill);
  }
  .swatch .swatch-element.soldout label {
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
  }
  /* Tooltips */
  .swatch .tooltip {
    text-align:center;
    background: #333;
    background: rgba(#333, 0.9);
    color:#fff;
    bottom:100%;
    padding: 5px 10px;
    display:block;
    position:absolute;
    width:120px;
    font-size: 13px;
    left:-35px;
    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);
    transition: all .25s ease-out;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    z-index: 10000;
  }
  .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 rgba(#333, 0.9) 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);
  }




//Fancybox

.fancybox-bg {
  opacity: 1;
  background-color: rgba(43,46,56,0.9);
  @include respond-to('small-down') {
    background-color: rgba(255,255,255,0.99)
  }
}

.fancybox-toolbar {
  @include respond-to('small-up') {
    display: none;
  }
}

.fancybox-slide {
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    padding: 44px 0;
  }
}

/* Add border around images */
.fancybox-slide--image {
  @include respond-to('small-up') {
    padding: 44px;
  }
  .fancybox-image {
    @include object-fit(cover);
    height: 100%;
  }
  .fancybox-image-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .fancybox-content {
    padding: 0;
    background-color: white;
    @include respond-to('small-up') {
      box-shadow: 0px 0px 0px 30px rgba(255,255,255,1);
    }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      position: relative !important;
      width: 100%;
      height: 100%;
    }
  }
  .fancybox-close-small {
    top: -30px;
    right: -30px;
  }
}

.fancybox-is-scaling .fancybox-image-wrap,
.fancybox-can-pan .fancybox-image-wrap {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* Hide elements while zooming or when zoomed-in */
.fancybox-is-scaling .fancybox-item,
.fancybox-can-pan .fancybox-item {
  display: none !important;
}

/* Style close button */
.fancybox-close,
.fancybox-close-small {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  z-index: 2;
  color: #95979c;
  background-color: transparent;
  svg {
    display: none;
  }
  &:hover {
    color: black;
  }
  @include respond-to('small-down') {
    display: none;
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    display: block !important;
  }
}

.fancybox-close:before,
.fancybox-close-small:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

.fancybox-button {
  min-height: auto;
  @include respond-to('small-down') {
    background-color: white;
    svg path {
      fill: #95979c;
    }
  }
}

/* Style navigation elements */
.fancybox-content:hover .fancybox-nav {
  opacity: 1;
}

.fancybox-nav {
  transition: opacity 0.2s linear;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  
  display: flex;
  justify-content: center;
  align-items: center;
  span {
    pointer-events: none;
  }
  svg path {
    fill: #cccccc;
  }
}

.fancybox-next {
  right: 0;
}

.fancybox-prev {
  left: 0;
}

.fancybox-nav:hover {
  
}

.fancybox-nav span {
  position: absolute;
  width: 36px;
  height: 36px;
  cursor: pointer;
}

.touchevents .fancybox-nav {
  @include respond-to('large-down') {
    display: none;
  }
}

.size-chart-wrap img {
  height: auto;
  max-width: 100%;
}

/* #Footer
================================================== */

.footer {
  font-size: 14px;
  padding: 20px 0;
  border-top: solid 1px #cccccc;
  background-color: #ffffff;
  background-position: center center;
  color: #00344f;
  
  pointer-events: all;

  .input-row {
    @include flex-direction(column);
    margin-left: 0px;
    margin-right: 0px;

    input {
      margin: 5px 0;
    }
  }
}

.footer-text {
  .toggle_content {
    padding-top: 15px;
  }
}

.no-footer-title.footer-text {
  .toggle_content {
    padding-top: 0;
    @include respond-to('medium-down'){
      display: block;
      padding-top: 20px;
    }
  }
}

/* If no shop logo used, apply text styling as per theme settings */
.footer .logo {
  color: #00344f !important;
  font-size: 20px;
  margin-top:0;
  margin-bottom: 20px;
  line-height:1;
  width:100%;
  word-wrap: break-word;
  float: none;
  @include respond-to('medium-down'){
    text-align: center;
  }
}

img.footer-logo {
  width: 75%;
  max-width: 250px;
  margin-bottom: 10px;
  display: inline-block;
  @include respond-to('medium-down'){
    max-width: 50% !important;
    margin: 0 25% 25px;
  }
}

.footer .empty-column {
  width: 100%;
  height: 1px;
}

.footer .footer-menu-wrap h6 {
  margin: 0;
  padding: 0 0 5px 0;
  color: #00344f;
  font-size: 18px;
  @include respond-to('medium-down'){
    border-top: 1px solid #cccccc;
    margin-bottom: 5px;
    padding: 10px 0 5px;
  }
}

.footer .footer-menu-wrap h6 > span {
  display: none;
  @include respond-to('medium-down'){
    display: inline-block;
    transition: transform 0.3s linear;
    perspective: 1000;
  }
}

.footer .toggle_content {
  @include respond-to('medium-up'){
    //override display: none from mobile view
    display: block !important;
  }
}

.footer a,
.footer a:visited {
  color: #00344f;
  font-size: 14px;
}

.footer a:hover,
.footer a:active {
  color: #00a6b5;
}

.footer ul {
  list-style: none;
  margin: 0;
  padding: 15px 0 0 0;
}

.footer ul li {
  margin-bottom: 1em;
  line-height: 1.1;
}
.footer form {
  margin-bottom: 0;
}

.footer-menu-wrap {
  text-align: left;
}

.page-landing .maps {
  position: relative;
  bottom: -7px;
}
.maps iframe {
  pointer-events: none;
  display: block;
}
.newsletter form {
  margin-bottom: 0;
}

.footer_credits {
  border-top: 1px solid #cccccc;
  margin-top:10px;
}

.payment_methods {
  margin: 10px 0 6px 0;
  padding-top: 10px;

  @include respond-to('medium-up'){
    float: right;
    text-align: right;
  }
}
.payment_methods svg {
  padding-right: 4px;
  height: 30px;
  width: 48px;
  &:last-of-type {
    padding-right: 0px;
  }
}
.credits {
  text-align: left;
  padding-top: 20px;

  @include respond-to('medium-up'){
    float: left;
  }
}

/* Currency / language switcher in footer */

.footer-menu__disclosure {
  @include respond-to('medium') {
    @include justify-content(flex-start);
  }

  .selectors-form__item:last-of-type .disclosure__toggle {
    margin-right: 0;
  }

  .disclosure {
    padding-top: 16px;
    margin-top: -8px;
    min-height: 44px;
  }

  .disclosure__toggle {
    background-color: white;
    color: #00344f;
    font-size: 16px;
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    padding: 0 10px;
  }

  .disclosure-list {
    background-color: white;
    padding-top: 0;
  }

  .disclosure-list__item {
    margin-bottom: 0;
  }

  button.disclosure__button {
    color: #00344f;
    font-size: 16px;
    font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;

    &:hover,
    &[aria-current="true"] {
      opacity: 0.5;
    }
  }
}

h6 span, h4 span, .sublink span  {
  transition: transform 0.3s linear;
  perspective: 1000;
}

.footer-menu-wrap,
#mobile_menu,
.sidebar {
  -webkit-transform: translate3d(0, 0, 0);

  .active span:not(.currency-code),
  span.active {
    transform: rotateX(180deg);
  }
}

.sidebar span.menu-toggle {
  float: right;
  display: inline-block;
  cursor: pointer;
  padding: 0 6px 0 6px;
  margin-right: 0;
  transition: transform 0.3s linear;
  perspective: 1000;
  transform: none;

  &.active {
    transform: rotateX(180deg);
  }
}

/* Footer and mobile menu accordion (mobile only) */

@include respond-to('medium-down'){
  .footer-menu-wrap, .sidebar, #mobile_menu {
    h6 {
      padding-top: 8px;
      cursor: pointer;
      border-top: 1px solid #00344f;
      margin-top: 0;
    }
    h6 span, h4 span, .sublink span  {
      display: inline-block;
      transition: transform 0.3s linear;
      perspective: 1000;
    }
    .columns > ul {
      display: none;
      padding-left: 20px;
      li {
        line-height: 1.7;
      }
    }
  }
  .toggle_content {
    display: none;
    padding: 0 20px;
  }
}

@include respond-to('medium-up'){
  h4.toggle {
    pointer-events: none;
  }
  .footer-menu-wrap {
    h6 {
      pointer-events: none;
    }
    .columns > ul {
      //required to overwrite inline display:none from createAccordion();
      display: block !important;
    }
  }
}

/* Promo banner */

$promoBannerHeight: 30px;

.header .promo_banner,
#header .promo_banner {
  a,
  a:visited
  a:hover {
    color: #00344f;
  }
}

.promo_banner {
  background-color: #effafa;
  text-align: center;
  color: #00344f;
  font-size: 12px;
  position: relative;
  width: 100%;
  height: 0;
  line-height: 0;
  z-index: 5000;
  top: 0;
  transition: all 0.3s linear;
  overflow: hidden;
  .promo_banner__content {
    margin: 0px auto;
    padding: 0 1.5rem;
    @include respond-to('medium-down'){
      font-size: 10px;
      max-height: 50px;
    }
  }
  p {
    margin-bottom: 0;
    display: inline;
    line-height: 1;
  }
  .promo_banner-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    color: #00344f;
    border: 0;
    outline: 0;
    background: transparent;
    z-index: 1000;
    &:before {
      font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
      font-size: 20px;
      line-height: $promoBannerHeight;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 35px;
      content: "\00d7";
      text-align: center;
    }
  }
}

.promo_banner-show .promo_banner {
  transition: all 0s linear;
  height: auto;
  min-height: $promoBannerHeight;
  line-height: 1.1;
  @include flexbox();
  @include align-items(center);
}

.top_bar {
  padding-top: 0;
  position: relative;
  transition: padding-top 0.3s linear;
  @include respond-to('small-down') {
    padding-top: 0;
  }
}

$topMenuHeight: 40px;



@include respond-to('medium-down'){

  .mobile_nav-fixed--true,
  .mobile_nav-fixed--false {
    #pagecontent {
      display: block;
      padding-bottom: $topMenuHeight;
    }
    //page banner is visible
    .page-banner {
      margin-top: $topMenuHeight;
    }
    .page-banner + #pagecontent {
      padding-bottom: 0;
    }
  }

  .index-sections .under-menu:nth-child(1) {
    margin-top: 0;
  }

  .page-details-section .under-menu:nth-child(1) {
    margin-top: 0;
  }

  .page-banner .under-menu:nth-child(1) {
    margin-top: 0;
  }

  //recalculate values if promo banner is visible
  .promo_banner-show.mobile_nav-fixed--true,
  .promo_banner-show.mobile_nav-fixed--false {
    #pagecontent {
      padding-bottom: calc(#{$topMenuHeight} + #{$promoBannerHeight});
    }
    .page-banner {
      margin-top: calc(#{$topMenuHeight} + #{$promoBannerHeight});
    }
    .page-banner + #pagecontent {
      padding-bottom: 0;
    }
  }

}

/* #Plyr
================================================== */
@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:50px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}


/* #Model Viewer
================================================== */
.shopify-model-viewer-ui{position:relative;display:block;cursor:pointer}.shopify-model-viewer-ui model-viewer{transform:translateZ(0);z-index:1}.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled{pointer-events:none}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer{position:relative;width:100vw;height:100vh}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:block}.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:none}.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area,.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area{opacity:1}.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay{position:absolute;width:100%;height:100%;top:0}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{display:flex;flex-direction:column;background:#fff;opacity:0;border:1px solid rgba(0,0,0,.05);position:absolute;bottom:10px;right:10px;z-index:1;transition:opacity .1s linear}.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing){display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__button{color:#3a3a3a;border-radius:0;border:none;margin:0;cursor:pointer}.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible){outline:0}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control{padding:0;height:44px;width:44px;background:0 0;position:relative}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{color:rgba(0,0,0,.55)}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{color:rgba(0,0,0,.55);background:rgba(0,0,0,.05)}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{position:absolute;content:"";border-bottom:1px solid rgba(0,0,0,.05);width:28px;bottom:0;right:8px}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{width:44px;height:44px;fill:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{background:#fff;position:absolute;border:1px solid rgba(0,0,0,.05);top:50%;left:50%;padding:0;transform:translate3d(-50%,-50%,0);height:62px;width:62px;z-index:1}.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{color:rgba(0,0,0,.55)}.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon{width:60px;height:60px;z-index:1;fill:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen{display:block}.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet{display:none}.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}


/*! Flickity v2.0.10
http://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;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-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.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:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.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:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

.flickity-enabled {
  position: relative;
  overflow: hidden;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-button.flickity-prev-next-button.next:focus,
.flickity-button.flickity-prev-next-button.previous:focus {
  opacity: 1;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          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;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  border: none;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  border-radius: 0;
  height: auto;
  max-width: 11%;
  transform: none;
}

.flickity-prev-next-button:hover {
  background: white;
  border: none;
}

.flickity-prev-next-button:focus {
  outline: none;
}

.flickity-prev-next-button:hover, .flickity-prev-next-button:active {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.flickity-prev-next-button.previous {
  left: -1px;
}
.flickity-prev-next-button.next {
  right: -1px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: -1px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: -1px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=10); /* IE8 */
  opacity: 0.1;
  cursor: auto;
}

.flickity-prev-next-button svg {
  @include vertical-alignment;
  position: absolute;
  left: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #cccccc;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #cccccc;
  font-size: 26px;
}

/* ---- page dots ---- */

.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: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

/* Custom sliders */
.flickity-slider > li {
  list-style-type: none;
  width: 100%;
  text-align: center;
}

/* General Flickity styling */

img[data-flickity-lazyload] {
  width: auto;
}

.slideshow_animation--fade {
  .flickity-slider {
    transform: none !important;
  }

  .gallery-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
  }

  .gallery-cell.is-selected {
    opacity: 1;
    z-index: 0
  }
}

/* Gallery page */

.lightbox-gallery {
  .gallery-cell {
    width: 100%;
    img {
      width: auto;
      max-height: 90vh;
      max-width: 100%;
      display: inline-block;
    }
  }
}

/* Product gallery */

.gallery-arrows--true .product_gallery {
  .flickity-prev-next-button {
    display: block;

    &:hover {
      opacity: 0.5;
    }
  }
}

.product_gallery {
  margin-bottom: 30px;
  position: relative;
  opacity: 0;
  transition: opacity 0.2s;

  @include respond-to('medium') {
    margin-bottom: 30px;
  }

  @include respond-to('small') {
    margin-bottom: 0;
    padding-bottom: 50px;

    .flickity-page-dots {
      bottom: 15px;
    }
  }
  
  
  .flickity-slider {
  display: flex !important;
  align-items: center !important;
}

  .gallery-cell {
    width: 100%;
    display: block;
    margin-right: 10px;
    position: relative;
  }

  &.flickity-enabled {
    opacity: 1;
  }

  img {
    background-color: #ffffff;
  }

  &.show-gallery-arrows--false {

    .flickity-prev-next-button {
      display: none;
      @include respond-to('medium-down') {
        display: block;
      }
    }
  }
}

.product_gallery_nav {
   .flickity-slider {
  display: flex !important;
  align-items: center !important;
}
  
  text-align: center;
  margin-bottom: 30px;

  &.product_gallery_nav--bottom-thumbnails {
    .gallery-cell { width: auto; }
    img {
      height: 80px;
      width: auto;
    }
  }
  &.product_gallery_nav--bottom-slider {
    @include respond-to('small') {
      margin-bottom: 30px;
    }
    .flickity-prev-next-button {
      opacity: 1;
      background: #ffffff;
    }
    .gallery-cell {
      @include flexbox();
      width: auto;
      opacity: 0.5;
      margin-bottom: 0;
      &.is-nav-selected { opacity: 1; }
      img {
        width: auto;
        height: 80px;
        max-width: none;
        min-width: 50px;
      }
    }
  }
  .gallery-cell {
    width: 20%;
    margin: 0 10px 10px 0;
    opacity: 0.7;
    display: inline-block;
    position: relative;
    &.is-nav-selected {
      opacity: 1;
    }
    img {
      cursor: pointer;
    }
  }
}

.product_gallery .gallery-cell a {
  cursor: zoom-in;
}

.gallery-thumbnails--right {
  @include respond-to('medium-up') {
    .multi-image {
      width: 83%;
      float: left;
    }

    .product_gallery_nav {
      width: 12%;
      float: left;
      margin-left: 2%;

      .gallery-cell {
        width: 100%;
        margin: 0 0 10px 0;
      }
    }
  }
}

.gallery-thumbnails--left {
  @include respond-to('medium-up') {
    .multi-image {
      width: 83%;
      float: right;
    }

    .product_gallery_nav {
      width: 12%;
      float: right;
      margin-right: 2%;

      .gallery-cell {
        width: 100%;
        margin: 0 0 10px 0;
      }
    }
  }
}

.gallery-wrap .flickity-viewport {
  margin-top: 0;
}

.product-section__lightbox {
  .zoom-wrap {
    width: 100%;
    height: 100%;
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fancybox-content {
      top: 50%;
      -ms-transform: translateY(-50%) !important; /* Overwrite Fancybox transform */
    }
  }
}

/* Quick Shop */

.js-quick-shop {
  display: none;
}

.quickshop-forms__container {
  display: none;
}

.quick-shop__lightbox .fancybox-content {
  width: 90%;
  max-width: 900px;
  
  background-color: #ffffff;
  cursor: pointer !important;
}

.quick-shop__lightbox .fancybox-close-small svg path {
  fill: #00344f;
  &:hover {
    fill: darken(#00344f, 0.8);
  }
}

.quick-shop {
  .product_gallery img {
    background-color: #ffffff;
  }
  .container {
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    color: #00344f;
    .gallery-wrap.eight.columns {
      width: calc(55% - 40px);
      margin: 0;
      margin-right: 40px;
      min-height: 1px;
      transition: opacity 1s 0.3s linear;
      &.align-gallery-right {
        float: right;
        margin-right: 0;
        margin-left: 40px;
      }
    }
    .text-modal-wrap.six.columns {
      width: 45%;
      margin: 0;
      min-height: 1px;
      transition: opacity 0.3s linear;
    }
    .new_banner_product:empty,
    .sale_banner_product:empty,
    .preorder_banner_product:empty {
      display: none;
    }
  }
  img[alt*="[right]"],
  img[alt*="[left]"],
  img[alt*="[center]"]{ //hide full-width-image template images in quick-shop
    display: none;
  }
}

h3.quick-shop__title a {
  color: #00344f;
}

.quick-shop .product_gallery {
  opacity: 0;
  transition: opacity 0.3s;
}

.quick-shop .product_gallery.flickity-enabled {
  opacity: 1;
}

.quick-shop__gallery {
  &.gallery-arrows--false {
    .product_gallery_nav .flickity-prev-next-button {
      display: none;
    }
  }
}

/* Inline quick shop */

.quick-shop-style--inline {

  .collection_swatches {
    display: none;
  }

  .inline-quickshop {
    margin-top: 10px;
  }

  .product-quantity-box,
  .items_left {
    display: none;
  }

  .purchase-details__spb--false {
    margin-left: 0;
  }
}

.quick-shop-style--popup,
.quick-shop-style--inline {
  .product-details {
    .title,
    .brand,
    .shopify-review,
    .price,
    .sold_out {
      padding: 0;
      margin: 5px 0;
    }
  }
}

.quick-shop-style--popup {
  .quick_shop {
    margin: 5px 0;
  }
}

// Purchase button sizing
.quick-shop-style--inline {
  &.four,
  &.one-fifth {
    .action_button--secondary {
      margin-bottom: 10px;
    }
    .action_button--secondary,
    .shopify-payment-button {
      min-width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
  }
}

/* Related Items Gallery */

.related-products--grid {
  font-size: 0;
  text-align: center;
  &.container {
    padding-top: 0;
  }
  .product-list .thumbnail.column,
  .product-list .thumbnail.columns {
    font-size: initial;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
}

.related-products__title {
  clear: both;
}

.title.slider-gallery {
 padding-top: 40px;
  @include respond-to('small-down') {
   padding-top:0;
   font-size: 1.5em;
  }
}

.slider-gallery {
  margin: 0 auto 40px;
  .gallery-cell {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    @include respond-to('small-down') {
      padding: 0;
      margin-right: 5px;
    }
    .product-details {
      line-height: 1.2;
      letter-spacing: 0;

      @include respond-to('medium-down') {
        font-size: 3vw;
      }
    }
    img {
      display: block;
      max-width: 100%;
    }
  }
  .gallery-cell-heading {
    font-size: 0.8rem;
    line-height: 1.2;
    text-transform: none;
    margin-top: 10px;
  }
  .flickity-prev-next-button {
    border-radius: 0;
    opacity: 0;
    width: 5%;
  }
}

.slider-gallery:hover .flickity-prev-next-button {
  opacity: 0.5;
}

.transparentBackground--false {
  .dot {
    background: #cccccc;
  }
  .flickity-prev-next-button {
    background: transparent;
    .arrow {
      fill: #cccccc;
      opacity: 1;
    }
  }
}

.homepage-slideshow.transparentBackground--false,
.testimonial-slideshow.transparentBackground--false,
.product-slider.transparentBackground--false,
.slider-gallery.transparentBackground--false {
  &:hover {
    .flickity-prev-next-button {
      opacity: 1;
    }
  }
  .flickity-page-dots .dot {
    opacity: 0.4;
    &.is-selected {
      opacity: 1;
    }
  }
}

/* Lazyframe */
.lazyframe{position:relative;background-color:#ffffff;background-repeat:no-repeat;background-size:cover}.lazyframe__title{position:absolute;top:0;left:0;right:0;padding:15px 17px;z-index:3}.lazyframe__title:after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe:before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-ratio="1:1"]:before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor="youtube"],.lazyframe[data-vendor="youtube_nocookie"]{background-color:#e52d27;font-family:Roboto, Arial, Helvetica, sans-serif}.lazyframe[data-vendor="youtube"] .lazyframe__title,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title{color:#eee;font-family:Roboto, Arial, Helvetica, sans-serif;font-size:18px;text-shadow:rgba(0,0,0,0.498039) 0px 0px 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:color 0.1s cubic-bezier(0.4, 0, 1, 1)}.lazyframe[data-vendor="youtube"] .lazyframe__title:hover,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor="youtube"] .lazyframe__title:before,.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:before{content:'';display:block;background:linear-gradient(rgba(0,0,0,0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:transparent}.lazyframe[data-vendor="youtube"]:before,.lazyframe[data-vendor="youtube_nocookie"]:before{padding-top:56.25%}.lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before,.lazyframe[data-vendor="youtube_nocookie"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="youtube"]:after,.lazyframe[data-vendor="youtube_nocookie"]:after{content:'';position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor="youtube"]:hover:after,.lazyframe[data-vendor="youtube_nocookie"]:hover:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==");opacity:1}.lazyframe[data-vendor="vimeo"]{background-color:#00adef}.lazyframe[data-vendor="vimeo"] .lazyframe__title{font-family:"Helvetica Neue", Helvetica, Arial;color:#00adef;font-size:20px;font-weight:bold;text-rendering:optimizeLegibility;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:transparent;background-color:rgba(0,0,0,0.5)}.lazyframe[data-vendor="vimeo"]:before{padding-top:48.25%}.lazyframe[data-vendor="vimeo"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="vimeo"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="vimeo"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="vimeo"]:after{content:'';height:40px;width:65px;display:block;position:absolute;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,0.5);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor="vimeo"]:hover:after{background-color:#00adef}.lazyframe[data-vendor="vine"]{background-color:#00bf8f}.lazyframe[data-vendor="vine"] .lazyframe__title{color:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;line-height:16px;white-space:nowrap;z-index:3;positon:relative}.lazyframe[data-vendor="vine"] .lazyframe__title:after{content:'';position:absolute;top:0;left:0;right:0;z-index:-1;height:115px;padding:24px 70px 24px 24px;background:linear-gradient(to top, rgba(23,23,23,0) 0, rgba(23,23,23,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 )}.lazyframe[data-vendor="vine"]:before{padding-top:100%}.lazyframe[data-vendor="vine"][data-ratio="16:9"]:before{padding-top:56.25%}.lazyframe[data-vendor="vine"][data-ratio="4:3"]:before{padding-top:75%}.lazyframe[data-vendor="vine"][data-ratio="1:1"]:before{padding-top:100%}.lazyframe[data-vendor="vine"]:after{content:'';width:60px;height:60px;position:absolute;left:50%;top:50%;z-index:4;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+");background-color:rgba(0,0,0,0.5);background-size:cover;background-repeat:no-repeat;margin-top:-30px;margin-left:-30px;border-radius:50%}.lazyframe[data-vendor="vine"]:hover:after{background-color:rgba(0,0,0,0.75)}


/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}


.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.size-chart-remodal {
  max-height: calc(100vh - 20px); //Viewport height minus wrapper padding
  .size-chart-wrap {
    max-height: calc(100vh - 70px); //Viewport height minus remodal inner padding
    overflow-y: scroll;
  }
}

.remodal img {
  max-width: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -ms-transform: translateY(0,0,0);
  transform: translate3d(0, 0, 0);
  color: #00344f;
  background: #fff;
  @include respond-to('small-down') {
    overflow-x: scroll;
  }
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;

  z-index: 1000;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

  #contact_form input.sign_up[type="submit"] {
    margin-left: 0 ;
    margin-bottom: 1.5em;
    width: 100%;
  }

  input.contact_email[type="email"] {
    width: 100%;
  }

  .collection_menu {
    display: none;
  }

  h1.collection_title_tags,
  div.collection_title_tags {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .newsletter .input-row input{
    margin: 5px 0px;
  }

  input.sign_up {
    margin: 0px;
  }

  .newsletter-both-names--true {
    input.firstName {
      margin-right: 5px;
    }
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 799px) and (max-width: 959px) {
  .nav a,
  .nav a:visited,
  .menu a:hover,
  .nav a:active,
  .nav a:focus {
    font-size: 13px;
  }
  .menu a,
  .menu a:visited,
  .menu a:hover,
  .menu a:active,
  .menu a:focus {
    font-size: 13px;
  }
  .menu li, #header span.menu_title, .menu a span {
    padding-left: 2px;
    padding-right: 2px;
  }
  .menu li.search_container {
    display: none;
  }
}

/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 798px) {
    .article_image {
      padding-bottom: 0;
    }
    .sidebar_content {
      border: 0;
      padding: 0;
    }
    .nav_arrows { float: none; text-align: center;}
    .nav_arrows .prev { float: left; }
    .nav_arrows .next { float: right; }
    #header .top_bar a.mobile_logo {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      font-size: 18px;
      line-height: 34px;
      z-index: 5;
      width: 50%;
      height: auto;
      color: #00344f;
      @include flexbox();
      @include align-items(center);
      @include justify-content(center);
    }
    #header a.mobile_logo img {
      width: auto;
      max-width: 150px;
      max-height: 30px;
    }

    .payment_methods {
      text-align: center;
      float: none;
      display: block;
    }
    .credits {
      float: none;
      display: block;
      text-align: center;
    }

    
    .is-absolute { top: 0px !important; }

    .blog_filter { margin-top: 1em; width: 100% !important; }
    .section_select { text-align: center; }
    .flex-control-nav { bottom: 10px }
    .featured_links a span {
      font-size: 13px;
    }
    .or {
      width: 100%;
      display: inline-block;
      padding-left: 0;
      padding-bottom: 5px;
    }
    .mobile_hidden { display: none !important }
    table tr.order_summary td.label { text-align: left }

    .featured_text {
      font-size: 16px;
      line-height: 1.7em;
    }
    #header {
      display: block;
    }
    .header {
      display: none;
    }
    h4.toggle {
      cursor: pointer;
    }
    .toggle span {
      display: block;
    }
    .toggle_list {
      display: none;
    }
    select {
      width:100%;
      margin-left: 0;
    }

    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input.action_button[type="submit"],
    input.action_button[type="button"],
    .sign_up {
      margin-left: 0;
      width: 100%;
      outline: 0;
    }

    .credits_right {
      text-align: left;
    }

  td {
    padding: 4px !important;
  }
  .title_column {
      float:left;
    }
  .container div.mobile_only, .mobile_only {
      display:block;
    }
  span.mobile_only {
    display: inline;
  }
  .price_total {
    text-align: right;
  }
  .price_total_text {
    display:block;
  }
  .update_subtotal, .price_total, .remove_column, .checkout_table_header {
      display: none;
    }
  .mobile_right {
      text-align: right;
    }
  .quick_shop {
      display: none !important;
    }
  .cart_price {
    display: block;
    margin-bottom: 0;
  }
  table tr th, table tr td {
      padding: 2px;
    }
  input.action_button {
      margin-bottom: 1em !important;
    }
  .multiple_product_images {
      display: none;
    }
  .headline {
    font-size: 1.3em;
    line-height: 1.2;
    position: relative;
  }
  p.subtitle {
    font-size: 1.1em;
    line-height: 1.2;
    position: relative;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (max-width: 798px) {
    .mobile_hidden { display: none !important }
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart {
      font-size: 110%;
      line-height: 1.5em;
    }
    h1, h1.home, .title a, h2 {
      padding:0;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
   html {
      -webkit-text-size-adjust: 100%;
   }
}

@font-face {
  font-family: 'turbo';
  src: url('//architessa.com/cdn/shop/t/117/assets/turbo.eot?v=48734892740725754481675743758');
  src: url('//architessa.com/cdn/shop/t/117/assets/turbo.eot?v=48734892740725754481675743758') format('embedded-opentype'),
       url('//architessa.com/cdn/shop/t/117/assets/turbo.woff?v=72767542121312879231675743758') format('woff'),
       url('//architessa.com/cdn/shop/t/117/assets/turbo.ttf?v=77710476205941216751675743758') format('truetype'),
       url('//architessa.com/cdn/shop/t/117/assets/turbo.svg?v=173366358466109711321675743758') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "turbo";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .15em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bag:before { content: "\e901"; }
.icon-cart:before { content: "\e902"; }
.icon-check:before { content: "\e903"; }
.icon-cross:before { content: "\e904"; }
.icon-up-arrow:before { content: "\e917"; }
.icon-down-arrow:before { content: "\e905"; }
.icon-left-arrow:before { content: "\e90b"; }
.icon-right-arrow:before { content: "\e912"; margin-right: 0; }
.icon-plus:before { content: "\e911"; }
.icon-minus:before { content: "\e90e"; }
.icon-menu:before { content: "\e90d"; }
.icon-email:before { content: "\e906"; }
.icon-pinterest:before { content: "\e907"; }
////.icon-mbank:before { content: url(//architessa.com/cdn/shop/t/117/assets/Material_Bank_logo_blue.svg?v=62191241782362467941675743758);width:16px;height:16px; }
//.icon-mbank:hover { content: url(//architessa.com/cdn/shop/t/117/assets/Material_Bank_logo_blue.svg?v=62191241782362467941675743758);width:16px;height:16px; }

footer .mbank{top:0px !important;}
.mbank:hover{fill: #00a6b5;}
.icon-rss:before { content: "\e909"; }
.icon-houzz:before { content: "\e90a"; }
.icon-snapchat:before { content: "\e90c"; }
.icon-phone:before { content: "\e90f"; }
.icon-instagram:before { content: "\e910"; }
.icon-vimeo:before { content: "\e913"; }
.icon-search:before { content: "\e914"; }
.icon-zoom:before { content: "\e900"; }
.icon-youtube:before { content: "\e915"; }
.icon-lock:before { content: "\e916";  color: #ffffff; }
.icon-user:before { content: "\e918"; }
.icon-facebook:before { content: "\ea90"; }
.icon-twitter:before { content: "\ea96"; }
.icon-tumblr:before { content: "\eab9"; }
.icon-linkedin:before { content: "\eaca"; }

.icon-twitter-share:before { content: "\ea96"; }
.icon-facebook-share:before { content: "\ea90"; }
.icon-pinterest-share:before { content: "\e907"; }
.icon-mail-share:before { content: "\e906"; }

span.icon-down-arrow {
  padding: 0 !important;
  font-size: 12px !important;
}

.menu li.search_link {
  display: none;
  padding-left: 10px;
  padding-right: 10px;
}

.sticky_nav ul.menu li.search_link {
  display: inline-block;
  position: absolute;
  right: 50px;
  padding-top: 3px;
  top: 0;
}

.menu li.search_container {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  padding-top: 3px;

  @include respond-to('widescreen-up'){
    margin-left: 15px;
  }
}

.menu-position--block .menu li.search_container {
  float: none;
}

form.search_form,
.search_form input {
  padding-top: 0;
  margin-bottom: 0;
  position: relative;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

.search_form input,
.search_form input:active,
.search_form input:focus {
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 1px;
  color: #00344f;
  background-color: transparent;
  padding-right: 35px;
  border-color: #00344f;
  
    border-radius: 3px;
  
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: #00344f;
  border-color: #00344f;
  &::-webkit-input-placeholder {
    color: #00344f;
  }
  &::-moz-placeholder {
    color: #00344f;
  }
  &:-ms-input-placeholder {
    color: #00344f;
  }
}

.feature_image .search-submit { color: #00344f; }

.header_search_form {
  width: 60%;
  margin: 0 auto 30px auto;
  padding: 30px 0 0 0;
  position: relative;
  border-bottom: solid 1px #00344f;
  @include respond-to('small-down') {
    width: 90%;
    margin: 30px auto;
    padding: 0;
  }
}

.header_search_form input,
.header_search_form input:focus,
.header_search_form input:active {
  background-color: transparent;
  font-family: "Mundo Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #00344f;
  letter-spacing: 1px;
  border: none;
  font-size: 36px;
  line-height: 36px;

  @include respond-to('small-down') {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0px;
  }
}

.header_search_form .search-submit {
  top: 38px;
  font-size: 30px;
  @include respond-to('small-down') {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    font-size: 20px;
  }
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: #00344f;
  border: 1px solid #00344f;
}

.feature_image .search_form input::-webkit-input-placeholder {
  color: #00344f;
}
.feature_image .search_form input:-moz-placeholder { /* Firefox 18- */
  color: #00344f;
}
.feature_image .search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: #00344f;
}
.feature_image .search_form input:-ms-input-placeholder {
  color: #00344f;
}

.search_form input::-webkit-input-placeholder {
  color: #00344f;
}
.search_form input:-moz-placeholder { /* Firefox 18- */
  color: #00344f;
}
.search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: #00344f;
}
.search_form input:-ms-input-placeholder {
  color: #00344f;
}

.search_form input:focus::-webkit-input-placeholder {
  color: #1a517b;
}
.search_form input:focus:-moz-placeholder { /* Firefox 18- */
  color: #1a517b;
}
.search_form input:focus::-moz-placeholder {  /* Firefox 19+ */
  color: #1a517b;
}
.search_form input:focus:-ms-input-placeholder {
  color: #1a517b;
}

.feature_image .search_form input,
.feature_image .search_form input:active,
.feature_image .search_form input:focus {
  color: #00344f;
  border: 1px solid #00344f;
}

.feature_image .search_form input::-webkit-input-placeholder {
  color: #00344f;
}
.feature_image .search_form input:-moz-placeholder { /* Firefox 18- */
  color: #00344f;
}
.feature_image .search_form input::-moz-placeholder {  /* Firefox 19+ */
  color: #00344f;
}
.feature_image .search_form input:-ms-input-placeholder {
  color: #00344f;
}

.search-submit {
  position: absolute;
  z-index: 1000;
  color: #00344f;
  font-size: 20px;
  top: 9px;
  right: 7px;
  cursor: pointer;
}

.feature_image .search-submit {
  color: #00344f;
}

.blog_search .search-submit {
  color: #333333;
  top: 10px;
  right: 8px;
  z-index: 1;
}

.social_icons {
  margin-left: 0;
  margin-top: 0;
}

.social_icons li {
  display: inline;
  padding-right: 2px;
}

footer .footer-social-icons {
  @include respond-to('medium-down'){
    display: none;
  }
}

footer .footer-social-icons--mobile.columns {
  display: none;
  padding-left: 0;
  @include respond-to('medium-down'){
    display: block;
    > ul {
      display: block;
      padding-left: 0;
    }
  }
}

footer .social_icons {
  display: block;
  margin-top: 15px;
  @include respond-to('medium-down'){
    padding-left: 0;
    text-align: center;
  }
}

footer .social_icons a, footer .social_icons a:visited {
  color: #00344f;
  font-size: 22px;
  display: inline-block;
  margin-bottom: 1em;
  @include respond-to('small-down') {
    margin-bottom: 0;
  }
}

footer .social_icons a:active, footer .social_icons a:hover {
  color: #00a6b5;
  font-size: 22px;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}

.delay-0s {
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.delay-025s {
  -moz-animation-delay: .25s;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  opacity: 0;
}
.delay-05s {
  -moz-animation-delay: .5s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  opacity: 0;
}
.delay-075s {
  -moz-animation-delay: .75s;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
  opacity: 0;
}
.delay-1s {
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  opacity: 0;
}

.animate_right, .animate_left, .animate_up, .animate_down { opacity: 0 }

.ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated { opacity: 1 !important; }
.ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s { opacity: 1 !important; }
.ie select {
  background-image: none !important;
}

@media only screen and (max-width: 798px) {
  .delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s,
  .animate_right, .animate_left, .animate_up, .animate_down {
    opacity: 1;
  }
}

/* #Password Page
================================================== */
#password-container {
  margin: 75px auto 0;
  max-width: 100%;
  display: table;
  text-align: center;
  display: table;
  @include respond-to('medium-down') {
   margin-top: 10px;
  }

  #contact_form input.sign_up[type="submit"] {
    width: calc(35% - 10px);
    @include respond-to('large-down') {
      width: 100%;
    }
  }

  #contact_form input.contact_email[type="email"] {
    max-width: 100%;
  }
}

.password-page-message {
  font-size: 3em;
  line-height: 1.2;
  margin: 10px auto;
  padding: 12px 0;
}
.password-page-follow {
  margin: 5px 0;
}
.password-social .social_icons a,
.password-social .social_icons a:visited,
.password-social .social_icons a:active {
  font-size: 25px;
}

.password-page-row {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.password-page-col {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 30px;
  width: 100%;
}

.password-logo {
  max-width: 200px; /* Allows logo to be more prominent*/
  margin: 0px auto;
}

.password-message{
  max-width: 600px;
  font-size: 1.2em;
  color: #00344f;
 }

.hr-small {
  margin: 20px auto;
  width: 50px;
}

.password-social {
  margin-top: 10px;
  padding-top: 20px;
}

.password-social ul {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 10px;
}

.password-social .social_icons li {
  display: inline;
  margin-left: 0;
}

.password-social .social_icons a:hover {
  color:#00344f;
}

.password-footer {
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 13px;
  color: #00344f;
  text-align: center;
}

.powered {
  display: block;
  margin-top: 15px;
}

.shopify a {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
  padding-left: 21px;
  color: #00344f;
  text-decoration: none;
}

.password-footer a {
  color: #00344f;
  text-decoration: none;
}

/* Password Page Modal CSS */
.controls {
  display: block;
  margin: 1em;
  text-align: right;
  text-transform: uppercase;
  position: relative;
}

#open-me {
  text-align: center;
  margin-bottom: 35px;
  a {
    &:hover {
      color: #00344f;
    }
  }
}

.close-me {
  z-index: 8000;
}

.modalbox {
  position: absolute;
  height: 100%;
  top: -1em;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index:5000;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  background: rgba(255,255,255,0.95);
}

.overlay-close {
  width: 150px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid #000;
  font-size: 14px;
}

.overlay-data {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
  visibility: 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}

.inputbox {
  margin: 0px auto;
  max-width: 80%;
  display: table;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #000;
}

#password-page-bg .modalbox .inputbox {
  @include respond-to('medium-down') {
    top: 50%;
  }
}

.storefront-password-form label {
  font-size: 0.9em;
  margin: 0 0 1em 0;
  text-align: center;
}

.storefront-password-form .actions {
  display: inline-block;
}

.storefront-password-form #password {
  width: 50%;
  display: inline-block;
  @include respond-to('small-down') {
    width: 100%;
  }
}

#owner {
  font-size: 0.9em;
  margin-top: -1em;
  opacity: 0.8;
}

.pass-close {
  color: #000 !important;
  padding: 0 !important;
  margin: 1em !important;
  position: inherit !important;
}

@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px){
  .modalbox {
    display: block;
    width: 414px !important;
    max-width: 100%;
    text-align: center;
  }
  .pass-close {
    display: block;
    margin: 0.65em -0.15em 1em 0 !important;
  }
}

/* #Page Details
================================================== */
.page-details-section {
  .article {
    padding-bottom: 0;
  }

  div.container .featured_products {
    padding-top: 0;
  }

  @include respond-to('small-down') {
    .caption.position-center,
    .caption.position-left,
    .caption.position-right, {
      margin: 5% 0 0 0;
    }
  }
}

/* # Product media
================================================== */

$product-media-fill-color: #00344f;
$product-media-bg-color: #ffffff;

.product-gallery__model model-viewer,
.product-gallery__video iframe {
  width: 100%;
  min-height: 450px;
}

.product-gallery__model {
  position: relative;

  model-viewer {
    width: 100%;
    min-height: 500px;
  }
}

.view-in-your-space.action_button {
  padding: 0;
  width: 100%;
  @include flexbox();
  @include justify-content(center);
  @include align-items(center);
  min-height: 44px;
  background: #e6e6e6;
  color: $product-media-fill-color;
  font: inherit;
  text-transform: none;
  border-radius: 0px;
  border: 0;

  svg {
    path {
      &:first-child {
        stroke: $product-media-fill-color;
      }

      &:last-child {
        fill: $product-media-fill-color;
      }
    }
  }
}

.plyr--video {
  .plyr__controls {
    background: rgba($product-media-bg-color, 0.6);
    padding: 10px;
  }

  .plyr__control {
    background: transparent;
    color: $product-media-fill-color;

    &:hover {
      background: $product-media-bg-color;
      color: $product-media-fill-color;
    }
  }

  .plyr__controls__item.plyr__time,
  input[type=range],
  .plyr__controls__item {
    color: $product-media-fill-color;
  }

  .plyr__progress input[type=range]+.thumb {
    background-color: $product-media-fill-color;
    color: $product-media-fill-color;
  }

  input[type=range]::-webkit-slider-thumb {
    background-color: $product-media-fill-color;
  }

  input[type=range]::-moz-range-thumb {
    background-color: $product-media-fill-color;
  }

  input[type=range]::-ms-thumb {
    background-color: $product-media-fill-color;
  }

  .plyr__progress__buffer,
  .plyr__control[aria-expanded=true] {
    background-color: rgba($product-media-fill-color, 0.6);
  }

  .plyr__control.plyr__tab-focus {
    background-color: $product-media-fill-color;
  }

  .plyr__control--overlaid {
    background: $product-media-bg-color;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.05);
    height: 50px;
    width: 50px;

    svg {
      left: auto;
    }

    &:hover {
      background: $product-media-bg-color;
    }
  }

  .plyr__control--overlaid:hover .play-icon-button-control rect {
    opacity: 0.75;
  }

  .plyr__control .play-icon-button-control {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;

    rect {
      fill: $product-media-bg-color;
    }

    path {
      fill: $product-media-fill-color;
    }
  }
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-right: 10px;
  padding-left: 10px;
}

// Styles for a vertical volume scrollbar
.plyr--full-ui .plyr__volume {
  background-color: rgba($product-media-bg-color, 0.25);
  border-radius: 5px;
  bottom: 105px;
  height: 40px;
  opacity: 0;
  padding: 10px 15px !important;
  position: absolute;
  transform: rotate(270deg);
  transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s;
  width: 140px;

  &:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba($product-media-bg-color, 0.25);
    bottom: 18px;
    content: "";
    left: -6px;
    position: absolute;
    transform: rotate(90deg);
    z-index: 2;
  }

  &:hover {
    opacity: 1;
    visibility: visible;
  }

  &.plyr__volume--is-visible {
    opacity: 1;
    transition: visibility 0.4s linear, opacity 0.4s linear;
  }

  input[type=range] {
    color: $product-media-fill-color;
    margin: 0 auto;
  }
}

.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb {
  box-shadow: none;
}

.plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper,
.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: none;
}

.plyr--audio .plyr--full-ui .plyr__volume {
  bottom: 125px;
  right: -37px;
}

.plyr--is-ios .plyr__volume {
  display: none !important;
}

.plyr__control[data-plyr=mute]:hover + .plyr__volume {
  opacity: 1;
  transition: visibility 0.4s linear, opacity 0.4s linear;
}

@media (min-width: 480px) {
  .plyr--full-ui .plyr__volume input[type=range] {
    max-width: 90px;
  }
}

@media (min-width: 750px) {
  .plyr--full-ui .plyr__volume input[type=range] {
    max-width: 110px;
  }
}

@media only screen and (max-width: 989px) {
  .plyr--is-touch .plyr__volume {
    display: none !important;
  }
}

.show-gallery-arrows--true .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  right: 50px;
  bottom: 10px;
}

.shopify-model-viewer-ui {
  .shopify-model-viewer-ui__button {
    color: $product-media-fill-color;
    background: $product-media-bg-color;

    &[hidden] {
      display: none;
    }
  }

  .shopify-model-viewer-ui__button--poster:hover,
  .shopify-model-viewer-ui__button--poster:focus {
    color: rgba($product-media-fill-color, 0.55);
  }


  .shopify-model-viewer-ui__controls-area {
    background: $product-media-bg-color;
    border: 1px solid rgba($product-media-fill-color, 0.05);
  }

  .shopify-model-viewer-ui__button--control:not(:last-child) {
    &:after {
      border-bottom: 1px solid rgba($product-media-fill-color, 0.05);
    }
  }
}

.video-on-hover,
.swap-true .plyr--youtube,
.video-controls-enabled--false {
  .plyr__controls,
  .plyr__control--overlaid {
    opacity: 0;
    & > * {
      pointer-events: none;
      cursor: auto;
    }
  }
}

// Accessibility styling

.product_gallery .gallery-cell {
  visibility: hidden;

  &.is-selected {
    visibility: visible
  }
}

// Hide controls on mobile when video is stopped
.plyr.plyr--stopped .plyr__controls {
  display: none;
}

.product_gallery_nav {

  .media-badge {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 33%;
    max-height: 33%;
    min-width: 20px;
    width: 25px;
    height: 25px;

    svg {
      width: 100%;
      height: 100%;
    }

    path {
      &:first-child {
        fill: $product-media-bg-color;
      }

      &:last-child {
        fill: $product-media-fill-color;
      }
    }

    g {
      path {
        &:first-child {
          stroke: $product-media-fill-color;
        }
      }
    }

    .media-badge__outline {
      stroke: rgba($product-media-fill-color, 0.05);
    }
  }
}

// Set product media height
.gallery-wrap {
  &.product-height-set {
    model-viewer {
      margin: 0 auto;
    }

    .product_gallery img,
    .product_gallery .plyr--html5 video {
      width: 100%;

    }

    .product_gallery img {
      @include object-fit(contain);
    }

    .product_gallery .plyr--youtube .plyr__video-embed {
      height: 100%;
    }
  }
}

/* #Product Details
================================================== */

.product-details-section {
  .gallery-image-wrapper {
    margin-bottom: 20px;
  }
}

.quote {
  padding: 10px 0px;
  text-align: center;
  border-top-style: $borderStyle;
  border-top-width: $borderWidth;
  border-bottom-width: $borderWidth;
  border-bottom-style: $borderStyle;
  border-color: #aaaaaa;
}

.grey-map {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}

/* #Product Recommendations
================================================== */

.recommended-products-section {
  display: none;
}

/* Home page - general
================================================== */

/* Full-width product slider */

.homepage-product-slider {
  margin: 0 10px;
  object.placeholder-image {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    padding-top: 100%;
  }
  .placeholder-svg--product {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.homepage-product-slider.even-num-slides {
  padding-left: 10px;
  width: calc(100% - 20px);
  @include respond-to('medium-down'){
    padding-left: 0;
    width: 100%;
  }
}

.products-slider.slider-gallery {
  &.products-length-6 {
    .gallery-cell {
      width: calc(16.6% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-5 {
    .gallery-cell {
      width: calc(20% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-4 {
    .gallery-cell {
      width: calc(25% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
  }
  &.products-length-3, &.products-length-2, &.products-length-1 {
    .gallery-cell {
      width: calc(33.33% - 10px);
    }
  }
}

.products-slider.slider-gallery {
  .gallery-cell {
    &.visible-2 {
      width: calc(50% - 10px);
      @include respond-to('medium-down'){
        width: calc(50% - 10px);
      }
    }
    &.visible-3 {
      width: calc(33.33% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-4 {
      width: calc(25% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-5 {
      width: calc(20% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-6 {
      width: calc(16.666% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
    }
    &.visible-7 {
      width: calc(14.2% - 10px);
      @include respond-to('medium-down'){
        width: calc(40% - 10px);
      }
      .product-details {
        font-size: 0.7rem;
      }
    }
  }
}

// Text below overlay on larger screens
@include respond-to('max-width: 985px'){
  @for $i from 7 through 16 {
    .products-length-#{$i} {
      .product-info__caption {
        display: block;
      }
      .thumbnail-overlay {
        display: none;
      }
    }
  }
}

.featured_products.product-slider {
  padding-bottom: 0;
  .columns {
    padding-bottom: 0;
  }
}

//Applied to the slideshow, video and full-width banner images

.banner-full-link {
  line-height: 0;
  font-size: 0;
  color: transparent;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.banner-full-link + .caption {
  pointer-events: none;
  cursor: pointer;
}

.full-width--true .caption {
  @include respond-to('small-down') {
    padding-left: 20px;
    padding-right: 20px;
  }
  @include respond-to('large-up') {
    max-width: 960px;
    padding: 0;
  }
  @include respond-to('widescreen-up') {
    max-width: 1200px;
    padding: 0;
  }
}

.caption {
  width: 100%;
  position: absolute;
  top: 50%;
  padding: 0 5%;
  z-index: 3;
  @include prefix(transform, translate(0,-50%), ms webkit spec);
  @include respond-to('medium-up') {
    max-width: 960px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  @include respond-to('large-up') {
    padding: 0 30px;
  }
  @include respond-to('medium-down') {
    width: 100%;
  }
  a {
    pointer-events: all;
  }
  &.position-center {
    left: 0;
    right: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    @include respond-to('medium-down') {
      width: 85%;
    }
    @include respond-to('small-down') {
      width: 100%;
    }
  }
  &.position-left {
    left: 0;
    right: 0;
    text-align: left;
  }
  &.position-right {
    left: 0;
    right: 0;
    text-align: right;
  }
  .pretext {
    color: #ffffff;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    text-transform: none;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    
    @include respond-to('small-down') {
      font-size: 1.4em;
    }
    @include respond-to('medium-down') {
      font-size: 13.333333333333334px;
    }
    @include respond-to('medium-up') {
      font-size: 16.666666666666668px;
    }
    @include respond-to('medium-up') {
      font-size: 20px;
    }
  }
  .headline {
    color: #ffffff;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-bottom: 15px;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    

    @include respond-to('small-down') {
      font-size: 2.6em;
    }
    @include respond-to('medium-down') {
      font-size: 33.333333333333336px;
    }
    @include respond-to('medium-up') {
      font-size: 41.666666666666664px;
    }
    @include respond-to('large-up') {
      font-size: 50px;
    }
  }
  .subtitle {
    color: #ffffff;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    text-transform: none;
    font-style: none;
    font-size: 20px;
    letter-spacing: 1px;
    position: relative;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    

    @include respond-to('small-down') {
      font-size: 1.4em;
    }
    @include respond-to('medium-down') {
      font-size: 13.333333333333334px;
    }
    @include respond-to('medium-up') {
      font-size: 16.666666666666668px;
    }
    @include respond-to('large-up') {
      font-size: 20px;
    }
  }
  .pretext:empty,
  .headline:empty,
  .subtitle:empty {
    display: none;
    &:before {
      height: 0;
    }
  }
}

.caption--below-true {

  @include respond-to('small-down') {
    margin: 20px auto !important; /* Force caption margin */
    font-size: 3vw;
    position: static;
    transform: none;
    width: 100%;
  }

  .pretext {
    @include respond-to('small-down') {
      color: #00344f;
      text-shadow: none;
    }
  }
  .headline {
    @include respond-to('small-down') {
      color: #00344f;
      text-shadow: none;
    }
  }
  .subtitle {
    @include respond-to('small-down') {
      color: #00344f;
      text-shadow: none;
    }
  }

  .caption-background-true.caption-transparency-false {
    background-color: #00344f;

    @include respond-to('small-down') {
      background-color: transparent;
    }
  }

  .caption-background-true.caption-transparency-true {
    @include respond-to('small-down') {
      background-color: transparent;
    }
  }
}

.caption--below-false {
  @include respond-to('small-down') {
    .caption-content.caption-background-true {
      padding: 15px;
    }

    a.highlight-false, input[type="button"].highlight-false,
    a.highlight-true, input[type="button"].highlight-true,
    a.continue-button {
      background-color: rgba(255,255,255,0);
      color: #ffffff;
      border: 1px solid #ffffff;

      &:hover {
        background-color: #ffffff;
        border-color: #ffffff;

        @if (lightness(#ffffff) > 50) {
          color: #333;
        } @else {
          color: #fff;
        }
      }
    }

    a.highlight-true, input[type="button"].highlight-true {
      background-color: #ffffff;
      border-color: #ffffff;

      @if (lightness(#ffffff) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    }
  }
}

.subtitle p a {
  pointer-events: all;
}

.caption-content {
  display: inline-block;
  float: none;
  max-width: 60%;
  font-size: 0;
  @include respond-to('medium-down'){
    max-width: 80%;
  }
  @include respond-to('small-down') {
    width: 100%;
    max-width: 100%;
  }
  .action_button {
    margin: 10px;
    @include respond-to('medium-down'){
      // tightens up stacked buttons on iPad
      margin: 5px;
    }
    @include respond-to('small-down') {
      font-size: 16px;
    }
  }
  &.align-center {
    text-align: center;
    @include respond-to('medium-down') {
      max-width: 80%;
    }
    @include respond-to('small-down') {
      width: 100%;
      max-width: 100%;
    }
  }
  &.align-left {
    text-align: left;
    &:first-child .action_button {
      margin-left: 0;
    }
    .subtitle:before {
      margin-left: 0;
    }
  }
  &.align-right {
    text-align: right;
    &:last-child .action_button {
      margin-right: 0;
    }
    .subtitle:before {
      margin-right: 0;
    }
  }
  &.caption-background-true {
    padding: 30px;

    @include respond-to('small-down') {
      padding: 0;
    }
  }
}

/* Transparency settings for each type of caption */

$backgroundTransparency: 0.6;

.caption-background-true {
  //fallback
  background-color: #00344f;
}

.homepage-video {
  .caption-background-true {
    background-color: rgba(#00344f,  1 );
    @include respond-to('small-down') {
      background-color: transparent;
    }
  }
}

.caption-background-true {
  &.caption-transparency-true {
    background-color: rgba(#00344f, $backgroundTransparency);
  }
}

a.highlight-false, input[type="button"].highlight-false,
a.highlight-true, input[type="button"].highlight-true,
a.continue-button {
  background-color: rgba(255,255,255,0);
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: background-color 0.2s linear, color 0.2s linear;
  margin: 25px 0;

  &:hover {
    background-color: #ffffff;
    border-color: #ffffff;

    
      @if (lightness(#ffffff) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    
  }

  @include respond-to('small-down') {
    color: #00344f;
    border-color: #00344f;
    background-color: transparent;
    &:hover {
      border-color: #00344f;
      background-color: #00344f;
      @if (lightness(#00344f) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    }
  }
}

a.highlight-true, input[type="button"].highlight-true {
  background-color: #ffffff;
  border-color: #ffffff;

  
    @if (lightness(#ffffff) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  

  @include respond-to('small-down') {
    border-color: #00344f;
    background-color: #00344f;
    @if (lightness(#00344f) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  }
}

a.continue-button,
a.highlight-false--dark,
input[type="button"].highlight-false--dark {
  color: #00344f;
  border-color: #00344f;
  background-color: transparent;
  &:hover {
    border-color: #00344f;
    background-color: #00344f;
    @if (lightness(#00344f) > 50) {
      color: #333;
    } @else {
      color: #fff;
    }
  }
}

/* Slideshow */

.homepage-slideshow {
  .gallery-cell:not(:first-child) {
    height: 0;
  }
}

.homepage-slideshow.flickity-enabled {
  .gallery-cell:not(:first-child) {
    height: auto;
  }
}

.homepage-slideshow {
  a.highlight-false, input[type="button"].highlight-false,
  a.highlight-true, input[type="button"].highlight-true {
    &:hover {
      
        @if (lightness(#ffffff) > 50) {
          color: #333;
        } @else {
          color: #fff;
        }
      
    }
    @include respond-to('small-down') {
      color: #00344f;
      border-color: #00344f;
      background-color: transparent;
      &:hover {
        border-color: #00344f;
        background-color: #00344f;
        @if (lightness(#00344f) > 50) {
          color: #333;
        } @else {
          color: #fff;
        }
      }
    }
  }

  a.highlight-true, input[type="button"].highlight-true {
    background-color: #ffffff;
    border-color: #ffffff;

    
      @if (lightness(#ffffff) > 50) {
          color: #333;
      } @else {
        color: #fff;
      }
    

    @include respond-to('small-down') {
      border-color: #00344f;
      background-color: #00344f;
      @if (lightness(#00344f) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    }
  }
}

/* #Account
================================================== */

.account-header-logout {
  text-align: right;
  text-transform: uppercase;
}

.account-sidebar {
  border-right: 1px solid #aaaaaa;
  box-sizing: border-box;
  padding-right: 10px;
  @include respond-to('medium-down'){
    border: 0;
    padding-right: 0;
  }
}

.customers-addresses {
  .account-sidebar {
    border-right: 0;
    padding-right: 0;
  }
  .account-main {
    box-sizing: border-box;
    border-left: 1px solid #aaaaaa;
    padding-left: 20px;
    @include respond-to('medium-down'){
      border: 0;
      padding-left: 0;
    }
  }
}

.action_bottom .note {
  vertical-align: middle;
  line-height: 40px;
}

.address_title {
  margin-bottom: 0;
  padding-bottom: 0;
}

.action_edit {
  background-color: #00344f;
  border-color: #00344f;
  a {
    color: #ffffff;
  }
  &:hover {
    background-color: #00344f;
    border-color: #00344f;
    a {
      color: #ffffff;
    }
  }
}

.action_delete {
  background-color: #ffffff;
  border-color: #00344f;
  a {
    color: #00344f;
  }
  &:hover {
    background-color: #00344f;
    border-color: #00344f;
    a {
      color: #ffffff;
    }
  }
}

.order-details__discount {
  display: block;
}

/* #Policy pages
================================================== */

.container .shopify-policy__container {
  margin: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.shopify-policy__container {
  .shopify-policy__title {
    text-align: left;
  }
}

/* #Home page - collection in detail
================================================== */

.collection-in-detail {
  .section {
    margin: 0;
  }
  .half {
    width: 50%;
    float: left;
    position: relative;
    @include respond-to('medium-down'){
      width: 100%;
    }
  }
  .product-details {
    padding: 40px 2rem;
  }

  .frontpage_product_stagger--true {
    .section:nth-of-type(even) .half {
      float: right;
    }
  }
}

/* #Home page - text columns with images
================================================== */

.text-columns-with-images-section {
  .border-style--box {
    padding: 10%;
    border: 1px solid #aaaaaa;
  }

  .border-style--quote {
    padding-left: 20px;
    border-left: 1px solid #aaaaaa;
    margin-bottom: 10%;
  }

  .large_text {
    @include headline-style($font-size-column);
  }

  .text-column {
    margin-bottom: 25px;
  }

  a.continue-button {
    margin-top: 10px;
  }

  h2.title + .feature_divider {
    margin-bottom: 40px;
  }

  img {
    margin: 0 0 15px;
  }
}

/* OOTS Content Creator slideshow */
.flexslider {
  img {
    display: block;
    margin: 0 auto;
  }
}

/* #Home page - slideshow
================================================== */

.homepage-slideshow:hover .flickity-prev-next-button, .testimonial-section:hover .flickity-prev-next-button {
  opacity: 0.5;
}

.homepage-slideshow.text-animation--false .caption {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.homepage-slideshow.text-animation--false.flickity-enabled .caption {
  opacity: 1;
}

.text-animation--true {
  .caption-content {
    opacity: 0;
    @include respond-to('small-down') {
      opacity: 1;
      animation-duration: 0s;
    }
  }
}

.homepage-slideshow,
.testimonial-section {
  position: relative;
  overflow: hidden;
  &.single-image {
    .flickity-prev-next-button {
      display: none;
    }
    .flickity-page-dots {
      display: none;
    }
  }
  .gallery-cell {
    width: 100%;
    
      background-color: #ffffff;
    
    @include respond-to('small-down') {
      background-color: transparent;
    }
    img {
      width: 100%;
      display: block;
    }
  }
  .flickity-prev-next-button {
    opacity: 0;
    width: 5%;
    height: 100%;
    border-radius: 0;
    @include respond-to('medium-up') {
      opacity: 0;
    }
  }
  .flickity-page-dots {
    bottom: 2em;
    display: none;
    @include respond-to('medium-up') {
      display: block;
    }
    .dot {
      height: 4px;
      width: 40px;
      margin: 0;
      border-radius: 0;
      background: #cccccc
    }
    @include respond-to('small-down') {
      display: block;
      bottom: 5px;
    }
  }
}

/* Home - product slider */

.js-product-slider {
  .product_clear {
    display: none;
  }
  .column.alpha, .columns.alpha {
    margin: 0 10px 0 20px;
  }
  .flickity-prev-next-button {
    border-radius: 0;
  }
}

/* #Home page - image with text
================================================== */

.image-with-text .featured-link--half a[href] img {
  box-shadow: #000 0em 0em 0em;
  transition: opacity 0.2s linear;
}

.image-with-text .featured-link--half:hover a[href] img.lazyloaded {
  opacity: 0.8;
}

.standard--width .image-with-text .featured-link--image,
.full-width--false.image-with-text .featured-link--image {
  background-color: transparent;
}

.featured-link--section {
  width: 100%;
  box-sizing: border-box;
  float: left;
  min-height: 100px;
  @include flexbox();
  @include flex-wrap(wrap);
}

.featured-link--half.featured-link__imageHalf {
  background-color: transparent;
  text-align: center;
  a {
    width:100%;
    display: block;
    img {
      width: 100%;
    }
  }
}

.featured-link--half {
  box-sizing: border-box;
  float: left;
  width: 50%;
  position: relative;
  text-align: center;
  display: table;
  @include flex(1 0 auto);
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
  background-color: #ffffff;
  @include respond-to('small-down') {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .featured-link--wrap {
    width: 100%;
    height: 100%; /* Fix for SVG set at 2 images per row */
    @include flex(0 0 auto);
  }
  img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    @include respond-to('small-down') {
      width: 100%;
      max-width: auto;
    }
  }
  .info {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    &.text-align--right {
      text-align: right;
      .description:before {
        margin-right: 0;
      }
    }
    &.text-align--left {
      text-align: left;
      .description:before {
        margin-left: 0;
      }
    }
    @include respond-to('small-down') {
      position: static;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      padding: 2em 0;
    }
  }

  

  $image-with-text-color: set-text-color(#ffffff) ;

  .collection_title {
    margin-bottom: 15px;
    display: block;
    color: $image-with-text-color;
  }
  .description {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: $image-with-text-color;
    @include respond-to('medium-down'){
     font-size: 2vw;
    }
    @include respond-to('small-down') {
     font-size: inherit;
    }
    @include respond-to('widescreen-up') {
      font-size: inherit;
    }
  }
  .button {
    height: auto;
    background-color: transparent;
    color: $image-with-text-color;
    border: 1px solid $image-with-text-color;
    transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    &:hover {
      background-color: $image-with-text-color;
      color: #ffffff;
      border: 1px solid $image-with-text-color;
    }
  }





}

.image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) {
  @include flex-direction(row-reverse);
  .featured-link--half {
    float: right;
  }
}

.image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) {
  @include flex-direction(row-reverse);
  .featured-link--half {
    float: right;
  }
}

.featured_collections.across-2 {
  @include flexbox();
  @include flex-wrap(wrap);
}

.image-align--left.featured_collections.across-2 {
  .featured-link--section {
    @include flex-direction(row);
    @include respond-to('medium-down'){
      &:nth-of-type(2n){
        @include flex-direction(row-reverse);
      }
    }
  }
  .featured-link--image:nth-of-type(4n+3) {
    @include flex-direction(row-reverse);
    @include respond-to('medium-down'){
      @include flex-direction(row);
    }
  }
  .featured-link--image:nth-of-type(4n+4) {
    @include flex-direction(row-reverse);
  }
}

.image-align--right.featured_collections.across-2 {
  .featured-link--section {
    @include flex-direction(row-reverse);
    @include respond-to('medium-down'){
      &:nth-of-type(2n){
        @include flex-direction(row);
      }
    }
  }
  .featured-link--image:nth-of-type(4n+3) {
    @include flex-direction(row);
    @include respond-to('medium-down'){
      @include flex-direction(row-reverse);
    }
  }
  .featured-link--image:nth-of-type(4n+4) {
    @include flex-direction(row);
  }
}

.featured_collections.across-2 {
  .featured-link--section {
    width: 50%;
    @include respond-to('medium-down') {
      width: 100%;
    }
  }
  .featured-link--half {
    @include respond-to('medium-down') {
      width: 50%;
    }
    @include respond-to('small-down') {
      width: 100%;
    }
  }
  .description {
    font-size: 1.2vw;
    @include respond-to('medium-down'){
     font-size: inherit;
    }
  }
  .button {
    font-size: 1.2vw;
    @include respond-to('small-down') {
      font-size: 14px;
    }
  }
  .featured-link--image:nth-of-type(2n+1) {
    clear: both;
  }
  .featured-link--image:nth-of-type(2n+2) .featured-link--half {
    float: left;
    @include respond-to('medium-down'){
      float: right;
    }
  }
  .featured-link--image:nth-of-type(3n+3) .featured-link--half {
    float: right;
    @include respond-to('medium-down'){
      float: left;
    }
  }
  .featured-link--image:nth-of-type(4n+4) .featured-link--half {
    float: right;
  }
}

/* #Home page - featured products
================================================== */

/* #Home page - Rich text and image
================================================== */

.rich-text__content {
  .regular_text,
  .featured_text {
    margin-top: 15px;
  }
}

/* #Home page - featured promotions
================================================== */

.promo-animation--true {
  opacity: 0;
}

.featured-promotions {
  .feature-section {
    text-align: center;
    float: left;
    margin: 0 10px 20px;
    position: relative;
    @include respond-to('medium-down'){
      opacity: 1;
    }
    .link-promo {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
    }
    .feature-inner {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .feature-style--circle {
      border-radius: 50%;
      img {
        border-radius: 50%;
      }
    }
    .feature-style--rounded {
      border-radius: 10px;
      img {
        border-radius: 10px;
      }
    }
    .feature-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: background-color 0.25s linear;
      @include respond-to('medium-down'){
        
          @include background-opacity(#00344f, 0.5);
        
      }
    }
    .feature-wrap {
      @include vertical-alignment;
      position: absolute;
      width: 80%;
      margin: 0 auto;
      left: 0;
      right: 0;
      pointer-events: none;
    }
    .feature-details {
      display: none;
      opacity: 0;
      transition: opacity 0.3s linear;
      @include respond-to('medium-down'){
        opacity: 1;
        display: block !important;
      }
      &.reveal-details {
        opacity: 1;
      }
      .button {
        margin-top: 15px;
      }
    }
    .description {
      color: #fff;
      transition: all 0.3s linear;
      margin-bottom: 0;
    }
    .description a {
      pointer-events: auto;
    }
    &.title-overlay-true {
      .title {
        transition: all 0.3s linear;
        color: #fff;
        @include respond-to('medium-down'){
          margin-bottom: 10px;
        }
        &:after {
          content: '';
          display: block;
          height: 1px;
          width: 0;
          background: #fff;
          transition: width .5s ease, background-color .5s ease;
          margin: 10px auto auto auto;
          @include respond-to('medium-down'){
            display: none;
          }
        }
      }
    }
    &.title-overlay-false {
      .feature-wrap .title {
        display: none;
      }
    }
    &:hover .feature-overlay {
      @include background-opacity(#00344f, 0.5);
      @include respond-to('medium-down'){
        
      }
    }
    &.title-overlay-true:hover .title:after {
      width: 50%;
      background: #fff;
    }
    &.title-overlay-true:hover .title {
      color: #fff;
    }
    &.title-overlay-true:hover .description {
      color: #fff;
    }
    &.title-overlay-false:hover .description {
      color: #fff;
    }
    img {
      width: 100%;
      display: block;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    }
  }
}

$i: 1;
$delay: 0;
@while $i < 13 {
  .promo-#{$i} {
    -webkit-animation-delay: $delay + s;
    animation-delay: $delay + s;
  }
  $i: $i + 1;
  $delay: $delay + 0.3;
}

.featured-promotions.full-width--false {
  .promo-per-row-2 {
    .feature-section {
      width: calc(50% - 20px);
      @include respond-to('medium-down'){
        width: 100%;
        margin: 0 0 10px;
      }
      &:nth-child(2n+1){
        clear: both;
      }
    }
  }

  .promo-per-row-3 {
    .feature-section {
      width: calc(33.3333% - 20px);
      @include respond-to('medium-down'){
        width: 100%;
        margin: 0 0 10px;
      }
      &:nth-child(3n+1){
        clear: both;
      }
    }
  }

  .promo-per-row-4 {
    .feature-section {
      width: calc(25% - 20px);
      &:nth-child(4n+1){
        clear: both;
      }
      @include respond-to('medium-down') {
        width: calc(50% - 20px);
        &:nth-child(2n+1){
          clear: both;
        }
      }
      @include respond-to('small-down') {
        width: 100%;
        margin: 0 0 10px;
      }
    }
  }
}

.featured-promotions.full-width--true {
  padding-top: 0;
  .js-featured-promotions {
    @include flexbox();
    @include flex-wrap(wrap);
  }
  .promo-per-row-2 {
    .feature-section {
      width: 50%;
      margin: 0;
      @include respond-to('small-down') {
        width: 100%;
      }
    }
  }
  .promo-per-row-3 {
    .feature-section {
      width: 33.333333%;
      margin: 0;
      @include respond-to('medium-down') {
        width: 100%;
      }
    }
  }
  .promo-per-row-4 {
    .feature-section {
      width: 25%;
      margin: 0;
      @include respond-to('medium-down') {
        width: 50%;
      }
      @include respond-to('small-down') {
        width: 100%;
      }
    }
  }
}

/* #Home page - featured collection
================================================== */

.featured-collection__description.section {
  padding: 0 20px;
  margin: 20px 0;
}

.featured-collection__products.container {
  padding: 0;
}


/* #Home page - image with text overlay
================================================== */

.banner {
  width: 100%;
  position: relative;
  overflow: hidden;
  
    background-color: #ffffff;
  

  @include respond-to('small-down') {
    max-height: inherit;
    background-color: transparent;
  }

  img {
    width: 100%;
    display: block;
  }
}

/* #Home page - video
================================================== */

.block__featured_video,
.video-section {
  .caption {
    z-index: 30;
    pointer-events: none;
  }
  @include respond-to('small-down'){
    .caption {
      margin: 0;
      height: auto;
    }
  }

  .video-text--outside-video {
    height: auto;
  }
}

.showPosterImage--true[data-ratio="16:9"] {
  padding-top: 56.25%;
}

.showPosterImage--true[data-ratio="4:3"] {
  padding-top: 75%;
}

.homepage-video {
  position: relative;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  
    background-color: #ffffff;
  
  @include respond-to('small-down') {
    background-color: transparent;
  }
  img {
    width: 100%;
    display: block;
  }
  iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
  }
  video {
    background-color: #ffffff;
  }
  video[poster] {
    object-fit: cover;
  }
  video.video-autoplay--true.html-video {
    display: none;
  }
  .homepage-video--media {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
  .placeholder-image--true a.video__play-button {
    pointer-events: none;
  }
  .caption.text-on-video {
    pointer-events: none;
  }
  @include respond-to('small-down') {
    .caption.text-on-video {
      position: absolute;
      height: auto;
      @include prefix(transform, translateY(-50%), ms webkit spec);
      margin: 0;
      a.highlight-false {
        color: white;
        border-color: white;
      }
    }
  }
}

.homepage-video .mobile-video__buttons {
  display: block;
  text-align: center;
  top: 55%;
  @include prefix(transform, translateY(-50%), ms webkit spec);
  width: 100%;
  position: absolute;
  &.text-on-video { z-index: 20; }
  a.highlight-false {
    background-color: rgba(255,255,255,0);
    color: #ffffff;
    border: 1px solid #ffffff;
  }
  a.highlight-true {
    background-color: #ffffff;
    border-color: #ffffff;
    
      @if (lightness(#ffffff) > 50) {
        color: #333;
      } @else {
        color: #fff;
      }
    
  }

  .action_button {
    margin: 5px;
  }

  @include respond-to('small-up') {
    display: none;
  }
}

.darken-video {
  display: block;
  background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  z-index: 20;
}

/* #Page Banners
================================================== */

.banner.page-banner {
  overflow: hidden;
  max-height: 100vh;
  
}

.caption.captionOverlay--true {
  max-width: 960px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  
    top: 50%;
  
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 3;
  .headline, .subtitle {
    color: #ffffff;
    
      text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    
  }
  @include respond-to('medium-down'){
    top: 50%;
  }
}

.dark-overlay-true:after{
  content: '';
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */

/*  @font-face {
      font-family: 'FontName';
      src: url('FontName.eot');
      src: url('FontName.eot?iefix') format('eot'),
           url('FontName.woff') format('woff'),
           url('FontName.ttf') format('truetype'),
           url('FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/


/* #Custom Styles
================================================== */

*{
  font-family: 'museo-sans', sans-serif !important;
}
h1, h2, h3, h4 , h5 ,h6, .h1, .h2, .h3, .h4, .h5, .h6,
.collection_title{
  *{
    font-family: 'trajan-pro-3', sans-serif !important;
  }
   font-family: 'trajan-pro-3',  sans-serif !important;
}
.selector-wrapper{display:inline-block; width: 50%; padding: 0 5% 0 0;}
.selector-wrapper:first-of-type{display:none;}
.single_select > .selector-wrapper{display:block;}
select{border-radius:13px;}
.product_section .product_form{
  max-width:unset;
}
.modal_price{
  color: #00a6b5;
    font-weight: 700;
    font-size: 1.5em;
}
.purchase-details__buttons, .purchase-details__quantity {
    margin-top:5%;
    width: calc(100% - 6px) !important;
}

.page{
  .custom-page-div{
    width:33%;text-align: center;display:inline-block;
    @include respond-to('medium-down'){
    width:100%;
  }
  }
  .custom-page-div-2{
    width:24.66%;text-align: center;display:inline-block;
    @include respond-to('medium-down'){
    width:100%;
  }
  }
  table{
    
    td, tr{border-color: 0px solid transparent !important;
    	border-left: 0px solid transparent !important;
       border-right: 0px solid transparent !important;
       border-top: 0px solid transparent !important;
       border-bottom: 0px solid transparent !important;
    }
  }
}

.boost-pfs-search-box {
	border-radius: 13px !important;
}

/* @media screen and (max-width:780px){
  .boost-pfs-search-box {
      margin-top: 60px !important;
  }
} */

@media screen and (max-width:780px){
  .search__container {
      margin-top: 100px !important;
  }
}


//style downgrades 10/6

.main_nav{padding:40px 0}
.main_nav div.logo{padding:0; padding-left:20px; width:35%;}
.nav {
    width: 65%;
    float: right;
}
.menu a.top_link{font-weight:700 !important;}

.action_button {
    border-radius: 13px !important;
}

.video-wrapper .video__text-container {bottom:0 !important; top:unset !important;
  height:200px !important;
  @include respond-to('medium-down'){
    height:unset !important;
  }
  }



.map-section .container {
  border: #163a56 1px solid;
  padding: 20px;
  margin-bottom: 40px;
}

.map-section div div div div p a {
  text-decoration: underline;
}

.map-body {
  column-count: 2;
  column-rule: #163a56 1px solid;
  column-gap: 40px;
  column-width: 200px;
  height: fit-content;
  margin-bottom: 20px;
}

.map-body div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  /* for Firefox */
  display: inline-grid;
}

/* for Chrome and Edge */
@supports (break-inside: avoid-column) {
  .map-body div  {
    display: block !important;
  }
}

.icon-mbank svg {fill: #163a56 !important;}

.icon-mbank svg:hover {fill: #00a6b5 !important;}

.flickity-prev-next-button .arrow{fill:black !important;}
.flickity-prev-next-button {opacity:1 !important;}

.single-option-selector option[disabled="disabled"]{
      color: rgba(170, 170, 170, .7);
    opacity: .3;
  text-decoration: line-through;
}


.team-page__container:not(#first) h2, #exec-team { font-size: 40px;}

@media only screen and (max-width: 798px) {
  .team-page__container:not(#first) h2, #exec-team { font-size: 30px; }
}

@media only screen and (max-width: 479px) {
  .team-page__container:not(#first) h2, #exec-team { font-size: 170%; }
}


.color-container#White a div, div#WHITE span.selected-color { border: lightgrey 1px solid; }

.dropdown.menu a:visited, .dropdown.menu a:active, .dropdown.menu a:focus {
  padding: 3px 0;
  font-weight: bolder;
}

.dropdown.menu a {
  padding: 3px 0;
  line-height: initial;
}

.product-details span.title {
  font-size: large !important;
  font-weight: bolder;
}

span.unit::first-letter { text-transform: uppercase !important; }
.image-element__wrap{min-height:200px;}

.product-details span.price { display: none !important; }

.boost-pfs-filter-tree-v .boost-pfs-filter-option-range.boost-pfs-filter-option-collapsed  {
  padding-bottom: 20px !important;
}

.boost-pfs-filter-option-size div div ul li.boost-pfs-filter-option-item.boost-pfs-filter-option-label {
  max-width: 49% !important;
}

//.vertical-menu li a:not(.vertical-menu_submenu li a) {
//  padding-top: unset;
//  padding-bottom: unset;
//}

.promo_banner { background-color: #f7eaca; }

.boost-pfs-filter-tree-mobile-button button, .boost-pfs-filter-top-sorting-mobile button { border-radius: 13px !important; }


@media only screen and (max-width: 798px) {
  .color-container a {
    display: inline-flex !important;
    line-height: 25px !important;
  }

  .color-container a div {
    border-radius: 25px !important;
    display: inline-flex !important;
    margin-right: 10px !important;
  }
}

div.mini-cart__item__title div.line-item { display:none; }

@media only screen and (min-width: 479px) {
    div#contact-us-form {width: 90vw;}
}

@media only screen and (min-width: 798px) {
  div#contact-us-form {
    min-width: 600px;
    max-width: 800px;
  }
}

.sample_action_btn {
 background: white !important;
    color: #00344f !important;
    border: 1px solid #00344f !important;
 	border-radius:13px!important;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    height: 40px;
    line-height: 1.2;
    vertical-align: top;
    font-family: "Mundo Sans",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    transition: all .2s linear;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    border-radius: 3px; 
}

.shopify-cleanslate div ul li div[data-testid="GooglePay-button"],
.shopify-cleanslate div ul li div[data-testid="ShopifyPay-button"],
.shopify-cleanslate div ul li div[data-testid="ApplePay-button"],
.shopify-cleanslate div ul li iframe {
  border-radius: 13px !important;
}

.share-items{text-align:right; padding-right:10px;}
.print-button{
font-size:10px;
padding:10px;
}


.share-items{text-align:right; padding-right:10px;}
.print-button{
font-size:10px;
padding:10px;
}

#st-1 .st-btn{
 background-color:#D3D3D3 !important;
}


/* 2021 PDP Updates  */

.call-button {
  height: 10px;
  width: 10px;
  margin-right: 1.5em;
}

.call-button img {
  height: 20px;
  width: 20px;
/*   margin-right: 1em; */
}

.title-and-wishlist {
  display:flex; 
  justify-content: space-between;
  align-items: center;
  margin-top: 2em;
}

@media (min-width: 1024px){
	.call-button {
      display: none;
    }
}


.icon-container {
    width: auto;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.custom-accordion-title{
}

.brochure-button{
  padding-bottom:10px;
  float:left;
}

@media only screen and (max-width: 680px) {
 .brochure-button{
 		padding-bottom:10px;
  		max-width:30px;
	}
  
}
.gallery-title {
  margin-top: 8px;
  margin-bottom: 14px;
}
#shopify-section-template--15396613914785__16464247227961860a .container {
    padding-bottom: 0;
}
#shopify-section-template--15396613914785__16464905327c0563c0 .container {
    padding-top: 0;
}


.swatch .swatch-element:not(:nth-child(-n+21))>.tooltip::after {
    transform: scaleY(-1);
    bottom: 100%;
}


.swatch .swatch-element:not(:nth-child(-n+21)) > .tooltip {
    top: 100%;
    margin: 0;
    bottom: auto;
}


/* .section.product_section .product_gallery {
    padding: 30px;
    background: #fff;
    height: 500px;
}
.section.product_section .product_gallery .gallery-cell {
    height: 500px;
    top: 0;
}
.section.product_section .product_gallery .gallery-cell img {height: 500px;object-fit: cover;}

@media only screen and (max-width: 767px) {
.section.product_section .product_gallery {
    padding: 30px;
    background: #fff;
    height: 400px;
    margin-bottom: 0;
}
.section.product_section .product_gallery .gallery-cell {
    height: 370px;
    top: 0;
}
.section.product_section .product_gallery .gallery-cell img {
    height: 370px;
    object-fit: cover;
}
}

.product_gallery_nav .gallery-cell img {
    height: 100px;
    object-fit: cover;
    width: 100%;
} */

.product_gallery {
    background: #fff !important;
    padding: 25px;
 }
.product_gallery .gallery-cell img {
    height: 500px;
    object-fit: contain;
}


.descr {
    display: flex;
    flex-wrap: wrap;
}

.descr>p {
    width: 80%;
    padding-right: 15px;
}

.descr>span.installtion_link {
    width: 20%;
    text-decoration: underline;
}

@media only screen and (max-width: 991px) {
.descr > p {
    width: 100%;
    padding-right: 0;
}
  
  .descr > span.installtion_link {
    width: 100%;
    
}

.dropdown_container {
    position: unset !important;
}
  .getstarted .Heading h1 {
    font-size: 40px; 
  
}
}

@media only screen and (max-width: 767px) {
.product_gallery .gallery-cell img {
    height: 250px;
    object-fit: contain;
}
  .getstarted .Heading h1 {
    font-size: 40px;
    color: #fff;
}
}



.sale-price-area.sale {
    display: flex;
    align-items: center;
}
.sale-price-area.sale span.sale.savings {
    font-weight: 400;
    font-size: 22px;
    padding-left: 10px;
}
.sale-price-area.sale span.sale.savings .money {
    /*text-decoration: line-through;*/
  	color: #8c8b8b;
}

.was-area-price {
    display: flex;
    align-items: center;
    margin-top: 2px;
}
.was-area-price p#v-price {
    margin: 0;
    padding-right: 5px;
    line-height: 1.2;
    font-size: 18px;
    color: #333;
}
 .discount-percent span {
    display: none;
}
.sale-price-area.sale + .discount-percent {
    font-size: 16px;
}
.product_section .modal_price .price__container {
    display: flex;
    align-items: flex-start;
}
.product_section .modal_price .price__container >  span:first-child {
    margin-top: 3px;
    border-right: 0px solid #eee;
    padding-right: 10px;
    margin-right: 10px;
  position:relative;
}
.product_section .modal_price .price__container>span:first-child:after {
    position: absolute;
    width: 1px;
    content: "";
    right: 0;
    height: 20px;
    background: #333;
    top: 1px;
}

.badge-main-area .sale_banner_product {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 99;
    width: 50px;
    height: 50px;
    line-height: 52px;
    font-size: 11px;
}

.badge-main-area {
    position: relative;
}

.sale-price-area.sale span.current_price {
    font-size: 18px;
    color: #333;
}
.sale-price-area.sale span.sale.savings .money {
    /*text-decoration: line-through;*/
    color: #333;
}
.sale-price-area.sale span.sale.savings {
    font-weight: 600;
    font-size: 18px;
    padding-left: 5px;
    color: #333 !important;
}
.was_price {
    text-decoration: line-through;
    color: #333;
    text-shadow: none;
    font-weight: 700;
    font-size: 21px;
}

.badge-main-area>.sale_banner_product {
    border-radius: 0;
    width: 100px;
    height: auto;
    padding: 2px 0 !important;
    line-height: unset;
    font-size: 16px;
    min-width: 100px;
}

.banner_holder>div {
    border-radius: 0 !important;
    min-width: 100px;
    line-height: unset !important;
    height: auto !important;
    padding: 2px 0 !important;
    font-size: 16px;
}

.banner_holder {
    left: 10px;
    right: unset;
    top: -10px;
}

.sale-price-area.sale span.current_price {
    font-size: 21px;
    color: #00a6b5;
   font-weight: 700;
}

.sale-price-area.sale span.sale.savings {
    font-weight: 700;
    font-size: 21px;
    
}

.was-area-price p#v-price {
    font-size: 21px;
    font-weight: 700;
    color: #00a6b5;
}


.sale-price {
    width: 100%;
}

span.was_price {
    display: none;
}

/*p#v-price {
    text-transform: uppercase;
}*/

.sale-price-area.sale {
    display: block;
}

 .product_section .modal_price .price__container>span:first-child::after {
    width: 0;
}

.product_section .modal_price .price__container span.sale {
    padding: 0;
    margin: 0;
}


.product_section .modal_price .price__container {flex-wrap: wrap;}
.product_section .modal_price .price__container .sale-price-area.sale {width: 100%;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings {font-size: 16px;display: block;margin: 0 0 15px;color: #00a6b5 !important;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings span.money {color: #00a6b5 !important;}.product_section .modal_price .price__container {flex-wrap: wrap;}
.product_section .modal_price .price__container .sale-price-area.sale {width: 100%;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings {font-size: 16px;display: block;margin: 0 0 15px;color: #00a6b5 !important;}
.product_section .modal_price .price__container .sale-price-area.sale .sale-price span.sale.savings span.money {color: #00a6b5 !important;}
.product_section .modal_price .price__container span.sale {width: 100%;}
.was-area-price p#v-price {font-size: 16px;color: #00344f;font-style: italic;font-weight: 400;}

.product_section .modal_price .price__container>span {
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 10px;
}


div#section-location-custom-mega-menu-3 div[data-column="4"] .truck_img {
    position: unset;
    width: 100%;
}


.truck_img img {
    width: 100%;
}


/* header redesign */

header ul.menu.center.clearfix {
    padding: 0;
    padding-right: 0 !important;
}

header ul.menu.center.clearfix li.search_container {
    position: unset!important;
    padding-top: 0;
    width: 100%;
    max-width: 420px;
    margin-left: 50px;
}

.main_nav {
    padding: 0 0 10px;
}

header ul.menu.center.clearfix {
    padding: 0;
    padding-right: 0!important;
    padding-bottom: 0!important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

header ul.menu.center.clearfix .vertical-menu + .vertical-menu {
    display: none;
}

.nav ul.menu.center.clearfix .vertical-menu {
    width: 100%;
    max-width:100% !important;
    display: block;
}

ul.menu.center.clearfix>li:first-child {
    display: none;
}

.nav ul.menu.center.clearfix .vertical-menu>li {
    margin: 0;
    padding: 0;
    margin-right: 0 !important;
}

.nav ul.menu.center.clearfix .vertical-menu {
    width: 100%;
    max-width: 100%!important;
    display: flex;
    justify-content: space-between;
}

header ul.menu.center.clearfix li.search_container input {
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #dcdcda;
}

.nav ul.menu.center.clearfix .vertical-menu>li>a {
    padding: 0;
}

div#section-location-custom-mega-menu-3 div[data-column="1"], div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 35% !important;
    padding: 0 15px;
}

div#section-location-custom-mega-menu-3 div[data-column="2"]>div {
    width: 100% !important;
}

div#section-location-custom-mega-menu-3 div[data-column="1"] br {
    display: none;
}


div#section-location-custom-mega-menu-3 div[data-column="1"] {
    display: flex !important;
    flex-wrap: wrap;
    padding-right: 3% !important;
    line-height: 40px;
}


.nav ul.menu.center.clearfix .vertical-menu>li {margin: 0;padding: 0;margin-right: 0 !important;}

header ul.menu.center.clearfix li.search_container input {border: none;border-radius: 0 !important;border-bottom: 1px solid #dcdcda;}



.nav ul.menu.center.clearfix .vertical-menu>li>a {padding: 0;}





div#section-location-custom-mega-menu-3 div[data-column="4"] {width: 25% !important;}

div#section-location-custom-mega-menu-3 div[data-column="2"]>div {width: 100% !important;}

div#section-location-custom-mega-menu-3 div[data-column="1"] {
    display: flex!important;
    flex-wrap: wrap;
    padding-right: 0%!important;
    line-height: 40px;
    width: 35%!important;
}

div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 40%!important;
    padding: 0 30px;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>b {width: 100%;}

div#section-location-custom-mega-menu-3 div[data-column="1"] br {display: none;}




div#section-location-custom-mega-menu-3 div[data-column="1"] span {
    width: 100%;
    padding: 0 0px;
    font-size: 16px;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix a.icon-cart.mini_cart.dropdown_link {
    height: 58px !important;
}


.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix {
    width: 100%;
    max-width: 530px;
    padding: 0;
    
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix a.icon-cart.mini_cart.dropdown_link {
    width: 100%;
    justify-content: center;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width: 100% !important;
    margin-left: auto;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix li.search_link {
    display: none;
}

.menu-position--block.logo-align--center div.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.boost-pfs-search-suggestion {
    left: unset !important;
    right: 0;
}

.boost-pfs-search-suggestion-column-2-non-fullwidth:not(.boost-pfs-search-suggestion-mobile) {
    width: 100% !important;
    left: unset !important;
    right: 12.5%;
    max-width: 800px;
}

.boost-pfs-search-suggestion-popover[data-direction=left] {
    left: unset!important;
    right: 40% !important;
}

div#section-location-custom-mega-menu-3 .dropdown.menu {

    position: relative;
    height: 100% !important;
    float: left;
    width: 100%;
    height: 100%;
}


div#section-location-custom-mega-menu-3 div[data-column="1"] {
    padding-left: 0;
}




div#section-location-custom-mega-menu-3 {
    float: left;
    width: 100%;
    height: 100%;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>div:not(.demoooo) {
    width: 33%;
}

div#section-location-custom-mega-menu-3 div[data-column="1"] .demoooo {
    width: 100%;
}


.request-qoute-left {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.center-search {
    background: #1A324C;
    padding: 10px 16px;
}

.center-search form.search_form {
    max-width: 430px;
    margin: 0 auto;
}

.center-search form.search_form input {
    border: 1px solid #fff !important;
    height: auto;
    min-height: 40px;
    color: #fff;
}

.center-search form.search_form input::placeholder {
    color: #fff;
}

.request-qoute-left a.menu-button {
    padding: 8px 14px;
    display: block;
    background: #00a6b5;
    color: #fff;
    border-color: #00a6b5;
    width: 100%;
    max-width: 155px;
    text-align: center;
    font-size: 15px;
}

.center-search .search-submit {
  
    color: #fff;
  
}

ul.menu.left {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.top_bar li:first-child {
    padding-right: 8px !important;
}

.sticky_nav--stick .request-qoute-left {
    display: none;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-left: 20px;
    width: 100%;
    text-align: left;
    padding-right: 158px;
}

.sticky_nav .main_nav .logo-area {
    float: left;
    width: 35%;
}

.sticky_nav .main_nav.menu-position--block .nav {
    width: 100%;
    clear: none;
    float: left;
}

.sticky_nav .main_nav {
    display: flex;
    align-items: center;
}


.logo-area.top-left {
    display: flex;
    flex-flow: column;
    text-align: left;
    justify-content: flex-start;
    max-width: 33%;
    width: 100%;
}

.header .main_nav_wrapper .main_nav {
    padding: 11px 0 0;
}

.header .main_nav_wrapper .main_nav .dropdown_container.center {
    width: 100%;
}

.header .top_bar.clearfix {
    display: none;
}

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    order: 5;
    padding: 0;
}
.header .main_nav_wrapper .main_nav .dropdown_container.center {
    width: 100%;
    order: 4;
}

.header .main_nav_wrapper .main_nav  .top-right-info {
    order: 3;
    max-width: 33%;
    width: 100%;
}

.header .main_nav_wrapper .main_nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.header .main_nav_wrapper .main_nav .logo.logo--image {
    width: 100%;
    max-width: 33%;
}
.header .main_nav_wrapper .main_nav .top-right-info {
    display: flex;
    justify-content: flex-end;
    flex-flow: row;
    align-items: center;
    padding-right: 34px;
}

.header .main_nav_wrapper .main_nav .top-right-info a.icon-cart.mini_cart.dropdown_link {
    height: auto !important;
}

.header .main_nav_wrapper .main_nav .top-right-info {
   
    position: relative;
}

.header {
    position: relative;
}

.dropdown {
    position: absolute;
    width: 105vw;
    z-index: 1000;
    margin-left: 0px;
    left: 0;
}

.dropdown_container {
    position: absolute;
    left: 0;
    top: unset;
    bottom: 0px;
}



.sticky_nav .main_nav .logo-area.top-left {
    display: none;
}

.sticky_nav .main_nav .top-right-info {
    display: none;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .cart_container.clearfix +  .cart_container.clearfix {
    display: none;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-left: 20px;
    width: 100%;
    text-align: left;
}



/* ul.menu.left li a svg {
    position: relative;
    top: 3px;
} */

ul.menu.left li:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
}
ul.menu.left li:nth-child(3) {
    padding-left: 15px;
}
.menu a.top_link {
    font-weight: 400!important;
}


.header {
    position: sticky;
    top: 0;
}

/* div#shopify-section-header {
    top: 0;
    position: sticky;
    z-index: 999;
    background: #fff;
} */

.header .main_nav_wrapper .main_nav .main-top-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.header .main_nav_wrapper .main_nav .main-top-header>div {
    width: 100%;
    max-width: 33%;
    flex: 33%;
    padding: 0px;
}


	

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    width: 100%;
    max-width: calc(100% - 600px);
    flex: calc(100% - 600px);
}


.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
    width: 100%;
    max-width:250px;
    padding-left: 80px;
}

.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar input::placeholder {
    color: #000;
    opacity: 0.5;
    font-size: 16px;
}

.header .main_nav_wrapper .main_nav .main-top-header>div ul.menu.left.top li:first-child {
    padding-left: 0 !important;
}

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix {
    width: 100%;
    margin: 0;
}

.right-search input {
    border: none;
    border-bottom: 1px solid #dcdcda;
    padding: 0 48px 0 0;
    border-radius: 0 !important;
}

.right-search input {
    outline: none !important;
}
.right-search input{

  border-color: none !important;
}

.search_form input, .search_form input:active, .search_form input:focus {
    font-family: Mundo Sans,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #00344f;
    background-color: transparent;
    padding-right: 35px;
    border-color: #dcdcda;
    border-radius: 3px;
    border: none;
    border-bottom: 1px solid #dcdcda;
}

.header .main_nav_wrapper .main_nav ul.menu.left>li>a {
    padding-top: 0;
}




div#shopify-section-template--15567941861537__161125747988977ede .container section.featured-link--section {
    align-items: center;
}

div#shopify-section-template--15567941861537__161125747988977ede .container {
    max-width: 1065px;
    padding: 0 30px;
}

div#shopify-section-template--15567941861537__161133677400361f58 {
    display: none;
}

section#banner-24a2a6c2-d04e-4142-9142-d4f957827de0 .image-element__wrap {
    max-width: 1320px !important;
    margin: 0 auto !important;
}

.main_nav_wrapper {
    padding-top: 10px;
}


.header .main_nav_wrapper .main_nav ul.menu.left>li>a {
    padding-bottom: 0;
}

.both-buttons {
    width: 100%;
}

.both-buttons {
    width: 100%;
    padding: 20px 0 0;
}



.showcalculator>div {
    max-width: 50%;
    flex: 50%;
    width: 100% !important;
    margin: 0 !important;
}




.sticky_nav .main_nav>.main-top-header {
    max-width: 35%;
    width: 100%;
}

.sticky_nav .main_nav>.nav-serach-area {
    width: 100%;
    max-width: 65%;
}

.sticky_nav .main_nav>.main-top-header {
    max-width: 35%;
}

.sticky_nav .main_nav.menu-position--block .logo img {
    width: 100%;
    max-width: 225px;
}

.sticky_nav .main_nav.menu-position--block .logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sticky_nav .main_nav.menu-position--block .logo a {
    padding-top: 0;
    padding-bottom: 0;
}

.sticky_nav .main_nav {
    padding: 0;
}
.main_nav_wrapper.sticky_nav.sticky_nav--stick {
    padding: 0;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .cart_container.clearfix {
    min-width: 60px;
    margin-left: 25px;
}
.main_nav_wrapper.sticky_nav.sticky_nav--stick .sticky-search1 input {
    font-family: Mundo Sans,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    color: #00344f;
    background-color: transparent;
    padding-right: 35px;
    border-color: #dcdcda;
    border-radius: 3px;
    border: none;
    border-bottom: 1px solid #dcdcda;
    border-radius: 0 !important;
}




/* new page trade css 23/05/2022 */




body.page-trade .container.main.content {
    max-width: 100%;
    padding: 0;
}




div#shopify-section-brand-logo-section {
    padding: 81px 0 176px;
}


section#banner-Our-Trade-Team {
    padding-bottom: 203px;
}


section#banner-Our-Trade-Team .caption {
    bottom: unset;
    width: auto !important;
    max-width: unset !important;
    height: 100% !important;
    position: relative !important;
    top: unset;
}

section#banner-Our-Trade-Team .caption .caption-content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -120px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 1141px !important;
    width: 100%;
    padding: 0px 78px;
    border-top: 7px solid #23aeb7;
    min-height: 473px;
}


section#banner-Our-Trade-Team .caption .caption-content h1.headline {
    font-size: 46px;
    margin: 0 0 10px;
}

section#banner-Our-Trade-Team .caption .caption-content p {
    font-size: 19px;
}



div#shopify-section-trade-showroom-locations .container {
    max-width: 100%;
    padding: 0 15px;
}

div#shopify-section-Architessa-trade-showrooms .container {
    max-width: 1269px;
}

.Architessa-trade-showrooms {
    text-align: center;
    max-width: 1267px;
}

.Architessa-trade-showrooms p:nth-child(2) {
    font-size: 46px;
    font-weight: bold;
    text-transform: unset;
    margin: 0 0 42px;
    color: #000;
}
.locationsection {
    display: flex;
    justify-content: space-between;
}

.Architessa-trade-showrooms p {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 44px;
    color: #454545;
    font-family: Museo Sans;
    text-align: center;
    margin: 0;
}


.locationsection>.single-location {
    width: 100%;
    max-width: calc(100%/7 - 20px);
    text-align: center;
    background-color: #f8fbf6;
    padding: 30px 20px;
    margin: 0 10px;
      border: 1px solid #e6e7e5;
}
.team-page__text.text-align--center h2 {
    font-size: 44px;
}


div#shopify-section-trade-showroom-locations {
    padding: 30px 0 70px;
}
h2#exec-team {
    margin: 0;
    width: 100%;
    display: block;
    font-size: 33px;
    font-weight: 700;
    font-family: unset !important;
}

div#meet-the-team span#first {
    text-align: center !important;
    display: block;
    width: 100%;
    max-width: 100%;
}

div#shopify-section-Architessa-sales-team .team-page__text.text-align--center span {
    display: block;
    text-align: left !important;
    width: 100%;
    max-width: 100%;
}

div#meet-the-team span#first h2 {
    margin: 0 0 50px;
    width: 100%;
    font-weight: 700;
    font-family: unset !important;
}
.getstarted {
    background-color: #00344f;
    padding: 100px 0px;
}
.Heading {
    font-size: 60px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-family: unset;
}
.description-text p {
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-family: unset;
}
.buttontitle {
    background-color: #23aeb7;
    width: 282px;
    text-align: center;
    padding: 26px 0;
    margin: 50px auto 0;
}
.buttontitle a {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;

}
.featured-link--half .info {
    display: inline-block;
    width: 100%;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
    padding: 0;
    background-color: #f8fbf6;
}
div#shopify-section-Trade-Product-Catalogs {
    padding: 156px 0 138px;
    background-color: #f8fbf6;
}
a.collection_title {
    font-size: 45px;
    font-weight: 500;
}
.description p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 36px;
    color: #454545;
    font-family: unset;
}

.description a {
    text-decoration: underline;
    color: #23aeb7;
  	font-weight: 700;
}

#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
    padding: 0;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div {
    width: 100%;
}
div#product-catalogs {
    background-color: #f8fbf6;
}


#shopify-section-Trade-Product-Catalogs .featured-link--section {
    margin-bottom: 0;
    flex-flow: column;
}
#shopify-section-Trade-Product-Catalogs .featured-link--section>div {
    width: 100%;
    margin: 34px 0px 30px 0px;
}
.botm-desc {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #454545;
}
.botm-desc a {
    text-decoration: underline;
    color: #23aeb7;
}
div#shopify-section-Trade-sample-section {
    padding: 160px 0;
}
 
.featured-link--half.block--8db05868-d7a6-4c37-b21c-9b3b8fe3dd2d {
    padding: 0 0 0 50px;
}
.featured-link--half.featured-link--image.featured-link--margin.image-crop--none {
    padding: 0 50px 0 0;
}
#shopify-section-Trade-sample-section .collection_title {
    font-family: trajan-pro-3 !important;
    padding: 0px 0px 36px;
    font-size:45px;
  line-height: 48px;
  margin-bottom: 0;
}
#shopify-section-Trade-sample-section .featured-link--margin {
    margin-top: 26px;
   
}
#shopify-section-Trade-sample-section .featured-link--margin {
    margin-left: 0;
    margin-right: 0;
}


div#shopify-section-Trade-sample-section .container {
    max-width: 1420px;
    width: 100%;
}


.left-text h3 {
    font-size: 45px;
    font-weight: 600;
}
h4.accordion-title.js-accordion-title.open {
    font-size: 41px;
    font-weight: 500;
    color: #23aeb7;
    margin: 0 0 25px;
}
.accordion-content p {
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 40px;
    color: #454545;
    padding: 0;
}

.accordion.resoruces .container {
    max-width: 1420px;
}

.resoruces_section {
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.rich-text__blocks h2 {
    text-align: center;
    font-size: 46px;
}
.rich-text__text.rte p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #454545;
    text-align: center;
}




.page-trade .container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}

.image-with-text-section .container {width: 100%;max-width: 100%;padding: 0;}

.image-with-text-section .container .sixteen.columns {margin: 0 !important;}


.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section {margin: 0;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {margin: 0 !important;padding: 0;width: 100% !IMPORTANT;max-width: 50%;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 0 50px;
    width: 100%;
    max-width: 700px;
    margin-left: 0;
}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul {padding: 0;margin: 35px 0 0;list-style: none;display: flex;align-items: flex-start;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul li {display: inline-block;margin: 0 40px 0 0;}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info .bottom_imgs ul li img {width: 100%;max-width: 85%;}

#shopify-section-Trade-sample-section .featured-link--half:first-child {
    padding-right: 50px;
    padding-top: 23px;
}

#shopify-section-Trade-sample-section .featured-link--section {
    margin-bottom: auto !important;
}

div#shopify-section-Trade-sample-section {
    display: flex;
    align-items: center;
}
div#shopify-section-Trade-resources-section {
    clear: both;
    width: 100%;
    display: inline-block;
}


section#banner-trade-first-section-banner .position-left .caption-content {
    position: absolute;
    bottom: -367px;
    max-width: 723px;
    min-height: 762px;
    padding: 73px 66px 0;
    left: 0;
    background: #1a517b;
    border-top: 7px solid #00a6b5;
}


section#banner-trade-first-section-banner {
    overflow: visible;
}

section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    font-size: 46px;
    margin: 0 0 20px;
}

section#banner-trade-first-section-banner img {
    min-height: 805px;
    object-fit: cover;
}



.team_members_area .row>div .image-element__wrap img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}

section#banner-trade-first-section-banner .position-left .caption-content p {
    font-size: 19px;
    margin: 0;
}

section#banner-trade-first-section-banner .position-left {
    position: unset;
    width: 100%;
    max-width: 1615px;
}

 
section#banner-trade-first-section-banner .position-left .caption-content a.action_button.first_button.highlight-false {
    margin: 95px auto 0;
    display: flex;
    background: #00a6b5;
    border-color: #00a6b5;
    border-radius: 0 !important;
    min-height: 72px;
    width: 100% !important;
    max-width: 211px;
    position: relative;
    z-index: 1;
}

section#shopify-section-Trade-partner .container .isolate {
    max-width: calc(100% - 591px);
    margin: 0 0 0 auto;
}

section#shopify-section-Trade-partner .container .isolate .rich-text {
    padding: 0;
}

section#shopify-section-Trade-partner .container .isolate .rich-text h2.h1 {
    margin: 0;
}

section#shopify-section-Trade-partner .container .isolate .rich-text  p {
    margin: 0;
    text-align: left;
}

section#shopify-section-Trade-partner {
    padding-top: 131px;
}
div#shopify-section-brand-logo-section div img {
    height: 81px;
    object-fit: contain;
}

div#shopify-section-brand-logo-section .slick-slide div {
    padding: 64px 40px;
    border: 1px solid #ddd;
    background: #fff;
}

div#shopify-section-brand-logo-section button.slick-arrow {
    display: none;
}

div#shopify-section-brand-logo-section ul.slick-dots {
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
    list-style: none;
}

div#shopify-section-brand-logo-section ul.slick-dots li button {
    font-size: 0;
    width: 15px !important;
    height: 15px !important;
    padding: 0;
    display: flex;
    line-height: normal;
    min-height: unset;
    background: #e8edf2;
    border-radius: 100% !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li {
    width: 15px !important;
    height: 15px;
    margin: 0 5px;
}

div#shopify-section-brand-logo-section ul.slick-dots li.slick-active {
    width: 20px !important;
    height: 20px !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li.slick-active button {
    background: #23aeb7;
    height: 20px !important;
    width: 20px !important;
}

div#trade-access button.slick-arrow {
    display: none !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li:not(.slick-active) {
    position: relative;
    top: 3px;
}



section#shopify-section-Trade-partner {
    position: relative;
}

section#shopify-section-Trade-partner:before {
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/bak-second-sec.png?v=1653455317);
    width: 668px;
    height: 1088px;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

section#banner-Our-Trade-Team:before {
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/location-back.png?v=1653455982);
    width: 500px;
    height: 640px;
    display: block;
    position: absolute;
    bottom: -425px;
    right: 0;
    background-size: contain;
}

section#banner-Our-Trade-Team {
    position: relative;
    overflow: visible;
}

div#shopify-section-Trade-Product-Catalogs .image-with-text {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}
div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half {
    max-width: 100%;
}

.fa {
  
    font: normal normal normal 14px/1 FontAwesome !important;
  
}


.team_members_area .sixteen.columns {
    float: none;
    display: block;
    max-width: 100%;
    margin: 0;
    width: 100%;
}

.team_members_area hr.feature_divider {
    display: none;
}

.team_members_area .row {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
}

.team_members_area .row>div {
    margin: 0;
    max-width: calc(100%/3);
    width: 100%;
    flex: calc(100%/3);
    padding: 0 10px 50px;
}

div#shopify-section-Architessa-sales-team .container {
    padding: 0 15px;
}

div#shopify-section-Architessa-Executive-team .container {
    padding: 0 15px;
}
div#shopify-section-Mid-Atlantic-team .container {
    padding: 0 15px;
}

.team_members_area .row>div p {
    margin: 0;
}

.team_members_area> .sixteen.columns:first-child .team-page__content--left span h2 {
    margin: 0 0 50px !important;
    width: 100%;
    font-weight: 700;
    font-family: unset!important;
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
}
.team_members_area .sixteen.columns h2 {
    margin: 0 0 0;
}

.team_members_area .team-page__text.text-align--center span h2 {
    text-align: left;
}

.team_members_area .team-page__text.text-align--center span {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 10px;
    text-align: left;
}

.team_members_area .row>div .image-element__wrap {
    max-width: 100% !important;
}

div#shopify-section-Architessa-sales-team .team_members_area> .sixteen.columns:first-child h2 {
    text-align: center;
}

.team_members_area .team-page__text.text-align--center span {
    position: relative;
}

.team_members_area .team-page__text.text-align--center span:after {
    content: "";
    width: 100%;
    background: #ddd;
    height: 1px;
    display: block;
    position: absolute;
    left: 12px;
    top: 50%;
    max-width: calc(100% - 20px);
	transform: translateY(-50%);
}


div#shopify-section-Architessa-sales-team .team_members_area> .sixteen.columns:first-child span::after {
    width: 0;
}


.team_members_area .team-page__text.text-align--center span h2 {
    display: inline-block !important;
    background: #fff;
    position: relative;
    z-index: 1;
    width: auto !important;
    max-width: unset;
    padding-right: 10px;
}

.member_name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team_members_area .row>div h3 {
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-weight: 700;
    font-family: unset !important;
    text-transform: unset !important;
    color: #000000;
}

.member_name i.fa {
    width: 100px;
    height: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #e3e3e3;
    font-size: 51px !important;
    color: #5b5b5b;
}

div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 50px 0 50px;
}

div#shopify-section-Trade-Baltimore-Team {
    padding: 0 0 50px;
}

#shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left a.collection_title {
    color:#00344f!important;
    line-height: 70px;
    padding: 0;
    margin: 0 0 25px;
}


#shopify-section-Trade-Product-Catalogs p {
    font-size:19px;
    color: #454545;
    line-height: 44px;
    margin: 0 0 40px;
}


div#shopify-section-Trade-Product-Catalogs:before {
    content: "";
    width: 447px;
    height: 886px;
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/back-section-sign-up.png?v=1653460939);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}
div#shopify-section-Trade-Product-Catalogs .image-with-text {
    position: relative;
    z-index: 2;
}

div#shopify-section-Trade-sample-section .container {
   position: relative;
}

div#shopify-section-Trade-sample-section {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/background-bottom-with-image.png?v=1653461593);
    background-repeat: no-repeat;
    background-position: 27% 104%;
    background-size: 35%;
}

.image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info a.button {
    color: #1a517b;
    font-weight: bold;
    padding: 0;
    border: none;
    line-height: normal;
    min-height: unset;
    height: auto;
    text-decoration: underline;
    font-family: 'museo-sans';
    text-transform: unset;
}

section#resources {
    background-color: #f8fbf6;
    padding: 161px 0 127px;
}
.team_members_area .row>div h3 {
    text-align: left;
}

.resoruces_section {
   
    max-width: 1304px;
    margin: 0 auto;
}

.resoruces_section .right-area {
    max-width: 41%;
    flex: 41%;
}
.resoruces_section .left-text {
    max-width: 59%;
    width: 100%;
    flex: 59%;
    padding-right: 134px;
}

.resoruces_section .right-area img {
    width: 100%;
}

.resoruces_section .left-text h3 {
    font-family: 'trajan-pro-3' !important;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0 0 60px;
}

.resoruces_section .left-text h4 {
    padding: 0;
    font-family: 'museo-sans' !important;
    color: #000;
    font-weight: 500;
    font-size: 41px;
    line-height: 41px;
    margin: 0 0 93px;
}


.resoruces_section .left-text .accordion-content p {
    margin: 0;
}

.resoruces_section .left-text .accordion-content {
    margin: 0 0 93px;
}

.resoruces_section .left-text h4:after {
    content: "\f067";
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/accordian-plus.png?v=1653467007);
    background-size: 20px;
    width: 35px;
    height: 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.resoruces_section .left-text h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h4.accordion-title.js-accordion-title.open:after {
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/accordian-minus.png?v=1653467187);
    background-position: center;
}

section#shopify-section-Trade-Energy-Section .rich-text {
    padding: 0;
}

section#shopify-section-Trade-Energy-Section .rich-text h2.h2 {
    margin: 0 0 15px;
    line-height: 70px;
    letter-spacing: 0;
    color: #000000;
}

section#shopify-section-Trade-Energy-Section {
    padding: 155px 0 54px;
}

section#shopify-section-Trade-Energy-Section .rich-text a.button.button--primary {
    display: flex;
    max-width: 209px;
    margin: 0 auto;
    width: 100%;
    padding: 0 !important;
    min-height: 70px;
    border: 1px solid #ddd;
    background: transparent;
    font-size: 21px;
    font-weight: 700;
    color: #23aeb7;
    font-family: 'museo-sans';
}

div#shopify-section-Trade-Recycled-section .full-row-area {
    display: flex;
    justify-content: center;
    max-width: 1308px;
    margin: 0 auto;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side .one-third.column.text-column:last-child {
    display: none;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
    width: 100%;
    max-width: 32%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
    width: 100%;
    max-width: 68%;
    padding-right: 35px;
    display: flex;
    flex-flow: column;
}

div#shopify-section-Trade-Recycled-section .full-row-area .left-side>div, div#shopify-section-Trade-Recycled-section .full-row-area .right-side>div {
    width: 100% !important;
    float: none;
    margin: 0;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side>div.right-side-column.text-column:not(:last-child) {
    display: none;
}
div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div .image-element__wrap {
    min-height: unset;
    margin: 0;
    width: 100%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

div#shopify-section-Trade-Recycled-section .full-row-area>div>div>div {
    background: #f8fbf6;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third:not(:last-child) {
    margin: 0 0 36px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 70.3px;
    position: relative;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .image-element__wrap {
    position: absolute;
    left: 60px;
    top: 60px;
    width: 100%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
    float: left;
    padding-left: 89px;
    padding-top: 3px;
    font-size: 41px;
    font-weight: bold;
    color: #000;
    font-family: 'museo-sans' !important;
}
div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .rte-setting {
    padding-top: 5px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .rte-setting p {
    margin: 0;
    font-size: 21px;
    font-weight: 300 !important;
    font-family: 'museo-sans' !important;
    color: #454545;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 70px 55px;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third:nth-child(2) {
    margin: 0;
}
div#shopify-section-Trade-manufacturing-logo {
    padding: 85px 0 0px;
}

div#shopify-section-Trade-manufacturing-logo .container {
    max-width: 1140px;
}

div#shopify-section-Trade-manufacturing-logo .container {
    display: flex;
    align-items: center;
   
}

div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    width: 100%;
    max-width: 60%;
    flex: 60%;
    padding-right: 104px;
    padding-bottom:46px;
    border-bottom: 1px solid #ddd;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area {
    width: 100%;
    max-width: 40%;
    flex: 40%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid  #ddd;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div h3.regular_text {
    margin: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    float: none;
    padding-left: 0;
    padding-top: 0;
    font-size: 41px;
    font-weight: bold;
    color: #000;
    font-family: 'museo-sans' !important;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div p {
    margin: 0;
    font-size: 21px;
    font-weight: 300!important;
    font-family: museo-sans!important;
    color: #454545;
    line-height: 36.8px;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
    max-width: 50%;
    flex: 50%;
    text-align: center;
    border-left: 1px solid #ddd;
    padding: 58px;
}

div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img img {
    max-width: 146px;
    display: block;
    width: 100%;
    margin: 0 auto;
}

div#shopify-section-Trade-manufacturing-logo .container .top-desc p {
    margin: 0;
    font-size: 19px;
    line-height: 35px;
  
}



div#shopify-section-Trade-Community-Section section.featured-link--section {
    margin-bottom: auto !important;
}

div#shopify-section-Trade-instagram-feeds div.Architessa-Instagram h2 {
    margin: 0;
    text-align: center;
    font-size: 60px;
    color: #000;
    font-family: 'trajan-pro-3' !important;
    letter-spacing: 0;
    line-height: 60px;
}

div#shopify-section-Trade-instagram-feeds div.Architessa-Instagram p {
    margin: 0;
    text-align: center;
}

div#shopify-section-Trade-instagram-feeds {
    padding: 124px 0 47px;
}


.green-brand {
    display: flex;
    justify-content: space-between;
}

.green-brand>.bottom_logos img {
    width: 100%;
    max-width: 146px;
    display: block;
    margin: 0 auto;
    height: 146px;
    object-fit: contain;
}

.green-brand {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
}

.green-brand>.bottom_logos {
    width: 100%;
    max-width: 20%;
    flex: 20%;
    padding: 44px;
    border-bottom: 1px solid #ddd;
}

.green-brand>.bottom_logos:nth-child(5) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.green-brand>.bottom_logos:nth-child(2) {
    border-right: 1px solid #ddd;
}

div#shopify-section-Trade-green-guard-logo {
    padding-bottom: 407px;
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/lake-side.png?v=1653477827);
    background-position: bottom;
    background-repeat: no-repeat;
}

div#shopify-section-Trade-green-guard-logo div#greenguard {
    background: #fff;
}

div#shopify-section-Trade-Community-Section {
    padding: 150px 0 0;
}

.locationsection>.single-location i.fa {
    font-size: 35px !important;
    color: #7c7d7b;
    margin: 0 0 10px;
}

.locationsection>.single-location p {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    font-family: 'museo-sans' !important;
    color: #000000;
}
section#resources {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/background-images-slide.png?v=1653482050);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35%;
}

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/recycled-back.png?v=1653482375);
    background-repeat: no-repeat;
    background-position: 8% 115%;
    background-size: auto;
    background-repeat: no-repeat;
}

div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
    background-image: url(https://cdn.shopify.com/s/files/1/0416/7847/1329/files/back-right-section-image.png?v=1653482614);
    background-size: auto;
    background-position: 63% 159%;
    background-repeat: no-repeat;
}

div#shopify-section-Get-started {
    position: relative;
    z-index: 3;
}

div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half {
    background-color: transparent !important;
}

.insta-slide img {
    width: 100%;
}

.insta-images {
    display: flex;
    flex-wrap: wrap;
}

.insta-images .insta-sub {
    width: 100%;
}

.insta-images>.insta-slide {
    max-width: calc(100%/4 - 20px );
    margin: 0 10px;
}

.insta-images .insta-sub {
    text-align: center;
    margin: 0 0 41px;
}
.insta-images .insta-sub a {
    font-size: 41px;
    font-weight: bold;
    color: #1a517b;
}

div#get-social .insta-images {
    margin: 49px 0 0;
}

div#shopify-section-Trade-bmore-insta h2 {
    margin: 0 !important;
}

div#shopify-section-Trade-bmore-insta {
    padding: 0 0 47px;
}

div#shopify-section-Trade-tile-insta-section {
    padding: 0 0 47px;
}

div#shopify-section-Trade-atl-insta-section {
    padding: 0 0 30px;
}



/* 27-05-2022 */
.botm-desc a {
    font-weight: 600;
}
div#trade-access .slick-brand > div {
    border-right: 1px solid #ddd;
}

.team-page__text.text-align--center span#first {
    margin-bottom: 30px;
}

.getstarted .Heading p {
    text-transform: uppercase;
}
.getstarted .Heading h1 {
    font-size: 48px;
    color: #fff;
}
.info .description + a.button {
    font-size: 25px;
    background: none;
}

.green-brand>.bottom_logos {
    border-left: 1px solid #ddd;
}
.logos-area {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
div#shopify-section-Trade-Community-Section .featured-link--wrap .image-element__wrap img {
    height: 486px;
}

section.featured-link--section .featured-link--half {
    align-items: flex-start;
}
.position-left.caption.js-caption.caption--below-true a.action_button.first_button.highlight-false {
    position: absolute !important;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
  	color: #fff;
}


.header .main_nav_wrapper .main_nav .main-top-header>div.logo-area.top-left {
    position: relative;
    top:5px;
}

.team-member__overlay {
    background-color: rgba( 0, 52, 79, 0.7);
}


div#section-location-custom-mega-menu-3 div[data-column="1"] b + p {
    font-size: 15px;
}

figcaption.team-member__overlay {
    background: rgba(0,52,79,0.8);
}

body.page-trade *:not(a) {
    color: #00344f !important;
}

section#banner-Our-Trade-Team .caption .caption-content h1.headline {
    color: #fff !important;
}

section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    color: #fff !important;
}

section#banner-trade-first-section-banner .position-left .caption-content p {
    color: #fff !important;
}

section#banner-Our-Trade-Team .caption .caption-content p {
    color: #fff !important;
}
.team_members_area figure.team-member__wrap .team-member__details h4.team-member__title, .team_members_area figure.team-member__wrap .team-member__details p {
    color: #fff !important;
}

body.page-trade *:not(a), body.page-trade *:not(button) {
    color: #00344f;
}

section#banner-trade-first-section-banner .position-left .caption-content a.action_button.first_button.highlight-false {
    color: #fff !important;
}

 .green-brand>.bottom_logos:nth-child(2) {
    border-right: 0;
}


@media only screen and (max-width:1605px) {

section#banner-trade-first-section-banner .position-left .caption-content {
   
    left: 15px;
  
}
  .green-brand {
   
    padding-bottom: 50px;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
  
    left: 15px;
  
}
  
  
  
}



@media only screen and (max-width:1535px) {

section#shopify-section-Trade-partner .container .isolate {
    padding-left: 15px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 0 25px;
   
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
  
    padding-top: 23px;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    padding: 100px 0;
   
}

  
}

@media only screen and (max-width:1439px) {

div#shopify-section-Trade-sample-section {
    padding: 80px 0;
}
  
    section#resources {
   
    padding: 100px 0;
}
  
  section#shopify-section-Trade-Energy-Section {
    padding: 70px 0;
}
  div#shopify-section-Trade-sample-section .container {
    padding: 0 15px;
}
  
  
    div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
  
    padding: 40px;
}
  .green-brand>.bottom_logos {
  
    max-width: 19.9%;
    flex: 19.9%;
    padding: 35px 0px;
   
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img {
   
    padding: 49.5px 29px;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
  
    padding-bottom: 25px;
  
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc p {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
}
  

  
 

 div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 41px;
    padding-top: 45px;
}
  
}




@media only screen and (max-width:1365px) {

.locationsection>.single-location p {
    font-size: 15px  !important;
}
  
div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 39px;
    padding-top: 47px;
}
  
  .green-brand>.bottom_logos {
    max-width: 20%;
    flex: 20%;
   
}
  .locationsection {
    flex-wrap: wrap;
    justify-content:center;
}
  .locationsection>.single-location {
  
    max-width: calc(100%/5 - 20px);
    margin: 0 10px 20px;
    
}
  
}


@media only screen and (max-width:1279px) {

section#banner-trade-first-section-banner .position-left .caption-content {
    max-width: 685px;
    min-height: 840px;
    padding: 45px 40px 35px;
}
  
 section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    font-size: 45px;
   
}
  
section#banner-trade-first-section-banner img {
    min-height: 608px;
    object-fit: cover;
}
  
  section#shopify-section-Trade-partner .container .isolate {
    max-width: calc(100% - 686px);
   
}
  
  section#shopify-section-Trade-partner {
    padding-top: 50px;
}
  
body.page-trade p {
    font-size: 20px!important;
    line-height: 38px !important;
}
 div#shopify-section-brand-logo-section {
    padding: 130px 0 90px;
}
  .Architessa-trade-showrooms p:nth-child(2) {
    font-size: 35px !important;
    margin: 0 0 15px;
    
}
  
  .locationsection>.single-location {
   
    padding: 30px 10px;
   
}
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 45px !important;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
   
    min-height: 350px;
}
  
  h2#exec-team {
    
    font-size: 34px !important;
    
}
  .team_members_area .row>div h3 { 
    font-size: 19px;   
}
  
  .member_name i.fa {
    width: 50px;
    height: 50px;
   
    font-size: 25px!important;
    color: #5b5b5b;
}
  div#shopify-section-Get-started .Heading p {
    font-size: 45px !important;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p {
    font-size: 25px !important;
    max-width: 607px;
    margin: 0 auto;
}
  
  .getstarted {
   
    padding: 50px 0;
}
  .buttontitle {
   
    width: 245px;
    padding: 15px 0;
    margin:30px auto 0;
}
  
  .buttontitle a {
   
    font-size: 18px;
    
}
  
  a.collection_title {
    font-size: 45px;
    font-weight: 500;
    margin: 0 0 0 !important;
}
  .botm-desc {
    font-size: 20px;
   line-height: 38px;
   color: #454545;
}
  
  #shopify-section-Trade-sample-section .collection_title {
  
    padding: 0 0 15px;
    font-size: 45px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half:last-child .info {
    padding: 0 0 30px;
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
    padding-right: 30px;
    padding-top: 23px;
}
  .left-text h3 {
    font-size: 45px;
   
    margin: 0 0 30px;
}
  h4.accordion-title.js-accordion-title.open {
    font-size: 30px;
    margin: 0 0 25px;
}
  
  .resoruces_section .left-text h4 {
    font-size: 31px;
    margin: 0 0 50px;
}
  
  .resoruces_section {
    align-items: center;
}
  .resoruces_section .left-text {
  
    padding-right: 90px;
}
  
  .green-brand>.bottom_logos {
   
    padding: 40px;
   
}
  

  
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {
    padding-left: 30px;
}
  
  .description p {
   
   
    line-height: 30px;
    
}
  
div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 46px;
    padding-top: 10px;
}
  
  section#shopify-section-Trade-partner {
	padding-top: 30px !important;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 67.5px;
   
}
  
}


@media only screen and (max-width:1199px) {

div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 25px;
    padding-top: 25px;
    padding-right: 40px;
}
  
  div#shopify-section-Trade-green-guard-logo {
    padding-bottom: 250px;
  
}
  
  div#shopify-section-Trade-Community-Section {
    padding: 80px 0 0;
}
  
  div#shopify-section-Trade-Community-Section section.featured-link--section {
    align-items: center;
}
  

  section#banner-trade-first-section-banner .position-left {
    padding: 0 !important;
    left: 0 !important;
}
  
section#banner-trade-first-section-banner .position-left .caption-content {
    position: relative!important;
    max-width: 100%;
    width: 100%!important;
    margin: 0 0 0;
    left: 0;
    min-height: unset;
    bottom: unset !important;
}
  
  section#banner-trade-first-section-banner .position-left {
    transform: none;
    position: unset !important;
    top: unset !important;
}
  
  section#banner-trade-first-section-banner img {
    min-height: unset;
    object-fit: cover;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 40px!important;
}
  
  section#shopify-section-Trade-partner .container .isolate {
    max-width: 100%;
    padding: 55px 0 0;
}
  
  div#shopify-section-brand-logo-section {
    padding: 80px 0 90px;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
    position: unset;
    left: 0 !important;
    transform: none;
    width: 100%;
    max-width: 100%;
    padding: 34px 50px;
    min-height: unset;
}
  
  section#banner-Our-Trade-Team .caption {
    padding: 0;
}
  
 section#banner-Our-Trade-Team .caption .caption-content {
    position: unset;
    left: 0!important;
    transform: none;
    width: 100%;
    max-width: 100%;
    padding: 34px 50px;
    min-height: unset;
    margin: 0px 0 0;
}
  
  div#shopify-section-Our-Trade-Team .image-element__wrap {
    position: relative;
    z-index: 1;
}
  section#banner-Our-Trade-Team:before {
  
    bottom: 0;
  
}
  
  section#banner-Our-Trade-Team .caption {
    transform: none;
}
  
 section#banner-Our-Trade-Team {
    padding-bottom: 70px;
}
  
  section#banner-trade-first-section-banner .position-left {
    transform: none;
}
  
  .locationsection>.single-location {
  
    max-width: calc(100%/4 - 20px);
  
    margin: 0 10px 20px;
    
}
  .locationsection {
    flex-wrap: wrap;
    justify-content: center;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    padding: 50px 0;
}
  
  div#shopify-section-Trade-Product-Catalogs {
    position: relative;
}
  #shopify-section-Trade-Product-Catalogs .featured-link--section>div>.info.text-align--left {
   
    background-color: transparent;
}
  div#shopify-section-Trade-sample-section {
  
    background-position: -80% 110%;
    background-size: 75%;
}
  
  .resoruces_section .left-text {
    padding-right: 40px;
}
  
  section#resources {
    padding: 60px 0;
}
  
 div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
 
    max-width: 60%;
    padding-right: 25px;
  
}
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
   
    max-width: 40%;
}
  
  div#shopify-section-brand-logo-section .slick-slide div {
    padding: 30px;
    
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 70px 0;
}
  
   .botm-desc {
    font-size: 18px;
  
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
    min-height: 620px;
}
  
  .locationsection>.single-location p {
    font-size: 15px!important;
    line-height: 18px !important;
}
  
  .sticky_nav .main_nav.menu-position--block .logo {
  
    padding-right: 108px;
}
  
 section#shopify-section-Trade-partner .container .isolate {
    max-width: 100%!important;
    padding: 0;
}
  
  section#shopify-section-Trade-partner {
    padding-top: 40px!important;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 49px;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
}
  
 
}

@media only screen and (max-width:991px) {

section#shopify-section-Trade-partner .container .isolate {
    
    padding: 0;
}
  .locationsection>.single-location {
    max-width: calc(100%/3 - 20px);
    margin: 0 10px 20px;
}
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 55px 0;
}
  
  .team_members_area .row>div h3 {
    font-size: 16px;
}
  
  div#shopify-section-trade-showroom-locations {
    padding: 30px 0;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 35px!important;
}
  
  div#shopify-section-Architessa-sales-team .team_members_area>.sixteen.columns:first-child h2 {
    margin: 0 0 20px !important;
}
  
  h2#exec-team {
    font-size: 30px!important;
    margin: 0 0 20px !important;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
   
    top: 24px;
   
}
  
  div#shopify-section-Get-started .Heading p {
    font-size: 35px!important;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p {
    font-size: 18px!important;
  
    line-height: 34px !important;
}
  
  body.page-trade p {
    font-size: 18px!important;
    line-height: 34px!important;
}
  
  div#product-catalogs .sixteen.columns {
    width: 100%;
}
  a.collection_title {
    font-size: 35px;
   
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100%;
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
    display: block !important;
}
  div#shopify-section-Trade-sample-section .sixteen.columns section.featured-link--section.featured-link--image.section-1 {
    flex-flow: column;
}
  
  #shopify-section-Trade-sample-section .featured-link--half:first-child {
   
    width: 100% !important;
    max-width: 100%;
    padding: 0 0 40px;
}
  .image-with-text-section .container .sixteen.columns .image-with-text section.featured-link--section .featured-link--half {
    padding-left: 0;
    max-width: 100%;
}
  

  
  #shopify-section-Trade-sample-section .featured-link--section {
    flex-flow: column;
}
  
  #shopify-section-Trade-sample-section .featured-link--section>div {
    max-width: 100%;
    padding: 0 !important;
    width: 100% !important;
}
  
  div#shopify-section-Trade-sample-section .sixteen.columns {
    width: 100% !important;
}
  
  #shopify-section-Trade-sample-section .featured-link--section>div.featured-link--half:nth-child(1) {
    padding-bottom: 46px !important;
}
  .left-text h3 {
    font-size: 35px;
   
    margin: 0 0 25px;
}
  
  .resoruces_section {
    flex-flow: column-reverse;
}
  
  .resoruces_section .left-text, .resoruces_section .right-area {
    max-width: 100% !important;
    width: 100%;
    padding: 0;
}
  
  .resoruces_section .left-text {
    padding-top: 25px;
}
.resoruces_section .left-text h4 {
    font-size: 25px !important;
    margin: 0 0 35px !important;
}
  .resoruces_section .left-text .accordion-content {
    margin: 0 0 40px;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area {
    flex-flow: column;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side {
    max-width: 100%;
    padding-right: 0;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side {
    max-width: 100%;
    margin: 37px 0 0;
}
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
   
    font-size: 25px;
   
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div .image-element__wrap {
    position: unset;
  
}
  
 
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 40px 30px;
    position: relative;
    text-align: center !important;
    align-items: center;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
    float: none;
    padding-left: 0;
    padding-top: 3px;
    font-size: 25px;
    font-weight: 700;
    color: #000;
    font-family: museo-sans!important;
    width: 100%;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
   
    padding: 40px 30px;
}
  
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div h3.regular_text {
   
    font-size: 25px;
  
}
  
  div#shopify-section-Trade-manufacturing-logo .container {
    flex-wrap: wrap;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area {
   
    max-width: 100%;
    flex: 100%;
    
}
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 30px;
    padding-top: 0;
    padding-right: 0;
    max-width: 100%;
    width: 100%;
}
  
  .green-brand {
    flex-wrap: wrap;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area {
    border-bottom: none !important;
}
  
  .green-brand>.bottom_logos {
    max-width: 50%;
    flex: 50%;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img:last-child {
    border-right: 1px solid #ddd;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .logos-area .logo-img:last-child {
    border-right: 1px solid #ddd;
}
  .green-brand>.bottom_logos:nth-child(4) {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
  .green-brand>.bottom_logos:not(:first-child), .green-brand>.bottom_logos:not(:nth-child(2)) {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: none;
}
  .green-brand>.bottom_logos:nth-child(5) {
    border-bottom: 1px solid #ddd;
}
  
  .green-brand {
    flex-wrap: wrap;
    
}
  
  div#shopify-section-Trade-Community-Section {
    padding: 50px 0 0;
}
  
  div#shopify-section-Trade-Community-Section div.container {
    padding: 0 15px;
}
  
  div#shopify-section-Trade-Community-Section div.container .sixteen.columns {
    width: 100%;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0;
}
  
  #shopify-section-Trade-sample-section .collection_title {
  
    font-size: 35px;
}
  
  .insta-images>.insta-slide {
    max-width: calc(100%/2 - 20px );
    margin: 0 10px 20px;
}
  
  .insta-images .insta-sub a {
    font-size: 30px;
 
}
  
  .insta-images .insta-sub {
    text-align: center;
    margin: 0 0 28px;
}
  
  
.dropdown {
    
    overflow-y: auto;
}
  
  .green-brand>.bottom_logos:nth-child(4) {
    border-bottom: 1px solid #ddd;
}
  
    #header .top_bar>a.mobile_logo.logo {
    display: none;
}
  
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 0px 0;
}
  
  div#shopify-section-Trade-manufacturing-logo {
    padding: 40px 0 0;
}
  
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 0;
}
  div#shopify-section-Trade-Baltimore-Team {
    padding: 0;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc p>br {
    display: none;
}
  
  .team_members_area .row>div .image-element__wrap img {
    min-height: 290px;
}
  

  
#header .top_bar a.mobile_nav {
    width: auto;
    padding-right: 5px;
}
  
  #header .mobile_nav.dropdown_link span.menu_title {
    font-size: 0;
}
  
  div#shopify-section-brand-logo-section {
    padding: 50px 0 59px;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content:after {
    height: 135px;
 }
  
  .bottom_logos:nth-child(2) {
    border-right: 1px solid #ddd !important;
}
  
  
  
}






@media only screen and (max-width:767px) {


body.page-trade .container.main.content {
    margin: 40px 0 0;
}

section#shopify-section-Trade-partner:before {
 
    width: 100%;
   
}
  
 .team_members_area .row>div {
    margin: 0;
    max-width: 100%;
    width: 100%;
    flex: 100%;
    padding: 0 10px;
}
  
  div#shopify-section-Trade-Product-Catalogs:before {
  
    width: 100%;
    height: 100%;
  
}
  
  section#banner-trade-first-section-banner img {
    min-height: 240px;
    object-fit: cover;
}
  
  
 section#banner-trade-first-section-banner {
    margin: 39px 0 0;
}
  
  section#banner-trade-first-section-banner .position-left {
    margin: 0 !important;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content {
  
    padding: 30px;
}
  
  div#shopify-section-Get-started .getstarted .description-text h1 p, body.page-trade p {
    font-size: 16px!important;
    line-height: 32px!important;
}
  
  body.page-trade h1.headline, body.page-trade h2 {
    font-size: 30px!important;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content h1.headline {
    color: #fff;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content p {
    color: #fff;
}
  
  section#banner-trade-first-section-banner .position-left .caption-content a.action_button.first_button.highlight-false {
    margin: 70px auto 0;
    min-height: 55px;
    max-width: 171px;
    font-size: 16px;
}
  section#banner-trade-first-section-banner .position-left .caption-content:after {
  
    height: 120px;
    
}
  
  div#shopify-section-brand-logo-section {
    padding: 50px 0;
}
  div#shopify-section-brand-logo-section .slick-slide div {
    padding: 15px;
}
  
  section#banner-Our-Trade-Team img.transition--appear.mobile-banner--crop-none.lazyautosizes.lazyloaded {
    min-height: 200px;
}
  
  section#banner-Our-Trade-Team .caption {
    margin: 0 !important;
}
  
  section#banner-Our-Trade-Team .caption .caption-content {
    padding: 30px;
    background: #1a517b;
}
  
  section#banner-Our-Trade-Team .caption .caption-content h1.headline, section#banner-Our-Trade-Team .caption .caption-content p {
    color: #fff;
}
  
.Architessa-trade-showrooms p:nth-child(2) {
    font-size: 30px!important;
    margin: 0 0 15px;
    line-height: 36px!important;
}
.locationsection>.single-location {
    max-width: 100%;
    margin: 0 10px 20px;
}
  h2#exec-team {
    font-size: 22px!important;
    margin: 15px 0 20px!important;
}
  
  div#shopify-section-Trade-Baltimore-Team {
    padding: 0;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
    top: 30px;
}
.team_members_area .row>div {
    margin: 0;
    max-width: 100%;
    width: 100%;
    flex: 100%;
    padding: 0 0px 30px;
}
  
  div#shopify-section-Architessa-Executive-team, div#shopify-section-Southeast-team {
    padding: 0;
}
  .getstarted {
    padding: 45px 15px;
}
  
  .buttontitle a {
    font-size: 16px;
}
  .buttontitle {
    width: 210px;
    padding: 15px 0;
    margin: 30px auto 0;
}
  
  a.collection_title {
    font-size: 30px;
    line-height: 40px !important;
}
  
  div#shopify-section-Trade-Product-Catalogs:before {
 
    width: 0;
   
}
  
  .botm-desc {
    font-size: 16px;
    line-height: 32px;
    color: #454545;
}
  
  #shopify-section-Trade-Product-Catalogs .description * {
    margin: 0;
}
  
  #shopify-section-Trade-Product-Catalogs .featured-link--section {
    margin-bottom: 0;
}
  
  div#shopify-section-Trade-Product-Catalogs .image-with-text .featured-link--half img {
    min-height: 200px;
    display: block;
    margin: 0 0 20px;
}
  
  div#shopify-section-Trade-sample-section {
  
    background-size: 0;
    padding: 50px 0;
}
  
  #shopify-section-Trade-sample-section .collection_title {
    
    font-size: 30px;
}
  .left-text h3 {
    font-size: 30px;
   
    margin: 0 0 10px;
}
  .resoruces_section .left-text h4 {
    font-size: 20px !important;
    margin: 0 0 15px !important;
}
  
  section#shopify-section-Trade-Energy-Section {
    padding: 50px 0;
}
  
  section#shopify-section-Trade-Energy-Section .rich-text h2.h2 {
  
    line-height: 46px;
  }
  section#shopify-section-Trade-Energy-Section .rich-text a.button.button--primary {
   max-width: 165px;
   min-height: 55px;
   font-size: 16px;
    
}
  
  div#shopify-section-Trade-manufacturing-logo {
    padding: 50px 0 0;
}
  
  .green-brand>.bottom_logos {
    padding: 20px;
}
  
  div#shopify-section-Trade-green-guard-logo {
    background-position: 0% 205%;
}
  
  .insta-images>.insta-slide {
    max-width: 100%;
    margin: 0 0px 20px;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0 0px;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 50px 0 0px;
}
  
  div#shopify-section-Trade-tile-insta-section {
    padding: 0;
}
  
#header .top_bar a.mobile_logo {
    left: 0 !important;
}
  
 .promo_banner .promo_banner__content {
	font-size: 10px;
	max-height: unset !important;
	min-height: 50px;
	padding: 14px 25px;
}
  .showcalculator {
  
    max-width: 100%;
   
}
  
  section#shopify-section-Trade-partner {
    padding-top: 40px;
}
  
  section#banner-Our-Trade-Team {
    padding-bottom: 40px;
}
  
  div#shopify-section-Trade-manufacturing-logo .container .top-desc p>br {
    display: none;
}
  
  div#shopify-section-Trade-instagram-feeds {
    padding: 20px 0 0;
}
  
  section#banner-Our-Trade-Team:before {
    width: 0;
 }
  
  h2#exec-team {
    
    margin: 0px 0 0px!important;
}
  
  .team_members_area .team-page__text.text-align--center span:after {
    top: 19px;
}
  
  div#shopify-section-Architessa-sales-team .team_members_area>.sixteen.columns:first-child h2 {
    margin: 0px!important;
    line-height: 36px;
}
  
  section#banner-Our-Trade-Team .caption .caption-content p>br {
    display: none;
}
  
  
  .insta-images>.insta-slide {
   
    width: 100%;
}
  
  div#shopify-section-Architessa-sales-team .container, div#shopify-section-Architessa-Executive-team .container, div#shopify-section-Mid-Atlantic-team .container {
    padding: 0 15px;
    max-width: 500px;
}
  
  div#shopify-section-Trade-Baltimore-Team .container {
    max-width: 500px;
}
  
  div#shopify-section-Southeast-team .container {
    max-width: 500px;
}
  
  a.icon-cart.mini_cart.dropdown_link {
    min-height: 40px;
}
  
  div#shopify-section-Trade-sample-section {
   
    padding: 50px 0 20px;
}
  

 
}


@media screen and (max-width:531px)   {
section#banner-trade-first-section-banner .position-left .caption-content {
    min-height: 800px;
}


}



@media screen and (max-width:400px) {

section#banner-trade-first-section-banner .position-left .caption-content {
    min-height: 895px;
}
  
}


@media screen and (max-width:1199px) and (min-width: 1092px) {

div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    padding-bottom: 0;
    padding-top: 0;
    min-height: 247px;
}

}



/* end */

@media screen and (max-width: 991px) and (min-width: 798px) {

.sticky_nav .main_nav.menu-position--block .logo {
    padding-right: 0;
}
  
  .sticky_nav .main_nav>.main-top-header {
    max-width: 20%;
}
  .sticky_nav .main_nav>.nav-serach-area {
    width: 100%;
    max-width: 80%;
}
  
  label {
  
    font-size: 12px;
   
}
  
}



@media screen and (max-width: 1351px) and (min-width: 1023px) {

.room-visualizer {
    min-width: unset;
  
    width: 100%;
   
}
    .color-dropdown {
   
    margin: 0 20px 0 12px !important;
   
}
    
 .color-dropdown, .room-visualizer {
    display: block !important;
}
    
}

@media only screen and (max-width:1365px) { 
header ul.menu.center.clearfix li.search_container {
   
    max-width: 350px;
   }
  
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width:100%!important;
    margin-left: auto;
}
  
 .dropdown {
    padding: 30px 3%!important;
    width: 100%;
}  
  section#shopify-section-Trade-partner {
    padding-top: 55px;
}
  .description p {
   letter-spacing: 0.2px;
    line-height: 30px;
  }
}



@media only screen and (max-width:1279px) {
header ul.menu.center.clearfix li.search_container {
   
    max-width: 250px;
    
} 
}




@media only screen and (max-width: 1199px) {

div#section-location-custom-mega-menu-3 div[data-column="1"] {
   
    width: 33%!important;
}
  
  div#section-location-custom-mega-menu-3 div[data-column="2"] {
    width: 46%!important;
    padding: 0 30px;
}
  
  div#section-location-custom-mega-menu-3 div[data-column="4"] {
    width: 21%!important;
}
  

  
  header ul.menu.center.clearfix li.search_container {
  
    max-width: 160px;
    margin-left: 20px;
}
  
 
  
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .nav ul.menu.center.clearfix .vertical-menu {
    max-width: 100%!important;
    margin-left: auto;
}
  
  .header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
  
    max-width: 195px;
    padding-left: 30px;
}
 .header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    max-width: calc(100% - 375px);
    flex: calc(100% - 375px);
}
  
  .footer_menu ul {
    padding: 0;
}
  
  .footer_menu ul li p {
    margin: 0  0 5px;
}
  
  .footer_menu ul li {
    margin: 0;
}
  
  body.promo_banner-show .container.main.content {
    margin: 0 0px 0;
}
  
  .sticky_nav .main_nav>.nav-serach-area {
    width: 100%;
    max-width: 75%;
}
  
  .sticky_nav .main_nav>.main-top-header {
    max-width: 25%;
}
  
  section#banner-Our-Trade-Team img {
    min-height: unset;
}
  
}






@media only screen and (max-width: 991px) {

ul.menu.right.top li a::before {
    font-size: 20px !important;
}
  
 ul.menu.right.top li a {
    font-size: 0 !important;
    padding-top: 25px;
}
  
  ul.menu.right.top li a span {
    font-size: 0;
}
  
  ul.menu.right.top li a i {
    font-size: 27px !important;
}
  
  .sticky_nav .main_nav.menu-position--block .nav {
    width:100%;
  
}
  
  .sticky_nav .main_nav.menu-position--block .logo {
   
    width: 100%;
  
}
 .menu-position--block.logo-align--center div.logo img {
    margin: 0 auto;
    width: 100%;
    max-width: 172px;
}
  

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    width: 100%;
    max-width: calc(100% - 280px);
    flex: calc(100% - 280px);
}
div#shopify-section-Trade-Community-Section .featured-link--wrap .image-element__wrap img {
    height: auto;
}
  
  div#meet-the-team span#first h2{margin-bottom:0;}
  
  .promo_banner .promo_banner__content {
 
    max-height: unset;
}
  
  body.promo_banner-show .container.main.content {
    margin: 108px 0px 0;
}
  
}

@media only screen and (max-width:767px) {

body #shopify-section-template--15567941861537__1488497250346 .custom-color-container {
    margin-top: 42px!important;
}
  

  .caption.position-center {
  
    top: calc(50% + 25px );
}
  #header .mobile_nav.dropdown_link span.menu_title {
    display: none;
} 
.top_bar.clearfix a.mobile_nav.dropdown_link {
    max-width: 40px;
    flex: 40px;
}

#header .top_bar a.mobile_logo {
    left: -80px;
}
  div#shopify-section-Trade-manufacturing-logo .container .top-desc {
    border-bottom: 0;
}
  div#shopify-section-brand-logo-section ul.slick-dots {
    padding: 0;
}
 section.featured-link--section.featured-link--image.section-1 {
    margin-bottom: 0 !important;
} 
  .resoruces_section .left-text h3 {
    margin-bottom: 0;
}
  .green-brand>.bottom_logos:nth-child(4) {
    border-bottom: 1px solid #ddd;
}
  .featured-link--wrap .image-element__wrap img{
  	height: auto;
  }
  div#shopify-section-Trade-bmore-insta {
    padding-bottom: 0;
}
  div#shopify-section-template--15567941861537__161125747988977ede .container {
    max-width: 662px;
    padding: 0 30px;
}
  
  body.promo_banner-show .container.main.content {
    margin: 164px 0 0;
}
  
  
}


  
  
  
  
  
  
  
  
  
  
  
div#section-location-custom-mega-menu-3 div[data-column="1"]>div:not(.demoooo) {
    width: 100%;
    max-width: 33%;
    padding: 0 3px 10px;
}

div#section-location-custom-mega-menu-3 div[data-column="1"]>div.demoooo {
    padding: 0 0px 10px;
}

@media only screen and (min-width:798px) {

.dropdown_container {
    position: absolute !important;
}
  
  .header .main_nav_wrapper .main_nav .top-right-info a.icon-cart.mini_cart.dropdown_link {
    display: flex;
    align-items: center;
}
  
}

.main.custom-color-container {
    display: none;
}

@media screen and (max-width:1199px) and (min-width: 1178px) {

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 39.5px;
}
  
}

@media screen and (max-width:1199px) and (min-width:1178px) {

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
   padding-left: 118px;
    padding-top: 28px;
}
  
}

@media screen and (max-width:1199px) and (min-width:1180px) {

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 29.3px !important;
}
  div#shopify-section-Trade-Recycled-section .full-row-area .right-side .right-side-column>div {
    padding: 75px 55px;
}
  
}


@media screen and (max-width:1199px) and (min-width:1051px) {
div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div {
    padding: 38.5px;
}
  
  .nav ul.menu.center.clearfix .vertical-menu>li>a {
    font-size: 13px;
}
  
}



@media screen and (max-width:992px) and (min-width: 798px) {
  

.container.footer-menu-wrap .one-fourth:first-child {
    width: 100%;
    text-align: center !important;
    margin: 0;
}
  
  .container.footer-menu-wrap .one-fourth:first-child .text-align--left {
    text-align: center;
}
  
  img.footer-logo {
    width: 100%;
    max-width: 320px !important;
}
  
  .container.footer-menu-wrap .one-fourth {
    width: calc(33% - 20px);
}
  
  .sticky_nav .main_nav>.main-top-header {
    max-width: 20%;
}
  
  .sticky_nav .main_nav>.nav-serach-area {
    width: 100%;
    max-width: 80%;
}

}

.team-members {
	position: relative;
	z-index: 99;
}
/* Request Demo Button */

.request-slide-button {
  position: fixed;
  right: 20px;
  bottom: 110px;
  z-index:999;
}
.request-slide-button .slide-button {
  background-color: #00344f;
  border: 1px solid #00344f;
  color: #FFF;
  padding: 15px 25px;
  border-radius: 50px;
  opacity: 0.7;
  transition: all 0.5s;
}
.request-slide-button .slide-button:hover {
  opacity: 1;
  transition: all 0.5s;
}


.header .sticky-search{
	display:none;
  	margin-right: 15px;
}
.main_nav_wrapper.sticky_nav.sticky_nav--stick .sticky-search {
  margin-right: 15px;
  display:block;
}
.main_nav_wrapper {
	z-index: 9999999;
}
.team-member__wrap .image-element__wrap img {
	max-height: 370px;
}

.resoruces_section .left-text .accordion-content p>br {
    display: none;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick li.Blog {
    display: none;
}

.resoruces_section .right-area img {
    height: 400px;
    object-fit: cover;
}
.main_nav_wrapper .request-sticky-button {
    display: none;
}
.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button {
    display: block;
    order: 1;
    margin-right: 60px;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button a.menu-button {
    padding: 10px 18px;
}

div#success_message h6 + p {
    margin: 2px 0px 0px 5px;
}

div#success_message {
    text-align: center;
    /*background: #DFF2BF;*/
    padding: 5px;
    margin: 0 0 30px;
    flex-wrap: wrap;
    justify-content: center;
}

div#success_message h6 {
    margin: 0;
    padding: 0;
}

div#success_message h6 + p {
    margin: 1px 0px 0px 5px;
}

div#success_message[style="display:block;"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button a.menu-button {
  
    background: #00a6b5;
    border-color: #00a6b5;
    color: #fff;
}

li.Blog a.top_link {
    font-weight: bold !important;
}

div#shopify-section-Trade-Community-Section div.container {
    max-width: 1230px;
    padding: 0 15px;
}

div#shopify-section-Trade-Community-Section .featured-link--wrap .image-element__wrap img {
    object-fit: cover;
}

section#banner-trade-first-section-banner {
    position: relative;
    z-index: 3;
}

.header .main_nav_wrapper .main_nav .nav-serach-area ul.menu>.vertical-menu>li {
    padding-bottom: 10px;
}
.menu>.vertical-menu>li>.vertical-menu_submenu {
    top: 100%;
}

div#shopify-section-brand-logo-section button.slick-arrow {
    display: none !important;
}

div#shopify-section-brand-logo-section ul.slick-dots li>button {
  
    display: block  !important;
}

div#shopify-section-brand-logo-section div img {
    height: 60px;
    object-fit: contain;
    max-width: 130px;
    display: block !important;
    margin: 0 auto;
}

div#shopify-section-brand-logo-section .slick-slide div {
    padding: 20px;
  
}

div#shopify-section-Architessa-sales-team .team_members_area> .sixteen.columns:first-child p {
    text-align: center;
    font-size: 19px;
    line-height: 46px;
}

div#shopify-section-Architessa-Executive-team .team_members_area> .sixteen.columns:first-child p {
    text-align: center;
    font-size: 19px;
    line-height: 46px;
}

div#shopify-section-trade-showroom-locations {
    padding: 30px 0;
}

section#banner-Our-Trade-Team .caption .caption-content {
   
    min-height: 310px;
}
.getstarted .buttontitle * {
    color: #fff !important;
}

.flickity-prev-next-button:hover {
    background: transparent;
   
}

.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    margin: 0 20px 0 auto;
}

.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
    position: relative;
    top: -10px;
}

section#homepage_slider-template--15567941861537__1488497250346 button.flickity-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 20%;
}

div#shopify-section-Architessa-sales-team span#first::after {
    width: 100% !important;
}

section#meet-the-team div#shopify-section-Architessa-Executive-team .team_members_area .team-page__text.text-align--center span#first::after {
    width: 0 !important;
}


section#meet-the-team div#shopify-section-Architessa-Executive-team .team_members_area .sixteen.columns:nth-child(2) .team-page__text.text-align--center span#first::after {
    width: 100% !important;
}


/* @-moz-document url-prefix() {

.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
	position: relative;
	top: 10px;
}

} */

/*-- 18-02-2022 --*/
.header .main_nav_wrapper .main_nav .nav.nav--combined.clearfix {
    margin: 0 auto;
}
.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
    top: auto;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.header .main_nav_wrapper .main_nav .logo.logo--image img {
    top: 0;
}
.header .main_nav_wrapper .main_nav .logo.logo--image {
    top: 10px;
    position: relative;
}
ul.menu.right.top li:last-child {
    position: relative;
    top: 1px;
}
.header .main_nav_wrapper .main_nav .nav-serach-area {
    position: relative;
}
/*-- 18-02-2022 End --*/

.right-search .search-submit {
   top: 1px;
  }

.right-search input {
	min-height: 29px;
	height: 100%;
	border: none !important;
	border-bottom: 1px solid #dcdcda !important;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .collection_title, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .h1 *, .h2 *, .h3 *, .h4 *, .h5 *, .h6 *, .collection_title * {
    font-family: trajan-pro-3,sans-serif!important;
}

div#shopify-section-template--15567941861537__1593636131470 .caption a.action_button.first_button.highlight-true {
    background-color: #fff;
    border-color: #fff;
    color: #333;
}

.video-wrapper .video__text a.action_button.first_button.highlight-true {
    color: #333;
}

.section.product_section>.seven.columns.medium-down--one-whole + script + .shopify-reviews.reviewsVisibility--false + .product_links {
    float: right;
    width: 100%;
    max-width: 496px;
    margin-left: 15px;
}

body.product div.product-template .container.main.content + style + div, body.product div.product-template .container.main.content + style + div + br + div#specifications, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2 + br + div#installation, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2 + br + div#installation + div#accordian-content-3 {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}


form.boost-pfs-search-form {
    display: none;
}

.section.clearfix.boost-pfs-search-panel-product-show {
    padding: 0 0 15px;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper .gallery-cell img {
    min-height: 286px;
    object-fit: contain;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper .gallery-cell .overlay {
    display: none;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper {
    position: relative;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper a.text-left.gallery-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    color: #fff !important;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
    font-family: 'trajan-pro-3';
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    font-weight: 500;
    transition: all 0.2s ease-in;
    visibility: hidden;
    opacity: 0;
    max-width: calc(100% - 22px);
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper:hover a.text-left.gallery-title {
    opacity: 1;
    visibility: visible;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper {
    position: relative;
    padding: 10px;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper .gallery-cell {
    position: relative;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper .gallery-cell:after {
    content: "";
    background: rgba(0,52,79,0.8);
    width: 100%;
    display: block;
    top: 0;
    height: 100%;
    position: absolute;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper .gallery-cell:after {
    content: "";
    background: rgba(0,52,79,0.8);
    width: 100%;
    display: block;
    top: 0;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-in;
    opacity: 0;
    visibility: hidden;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper:hover .gallery-cell:after {
    opacity: 1;
    visibility: visible;
}

div#gallery_section-template--15637405761697__165541557153182e56 .gallery-image-wrapper a.text-left.gallery-title:after {
    content: "";
    background-color: #d54d4d;
    width: 30%;
    display: block;
    margin: 20px auto 0;
    content: "";
    height: 3px;
    position: absolute;
    bottom: -20px;
}

  .search__results-wrapper[style="display: block;"]>ul.search__results {
    display: block !important;
}


@media screen and  (max-width:1199px) {

.sticky_nav .main_nav.menu-position--block .logo {
    padding-right: 0;
}
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button {
   
    margin-right: 0;
}
.header .main_nav_wrapper .main_nav .nav-serach-area .right-search-bar {
    max-width: 155px;
}
}
  
@media screen and  (min-width:1050px) {

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button {
  
    min-width: 171px;
}
  
}
@media screen and  (max-width:1024px) {

.container {
    max-width: calc(90% + 20px);
}
  body.product div.product-template .container.main.content + style + div, body.product div.product-template .container.main.content + style + div + br + div#specifications, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2 + br + div#installation, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2 + br + div#installation + div#accordian-content-3 {
    max-width: calc(90% + 20px);
}


}

@media screen and (min-width:768px) {


#shopify-section-Trade-sample-section .featured-link--half:first-child img {
    height: 550px;
    object-fit: cover;
}
  .resoruces_section .right-area img {
    height: 400px;
    object-fit: cover;
}
  .resoruces_section {
    align-items: center;
}

  
}

@media screen and (max-width:992px) and (min-width: 798px) {

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button {
    display: none;
  
}
  .sticky_nav .main_nav.menu-position--block .logo {
    padding-right: 0px;
}
  
}

@media screen and (max-width:1050px) {

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button {
    display: none !important;
}
  
}

@media screen and (max-width:1439px) {

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button {
    min-width: 171px;
    margin-right: 15px;
}
  
}

@media screen and (max-width:1280px) {


.sticky_nav .main_nav.menu-position--block .logo {
   
    padding-right: 50px;
}
  .sticky_nav .main_nav>.main-top-header {
    max-width: 30%;
}
  .sticky_nav .main_nav>.nav-serach-area {
   
    max-width: 70%;
}
  
}

@media screen and (max-width:1279px) {

.sticky_nav .main_nav>.main-top-header {
    max-width: 25%;
}
  
  .sticky_nav .main_nav>.nav-serach-area {
   
    max-width: 75%;
}
}

@media screen and (max-width:1199px) {

.main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button a.menu-button {
    padding: 9px;
}
  
  
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix .request-sticky-button {
    min-width: 154px;
    margin-right: 0;
}
  
  .main_nav_wrapper.sticky_nav.sticky_nav--stick .main_nav .nav.nav--combined.clearfix ul.menu.center.clearfix {
    max-width: 100%;
    margin: 0 9px;
}
  
  .section.product_section>.seven.columns.medium-down--one-whole + script + .shopify-reviews.reviewsVisibility--false + .product_links {
   
    max-width: 380PX;
 
}
  
 
  
  }
@media screen and (max-width:991px) {


.banner_holder {
    position: unset;
}
  
  .banner_holder .new_banner.thumbnail_banner {
    position: absolute;
    left: 0;
    top: 0;
}
  .product-wrap {
    position: relative;
}
  
  .section.product_section>.seven.columns.medium-down--one-whole + script + .shopify-reviews.reviewsVisibility--false + .product_links {
    max-width: 100%;
}
  .banner_holder .sale_banner.thumbnail_banner {
    position: absolute;
    top: 0;
    left: 0;
}

}


@media screen and (max-width:767px) {

div#shopify-section-Architessa-sales-team .team_members_area> .sixteen.columns:first-child p {
    text-align: center;
    font-size: 16px;
   
}
  div#shopify-section-trade-showroom-locations {
    padding: 0;
}
  
  .caption-content {
    max-width: 100%;
}
  
  div#shopify-section-template--15567941861537__1593636131470 .caption {
    position: unset !important;
}

  
  div#shopify-section-template--15567941861537__1593636131470 .caption a.action_button.first_button.highlight-true {
    border-color: #00344f;
    background-color: #00344f;
    color: #fff;
    width: 100% !important;
    max-width: 260px;
    font-size: 16px !important;
}
  
  .video-wrapper .video__text a.action_button.first_button.highlight-true {
    border-color: #00344f;
    background-color: #00344f;
    color: #fff;
}
  .section.product_section>.seven.columns.medium-down--one-whole + script + .shopify-reviews.reviewsVisibility--false + .product_links {
   
    margin-left: 0;
}
    .container {
    max-width: calc(100% - 40px);
    margin:0 auto !important;
}
  body.product div.product-template .container.main.content + style + div, body.product div.product-template .container.main.content + style + div + br + div#specifications, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2 + br + div#installation, body.product div.product-template .container.main.content + style + div + br + div#specifications + div#accordian-content-2 + br + div#installation + div#accordian-content-3 {
   max-width: calc(100% - 40px);
}
  .section.product_section>.seven.columns.medium-down--one-whole + script + .shopify-reviews.reviewsVisibility--false + .product_links {
    max-width: 100%;
}
  
.boost-pfs-search-result-toolbar .boost-pfs-search-result-panel-controls {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}
  
ul.boost-pfs-search-result-panel-controls.boost-pfs-search-panel-items-3>li {
    max-width: 100% !important;
    margin: 0 0 10px;
    width: 100%;
    text-align: left;
}
  
ul.boost-pfs-search-result-panel-controls.boost-pfs-search-panel-items-3>li button {
    display: block !important;
    width: 100%;
    text-align: left;
}
  
.boost-pfs-search-result-toolbar .boost-pfs-search-result-panel-controls {
    max-width: 100%;
    margin: 0 auto !important;
    width: 100% !important;
}
  
.boost-pfs-search-result-toolbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
  
  .boost-pfs-filter-top-sorting-wrapper {
    width: 100%;
    margin: 0;
}
  
.boost-pfs-search-result-toolbar {
    margin-bottom: 0px !important;
}

.dropdown {
    padding: 15px 15px !important;
}

.dropdown form.header_search_form {
    width: 100%;
    max-width: 200px;
    margin-bottom: 0px !important;
    padding-top: 0;
    position: relative;
}

.dropdown form.header_search_form input.search-terms {
    height: auto;
    min-height: 40px;
    font-size: 16px;
    margin: 0;
    padding-left: 0;
    padding-right: 40px;
}

.header_search_form .search-submit {
    top: 50%;
    transform: translateY(-50%);
}

.header_search_form .search-submit::before {
    font-size: 20px;
}
  

  
}
@media screen and (max-width:767px) and (min-width:481px) {

section#banner-template--15567941861537__1593636131470 .image-element__wrap {
    min-height: 450px;
}
  section#banner-template--15567941861537__1593636131470 .image-element__wrap img {
    height: 100%;
    min-height: 450px;
    object-fit: cover;
}
div#shopify-section-template--15567941861537__1593636131470 .caption {
    position: absolute !important;
    padding: 0 30px !important;
    top: 50% !important;
    transform: translate(-50%,-50%);
    max-width: 540px;
    left: 50%;
}
  
}
@media screen and (max-width:991px) and (min-width:798px) {


 .section.product_section>.seven.columns.medium-down--one-whole + script + .shopify-reviews.reviewsVisibility--false + .product_links {
    max-width: 300px;
}
  
}



@media screen and (max-width:1177px) and (min-width:1052px) {

div#shopify-section-Trade-Recycled-section .full-row-area>.left-side>.one-third>div>h3.regular_text {
   
    padding-left: 104px;
    padding-top: 21px;
   

}
}
body.index .shopify-section.image-with-text-section .featured-link--half .info{
    padding: 0 !important;
    margin: 0;
}

body.index .shopify-section.image-with-text-section .featured-link--half{
    display: flex;
    justify-content: center;
    align-items: center !important;
}