/** Shopify CDN: Minification failed

Line 1080:0 Unexpected "="
Line 1097:0 Unexpected "="

**/
:root{--blueberry:#5773BE;--lightblueberry:#D6DFF3;--strawberry:#F46B6B;--lightstrawberry:#FCDADA;--raspberry:#BD4898;--lightraspberry:#F3D5E9;--grape:#8d6fab;--lightgrape:#e9e1ee;--kiwi:#479856;--lightkiwi:#d6ecdb;--offwhite:#FFFFFC;--white:#FFFFFF;--black:#000000;--grey:#7C7C7C;--lightgrey:#DDDDDD;--tint:#dbeede;}
@font-face{font-family:"dia";src:url("/cdn/shop/files/Dia-Bold_5b520cbd-ced0-4846-9960-737bd5c99a9f.woff2?v=1679588125") format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"dia";src:url("/cdn/shop/files/dia-light.woff2?v=1675883728") format("woff2");font-weight:300;font-display:swap}
 @font-face{font-family:"graphik";src:url("/cdn/shop/files/Graphik-Medium_bc902b7b-b7a9-4459-a231-886838f2e770.woff2?v=1679588147") format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"graphik";src: url("/cdn/shop/files/Graphik-Regular_c5575d57-10cf-4c7e-a25f-2aedde6a4127.woff2?v=1679588147") format("woff2");font-weight:300;font-display:swap} 
 @font-face{font-family:"dia";src:url("/cdn/shop/files/Dia-Bold_5b520cbd-ced0-4846-9960-737bd5c99a9f.woff2?v=1679588125") format("woff2");font-weight:600;font-display:swap}
 @font-face{font-family:"dia";src:url("/cdn/shop/files/Dia-Bold_5b520cbd-ced0-4846-9960-737bd5c99a9f.woff2?v=1679588125") format("woff2");font-weight:700;font-display:swap}
 @font-face{font-family:"dia";src:url("/cdn/shop/files/Dia-Bold_5b520cbd-ced0-4846-9960-737bd5c99a9f.woff2?v=1679588125") format("woff2");font-weight:bold;font-display:swap}
 @font-face{font-family:"graphik";src:url("/cdn/shop/files/Graphik-Regular_c5575d57-10cf-4c7e-a25f-2aedde6a4127.woff2?v=1675883740") format("woff2");font-weight:400;font-display:swap} 


h1,.h1{font-size:40px;line-height:1;letter-spacing:-1px;font-family:"dia",-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
       font-weight:500;margin-bottom:20px;-webkit-font-smoothing: antialiased;}
@media(min-width: 864px){h1,.h1, h1 a, h1 span, h1 div{margin-bottom:40px;letter-spacing:-1.5px}}
h2,.h2, h2 a, h2 span, h2 div,  h2 a span{font-family:"dia",-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
                              font-weight:500;margin-bottom:10px; color: black;-webkit-font-smoothing: antialiased;}
@media(min-width: 864px){h2,.h2, h2 a, h2 span, h2 div, h2 a span {margin-bottom:15px;}}
h3,.h3, h3 a, h3 span, h3 div, h3 a span{font-family:"dia",-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
                              font-weight:500;letter-spacing:-0.96px;margin-bottom:0;-webkit-font-smoothing: antialiased;}
@media(min-width: 864px){h3,.h3, h3 a, h3 span, h3 div, h3 a span{letter-spacing:-1.28px}}
h4,.h4,  h4 a, h4 span, h4 div{font-family:"dia",-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
                               font-weight:500;letter-spacing:-0.72px;-webkit-font-smoothing: antialiased;}
@media(min-width: 864px){h4,.h4, h4 a, h4 span, h4 div{letter-spacing:-0.8px}}
h5,.h5,  h5 a, h5 span, h5 div{font-family:"dia",-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
                               font-weight:500;letter-spacing:-0.64px;-webkit-font-smoothing: antialiased;}
@media(min-width: 864px){h5,.h5, h5 a, h5 span, h5 div{letter-spacing:-0.64px}}

b,strong {font-family:"graphik",-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
         font-weight:500 !important;    -webkit-font-smoothing: antialiased;}

@media screen and ( min-width: 741px ) {
  h1 {
    font-size: 36px;
    line-height: 1.5;
  }
  h2, .h2 {
    font-size: 30px;
      line-height: 1.5;
  }
  h3, .h3 {
    font-size: 26px;
      line-height: 1.5;
  }
  h4, .h4 {
    font-size: 22px;
      line-height: 1.5;
  }
  h5, .h5 {
    font-size: 18px;
      line-height: 1.5;
  }
  h6 { font-size: 1.2em;  line-height: 1.5;-webkit-font-smoothing: antialiased; font-family:"dia",sans-serif; letter-spacing:-0.64px}
}

@media screen and ( max-width: 740px ) {
  .section-title { max-width: 280px; margin-left: auto !important;margin-right: auto !important;}
  section#navbar {
    text-align: center;
}
  h1 {
    font-size: calc(36px - 5px);
    line-height: 1;
  }
  h2, .h2 {
    font-size: calc(30px - 5px);
    line-height: 1;
  }
  h3, .h3 {
    font-size: calc(26px - 5px);
    line-height: 1;
  }
  h4, .h4 {
    font-size: calc(22px - 2px);
    line-height: 1;
  }
  h5, .h5 {
    font-size:  calc(18px - 3px);
    line-height: 1;
  }
  h6, .h6 { font-size: .95em; font-family:"dia",sans-serif; letter-spacing:-0.44px}
  .product-template h1 {
    font-size: 24px;
}

}

p{font-size:14px; font-family: "graphik",-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
  letter-spacing: normal; font-weight: 300;}

a[class*='btn'], button, input[type="submit"], input[type="button"], .cta a, a[class*='button']{ font-family:"dia",-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
                                                                                                font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;text-transform:uppercase;
                                                                                               -webkit-font-smoothing: antialiased;}
a span { font-family:"graphik",arial, sans-serif; }

a span[class*='button'] {
    font-family: "dia",arial, sans-serif;-webkit-font-smoothing: antialiased;
}

label,legend,span,i,div {    font-family: 'graphik',-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;}

.dia-light {font-family:"dia-light","dia", arial, helvetica, arial, sans-serif !important; font-weight: 300;text-transform:uppercase;}


.btn-blue { font-family: dia,sans-serif;font-size: 14px;font-weight: 700; font-stretch: normal; font-style: normal;line-height: normal; letter-spacing: normal;  text-align: center; text-transform: uppercase; text-decoration: none; cursor: pointer;display: inline-block;height: 50px;margin: 0;padding: 17px 33px 16px;border-radius: 40px !important; border-radius: 40px;background-color: var(--blueberry) !important; color: var(--white) !important; border: var(--blueberry) solid 1px; margin-bottom:10px; transition: .3s all;
}

.btn-hover:hover:not([disabled]) {transform: translateY(-10%);cursor: pointer !important;}   .btn-hover:not([disabled]) { transition: .3s all;}


.gridlock .row {
  width: 92%;
  margin-left: auto;
  margin-right: auto
}

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

.gridlock .row .row{
  width: 102.08333333%;
  margin-left: -1.04166667%;
  margin-right: -1.04166667%;
}

.gridlock .row .contained .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0
}

.gridlock .row [class*=desktop-], .gridlock .row [class*=max-], .gridlock .row [class*=min-], .gridlock .row [class*=tablet-] {
  float: left;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}

.gridlock .row [class*=all-].padded, .gridlock .row [class*=desktop-].padded, .gridlock .row [class*=max-].padded, .gridlock .row [class*=min-].padded, .gridlock .row [class*=mobile-].padded, .gridlock .row [class*=tablet-].padded {
  box-sizing: content-box;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.04166667%;
  padding-right: 1.04166667%
}

.gridlock .row [class*=all-].contained, .gridlock .row [class*=desktop-].contained, .gridlock .row [class*=max-].contained, .gridlock .row [class*=min-].contained, .gridlock .row [class*=mobile-].contained, .gridlock .row [class*=tablet-].contained {
  margin-left: 0;
  margin-right: 0
}

.gridlock .row [class*=all-].right, .gridlock .row [class*=desktop-].right, .gridlock .row [class*=max-].right, .gridlock .row [class*=min-].right, .gridlock .row [class*=mobile-].right, .gridlock .row [class*=tablet-].right {
  float: right
}

@media screen and (min-width:500px) {
  .gridlock .row {
    width: 92%
  }
}



@media screen and (max-width:739px) {
  .gridlock-mobile-fluid .row {
    width: 98%
  }
}

.gridlock .row .all-fifth {
  width: 17.91666667%
}

.gridlock .row .all-fourth {
  width: 22.91666667%
}

.gridlock .row .all-third {
  width: 31.25%
}

.gridlock .row .all-half {
  width: 47.91666667%
}

.gridlock .row .all-full {
  width: 97.91666667%
}

.gridlock .row .all-push-fifth {
  margin-left: 21.04166667%
}

.gridlock .row .all-push-fourth {
  margin-left: 26.04166667%
}

.gridlock .row .all-push-third {
  margin-left: 34.375%
}

.gridlock .row .all-push-half {
  margin-left: 51.04166667%
}



.gridlock .row [class*=all-].centered {
  float: none;
  margin-left: auto;
  margin-right: auto
}

.gridlock .row .all-hide {
  display: none
}

@media screen and (max-width:739px) {
  .gridlock .row .mobile-1 {
    width: 31.25%
  }
  .gridlock .row .mobile-2 {
    width: 64.58333333%
  }
  .gridlock .row .mobile-vlarge {
    width: 70.58333333%
  }
  .gridlock .row .mobile-3 {
    width: 98.91666667%
  }
  .gridlock .row .mobile-push-1 {
    margin-left: 34.375%
  }
  .gridlock .row .mobile-push-2 {
    margin-left: 67.70833333%
  }

  .gridlock .row .mobile-fifth {
    width: 17.91666667%
  }
  .gridlock .row .mobile-fourth {
    width: 22.91666667%
  }
  .gridlock .row .mobile-small {
    width: 41.25%
  }
  .gridlock .row .mobile-large {
    width: 54.58333333%
  } 
  .gridlock .row .mobile-half {
    width: 47.91666667%
  }
  .gridlock .row .mobile-full {
    width: 97.91666667%
  }
  .gridlock .row .mobile-push-fifth {
    margin-left: 21.04166667%
  }
  .gridlock .row .mobile-push-fourth {
    margin-left: 26.04166667%
  }
  .gridlock .row .mobile-push-third {
    margin-left: 34.375%
  }
  .gridlock .row .mobile-push-half {
    margin-left: 51.04166667%
  }

  .gridlock .row [class*=mobile-].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
  }
  .mobile-hide {
    display: none !important;
  }
}



@media screen and (min-width:740px) and (max-width:979px) {
  .gridlock .row .tablet-small {
    width: 14%
  }
   .gridlock .row .tablet-quarter {
    width: 20%;
  }
  
  .gridlock .row .tablet-1 {
    width: 14.58333333%
  }
  .gridlock .row .tablet-2 {
    width: 31.25%
  }
  .gridlock .row .tablet-3 {
    width: 47.91666667%
  }
  .gridlock .row .tablet-4 {
    width: 64.58333333%
  }
  .gridlock .row .tablet-5 {
    width: 81.25%
  }
  .gridlock .row .tablet-6 {
    width: 97.91666667%
  }
  .gridlock .row .tablet-push-1 {
    margin-left: 17.70833333%
  }
  .gridlock .row .tablet-push-2 {
    margin-left: 34.375%
  }
  .gridlock .row .tablet-push-3 {
    margin-left: 51.04166667%
  }
  .gridlock .row .tablet-push-4 {
    margin-left: 67.70833333%
  }
  .gridlock .row .tablet-push-5 {
    margin-left: 84.375%
  }

  .gridlock .row .tablet-fifth {
    width: 17.91666667%
  }
  .gridlock .row .tablet-fourth {
    width: 22.91666667%
  }
  .gridlock .row .tablet-third {
    width: 31.25%
  }
  .gridlock .row .tablet-three-quarter {
    width: 72.9%
  }
  .gridlock .row .tablet-two-thirds {
    width: 64.5%
  }
  .gridlock .row .tablet-half {
    width: 47.91666667%
  }
  .gridlock .row .tablet-full {
    width: 97.91666667%
  }
  .gridlock .row .tablet-push-fifth {
    margin-left: 21.04166667%
  }
  .gridlock .row .tablet-push-fourth {
    margin-left: 26.04166667%
  }
  .gridlock .row .tablet-push-third {
    margin-left: 34.375%
  }
  .gridlock .row .tablet-push-half {
    margin-left: 51.04166667%
  }
  .gridlock .row .contained.tablet-fifth {
    width: 20%
  }
  .gridlock .row .contained.tablet-fourth {
    width: 25%
  }
  .gridlock .row .contained.tablet-third {
    width: 33.33333333%
  }
  .gridlock .row .contained.tablet-half {
    width: 50%
  }
  .gridlock .row .contained.tablet-full {
    width: 100%
  }
  .gridlock .row .contained.tablet-push-fifth {
    margin-left: 20%
  }
  .gridlock .row .contained.tablet-push-fourth {
    margin-left: 25%
  }
  .gridlock .row .contained.tablet-push-third {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.tablet-push-half {
    margin-left: 50%
  }
  .gridlock .row [class*=tablet-].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
  }
  .gridlock .row .tablet-hide {
    display: none !important
  }
}

@media screen and (min-width:980px) {
  .gridlock .row .desktop-small {
    width: 14%;
    max-width: 171px;
    text-align:center;

  }
  .gridlock .row .desktop-1 {
    width: 6.25%
  }
  .gridlock .row .desktop-2 {
    width: 14.58333333%
  }
  .gridlock .row .desktop-3 {
    width: 22.91666667%
  }
  .gridlock .row .desktop-4 {
    width: 31.25%
  }
  .gridlock .row .desktop-5 {
    width: 39.58333333%
  }
  .gridlock .row .desktop-6 {
    width: 47.91666667%
  }
  .gridlock .row .desktop-7 {
    width: 56.25%
  }
  .gridlock .row .desktop-8 {
    width: 64.58333333%
  }
  .gridlock .row .desktop-9 {
    width: 72.91666667%
  }
  .gridlock .row .desktop-10 {
    width: 81.25%
  }
  .gridlock .row .desktop-11 {
    width: 89.58333333%
  }
 .desktop-12 {
    width: 97.91666667%
  }
  .gridlock .row .desktop-push-1 {
    margin-left: 9.375%
  }
  .gridlock .row .desktop-push-2 {
    margin-left: 17.70833333%
  }
  .gridlock .row .desktop-push-3 {
    margin-left: 26.04166667%
  }
  .gridlock .row .desktop-push-4 {
    margin-left: 34.375%
  }
  .gridlock .row .desktop-push-5 {
    margin-left: 42.70833333%
  }
  .gridlock .row .desktop-push-6 {
    margin-left: 51.04166667%
  }
  .gridlock .row .desktop-push-7 {
    margin-left: 59.375%
  }
  .gridlock .row .desktop-push-8 {
    margin-left: 67.70833333%
  }
  .gridlock .row .desktop-push-9 {
    margin-left: 76.04166667%
  }
  .gridlock .row .desktop-push-10 {
    margin-left: 84.375%
  }
  .gridlock .row .desktop-push-11 {
    margin-left: 92.70833333%
  }

  .gridlock .row .desktop-hide {
    display: none !important
  }
}

  header.scrollheader {
    background: white;
  }
.gridlock-fluid .row {
  width: 98%
}

* {
  margin: 0;
}

.first {
  clear: left;
}


.grid_wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-row-gap: 20px;
}
.span-12 {
  grid-column: auto / span 12;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-11 {
  grid-column: auto / span 11;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-10 {
  grid-column: auto / span 10;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-10.push-1 {
  grid-column: auto / span 10;
  float: none !important;
  margin-left: 8.333% !important;
  width: 100% !important;
}
.span-9 {
  grid-column: auto / span 9;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-8 {
  grid-column: auto / span 8;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-7 {
  grid-column: auto / span 7;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-6 {
  grid-column: auto / span 6;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-5 {
  grid-column: auto / span 5;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-4 {
  grid-column: auto / span 4;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-3 {
  grid-column: auto / span 3;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-2 {
  grid-column: auto / span 2;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-1 {
  grid-column: auto / span 1;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-one-fifth {
  grid-column: auto / span 1;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.span-5.push-1 {
  grid-column: 2 / 7; width: 100%;
}
.span-8.push-2 {
  grid-column: 3 / 11; width: 100%;
}
.span-6.push-3 {
  grid-column: 4 / 10; width: 100%;
}


@media screen and ( min-width: 741px ) and ( max-width: 980px ) {

  .span-3 {
    grid-column: auto / span 3 !important;
  }
  .span-4 {
    grid-column: auto / span 4 !important;
  }
  .span-6 {
    grid-column: auto / span 6 !important;
  }
  .span-9 {
    grid-column: auto / span 6 !important;
  }

}

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

  .span-4 {
    grid-column: auto / span 6 !important;
  }
  .span-6 {
    grid-column: auto / span 6 !important;
  }
  .span-9 {
    grid-column: auto / span 12 !important;
  }
  .span-3 {
    grid-column: auto / span 6 !important;
  }
  .span-one-fifth {
    grid-column: auto / span 1 !important;
  }
  .product-loop .mobile-half, .product-page .mobile-half {
    grid-column: auto / span 6 !important;
    width: 100%;
  }
  .product-loop .mobile-3, .product-page .mobile-3 {
    grid-column: auto / span 12 !important;
    width: 100%;
  }



}

/* Assign font picker families from theme settings */


 

html, body {
  height: 100%;
}

body {
  font-family: "graphik", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
    "Fira Sans", "Droid Sans", "Helvetica Neue",
      arial, sans-serif;
    font-weight: 300;
      font-kerning: none;
    color: #000000;
    background: #ffffff;
    font-size: 14px;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    line-height: 1em;
    -webkit-font-smoothing: auto;
    -webkit-text-size-adjust: 100%;
    position: relative;
    }
    section, .row, div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,:after, :before {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

input{
 /* font-family:"Montserrat",Montserrat, Arial, arial, sans-serif; */
    font-family:"graphik", arial, sans-serif;  
}

img {
  max-width: 100%;
  border: 0;
}

img[data-sizes="auto"] {
  display: block;
  width: 100%;
}

.box-ratio {
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

.product .box-ratio, .product-index .box-ratio {
  background-color: white;
}

.box-ratio img {
  background-color: white;
}

.lazyload-fade {
  opacity: 0;
  transition: opacity 200ms;
}

.flexslider .lazyload-fade {
  transition: opacity 0ms;
}

.lazyload-fade.lazyloaded {
  opacity: 1;
}
.visually-hidden {
  display: none;
}

a:hover, button:hover, input:hover {cursor: pointer !important;}

#logo a {
  color: #000000;
  /* font-family:'Montserrat', montserrat, arial, arial, sans-serif; */ 
  font-weight: ;
  font-size: 36px;
}

a.site-header__cart-toggle {
    min-width: 40px;
}

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

  .first_logo img, .second_logo img {

    width: auto;
  }
}
@media screen and (min-width: 981px){
  .first_logo img{
    padding: 29px 10px !important;
    height: auto;
    width: 100%;
    position: absolute!important;
    z-index: 90000000!important;
    background: rgba(255,255,255,0.1);
    -o-transition: -o-transform ease-out 0.1s, background 0.2s;
    -ms-transition: -ms-transform ease-out 0.1s, background 0.2s;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
  }
  .first_logo  a:hover img {
    background: rgba(255,255,255,0.05);
    -o-transform: scale(0.93);
    -webkit-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
  }
  .nav-container.inline {
    height: 100px;
    width: 100%;
  }
  .coverheader {
    background: white;

  }
  header.scrollheader {
    background: white;
}
 
 
}



p {
  font-size: 14px; margin-bottom: 10px;
}

strong {
  font-weight: 500;
}

em {
  font-style:italic;
}

pre {
/* font-family: 'Montserrat', montserrat, arial, arial, sans-serif; */
  font-size: 13px;
  font-weight:500;
}

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

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

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

a {
  text-decoration: none;
  color: #5773be;
  outline: 0;
  -webkit-transition:color 0.3s ease-in;
  -moz-transition:color 0.3s ease-in;
  -o-transition:color 0.3s ease-in;
  transition:color 0.3s ease-in;
}

a:hover {
  color:#5773be;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:focus {
  outline: none;
}

/* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */
dt {
  font-weight: 500;
}
ol {
  padding: 0;
  margin-left: 0;
  margin-bottom: 20px;
  text-indent: 0;
  list-style-position: inside;
}
ul {
  padding: 0;
  margin: 0 0 20px 0;
  list-style: disc inside;
}
blockquote {
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  padding-left: 35px;
  color: #999;
  margin: 20px 0;
}

.rte ul {
  list-style-position: outside;
  margin-left: 20px;
}

hr {
  background:#e5e5e5;
  border:none;
  color:#e5e5e5;
  display:block;
  height:1px;
  margin-top: 20px;
  width:100%;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

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

/* NO JS Helpers
================================================== */
.no-js .no-fouc {
  visibility: visible;
}

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

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

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

.no-js .product-thumbnails .lazyload {
  display: none;
}

.no-js .vantage-accordion .product-accordion-content {
  display: block;
}

.no-js .collection-carousel {
  text-align: center;
}

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

.errors {
  background: #ffdede;
  border: 1px solid red;
  padding: 10px;
  line-height: 19px;
  font-size: 14px;
  margin-bottom: 10px;
}
.errors ul {
  list-style: none;
  margin: 0;
}
.errors li {
  margin-bottom: 3px;
}
/* #Buttons
================================================== */
.button,
button,
button#c-submit-button,
input[type="submit"]:not(.btn),
input[type="reset"]:not(.btn),
input[type="button"]:not(.btn) {
 /* font-family:"Montserrat",Montserrat, Arial, arial, sans-serif; */
 
  border-radius:3px;
   
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
  background: #000000;
  border: none;
  -webkit-transition: background 0.3s ease,color 0.3s ease;
  -moz-transition: background 0.3s ease,color 0.3s ease;
  -o-transition: background 0.3s ease,color 0.3s ease;
  transition: background 0.3s ease,color 0.3s ease;
  -webkit-appearance: none;
  color: #ffffff;
  display: inline-block;
  font-weight: 500;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  padding: 10px;
  
  -webkit-border-radius: 5px;
  
}

.shopify-payment-button__button {
  border-radius: 5px;
  -webkit-border-radius: 5px;
}


.button:hover,
button:hover,
button#c-submit-button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #ffffff;
  background: #5773be;
}

.secondary-button {
  background: #ce699f !important;
  color: #ffffff !important;
  
  border-radius: 5px;
  -webkit-border-radius: 5px;
  
}

.secondary-button:hover {
  color: #ffffff !important;
  background: #ce699f !important;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


a.button, a.button:visited {
  background: #000000;
  border: none;
  text-align: center;
  -webkit-transition: background 0.3s ease,color 0.3s ease;
  -moz-transition: background 0.3s ease,color 0.3s ease;
  -o-transition: background 0.3s ease,color 0.3s ease;
  transition: background 0.3s ease,color 0.3s ease;
  -webkit-appearance: none;
  color: #ffffff;
  display: inline-block;
 /* font-family: 'Montserrat', montserrat, arial, arial, sans-serif !important; */
  font-weight: ;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: .5px;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 14px;
  
  border-radius: 5px;
  -webkit-border-radius: 5px;
  
}

a[class*='btn'], button, input, .cta a { 

  border-radius: 5px;
  -webkit-border-radius: 5px;
  
}


a.button:hover {
  color: #ffffff;
  background: #5773be;
}

a.no-highlight {
  color: #000000;

}

================================================== */

::-moz-selection {
  background:#fff3c2;
}

::selection {
  background:#fff3c2;
}

form {
  margin-bottom: 0;
}

fieldset {
  margin-bottom: 20px;
}
=======
=======
/* #Forms
================================================== */
form {
  margin-bottom: 0;
}

fieldset {
  margin-bottom: 20px;
}

input {
  height: 48px;
  line-height: normal;
  padding: 0;
}

input::placeholder {
  line-height: inherit;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
    font-size: 14px;
  color: #777;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
  cursor: pointer;
  font-family: "graphik",arial, sans-serif;
}

 input:checked + label {  font-family: "graphik",arial, sans-serif;}

select {
  padding: 0;
}

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

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  box-shadow:  0 0 3px rgba(0,0,0,.2);
}

textarea {
  min-height: 60px; min-width: 300px;
}

label,
legend {
  display: block;
  font-weight: ;
  font-size: 14px;
  margin-bottom: 5px;
}

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

label span,
legend span {
  font-weight: ;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color: #000000;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #000000;
}

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

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #000000;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] {
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 48px;
  line-height: 48px;
  padding: 0;
  margin: 0px;
  margin-bottom: 20px;
  max-width: 100%;
  text-indent: 17px;
  outline: none;
}

textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 200px;
  margin: 0px;
  margin-bottom: 40px;
  max-width: 100%;
  padding: 2% 17px;
  outline: none;
}


/* =============== */
/* = HEADER = */
/* =============== */

.topbar {
  line-height: 40px;
  background: #000000;
  color: #ffffff;
  text-align: left;
}

@media screen and (max-width: 450px){
  .topbar > .row > #banner-message > p {
    line-height: 40px;
    font-size: 10px;
    letter-spacing: .5px;

  }
}

.topbar p { margin-bottom: 0;}

ul#top_nav {
  text-align: left;
  z-index: 5;
  position: relative;
  list-style: none;
  margin-top: 0;
}
ul#top_nav li {
  display: inline-block;
  list-style: none;
  padding: 0 10px 0 0;
}
ul#cart {
  text-align: right;
  z-index: 5;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 25vw !important;
  list-style: none;
  margin-top: 0;
  white-space: nowrap;
  align-self: center;
}

ul#cart li {
  display: inline-block;
  padding: 0 5px;
  min-width: 30px;
}

ul#cart li:last-child {
  padding-right: 0;
}

ul#cart li a {
  display: inline-block;
  padding: 0 5px;
}

ul#cart li a:last-child {
  padding-right: 0px;
}

span.CartCount {
  padding: 0 5px;
}
a.site-header__cart-toggle i {
    width: 24px;
    height: 18px;
}

.topbar ul#cart li a, ul#top_nav li a {
  /* font-family:'Montserrat', montserrat, arial, arial, sans-serif; */
  color: #ffffff;
}

.topbar select.currency-picker {
 
 
  font-size: 14px;
  color: #ffffff;
}

select.currency-picker {
  width: auto;
  text-align: center;
  display: inline-block;
  float: none;
  margin-left: 10px;
  background: transparent;
  border: 0;
  margin-bottom: 0;
  -moz-appearance:none;
  -webkit-appearance: none;
  text-transform: uppercase;
  background-image: url(//www.getcasely.com/cdn/shop/t/551/assets/select-arrow.png?v=130028675426809559291684510689) no-repeat right;
}

select.currency-picker::-ms-expand {
  display:none;
}

select.currency-picker:focus::-ms-value {
  background-color: white;
  color:#000;
}

i.icon-shopping-cart {
  margin-left: 5px;
  font-size: 15px;
}

#phantom {
  visibility: hidden;
}

header {
  width: 100%;
  line-height: 50px;
  top:0;
  z-index: 20;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

.ignore-this {
  height: 0 !important;
  display: none !important;
}

.scrollheader {
  position: relative;
}

.coverheader {
  position: fixed;

}

header ul { margin-bottom: 0; }

#logo {
  vertical-align: middle;
  display: inline-block;

}

@media screen and (max-width:980px) {  
  #logo {
    margin: auto;
  }
}

#logo a {
  float: left;
  font-family: 'Montserrat', montserrat, arial, arial, sans-serif;
  font-size: 20;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}

/* NAV HOMEPAGE */
.index .scrollheader .nav-container .shifter-handle,
.index .scrollheader ul#main-nav li a.top_level,
.index .scrollheader .nav-container ul#cart li a,
.index .scrollheader .nav-container ul#cart li select.currency-picker,
.index .scrollheader #logo a {
  color: #000000 !important;
}


.index header {
  background: #ffffff;
}

#logo img {
  vertical-align: middle;
  padding: 10px 0;
  max-width: 150px;
}

#navigation {
  width: 100%;
  position: relative;
}


@media screen and (max-width: 980px){
.nav-container {
  display: grid;
  text-align: center;
}
}
@media screen and (min-width: 981px){
.nav-container {
  display: flex;
  text-align: center;
}
 .nav-container nav {
      width: fit-content !important;
      margin: 0 !important;
  }
  nav.nav.c-tabs__tabs{ max-width: 600px;}
  .rte-tab {
    max-width: 600px;
}
}

nav {
  text-align: left;
  align-self: center;
  position: inherit;
  z-index: 6! important;
    margin: 0 ;
}

ul#main-nav {
  list-style: none;
  text-align: left;
    margin: 0 auto 0 0;
  width: fit-content;
}

ul#main-nav li {
  display: inline-block;
  vertical-align: middle;
}

 
ul#main-nav > li > a  {
  font-size: 12px;
font-family: 'graphik', 'graphik',arial, sans-serif;
font-weight: 500;
  color: black;
}

ul#main-nav ul.megamenu .nav_subheader  a, .nav_subheader  {
  font-size: 11px;
font-family: 'graphik', 'graphik',arial, sans-serif;
font-weight: 500;

}
l.mega-stack p {
    font-size: 13px !important;
}



ul#main-nav  li a:hover  {
  font-weight: 500;
}

.nav-container ul#cart li a, .nav-container ul#cart li {
/* font-family: 'Montserrat',montserrat,arial, sans-serif; */
  font-weight: ;
  font-size: 14px;
  margin-left: 0!important;
    border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* NO LINK UNDERLINE */
ul#main-nav li a:hover, .nav-container ul#cart li a:hover {
  text-decoration: none;
  transform: translateY (-3px);
}

/* DOWNDOWN INDICATOR CHEVRONS */
 #main-nav a.link-special.dlinks svg path {transition: smooth all 2s;}
#main-nav a.link-special.dlinks:hover svg path {
    stroke: var(--blueberry) !important;
}
a.dlinks span {
    font-family: "dia", arial, arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 500;
}
 


/* DROPDOWN LEVEL 1 */
ul#main-nav li ul.submenu {
  display: none;
  position: absolute;
  text-align: left;
  z-index: 5;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
  width: 260px;
  padding: 10px 15px 10px 15px;
  margin-left: -15px;
  background: #fff;
}

/* SHOW DROPDOWN ON HOVER */
ul#main-nav li.dropdown:hover ul.submenu {
  display: block;
}


/* DROPDOWN LEVEL 1 STYLES */
ul#main-nav li ul.submenu li{
  line-height: 28px !important;
  margin: 0;
  width: 100%;
  white-space: nowrap;
  background: transparent !important;
  min-width: 220px;
  float: left;
}

/* DROPDOWN LEVEL 1 LINK STYLES */
ul#main-nav li ul.submenu li a {
  text-align: left;
  text-transform: uppercase !important;
  font-weight: 500! important;
  font-size: 12px ! important;
  letter-spacing: .5px;
}

ul#main-nav li ul.submenu li a:not(.join-button), ul#main-nav li ul.megamenu li a:not(.join-button) {
  color: #000000! important;
}

/* NESTED MENU */
.submenu li.nest, .mega-stack li.nest {
  position: relative;
}

/* NESTED MENU INDICATOR */
ul#main-nav li ul li.nest:after {
  position: absolute;
  top: 0px;
  right: 25px;
  font-size: 12px;
  font-family: 'LineAwesome';
  content: "\f112";
}

/* VISIBLE NESTED MENU */
.submenu li.nest:hover > ul.nested, .mega-stack li.nest:hover > ul.nested {
  display: block;
}

/* HIDDEN NESTED MENU */
.nested {
  display: none;
  position: absolute;
  left: 98%;
  background: #fff;
  top: -15px;
  padding: 15px 10px 15px 20px;
  border: 1px solid #eee;
}

ul.nested:before {
  content: "";
  position: absolute;
  left: -10px;
  background: #fff;
  height: 30px;
  width: 30px;
  /* line-height: 30px; */
  top: 18px;
  border-color: transparent #f5f5f5;
  border-style: solid;
  border-width: 10px 10px 10px 0px;
  height: 0px;
  width: 0px;
}

.nested li a {
  text-transform: none !important;
  font-weight: ;
  font-size: 14px !important;
}

li.nest.has_sub_menu.edge ul.nested {
  left: initial;
  right: 100%;
}

ul.megamenu {
  display: none;
  position: absolute;
  left: 0;
  padding-top:30px;
  z-index: 2;
  line-height: initial;
  width: 100%;
  padding-bottom: 50px! important;
  background: #fff;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

ul.megamenu h4 a, ul.megamenu p.nav_subheader a {
  font-weight:  !important;
}

ul#main-nav li.dropdown ul.megamenu .mega-container li.desktop-3:nth-child(5n) {
  clear: left;
}

ul#main-nav li.dropdown ul.megamenu .mega-container li h4 a {
  padding-left: 0;
}

/* MEGAMENUS */
ul#main-nav li.dropdown:hover > ul.megamenu {
  display: block;
}

@media screen and (min-width: 1500px) {
  .mega-container {
    width: 1480px;
  }
}

@media screen and (max-width: 1500px) {
  .mega-container {
    width: 1200px;
  }
}

@media screen and (max-width: 1220px) {
  .mega-container {
    width: 960px;
  }
}

@media screen and (max-width: 980px) {
  .mega-container {
    width: 720px;
  }
}

@media screen and (max-width: 740px) {
  .mega-container {
    display: none;
  }
}

.mega-container {
  margin: 0 auto;
}

.mega-container li {
  vertical-align: top !important;
}


ul.megamenu li > ul {
  width: 100%;
}

ul.megamenu {
  padding-bottom: 20px;
}

ul.megamenu h4, ul.megamenu p.nav_subheader {
  padding: 20px 0 5px;
/* font-family: 'Montserrat',montserrat,arial, sans-serif; */
  font-weight: ;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: initial;
  border-bottom: 2px black solid;
}

ul.megamenu li:hover {
}

ul.megamenu li > ul.mega-stack {
  border: 0 !important;
  margin-bottom: 20px;
}

ul.megamenu li > ul.mega-stack li {
  line-height: 28px !important;
  text-align: left !important;
  display: block !important;
  clear: left;
  z-index: 1;
  white-space: nowrap;
}

ul.megamenu li > ul.mega-stack li a {
  padding: 0 !important;
  font-weight: 400;
  font-size: 11px !important;
  display: block;
  max-width: 200px;
  overflow: hidden;
}

.mega-container .product-details {
  margin-top: 0! important;
}

span.was .money {
  font-weight: 300;
}

.money {/* font-family: 'Montserrat',montserrat,arial, sans-serif; */ font-weight:500;}

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

.coverheader ul#main-nav li ul.megamenu h4, .coverheader ul#main-nav li ul.megamenu p.nav_subheader {
  color: #000000;
}


.mega-container .product a,
.mega-container .product .price {
  line-height: 1em;
}

.mega-container .product-details {
  line-height: 1em;
}

.mega-container .product-details p {
/* font-family: 'Montserrat',montserrat,arial, sans-serif; */
}

.mega-container .product_listing_options {
  display: none;
}

.mega-container .product-details a {
  display: block;
  padding: 0 !important;
}
.mega-container .product-details .price {
  display: inline;
}
.mega-container .product-details h4 {
  color: #000000 !important;
  margin-bottom: 3px;
  letter-spacing: initial;
  font-weight: ;
  font-size: 14px;
/* font-family: 'Montserrat',montserrat,arial, sans-serif; */
  padding: 0;
  text-transform: capitalize;
}

.mega-container .ci a {
  display: block;
  padding: 0! important;
  margin-top: 20px;
  margin-bottom: 10px;
}

.mm-image { padding-top: 15px; }

ul#main-nav li.dropdown:hover > ul.image_menu.submenu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}

span.submenu_column {
  grid-column-start: auto;
  grid-column-end: span 2;
  align-self: start;
}

span.nav_image {
  width: 200px;
}

.submenu_column li {
  width: 100%! important;
  white-space: nowrap! important;
  float: none! important;
  text-align: left! important;
  display: block! important;
  min-width: unset! important;
}

.submenu_column li a {
  line-height: 20px;
  min-width: 190px;
}

.nav_image.submenu_column a {
  display: block;
}

#search_reveal {
  position: relative;
  width: 50%;
  margin: 10px auto 20px;
  text-align: center;
}

input#search_button {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 100px;
  margin-bottom: 0;
}

#search_reveal input#q {
  height: 62px;
  margin-bottom: 0;
  line-height: 62px;
  border: 1px solid #e5e5e5;
}


/*!
*  Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome
*  License - https://icons8.com/good-boy-license/ (Font: SIL OFL 1.1, CSS: MIT License)
*
* Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
*
* Contacts:
*    [ https://icons8.com/contact ]
*
* Follow Icon8 on
*    Twitter [ https://twitter.com/icons_8 ]
*    Facebook [ https://www.facebook.com/Icons8 ]
*    Google+ [ https://plus.google.com/+Icons8 ]
*    GitHub [ https://github.com/icons8 ]
*/


@font-face {
  font-family: "LineAwesome";
  src: url("line-awesome.eot?v=1.1.");
  src: url("line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"),
       url("line-awesome.woff2?v=1.1.") format("woff2"),
       url("line-awesome.woff?v=1.1.") format("woff"),
       url("line-awesome.ttf?v=1.1.") format("truetype"),
       url("line-awesome.svg?v=1.1.#fa") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "LineAwesome";
    src: url("line-awesome.svg?v=1.1.#fa") format("svg");
    font-display: block;
  }
}

/* Thanks to http://fontawesome.io @fontawesome and @davegandy */
.la {
  display: inline-block;
  font: normal normal normal 16px/1 "LineAwesome";
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
/* makes the font 33% larger relative to the icon container */
.la-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.la-2x {
  font-size: 2em;
}
.la-3x {
  font-size: 3em;
}
.la-4x {
  font-size: 4em;
}
.la-5x {
  font-size: 5em;
}
.la-fw {
  width: 1.28571429em;
  text-align: center;
}
.la-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.la-ul > li {
  position: relative;
}
.la-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.la-li.la-lg {
  left: -1.85714286em;
}
.la-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.li.pull-left {
  margin-right: .3em;
}
.li.pull-right {
  margin-left: .3em;
}
.la-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.la-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.la-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.la-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.la-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.la-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.la-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .la-rotate-90,
:root .la-rotate-180,
:root .la-rotate-270,
:root .la-flip-horizontal,
:root .la-flip-vertical {
  filter: none;
}
.la-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.la-stack-1x,
.la-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.la-stack-1x {
  line-height: inherit;
}
.la-stack-2x {
  font-size: 2em;
}
.la-inverse {
  color: #ffffff;
}
/* Thanks to http://fontawesome.io @fontawesome and @davegandy */


.la-user:before { content: "\f364"; }
.la-user-times:before { content: "\f368"; }
.la-shopping-cart:before { content: "\f2fa"; }
.la-close:before { content: "\f191"; }
.la-angle-right:before { content: "\f112"; }
.la-search:before { content: "\f2eb"; }
.la-angle-left:before { content: "\f111"; }
.la-facebook-official:before { content: "\f1d8"; }
.la-instagram:before { content: "\f24d"; }
.la-pinterest:before { content: "\f2ba"; }
.la-envelope:before { content: "\f1c6"; }
.la-question-circle:before { content: "\f2cc"; }
.la-chevron-down:before { content: "\f184"; }
.la-chevron-left:before { content: "\f185"; }
.la-chevron-right:before { content: "\f186"; }
.la-chevron-up:before { content: "\f187"; }
.la-edit:before { content: "\f1c1"; }
.la-spinner:before { content: "\f311"; }
.la-info-circle:before { content: "\f24b"; }
.la-balance-scale:before { content: "\f12b"; }
.la-battery-full:before { content: "\f138"; }
.la-truck:before { content: "\f352"; }
.la-repeat:before { content: "\f2d9"; }
.la-heart-o:before { content: "\f234"; }
.la-heart:before { content: "\f233"; }
.la-check:before { content: "\f17b"; }
.la-gift:before { content: "\f212"; }
.la-arrow-circle-down:before { content: "\f117"; }
.la-arrow-circle-left:before { content: "\f118"; }
.la-arrow-circle-o-down:before { content: "\f119"; }
.la-arrow-circle-o-left:before { content: "\f11a"; }
.la-arrow-circle-o-right:before { content: "\f11b"; }
.la-arrow-circle-o-up:before { content: "\f11c"; }
.la-arrow-circle-right:before { content: "\f11d"; }
.la-arrow-circle-up:before { content: "\f11e"; }
.la-arrow-down:before { content: "\f11f"; }
.la-arrow-left:before { content: "\f120"; }
.la-arrow-right:before { content: "\f121"; }
.la-arrow-up:before { content: "\f122"; }
.la-arrows:before { content: "\f123"; }
.la-arrows-alt:before { content: "\f124"; }
.la-arrows-h:before { content: "\f125"; }
.la-arrows-v:before { content: "\f126"; }
.la-star:before { content: "\f318"; }
.la-star-half:before { content: "\f319"; }
.la-star-half-o:before, .la-star-half-full:before, .la-star-half-empty:before { content: "\f31a"; }
.la-star-o:before { content: "\f31b"; }
.la-smile-o:before { content: "\f305"; }
.la-trophy:before { content: "\f351"; }
.la-credit-card:before { content: "\f1aa"; }
.la-undo:before { content: "\f35d"; }
.la-cogs:before { content: "\f19b"; }
.la-rocket:before { content: "\f2df"; }
.la-tag:before { content: "\f330"; }
.la-tags:before { content: "\f331"; }
.la-times:before, .la-remove:before { content: "\f342"; }
.la-times-circle:before { content: "\f343"; }
.la-times-circle-o:before { content: "\f344"; }
.la-info:before { content: "\f24a"; }
.la-info-circle:before { content: "\f24b"; }
 





/* ============================================== */
/* ================ AJAX CART ================ */
/* ============================================== */

.js-drawer-open {
  overflow: hidden;
  height: 100%;
}



.is-moved-by-drawer {
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}


.drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  outline: 0 none;
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  z-index: 22;
  color: #000000;
  background-color: #ffffff;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
}

.drawer__header {
  display: table;
  height: 70px;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.drawer__header h3 {
  margin-bottom: 0;
}

.drawer__close {
  text-align: right;
  float: right;
  cursor: pointer;
}

/*.ajaxcart__inner {
margin-bottom: 30px;
} */

.ajaxcart__product {
  position: relative;
  max-height: 500px;
}

/*#CartDrawer .row {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e5e5e5; 
width: 100%;
}*/

.ajaxcart__product-image {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}

.ajaxcart__product-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.item_dtl p {
  margin-bottom: 0;
}

p.item_price {
  margin: 5px 0 10px;
}

.grid__item.desktop-12.tablet62.mobile-3.item_img {
  height: 150px;
  overflow: hidden;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.ajaxcart__qty {
  clear: left;
  display: block;
}

.ajaxcart__footer.row .additional_checkout_buttons {
  text-align: center;
}

span.fallback-text {
  display: none;
}

/*input.ajaxcart__qty-num {
float: left;
display: inline-block;
width: 50px;
height: 48px;
line-height: 46px;
border: 1px solid #e5e5e5;
padding: 0;
text-align: center;
-webkit-appearance: none;
text-indent: 0;
-moz-appearance: none;
color: #000000;
border-left: 0;
border-right: 0;
margin-bottom:0;
background: transparent;
outline: 0 none;
}

input.js-qty__num {
float: left;
display: inline-block;
width: initial;
height: 48px;
line-height: 46px;
padding: 0;
margin: 0;
border-left: 0;
border-right: 0;
text-align: center;
min-width: initial;
max-width: 60px;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0;
outline: 0 none;
}
*/


textarea#CartSpecialInstructions {
  width: 320px !important;
  max-width: 320px;
  min-width: 320px;
}

.drawer .text-right {
  line-height: 40px;
}

.cart__checkout {
  width: 100%;
}

.ajaxcart__footer.row .text-right {
  line-height: initial;
}

.ajaxcart__footer.row .text-center {
  clear: left;
}

/* ============================================== */
/* ================ index.liquid ================ */
/* ============================================== */

/* ALL HOMEPAGE ELEMENTS */
.index-section {
  width: 100%;
  position: relative;
}
.index-section section {
  padding-top: 20px;
}
.index-section:first-child section {
  padding-top: 0;
}
.index-section:last-child section {
  margin-bottom: 0;
}

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

.collection-block {
  padding-bottom: 30px;
  display: block;
  float: left;
  width: 100%;
}

.collection-carousel {
  padding: 0 10px 0;
}


.collection-carousel .product {
  margin-bottom: 0;
}

.collection-index {
  position: relative;
}

.collection-info {
  text-align: center;
  margin-top: 10px;
}

.collection-info h3 {
  text-transform: uppercase;
  margin-bottom: 0;
}

.collection-info p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
}

.collection-image {
  padding: 2px;
  text-align: center;
}

/* IMAGE BLOCKS */
.homepage-promo,
.homepage-promo .caption p {
/* font-family: 'Montserrat',montserrat,arial, sans-serif; */
}
.homepage-promo {
  margin-bottom: 30px;
}
.homepage-promo .pimg {
  min-height: 1px;
}

.promo-inner {
  position: relative;
}

.promo-inner .caption p {
  margin-bottom: 0;
}

.promo-inner span.cta {
  margin-bottom: 0;
  margin-right: 0;
}

section.parallax .row {
  display: table;
  width: 100%;
}

.parallax-mirror {
  -webkit-transform-style: preserve-3d;
}

.parallax {
  position: relative;
  width: 100%;
  min-height: 100px;
}

.parallax-text {
/* font-family: 'Montserrat',montserrat,arial, sans-serif; */
  line-height: initial;
  position: relative;
  z-index: 2;
}

.parallax-text .button {
  width: auto;
  width: initial;
  padding: 15px 20px;
  margin-top: 20px;
}

.parallax-content {
  display: table-cell;
  float: none !important;
  vertical-align: middle;
  text-align: center;
  margin: 0 !important;
  width: 100% !important;
}
/* NEWSLETTER */

#newsletter {
  line-height: 80px;
  padding: 30px 15px 0 15px;
}
section.homepage-newsletter #social-icons {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}
section.homepage-newsletter #social-icons li {
  line-height: 13px;
}
section.homepage-newsletter p.form--success {
  margin-top: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

section.homepage-newsletter .section-title {
  margin-bottom: 0;
}
section.homepage-newsletter .section-header p {
  margin: 0;
  padding: 0;
}
section.homepage-newsletter .section-header {
  text-align: center;
}

section.homepage-newsletter .input-group {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
}
section.homepage-newsletter .password__input-group {
  max-width: 480px;
  margin: 0 auto;
}

section.homepage-newsletter .newsletter__submit {
  width: 30%;
  float: left;
  font-size: 13px;
  padding: 0 12px;
  height: 44px;
  transition: all .25s ease-in-out;
}

section.homepage-newsletter .newsletter__input {
  width: 70%;
  float:left;
  border-radius: 0;
  border: 1px solid ;
  background: transparent;
  margin-bottom: 0;
  height: 44px;
  line-height: 44px;
}

/* === Section titles === */
.section-title {
  text-align: center;
  float: none !important;
  width: 100%;
  border-bottom: 0;
  padding: 0 0 30px;
  margin-bottom: 20px;
  max-width: 100vw;
}

.section-title h1,
.section-title h2,
.section-title h3 {
  color: #000000;
  margin-bottom: 0;
}


.section-title { position: relative; padding-bottom:5px; }
@media screen and (min-width: 500px) { 
  .section-title h1,   .section-title h5 {

    min-width: fit-content !important;

    max-width: 500px !important;
 border-bottom: solid #000 3px! important; 
    visibility: visible! important;
    
    text-align: center;
    

  }
  .section-title h2,     .section-title h4 {
    padding: 30px 0; 
    min-width: fit-content !important;
    width: 500px;
    max-width: 90vw !important;
  /*  border-bottom: solid #000 3px! important; */
    visibility: visible! important;
    
    text-align: center;
    

  }

  .section-title h3 { 
    min-width: fit-content !important;
    width: 400px;
    max-width: 90vw !important;
  /*  border-bottom: solid #000 3px! important; */
    visibility: visible! important;
    
    text-align: center;
    

  }
  
    .section-title h2 {font-size: 36px;}
}
@media screen and (max-width: 500px) { 
  .section-title h1,   .section-title h2,   .section-title h3,   .section-title h4,   .section-title h5 {
  /*  border-bottom: solid #000 3px! important;*/
    visibility: visible! important;
    text-align: center;
    max-width: 90vw !important

  }
      .section-title h2 {font-size: 30px;     padding: 25px 0px; }
}
.section-title h1 { margin: auto;}






.product .section-title h1 {
  padding-top: 10px;
  min-width: 100%;
  line-height:1;

}


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

ul#social-icons {
  list-style: none;
  margin: 30px 0;
}

ul#social-icons li {
  text-align: center;
  display: inline-block;
  margin: 0 10px;
}

input#social-EMAIL {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  text-transform: uppercase;
  text-indent: 0;
  width: 80%;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
}

input#social-subscribe {
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  width: 80%;
  margin-top: 10px;
}

input#social-EMAIL:focus {
  outline:0;
  box-shadow: 0 0 0;
}




#content {

}

#content.custom-page-content {
  margin-bottom: 0;
}

/* HOMEPAGE MAP SECTION (Added 1-24-18) */
.map-caption-inner {
  padding: 30px;
}

@media screen and (max-width: 500px) {
  .map-caption-inner {
    text-align: center;
  }
}

.product-page #breadcrumb,
.collection-list-template #breadcrumb {
  margin-bottom: 0! important;
}




.map-section__image {
  height: 100%;
  position:relative;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
}

/* Hide Google maps UI */
.gm-style-cc,
.gm-style-cc + div {
  visibility: hidden;
}

.homepage-map .placeholder-svg {
  fill: rgba(28,29,29,0.1);
  padding-top: 30px;
}

.homepage-map .text_left .map-container {
  float: right;
}


/* =================== */
/* = Text With Image = */
/* =================== */
.text-with-image {
  display: inline-block;
  float: none !important;
  vertical-align: middle;
  margin-left: -2px !important;
}

.text-with-image.text_section {
  display: inline-block;
  float: none !important;
  vertical-align: middle;
  padding: 15px;
}

.image-with-text-wrapper.grid_wrapper {
  align-items: center;
}

@media screen and ( max-width: 740px ) {
  .image-with-text-wrapper h3 {
    margin-top: 15px;
  }

  .text-with-image.text_section.desktop-6,
  .text-with-image.text_section.desktop-8,
  .text-with-image.text_section.desktop-4 {
    width: 100%! important;
  }

}

.text-with-image.text_section h2.sections {
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-with-image.text_section h2.sections, .text_section .rte {
  text-align: left;
  margin-left: 0;
}

.text-with-image.text_section h2.sections span {
  padding-left: 0;
}

.text-with-image.text_section.text-centered h2.sections,
.text-with-image.text_section.text-centered .rte {
  text-align: center;
}

.text-with-image.text_section.text-centered h2.sections span {
  padding-left: 10px !important;
}

@media screen and ( max-width: 740px ) {
  .image-right {
    display: none;
  }
  .mobile-image .image-right {
    display: block;
  }
}

@supports (display: grid) {
  @media screen and ( max-width: 740px ) {
    .image-with-text-wrapper.grid_wrapper {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);

      grid-row-gap: 20px;
    }
    .image-with-text-wrapper.grid_wrapper .span-3,
    .image-with-text-wrapper.grid_wrapper .span-4,
    .image-with-text-wrapper.grid_wrapper .span-6,
    .image-with-text-wrapper.grid_wrapper .span-8 {
      grid-column: auto / span 3 !important;
    }
  }
}

.image-column {
  margin-bottom: 20px;
}



.ci a:focus {
  outline: none !important;
}
input[aria-label="Search"] {
  background-color: transparent !important;
}

/* HEADER */



  
   .flyout__content--shipping>span.red,  .flyout__content--shipping>span.red .money {
    background-color: #e05e60;
    vertical-align: unset;
position: fixed;}
   span.red {
    top: 70px;
    padding: 10px;
    text-align: center;
    width: 100vw;
    color: white;
    font-size: 6px;
 
   z-index: 10;
     text-transform: uppercase;
}
     .flyout__content--shipping>span {  top: 70px;
     background-color: #66d7d1;
     padding: 10px;
    text-align: center;
    width: 100vw;
    color: white;
    font-size: 6px;
/* font-family: 'Montserrat',montserrat,arial, sans-serif; */
    z-index: 10;
     text-transform: uppercase;
 position: fixed;
    letter-spacing: 1.1px;
}


@media screen and (min-width: 981px) and (max-width: 1360px){
  a.dlinks {
    margin-right: 8px !important;
    font-weight: 500;
  }
  #logo {
    height: 100px;
    overflow: hidden;
    width: 180px !important;
  }
  #logo div {
    margin-left: 10px !important;
  }
  ul#main-nav {
    padding-left: 10px !important;
  }

}
@media screen and (min-width: 1361px) {  
  a.dlinks { 
    margin-right: 20px;
    font-weight: 500; }
  #logo {
    height: 100px;
    overflow: hidden;
    width: 230px !important;
  }
  #logo div {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 981px) and (max-width: 1255px){
 a.dlinks,  a.dlinks span {font-size: 10px !important; }

  a.link-special.dlinks:before, a.link-special.dlinks  {   width: 107px !important; }
  a.sticker.dlinks:before, a.sticker.dlinks {
    width: 75px !important;
  }
  a.wallet.dlinks:before, a.wallet.dlinks {
    width: 73px !important;
  }
  a.phone-rings.dlinks:before, a.phone-rings.dlinks {
    width: 101px !important;
}
    li > a.airpods.dlinks:before, a.airpods.dlinks {
    width: 111px !important;
}
    li > a.dlinks.shop-cases:before, a.dlinks.shop-cases {
    width: 100px !important;
}
  a.accessories.dlinks:before, a.accessories  {
  width: 105px;
}
  a.collabs.dlinks:before, a.collabs.dlinks {
    width: 81px !important;
}
  a.gift.dlinks:before {
  width: 65px;
}
  a.gift.dlinks span {width: 53px;}

a.dlinks.power-pods:before {
    width: 90px;
}

  }

@media screen and (min-width: 1256px){
a.dlinks:before, a.shop-cases {
  width: 118px;
  margin-left: 0px;
}

a.sticker.dlinks, a.wallet.dlinks, a.sticker.dlinks:before, a.wallet.dlinks:before {
  width: 87px;
}

a.phone-rings.dlinks:before, a.phone-rings.dlinks {
  width: 118px;
}


a.link-special.dlinks:before, a.link-special.dlinks  {
  width: 126px;

}

a.airpods.dlinks:before, a.airpods.dlinks  {
  width: 132px;
}

a.bf.dlinks:before, a.bf.dlinks  {
  width: 114px;
  background: #f46b6b !important;}

a.accessories.dlinks:before, a.accessories  {
  width: 116px;
}
    a.collabs.dlinks:before, a.collabs.dlinks {
    width: 91px !important;
}
 a.gift.dlinks span {
  width: 63px;
}
  a.gift.dlinks:before { width: 78px;}
  a.dlinks.power-pods:before {
    width: 110px;
}
}




  a.dlinks.black-friday span {
    color: #f46b6b;
}
a.black-friday.dlinks:before {
    background: #f46b6b;
}
 a.dlinks.black-friday svg path {
    stroke: #f46b6b;
}


 li.mm-link.black-friday a, li.mm-link.black-friday:after {
    color: #f46b6b;
}

a.dlinks span {
    padding-right: 7px;
}
 

    a.link-special.dlinks:hover,  a.link-special.dlinks:hover span {color: var(--blueberry) !important;}


  
    a.dlinks:before {
      content: "";
      position: absolute;
      height: 2px;
      bottom: 35px;
      background: #000;
      z-index: 10000;
      visibility: hidden;
      border-radius: 5px;
      transform: scaleX(0);
      transition: .25s linear;
    }


    a.dlinks.link-special:before {  background: #5773be !important;}


    a.dlinks:hover:before,
    a.dlinks:focus:before {
      visibility: visible;
      transform: scaleX(1);
    }

    a.dlinks{
      overflow: hidden;
      display: flex;
      justify-content: space-between;
    }


    a.dlinks svg.arrow-down {
      margin-top: 22px;
      margin-right: 3px;}



   .mega-stack h5, .mega-stack p {
    font-size: 15px!important;
     margin-bottom: 10px;
     font-weight: 500;
}
  a.hover-underline:hover span {text-decoration: underline;}

  .dropdown a:hover h5,   .dropdown a:hover h4,   .dropdown a:hover p.nav_subheader{color: var(--blueberry); border-color: var(--blueberry);}

  .exclusive {font-size: 9px; color: #696969;}







  .mega-container .product-details p {line-height:13px !important;}





  li.desktop-2.product-index.join:hover {background: #5773BE !important; cursor: pointer;}
  li.desktop-2.product-index.join:hover a.join-button,  li.desktop-2.product-index.join:hover i.la,  a.join:hover a.join-button,   a.join:hover i.la, a.join-button:hover, i.la-arrow-circle-right.la:hover {color: white !important;}

  
  .nav-link-desc {
    display: block;
    letter-spacing: 0px;
    line-height: 9px;
    font-size: 10px;
    padding-bottom: 10px;
}
  .lh-22 {
    line-height: 22px !important;
}


  
  .desktop-2.product-index.join > a.join-button {
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 18px !important;
    font-weight: 500;
    text-align: center;
    display: block;
    color: black;
    padding-bottom: 0 !important;
    transition: none !important;
     padding-top: 7px!important;
  }
 .desktop-2.product-index.join a.join-button:hover, li.desktop-2.product-index.join:hover a.join-button {
    color: white!important;
}

.desktop-2.product-index.join {
    border-radius: 100px!important;
    width: 110px!important;
    height: 110px!important;
    text-align: center!important;
    background: #e9e9e9;
    margin-top: 50px!important;
}

.la.la-arrow-circle-right {
    color: black;
}
  .club-member-links > a {
    margin-top: 30px;
}

.club-member-links {
    margin-bottom: 10px;
}

.la.la-truck {
    margin-right: 5px;
}
  li.top-nav-link{width: fit-content;
    background: var(--blueberry);
    height: 100%;
    padding: 10px;
    text-transform: uppercase;
    /* font-family: 'Montserrat',montserrat,arial, sans-serif; */
    letter-spacing: .5px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 20%;
}

.info-bar-wrapper {width: 100vw !important; margin-left:0; margin-right: 0; }

 
.more-devices-link {
    padding-bottom: 20px;
    margin-top: -10px;
}
.cen-x.no-more {
    clear: left;
  margin:auto;
}

 .feature-icons h4 {
    padding: 10px;
    margin: auto;
}