*,
abbr,
acronym,
fieldset,
img {
    border: 0;
}

a,
body {
    color: #212121;
}


.floating-img {
 z-index: 999999;
}

.page-blog .floating-img, .article .floating-img  {
  display: none !important;
}


.heading--0,
.heading--1 {
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.brands.__submenu {
 padding-left: 25px !important; 
}

.heading--0,
.heading--1,
.heading--2,
.heading--3 {
    text-transform: uppercase;
}

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

.maxheight830 {
 max-height: 830px;
}

.fullwidthimage .mobile {
 width: 100%;
  display: none;
}


.pr {
  position: relative;

}
.pr .video-bg-text {
  height: 100% !important;
}

.browserupgrade {
    z-index: 20;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 90%;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 5%;
    background: #fff;
}

caption,
p,
th {
    text-align: left;
}

*,
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

.browserupgrade a {
    text-decoration: underline;
}

.browserupgrade strong {
    font-weight: 700;
}

.svg-sprite {
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
}

@media screen and (min-width: 801px) {
    .mobile-visible.mobile-visible {
        display: none;
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 150%;
    font-weight: 400;
}

.100vh {
 	height: 100vh;
}

q:after,
q:before {
    content: "";
}

abbr,
acronym {
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.button,	
body {	
    font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif !important;	
}
.textwhite {
  color: #fff;
}

legend {
    color: #000;
}

#yui3-css-stamp.cssreset {
    display: none;
}


html {
    overflow-y: scroll;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

::-moz-selection {
    background: #212121;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #212121;
    color: #fff;
    text-shadow: none;
}

.header,
body {
    background: #fff;
}

body {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow: hidden;
}

a {
    text-decoration: none;
}

.heading--0 {
    font-size: 70px;
    line-height: 80px;
    font-weight: 900;
}

@media screen and (max-width: 800px) {
.old-product-template .pdp__top__description {
  width: 100% !important;
  padding-left: 0px !important;
}
  .old-product-template .pdp__images {
    width: 100% !important;
  	margin-bottom: 10px !important;
  }
  .fullwidthimage .mobile {
   display: block;
  }
    .mobile-hidden.mobile-hidden {
        display: none;
    }
    .heading--0 {
        font-size: 34px;
        line-height: 50px;
    }
}

.heading--1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
}

.heading--2,
.heading--3,
.heading--4 {
    letter-spacing: 0.01em;
    font-weight: 900;
}

@media screen and (max-width: 800px) {
    .heading--1 {
        font-size: 34px;
        line-height: 50px;
    }
}

.heading--2 {
    font-size: 34px;
    line-height: 40px;
}

.heading--3 {
    font-size: 26px;
    line-height: 42px;
}

@media screen and (max-width: 800px) {
    .heading--3 {
        font-size: 22px;
        line-height: 36px;
    }
}

.heading--5,
.heading--6 {
    line-height: 20px;
    text-transform: uppercase;



}

.heading--4 {
    font-size: 22px;
    text-transform: uppercase;
}

.heading--5 {
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: 700;
}

.heading--6 {
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: 900;
}

p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}

p+p {
    margin-top: 1.52941em;
}

.content {
    display: block;
    padding-top: 80px;
}




/* ==========================================================================
   Blog
   ========================================================================== */

.blog-header {
    text-align: center;
    background:#fff;
    overflow: hidden;
    min-height: 620px;
}

.blocktext .heading--6 {
    font-size: 22px;
    text-transform: uppercase;
}

.blogfeed strong {
    font-weight: 700;
}

.blogfeed .textarea_left, .blogfeed .textarea_left p {
    text-align:left !important;
    padding-left: 0px;
}

.blogfeed .textarea_left .heading--6, .blogfeed .textarea_left .heading--4  {
    padding-left: 0px;
}

.blogfeed .textarea_center,
.blogfeed .textarea_center p {
    text-align: center !important;
}

.blogfeed .blockquote {
    padding: 40px 80px;
}

.templateArticle .content {
    padding-top: 64px;
}

@media screen and (max-width: 800px) {
.templateArticle .content {
    padding-top: 41px;
}

}

.blogfeed .button {
    margin-top: 40px;
    line-height: 22px;
    padding: 20px;
    margin-bottom: 40px;
}

.blogfeed .button.borderbutton {
    background: #fff;
    color: #000;
    border: 2px solid #000;
}
.blogfeed .button.borderbutton:hover {
    background: #000;
    color: #fff;
}

.blogfeed .nomarginbottom {
    margin-bottom: 0px !important;
}

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

.blogfeed  p {
    max-width: 830px;
    padding: 0 20px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    font-weight: 400;
    margin-top: 15px;
    letter-spacing: .5px;
}

.blogfeed .paragraph a {
    text-decoration: underline;
    font-style: italic;
}

.blogfeed .heading--4 {
    text-transform: none;
}

.slideshowdescription p {
 	background: #fff;
}

.navbuttons {
  background: #fff;
}

.blogfeed .article-content img {
    max-width: 100%;
    margin-bottom: 25px;
}

.textindent {
    left: -9999px;
    position: absolute;
}

.blogfeed .heading--6 {
        letter-spacing: 0em;
}
.blogfeed .vimeoFrame {
    top: 0px !important;
    margin-top: 0px !important;
}

.heightzero {
    height: 0;
}

.blogfeed .svgtitle {
    margin-top:100px;
    margin-bottom: 60px;
}

.blogfeed .svgtitle.desktop {
    max-width: 800px;
    padding: 0 20px;
}

.blogfeed .svgtitle.mobile {
    display: none;
}

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

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

.videoblogfeed {
    position: relative;
}

.blogfeed .fullwidthimage img {
    width: 100%;
}

.overlay .closebutton.closebuttonblog {
    top: 20px;
    z-index: 9999;
}

.blogfeed .video-container {
    position: relative;
}

.blogfeed .video-bg-text {
    height: 66vh;
}

.blogfeed .video-responsive {
    background-size: cover;
    background-position: center center;
    height: 66vh;
}

.blogfeed .video-responsive img {
    width: 100%;
}

.blogfeed .grid__6 .title {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.blogfeed .title.desktop {
    display:block;
}

.blogfeed .title.mobile {
    display: none;
}

img.desktop {
  width: 100%;
}

.blogfeed .fullwidthimage .desktop {
    display: block;
}

.blogfeed .fullwidthimage .mobile {
    display: none;
}

.blogfeed .videowrapper {
    position: relative;
    padding-bottom: 54.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
}

.blogfeed .videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blogfeed .fullwidthvideo video {
    width: 100%;
    height: auto;
}


.shoptheproduct {
    background-image: url(https://cdn.shopify.com/s/files/1/1230/7954/t/2/assets/rudys-product-bg.jpg?34ba6669514711785ddb188bd0aaa390);
    background-size: cover;
    padding: 30px 0px;
}
.shoptheproduct .title {
    width: 100%;
    text-align: center;
}

.shoptheproduct .product {
    width: 24% !important;
}

.blogfeed.blogtemplatev2 .tiles {
    padding: 120px 0px !important;
}
.blogfeed .textarea_block {
    margin-top: 120px !important;
}

.textaligncenter {
	text-align: center;

}

.textaligncenter p {
   text-align: center;
}


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

.blogfeed .tiles {
    padding: 150px 0;
}

  .flickity-page-dots {
   	display: none;
  }

}


.fullwidth .article-content {
    max-width: 755px;
    margin: 0 auto;
}

.slideshowdescription {
 padding: 0 10px;
}

.slideshowdescription p {
     color: #000;
    font: 400 18px/30px "Source Sans Pro",sans-serif;
    letter-spacing: 1px;
}


.ourstory-title {
	margin-bottom: 20px;
}

.icons {
 margin: 0 auto;
 max-width: 200px;
}

.icons img {
    width: 100%;
    max-width:100%;
}

.fullwidth.textblock {
 	padding: 80px 0px;
   margin-bottom: 80px;
}

.fullwidth.textblock p {
     color: #000;
    font: 400 18px/30px "Source Sans Pro",sans-serif;
    letter-spacing: 1px;
  padding:0 10px;
}

.carousel {
  background: transparent;
}

.carousel-cell img {
 width:100%;
}

.carouselone .carousel-cell, .carouseltwo .carousel-cell, .carouselthree .carousel-cell, .carouselfour .carousel-cell {
  width: 40%;
  position:absolute;
  height: auto;
  margin-right: 10px;
  background: transparent;
  counter-increment: carousel-cell;
}

.collectionfeature {
    margin-bottom: 75px;
    padding-left: 15px;
    padding-right: 15px;
}



.navbuttons {
  text-align: center;
  margin: 35px 0px;
}

.navbuttons .trigger {
	padding: 5px;
    margin: 10px;
    font-weight: 700;
    font-size: 18px;
}

.navbuttons .trigger:hover {
  cursor: pointer;
}

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


.carousel-cell {
  width: 100%;
  height: auto;
  margin-right: 0px;
  background: #fff;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

  .video-bg-text {
   height: 65vh !important;
  }

.fullwidth.textblock {
 	padding: 40px 0px;
}

.flickity-enabled {
 margin-bottom: 100px;
}

.blogfeed.blogtemplatev2 .tiles {
    padding: 40px 0px !important;
}


.blogfeed .blockquote {
    padding: 40px 20px;
}

.blogfeed .blockquote p {
    margin-top: 0px;
}


.blogfeed .tiles__image {
    padding-bottom: 0px;
}

.shoptheproduct .product {
    width: 48% !important;
}

.blogfeed .fullwidthimage .desktop {
    display: none;
}

.blogfeed .fullwidthimage .mobile {
    display: block;
}

.fullwidthimage .desktop {
    display: none;
}

.fullwidthimage .mobile {
    display: block;
}

.blogfeed .svgtitle.desktop {
    display:none;
}

.blogfeed .svgtitle.mobile {
    display: block;
    margin-top:50px;
}

.blogfeed .title.desktop {
    display:none;
}

.blogfeed .title.mobile {
    display: block;
}


.blogfeed .tiles, .blogfeed .tiles__copy {
    padding-top: 30px;
}

.blogfeed .textblock {
    margin-bottom: 60px;
}

.blogfeed .textarea_left .heading--6, .blogfeed .textarea_left .heading--4 {
    padding-left: 0px;
}

.blogfeed p {
    font: 400 16px/21px "Source Sans Pro",sans-serif;
    padding: 0px 0px;
}

.blogfeed .textarea_block {
    margin: 40px 0px !important;
    padding: 0px 20px !important;
}

.blogfeed .tiles__copy {
    padding-bottom: 0px;
}





}

@media screen and (min-width: 801px){
.blogfeed .tiles__copy {
    width: 44%;
    left: 51%;
}


}



@media screen and (max-width: 800px) {
    .content {
        padding-top: 56px;
    }
}

.grid {
    max-width: 1600px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}

.grid__1,
.grid__10,
.grid__11,
.grid__12,
.grid__2,
.grid__3,
.grid__4,
.grid__5,
.grid__7,
.grid__8,
.grid__9 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    vertical-align: top;
    box-sizing: border-box;
}

.grid__space--1,
.grid__space--10,
.grid__space--11,
.grid__space--12,
.grid__space--2,
.grid__space--3,
.grid__space--4,
.grid__space--5,
.grid__space--6,
.grid__space--7,
.grid__space--8,
.grid__space--9 {
    width: 100%;
    border: 0;
    height: 0;
    display: block;
}

.grid__space--1 {
    padding-top: 30px;
}

.grid__space--2 {
    padding-top: 60px;
}

.grid__space--3 {
    padding-top: 90px;
}

.grid__space--4 {
    padding-top: 120px;
}

.grid__space--5 {
    padding-top: 150px;
}

.grid__space--6 {
    padding-top: 180px;
}

.grid__space--7 {
    padding-top: 210px;
}

.grid__space--8 {
    padding-top: 240px;
}

.grid__space--9 {
    padding-top: 270px;
}

.grid__space--10 {
    padding-top: 300px;
}

.grid__space--11 {
    padding-top: 330px;
}

.grid__space--12 {
    padding-top: 360px;
}

.grid__1 {
    width: 8.33333%;
    display: inline-block;
}

.grid__1 img {
    width: 100%;
    display: block;
}

.grid__2 {
    width: 16.66667%;
    display: inline-block;
}

.grid__2 img {
    width: 100%;
    display: block;
}

.grid__3 {
    width: 25%;
    display: inline-block;
}

.grid__3 img {
    width: 100%;
    display: block;
}

.grid__4 {
    width: 32.8%;
    display: inline-block;
}

.grid__4 img {
    width: 100%;
    display: block;
}

.grid__5 {
    width: 41.66667%;
    display: inline-block;
}

.grid__5 img {
    width: 100%;
    display: block;
}

.grid__6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.grid__6 img {
    width: 100%;
    display: block;
}

.grid__7 {
    width: 58.33333%;
    display: inline-block;
}

.grid__7 img {
    width: 100%;
    display: block;
}

.grid__8 {
    width: 66.66667%;
    display: inline-block;
}

.grid__8 img {
    width: 100%;
    display: block;
}

.grid__9 {
    width: 75%;
    display: inline-block;
}

.grid__9 img {
    width: 100%;
    display: block;
}

.grid__10 {
    width: 83.33333%;
    display: inline-block;
}

.grid__10 img {
    width: 100%;
    display: block;
}

.grid__11 {
    width: 91.66667%;
    display: inline-block;
}

.grid__11 img {
    width: 100%;
    display: block;
}

.grid__12 {
    width: 100%;
    display: inline-block;
}

.grid__12 img {
    width: 100%;
    display: block;
}

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

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

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

@media screen and (max-width: 800px) and (min-width: 801px) {
    .grid {
        margin-left: 30px;
        margin-right: 30px;
    }
    .grid__10,
    .grid__11,
    .grid__12,
    .grid__7,
    .grid__8,
    .grid__9 {
        width: 100%;
    }
    .grid__1,
    .grid__2,
    .grid__3,
    .grid__4,
    .grid__5,
    .grid__6 {
        width: 50%;
    }
}

@media screen and (max-width: 800px) {
    .grid {
        padding: 0;
    }
    .grid__1,
    .grid__10,
    .grid__11,
    .grid__12,
    .grid__2,
    .grid__3,
    .grid__4,
    .grid__5,
    .grid__6,
    .grid__7,
    .grid__8,
    .grid__9 {
        width: 100%;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .grid--outer {
        padding: 0;
    }
}

.header {
    position: fixed;
    height: 80px;
    width: 100%;
    z-index: 30;
    top: 0;
    left: 0;
}
.header__nav__primary,
.header__nav__secondary {
    width: 410px;
    position: absolute;
    height: 56px;
    top: 50%;
    margin-top: -28px;
}

.header__nav__primary li,
.header__nav__secondary li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 900;
    text-transform: uppercase;
}

.header__nav__primary a,	
.header__nav__secondary a {	
    display: block;	
    height: 20px;	
    padding: 18px 10px;	
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);	
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);	
  color: #212121 !important;	
  text-decoration:unset;	
}

.header__nav__primary svg,
.header__nav__secondary svg {
    -webkit-transition: fill 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: fill 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.header__nav__primary {
    left: 16px;
}

.header__nav__primary.contains-active a {
    color: #e0e0e0;
}

.header__nav__primary.contains-active a.is-active {
    color: #212121;
}

.no-touchevents .header__nav__primary a:hover,
.no-touchevents .header__nav__secondary a:hover {
    color: #e0e0e0;
}

.no-touchevents .header__nav__secondary a:hover svg {
    fill: #e0e0e0;
}

.no-touchevents .header__nav__secondary .header__nav__secondary__book:hover {
    color: #fbeaca;
}

.no-touchevents .header__nav__primary.contains-active a:hover {
    color: #212121;
}

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

.header__nav__secondary svg {
    width: 20px;
    height: 20px;
}

.header__nav__secondary li {
    position: relative;
}

.header__nav__secondary__cart {
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 8px;
    text-align: center;
    width: 100%;
    height: 20px;
    display: block;
    line-height: 20px;
}

.header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -68px;
    margin-top: -16px;
}

.header__logo svg {
    width: 100%;
    height: 100%;
}

.header__nav__secondary__book.header__nav__secondary__book {
    width: 140px;
    padding-left: 4px;
    text-align: center;
    box-sizing: border-box;
    height: 56px;
    color: #f0c21a;
}

.header__nav__secondary__book.header__nav__secondary__book svg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 30px;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

@media screen and (max-width: 940px) {
    .header__nav__primary,
    .header__nav__secondary li:first-child,
    .header__nav__secondary li:first-child+li+li {
        display: none;
    }
    .header__logo {
        width: 116px;
        height: 25px;
        margin-left: -58px;
        margin-top: -12.5px;
    }
    .header__nav__secondary {
        right: 3px;
    }
    .header,
    .header__nav__primary,
    .header__nav__secondary__book.header__nav__secondary__book {
        height: 56px;
    }
}

.footer {
    padding-top: 38px;
    background: #212121;
    color: #fff;
}

.footer a {
    color: #9d9d9d;
}

.footer__nav__col {
    width: 23%;
    display: inline-block;
    vertical-align: top;
}

.footer__nav__col .heading--5 {
    padding-bottom: 13px;
}

.footer__nav__col a {
    font-size: 16;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 400;
    text-transform: uppercase;
    padding: 5px 0;
    display: block;
}

.footer__nav__sub {
    margin-top: 5px;
}

.footer__secondary {
    padding: 0 15px;
}

.footer__secondary ul {
    padding: 0 15px;
    box-sizing: border-box;
}

.footer__secondary svg {
    width: 23px;
    height: 16px;
    vertical-align: middle;
    margin-right: 14px;
}

.footer__secondary li {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
}

.footer__secondary a,
.footer__secondary small {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 400;
    text-transform: uppercase;
}

.accordion__list em,
.accordion__list h3 {
    letter-spacing: 0.01em;
    font-weight: 900;
    text-transform: uppercase;
}

.footer__secondary a {
    padding: 18px 0 18px 24px;
    display: block;
}

.footer__secondary small {
    display: inline-block;
    padding: 18px 0;
}

.footer__everybody {
    text-align: right;
    margin-left: 8px;
    position: relative;
}

.footer__everybody img {
    margin-top: 70px;
    display: inline-block;
    vertical-align: top;
    width: 209px;
    height: 104px;
}

.cart-page .cart-empty {
    padding: 10vh 0;
    text-align: center;
}

.no-touchevents .footer__nav__sub a,
.no-touchevents .footer__secondary a {
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.no-touchevents .footer__nav__sub a:hover,
.no-touchevents .footer__secondary a:hover {
    color: #424242;
}

.no-touchevents .footer__everybody a:hover img {
    opacity: 0.5;
}

@media screen and (min-width: 801px) {
    .footer__secondary a {
        margin-left: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .footer__secondary ul {
        width: 50%;
    }
    .footer__secondary li {
        width: 22%;
    }
    .footer__secondary li:first-child {
        width: 33.3%;
    }
    .footer__secondary a {
        padding-left: 0;
        margin-left: 0;
    }
}

@media screen and (min-width: 1600px) {
    .footer__secondary ul {
        width: 1600px;
        padding-right: 830px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 800px) {
    .footer__nav__col {
        width: 45%;
        padding-bottom: 15px;
        text-align: center;
    }
    .footer__everybody {
        text-align: center;
        border-top: 1px solid #424242;
    }
    .footer__everybody:after {
        display: none;
    }
    .footer__secondary {
        padding: 0 20px;
        text-align: center;
    }
    .footer__secondary a {
        padding-left: 10px;
    }
    .footer__secondary li:first-child {
        float: left;
    }
    .footer__secondary li:last-child {
        float: right;
    }
}

.tiles {
    // text-align: center;
    position: relative;
}

.tiles .grid__6 {
    padding-bottom: 0;
}

.tiles__copy {
    margin: 0 auto;
  text-align:center;
}
.tiles__copy.textaligncenter {
    text-align: center;
}

.tiles__copy .heading--6+.heading--3 {
    margin-top: 0.8em;
}

.tiles__image {
    width: 80%;
    margin: 0 auto;
}

@media screen and (min-width: 801px) {
    .tiles {
        padding: 80px 0;
    }
    .tiles__copy {
        margin: 0 auto;
        position: absolute;
        left: 56%;
        top: 50%;
        width: 36%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tiles--right {
        text-align: right;
    }
    .tiles--right .grid__6+.grid__6 {
        float: left;
    }
    .tiles--right .tiles__copy {
        left: 6%;
    }
}

@media screen and (max-width: 800px) {
    .tiles__copy,
    .tiles__image {
        padding-bottom: 30px;
    }
    .tiles__image {
        width: auto;
    }
    .tiles {
        padding-top: 20px;
    }
}

.accordion__intro {
    text-align: center;
    padding: 80px 30px;
}

.accordion__intro p {
    text-align: center;
    color: #9d9d9d;
    max-width: 445px;
    margin: 1em auto;
}

.accordion__intro p+.button--transparent {
    margin-top: 0;
}

.accordion__list .js-accordion__icon {
    display: none;
}

.accordion__list h3 {
    line-height: 42px;
    font-size: 26px;
    margin-bottom: 0.5em;
}

@media screen and (max-width: 800px) {
    .accordion__list h3 {
        font-size: 22px;
        line-height: 36px;
    }
}

.accordion__list li {
    position: relative;
    padding: 75px 30px;
    border-top: 1px solid #eee;
}

.accordion__list .js-accordion__heading,
.accordion__list .js-accordion__wrap {
    width: 90%;
    max-width: 1413px;
    margin-left: auto;
    margin-right: auto;
}

.accordion__list p {
    color: #9d9d9d;
    width: 40%;
}

.accordion__list a {
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.accordion__list em {
    position: absolute;
    right: 5%;
    margin-right: 30px;
    font-size: 26px;
    line-height: 42px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 1601px) {
    .accordion__list em {
        right: 50%;
        margin-right: -706.5px;
    }
}

.no-touchevents .accordion__list a:hover {
    color: #9d9d9d;
}

@media screen and (max-width: 800px) {
    .accordion__list h3 {
        font-size: 26px;
        margin-bottom: 0;
        position: relative;
        z-index: 3;
    }
    .accordion__list li {
        position: relative;
        padding: 10px 20px;
        border-top: 1px solid #eee;
    }
    .accordion__list h3,
    .accordion__list p {
        margin-left: 0;
    }
    .accordion__list p {
        color: #9d9d9d;
        width: auto;
    }
    .accordion__list em {
        line-height: 36px;
        padding-top: 80px;
        display: block;
        position: relative;
        right: 0;
        margin-right: 0;
        font-size: 26px;
        padding-bottom: 10px;
        top: 0;
        -webkit-transform: none;
        transform: none;
    }
    .accordion__list .js-accordion__icon {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 15px;
        top: 18px;
    }
    .accordion__list .js-accordion__icon svg {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .accordion__list .js-accordion__icon svg+svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .accordion__list .is-open .js-accordion__icon svg+svg {
        opacity: 0;
    }
    .accordion__list .js-accordion__wrap {
        height: 0;
        overflow: hidden;
        position: relative;
        -webkit-transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .accordion__list .js-accordion__content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .accordion__list .js-accordion__heading,
    .accordion__list .js-accordion__wrap {
        width: auto;
    }
    .accordion__list--help li p:first-child {
        padding-top: 30px;
    }
}

.accordion__list--help .js-accordion__heading {
    cursor: pointer;
}

.accordion__list--help p b,
.accordion__list--help p strong {
    font-weight: 700;
    color: #212121;
}

.accordion__list--help em {
    position: static;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    top: 0;
    right: 0;
}

.accordion__list--help li {
    position: relative;
    border-top: 1px solid #eee;
}

@media screen and (min-width: 801px) {
    .accordion__list--help li {
        padding: 50px 20px 40px;
    }
    .accordion__list--help li p:last-child {
        padding-bottom: 30px;
    }
    .accordion__list--help li p {
        width: 50%;
    }
}

.accordion__list--help h3 {
    position: relative;
    z-index: 3;
}

.accordion__list--help .js-accordion__icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
}

@media screen and (min-width: 801px) {
    .accordion__list--help .js-accordion__icon {
        top: 62px;
        right: 12.5%;
    }
}

.accordion__list--help .js-accordion__icon svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.15, 0.8, 0.3, 1.2);
    transition: transform 0.2s cubic-bezier(0.15, 0.8, 0.3, 1.2);
}

.accordion__list--help .js-accordion__icon svg+svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion__list--help .is-open .js-accordion__icon svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordion__list--help .is-open .js-accordion__icon svg+svg {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 1;
}

.accordion__list--help .js-accordion__wrap {
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.accordion__list--help .js-accordion__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.banner {
    display: none;
}

@media screen and (min-width: 940px) {
    .banner,
    .banner a {
        display: block;
        color: #fff;
    }
    .banner {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 30px;
        font-size: 14px;
        letter-spacing: 0.1em;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 30px;
        background: #212121;
        z-index: 10;
        text-align: center;
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .banner--yellow {
        background: #f0c21a;
    }
    .banner__closer {
        width: 30px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 11;
    }
    .banner__closer svg {
        width: 20px;
        height: 20px;
        margin: 5px;
        fill: #fff;
    }
    .has-banner .header {
        top: 30px;
    }
    .has-banner .contact-form__content,
    .has-banner .reviews-form__content {
        padding-top: 142px;
    }

    .has-banner .book-now__start,
    .has-banner .content {
        padding-top: 110px;
    }
    .has-banner .location__scroll.is-past-header .banner,
    .has-banner .notices,
    .has-banner .sticky-nav__wrapper.is-past-header .sticky-nav {
        top: 110px;
    }
    .has-banner .hero--home {
        margin-top: -110px;
    }
    .has-banner .book-now--results .book-now__start__content {
        -webkit-transform: translate3d(0, 130px, 0);
        transform: translate3d(0, 130px, 0);
    }
    .has-banner .book-now__map {
        height: calc(100% - 110px);
    }
    .has-banner .contact-form__close,
    .has-banner .reviews-form__close,
    .has-banner .search-form__close {
        top: 126px;
    }
    .is-banner-hiding .banner,
    .is-banner-hiding .contact-form__close,
    .is-banner-hiding .contact-form__content,
    .is-banner-hiding .content,
    .is-banner-hiding .header,
    .is-banner-hiding .hero--home,
    .is-banner-hiding .notices,
    .is-banner-hiding .reviews-form__close,
    .is-banner-hiding .reviews-form__content,
    .is-banner-hiding .search-form__close {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .is-banner-hiding .hero--home {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    .is-banner-removing .banner,
    .is-banner-removing .contact-form__close,
    .is-banner-removing .contact-form__content,
    .is-banner-removing .content,
    .is-banner-removing .header,
    .is-banner-removing .hero--home,
    .is-banner-removing .notices,
    .is-banner-removing .reviews-form__close,
    .is-banner-removing .reviews-form__content,
    .is-banner-removing .search-form__close {
        -webkit-transition: none;
        transition: none;
    }
}

.blurb,
.blurb__content {
    position: relative;
    width: 100%;
}

.blurb {
    text-align: center;
    background: #212121;
    overflow: hidden;
    min-height: 450px;
    line-height: 450px;
}

.blurb__content {
    padding: 75px 30px 80px;
    color: #fff;
    z-index: 2;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

.is-book-now-open .header__nav__secondary__book.header__nav__secondary__book,
.is-book-now-open .header__nav__secondary__book.header__nav__secondary__book:hover {
    color: transparent;
}

.blurb__img {
    position: absolute;
    left: 50%;
    bottom: 0;
    min-height: 150%;
    min-width: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.blurb .heading--4 {
    font-size: 26px;
    line-height: 42px;
}

.blurb .heading--6+.heading--3 {
    margin-top: 0.8em;
}

.book-now {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 9;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    opacity: 0;
}

.book-now__start {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.is-book-now-open {
    overflow: hidden;
    height: 100vh;
}

.is-book-now-open .book-now {
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    width: 100%;
    opacity: 1;
}

.is-book-now-open .header__nav__secondary__book.header__nav__secondary__book svg {
    opacity: 1;
}

.is-book-now-open .book-now__start {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

.book-now__start {
    width: 25%;
    height: 100%;
    position: absolute;
    background: #f5f5f5;
    box-sizing: border-box;
    padding-top: 80px;
    z-index: 23;
}

@media screen and (min-width: 1025px) and (max-width: 1100px) {
    .book-now__start {
        width: 33%;
    }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
    .book-now__start {
        width: 40%;
    }
}

.book-now__start__content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    background: #f5f5f5;
}

.book-now__start__content p {
    max-width: 360px;
}

.book-now__start p {
    margin-top: 16px;
    color: #9d9d9d;
    font-weight: 600;
    line-height: 24px;
    font-size: 16px;
}

.book-now__find-me {
    height: 46px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background: 0 0;
    width: 46px;
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.book-now__find-me:focus {
    outline: 0;
}

.book-now__find-me:focus svg {
    fill: #424242;
}

.book-now__find-me svg {
    width: 20px;
    height: 20px;
    margin: 13px;
}

.no-touchevents .book-now__find-me:hover {
    opacity: 0.5;
}

.book-now__start__zip {
    border: 1px solid #9d9d9d;
    position: relative;
    margin-top: 20px;
}

.book-now__start__zip button,
.book-now__start__zip input {
    height: 46px;
}

.book-now__start__zip input {
    width: 100%;
    background: 0 0;
    padding: 0 14px;
    box-sizing: border-box;
}

.book-now__start__zip input:focus {
    outline: 0;
    border-color: #212121;
}

.book-now__start__zip input[type="number"] {
    -moz-appearance: textfield;
}

.book-now__start__zip input[type="number"]::-webkit-inner-spin-button,
.book-now__start__zip input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.book-now__start__zip input::-ms-clear {
    display: none;
}

.book-now__image {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.book-now__image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: 177.78vh;
    max-height: 56.25vw;
}

.book-now__results {
    margin-top: 30px;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s,
    -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s,
    transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

.book-now__result {
    border-top: 1px solid #9d9d9d;
    padding-top: 20px;
    position: relative;
    margin-bottom: 30px;
    min-height: 24vw;
}

.book-now__result .heading--4 {
    padding: 4px 0 16px;
}

.book-now__result img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    right: 0;
    top: 30px;
    width: 50%;
}

.no-touchevents .book-now__result a:hover img {
    opacity: 0.5;
}

.book-now__buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    overflow: hidden;
}

.book-now__buttons .button {
    padding: 0;
    width: 47.5%;
    width: calc(50% - 10px);
    float: left;
    box-sizing: border-box;
}

.book-now__buttons .button+.button {
    float: right;
}

.no-touchevents .book-now__buttons .button:hover {
    background: #f0c21a;
}

.book-now__result__info {
    padding-right: 50%;
}

.book-now__result__info dt {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0.25em 0 10px;
    letter-spacing: 0.01em;
}

.book-now__result__info dd+dt {
    margin-top: 27px;
}

.book-now__map {
    width: 50%;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #f5f5f5;
    height: calc(100% - 80px);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.book-now__map__el {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.book-now__start.book-now__start,
.book-now__start__content {
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.book-now--results .book-now__map {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.book-now--results .book-now__results {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.book-now--results .book-now__start {
    width: 50%;
}

.book-now--results .book-now__start__content {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    top: 0;
}

@media screen and (max-width: 800px) {
    .book-now {
        z-index: 9;
        background: #f5f5f5;
    }
    .book-now .header {
        display: none;
    }
    .book-now__image {
        height: 0;
        padding-top: 56.25%;
        z-index: 2;
    }
    .book-now__start {
        z-index: 1;
        padding-top: 85px;
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 56.25%;
    }
    .book-now__start__content {
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 100%;
    }
    .book-now__map {
        z-index: 3;
        position: absolute;
        top: 56px;
        width: 100%;
        padding-top: 56.25%;
        height: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .book-now--results .book-now__start {
        width: 100%;
    }
    .book-now--results .book-now__start__content {
        -webkit-transform: none;
        transform: none;
    }
    .book-now--results .book-now__map {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .book-now__result {
        padding-top: 75%;
        margin-bottom: 15px;
    }
    .book-now__result .heading--4 {
        padding-top: 45px;
        padding-bottom: 25px;
    }
    .book-now__result img {
        top: 15px;
        width: 100%;
    }
    .book-now__result__info {
        padding-right: 0;
    }
    .book-now__buttons {
        width: 100%;
        position: relative;
        margin-top: 25px;
    }
}

.button {
    overflow: hidden;
}

.button:focus {
    outline: 0;
}

.button__content {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.15, 0.8, 0.3, 1.2);
    transition: transform 0.4s cubic-bezier(0.15, 0.8, 0.3, 1.2);
    display: block;
}

.button--checkout,
.button--contact,
.button--cta,
.button--form,
.button--transparent {
    letter-spacing: 0.1em;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 48px;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.button--checkout {
    height: 48px;
    width: 50%;
    text-align: center;
    background: #f0c21a;
}

.button--checkout.button--paypal {
    background: #212121;
    color: #fff;
}

.button--transparent {
    height: 42px;
    -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    border-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    border-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    border-bottom: 1px solid transparent;
}

.no-touchevents .button--transparent:hover {
    border-color: #212121;
    -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    border-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    border-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s;
}

.button--contact,
.button--cta,
.button--form {
    height: 48px;
    width: auto;
    padding: 0 48px;
    text-align: center;
    background: #212121;
    color: #fff;
}

.button--disabled.button--disabled {
    background: #bdbdbd;
    cursor: default;
}

.button--contact {
    height: 56px;
    line-height: 56px;
    background: #fff;
    color: #212121;
    cursor: pointer;
}

.button--form {
    background: #fbeaca;
    color: #212121;
    width: 100%;
    max-width: 245px;
    cursor: pointer;
}

p+.button--cta,
p+.button--transparent {
    margin-top: 28px;
}

.no-touchevents .button--contact,
.no-touchevents .button--cta,
.no-touchevents .button--form {
    -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.no-touchevents .button--cta:hover {
    background: #f5f5f5;
    color: #212121;
}

.no-touchevents .button--disabled.button--disabled:hover {
    background: #bdbdbd;
    color: #fff;
}

.no-touchevents .button--contact:hover,
.no-touchevents .button--form:hover {
    background: #f0c21a;
}

.cart-drawer {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 30;
    overflow: hidden;
    -webkit-transition: width 0s linear 0.7s;
    transition: width 0s linear 0.7s;
}

.cart-drawer button {
    cursor: pointer;
}

.cart-drawer .button--cta {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
}

body>.cart-drawer {
    z-index: 22;
}

.cart-drawer__inner {
    position: absolute;
    right: 0;
    top: 0;
    width: 320px;
    height: 100%;
    background: #fff;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.cart-drawer__close {
    position: fixed;
    background: #212121;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    display: block;
    z-index: 19;
    opacity: 0;
    -webkit-transition: width 0s linear 0.6s,
    opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: width 0s linear 0.6s,
    opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.is-cart-drawer-open .cart-drawer {
    -webkit-transition: none;
    transition: none;
    width: 320px;
}

.is-cart-drawer-open .header__cart {
    -webkit-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0);
}

.is-cart-drawer-open .cart-drawer__scroll {
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
}

.is-cart-drawer-open .cart-drawer__inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.is-cart-drawer-open .cart-drawer__close {
    width: 100%;
    opacity: 0.6;
    -webkit-transition: opacity 0.4s, width 0s linear 0s;
    transition: opacity 0.4s, width 0s linear 0s;
}

.cart-drawer__content .button {
    width: 100%;
    padding: 0;
}

.cart-drawer__icon-close {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 90px;
    top: 90px;
    display: block;
}

.cart-drawer__icon-close svg {
    margin: 12px;
}

.cart-drawer__line {
    height: 1px;
    width: 100%;
    display: block;
    background: #424242;
    border: 0;
    margin: 10px auto 0;
}

@media screen and (max-width: 800px) {
    .cart-drawer__inner,
    .is-cart-drawer-open .cart-drawer {
        width: 260px;
    }
    .is-cart-drawer-open .header__cart {
        -webkit-transform: translate3d(-260px, 0, 0);
        transform: translate3d(-260px, 0, 0);
    }
}

.cart-drawer__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.cart-drawer__content .heading--4 {
    padding: 16px 20px;
}

.cart__products {
    padding: 8px 20px 135px;
}

.cart__products p {
    color: #9d9d9d;
}

.cart__product {
    position: relative;
    padding-bottom: 20px;
    padding-top: 16px;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #eee;
}

.cart__product:first-child {
    border-top: 1px solid #eee;
}

.cart__product__image {
    position: relative;
    width: 54px;
    height: 54px;
    display: inline-block;
    margin-right: 20px;
    background: #f1f1f1;
    margin-top: 4px;
}

.cart__product__image img {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    max-width: 54px;
    max-height: 54px;
    margin: auto;
}

.cart__product__image__dot {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
}

.cart__product__image__dot svg {
    width: 20px;
    height: 20px;
}

.cart__product__image__dot span {
    width: 20px;
    height: 20px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
}

.cart__product__vendor,
.cart__totals dd,
.cart__totals dt {
    font-size: 14px;
    line-height: 20px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.cart__product__info {
    width: 100%;
    padding-left: 74px;
    box-sizing: border-box;
    margin-left: -74px;
    display: inline-block;
    vertical-align: top;
    color: #424242;
}

.cart__product__info .cart__product__price,
.cart__product__info em {
    color: #212121;
}

.cart__product__price {
    font-weight: 900;
}

.cart__totals {
    background: #eee;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.cart__totals dd,
.cart__totals dt {
    width: 50%;
    box-sizing: border-box;
    padding: 16px 20px;
    display: inline-block;
    vertical-align: top;
}

.cart__totals dd {
    text-align: right;
}

.cart__product__options {
    margin-top: 6px;
    line-height: 28px;
}

.cart__product__options a {
    width: 28px;
    height: 28px;
    border: 1px solid #eee;
    display: inline-block;
    vertical-align: top;
}

.cart__product__options a svg {
    width: 20px;
    height: 20px;
    margin: 4px;
    display: block;
}

.cart__product__options__qty {
    width: 26px;
    height: 28px;
    display: inline-block;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 9px;
    line-height: 26px;
    text-align: center;
    vertical-align: top;
}

.cart__product__remove,
.cart__product__remove svg {
    width: 20px;
    height: 20px;
}

.cart__product__remove {
    position: absolute;
    right: -20px;
    top: 6px;
    display: block;
    padding: 12px;
}

.cart-drawer__close-btn {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 900;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
    top: 16px;
    z-index: 22;
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.no-touchevents .cart__product__options a:hover {
    background: #f5f5f5;
}

.no-touchevents .cart-drawer__close-btn:hover {
    color: #9d9d9d;
}

.contact-form {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 9;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    opacity: 0;
    background: url(./reviews.jpg?3b04cca14d15847b5a522d8c001ad8e1) #212121;
    background-size: cover;
}

.contact-form .select:after {
    border-color: #fff;
}

.contact-form .select .form-error {
    left: 0;
}

.contact-form .select label {
    left: 20px;
}

.contact-form .js-select li {
    color: #212121;
}

.is-contact-form-open {
    overflow: hidden;
    height: 100vh;
}

.is-contact-form-open .contact-form {
    width: 100%;
    opacity: 1;
    -webkit-transition: width 0s linear 0s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.is-faded .page-wrapper,
img.is-loading.is-loading {
    opacity: 0;
}

.contact-form__close {
    position: absolute;
    right: 20px;
    top: 96px;
    display: block;
    padding: 10px;
    width: 30px;
    height: 30px;
    z-index: 3;
}

.contact-form__close svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}

.contact-form__content {
    padding-top: 112px;
    color: #fff;
    position: relative;
    text-align: center;
}

.contact-form__content .grid__6 {
    text-align: left;
}


.popup-vimeo.btn {
     -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;    border: 2px solid transparent;
    -webkit-border-radius: 27.5px;
    -khtml-border-radius: 27.5px;
    -moz-border-radius: 27.5px;
    -ms-border-radius: 27.5px;
    -o-border-radius: 27.5px;
    border-radius: 27.5px;
    padding: 15px 20px;
    background-color: #fff;
    color: #000;
    font-family: "UniformRegular-Regular",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: normal;
    font-size: 14px;
    width: 50px;
    -webkit-transition: width 200ms ease-in-out;
    -moz-transition: width 200ms ease-in-out;
    -o-transition: width 200ms ease-in-out;
    transition: width 200ms ease-in-out;
}

.popup-vimeo.btn:hover {
  width: 70px;
  -webkit-transition: width 200ms ease-in-out;
    -moz-transition: width 200ms ease-in-out;
    -o-transition: width 200ms ease-in-out;
    transition: width 200ms ease-in-out;
}


/* .dummyheight {
	height: 100%;

}

.buttonwrapper, .dummyheight {
  display: inline-block;
  vertical-align: middle;
} */

.buttonwrapper {
 	height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;

}

.buttonwrapper .popup-vimeo.btn {

  }



.contact-form__submit,
.hero__scroll,
.modal__content,
.modal__content p,
.notice,
.our-community,
.our-community p {
    text-align: center;
}

.contact-form__submit {
    margin-top: 30px;
    padding-left: 30px;
}


@media screen and (max-width: 800px) {
    .contact-form__close {
        right: -2px;
        top: 78px;
    }
    .contact-form__content {
        padding-top: 88px;
    }
    .contact-form__submit .button--contact {
        max-width: 100%;
    }
}

.page-wrapper {
    -webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    background: #fff;
}

.is-showing-loader {
    background: url(./rudys-loader-2.gif?ca7ecf5d8ecf4c93b2b1d82c2d5ddf97) center center no-repeat fixed;
    background-size: 50px 50px;
}

img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.img {
    position: relative;
    padding-top: 100%;
}

.img img,
.img picture,
.img video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.img video {
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.img.is-playing-video video {
    opacity: 1;
    z-index: 2;
}

.js-scroll--fade {
    opacity: 0;
    -webkit-transition: opacity 0.6s linear 0.1s;
    transition: opacity 0.6s linear 0.1s;
}

.js-scroll--fade.is-in-view,
.js-scroll--fade.is-past-bottom {
    opacity: 1;
}

.js-scroll--fade.is-in-view+[data-scroll="fade"],
.js-scroll--fade.is-past-bottom+[data-scroll="fade"] {
    -webkit-transition: opacity 0.6s linear 0.3s;
    transition: opacity 0.6s linear 0.3s;
}

.js-scrol--zoom.is-in-view {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: -webkit-transform 18s ease-out;
    transition: transform 18s ease-out;
}

.js-scroll--slide>* {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,
    opacity 0.6s linear 0.1s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,
    opacity 0.6s linear 0.1s;
}

.js-scroll--slide.is-in-view>*,
.js-scroll--slide.is-past-bottom>* {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.js-scroll--slide.is-in-view>.is-loading,
.js-scroll--slide.is-past-bottom>.is-loading {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}

.js-scroll--slide-down {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,
    opacity 0.6s linear 0.1s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,
    opacity 0.6s linear 0.1s;
}

.js-scroll--slide-down.is-in-view,
.js-scroll--slide-down.is-past-bottom {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.js-scroll--slide-down.is-in-view.is-loading,
.js-scroll--slide-down.is-past-bottom.is-loading {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}

.hero__content,
.modal__content {
    -webkit-transform: translateY(-50%);
}

.form__error.form__error {
    border-color: #f44336;
}

.form__error__message {
    color: #f44336;
}

.hero {
    width: 100%;
    position: relative;
}

.hero img {
    width: 100%;
    display: block;
}

.hero__content {
    box-sizing: border-box;
    padding: 0 30px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.hero__content .heading--0+p {
    margin-top: 18px;
}

.hero__content .heading--1+p {
    margin-top: 15px;
}

.hero__content--right {
    left: 50%;
    width: 42%;
}

.hero__content .button--transparent {
    color: #fff;
}

.hero__content p+.button--transparent {
    margin-top: 12px;
}

.hero__content--black,
.hero__content--black .button--transparent,
.hero__content--black p a {
    color: #212121;
}

.no-touchevents .hero__content .button--transparent:hover {
    border-color: #fff;
}

.no-touchevents .hero__content--black .button--transparent:hover {
    border-color: #212121;
}

.hero__scroll__mask {
    width: 20px;
    height: 24px;
    margin: 14px auto 10px;
    position: relative;
    overflow: hidden;
}

.hero__scroll__arrow {
    width: 2px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 9px;
    background: #fff;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

.hero__scroll__arrow:after,
.hero__scroll__arrow:before {
    height: 9px;
    width: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    background: #fff;
    -webkit-transform: rotate(-45deg) scaleY(0.1);
    transform: rotate(-45deg) scaleY(0.1);
    -webkit-transform-origin: 1px 8px;
    transform-origin: 1px 8px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.15, 0.8, 0.3, 1.2) 0.3s;
    transition: transform 0.4s cubic-bezier(0.15, 0.8, 0.3, 1.2) 0.3s;
}

.hero__scroll__arrow:after {
    -webkit-transform: rotate(45deg) scaleY(0.1);
    transform: rotate(45deg) scaleY(0.1);
}

.hero__scroll--black .hero__scroll__arrow,
.hero__scroll--black .hero__scroll__arrow:after,
.hero__scroll--black .hero__scroll__arrow:before {
    background: #212121;
}

.hero.is-in-view .hero__scroll,
.pdp.is-in-view .hero__scroll {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hero.is-in-view .hero__scroll__arrow,
.pdp.is-in-view .hero__scroll__arrow {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hero.is-in-view .hero__scroll__arrow:before,
.pdp.is-in-view .hero__scroll__arrow:before {
    -webkit-transform: rotate(-45deg) scaleY(1);
    transform: rotate(-45deg) scaleY(1);
}

.hero.is-in-view .hero__scroll__arrow:after,
.pdp.is-in-view .hero__scroll__arrow:after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1);
}

#player,
.player .video-wrapper {
    background: transparent !important;
}

video {
    min-height: 100%;
    min-width: 100%;
}

#shopify-section-background-video-cover {
    margin-top: -100px;
}

.video-responsive {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.canvas,
.video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.video::-webkit-media-controls {
    display: none !important;
}

.video.mobileview {
    display: none;
}

.video-responsive {
    -webkit-animation: fadein 3s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s;
    /* Firefox < 16 */
    -ms-animation: fadein 3s;
    /* Internet Explorer */
    -o-animation: fadein 3s;
    /* Opera < 12.1 */
    animation: fadein 3s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}





.hero--home {
    background: #eee;
}

.vimeoFrame {
    margin-top: -96px !important;
}

.hero--home .is-hero-loading {
    opacity: 0;
}

.hero--home img {
    -webkit-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.hero--home .hero__content svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hero--home .hero__content>* {
    opacity: 0;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.hero--home.is-showing-copy .hero__content>*,
.hero--home.is-showing-cta .hero__scroll {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hero--home.is-showing-cta .hero__scroll__arrow {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hero--home.is-showing-cta .hero__scroll__arrow:before {
    -webkit-transform: rotate(-45deg) scaleY(1);
    transform: rotate(-45deg) scaleY(1);
}

.hero--home.is-showing-cta .hero__scroll__arrow:after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1);
}

.video-bg-text {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    resize: vertical;
    overflow: auto;
    top: 0;
}

.video-responsive video {
    -webkit-animation: fadein 4s;
    -moz-animation: fadein 4s;
    -ms-animation: fadein 4s;
    -o-animation: fadein 4s;
    animation: fadein 4s;
}

.video-bg-text .playbutton svg {
    margin-top: 35px;
}

.video-bg-text .playbutton svg.white {
    fill: #fff;
}

.video-bg-text .playbutton svg.black {
    fill: #000;
}

.video-bg-text .wrapper {
    resize: vertical;
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;

}

.video-bg-text a {
    font-weight: 900;
}
.video-bg-text h2 {
    font-size: 80px;
    font-weight: 900;
    line-height: 80px;
    margin-bottom: 25px;
}

.video-bg-text p {
    font-size: 18px;
    font-weight: 700;
}

.video-bg-text .white {
    color: #fff;
}

.video-bg-text .black {
    color: #000;
}

.video-bg-text.aligncenter {
    text-align: center;
}

.video-bg-text.alignleft {
    text-align: left;
}

.video-bg-text.alignleft .wrapper {
    margin-left: 8%;
    padding-left: 30px;
}

.video-bg-text.alignright .wrapper {
    padding-left: 50vw;
}

.video-bg-text p.aligncenter {
    text-align: center;
}

.hero--home.is-showing-cta .video-bg-text .wrapper {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.overlay {
    width: 100%;
    height: 100%;
    z-index: -20;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #000;
    -webkit-transition: opacity 800ms ease;
    -moz-transition: opacity 800ms ease;
    -ms-transition: opacity 800ms ease;
    -o-transition: opacity 800ms ease;
    transition: opacity 800ms ease;
    opacity: 0;
}

.video-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.overlay.show {
    opacity: 1;
    z-index: 20;
    -webkit-transition: opacity 800ms ease;
    -moz-transition: opacity 800ms ease;
    -ms-transition: opacity 800ms ease;
    -o-transition: opacity 800ms ease;
    transition: opacity 800ms ease;
}

.overlay .closebutton {
    position: absolute;
    top: 110px;
    right: 25px;
    color: #fff;
    font-size: 20px;
    z-index: 50;
}

.fluid-width-video-wrapper {
    padding-top: 66vh !important;
}



@-webkit-keyframes arrow {
    0%,
    10%,
    100%,
    20%,
    30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15%,
    25%,
    5% {
        -webkit-transform: translate3d(0, 3px, 0);
        transform: translate3d(0, 3px, 0);
    }
}

@keyframes arrow {
    0%,
    10%,
    100%,
    20%,
    30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15%,
    25%,
    5% {
        -webkit-transform: translate3d(0, 3px, 0);
        transform: translate3d(0, 3px, 0);
    }
}

.is-animation-finished .hero__scroll__arrow {
    -webkit-animation-name: arrow;
    animation-name: arrow;
    -webkit-animation-duration: 6.2s;
    animation-duration: 6.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@media screen and (max-width: 901px) and (orientation: portrait) {

    .video.mobileview {
        display: block;
    }
    .video.desktopview {
        display: none;
    }
}


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

    .video-bg-text h2 {
        font-size: 60px;
        font-weight: 900;
        line-height: 60px;
    }

    .video-bg-text p {
        font-size: 18px;
        font-weight: 700;
    }

    .video-bg-text.alignright .wrapper,
    .video-bg-text.alignleft .wrapper {
        padding-left: 0;
        text-align: center;
    }

    .vimeoFrame {
        margin-top: -70px !important;
    }

    .video-bg-text.verticaltop {
        justify-content: flex-start;
    }

    .video-bg-text.verticaltop h2 {
        margin-top: 100px;
    }
  	.hero__content {
     	    padding: 10px 20px 36px;
    }
}


.megamenu .__submenu {
  padding-left: 15px;
}

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

    .video-bg-text h2 {
        font-size: 40px;
        font-weight: 900;
        line-height: 40px;
    }

    .video-bg-text p {
        font-size: 16px;
        font-weight: 700;
    }
}

.hero--404 .button--cta {
    height: 60px;
    line-height: 60px;
    margin-top: 30px;
}

.hero--404 .heading--3 {
    margin-top: 16px;
}





@media screen and (min-width: 801px) {
    .hero--404 .img img,
    .hero--home .img img {
        width: auto;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
    }
    .hero.is-in-view .hero__scroll {
        position: fixed;
    }
    .hero.is-in-view.is-past-bottom .hero__scroll {
        position: absolute;
    }
    .hero--404 {
        height: 100vh;
        height: calc(100vh - 80px);
        overflow: hidden;
        text-align: center;
    }
    .hero--404 .img {
        box-sizing: border-box;
        padding-top: 56.25%;
        height: 100%;
    }
    .hero--404 .img img {
        max-width: 160vh;
        max-height: 90vw;
        height: auto;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .hero--404 .hero__content {
        text-align: center;
        margin: 0 auto;
        right: 0;
        max-width: 500px;
    }
    .hero--home {
        margin-top: -80px;
    }
    .hero--home .img {
        padding-top: 0;
        height: 100vh;
    }
    .hero--home .img img {
        height: auto;
        max-width: 177.77778vh;
        max-height: 56.25vw;
        right: 0;
        left: auto;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .hero--home .hero__content {
        width: 60%;
        left: 0;
        text-align: center;
        margin: 0;
        padding: 30px;
        box-sizing: border-box;
    }
    .hero--home .hero__content svg {
        margin-top: 20px;
        width: 326px;
        height: 67px;
    }
    .hero--home .heading--0 {
        font-size: 77px;
        line-height: 75px;
    }
    .hero__content {
        margin-left: 8%;
    }
}

@media screen and (min-width: 1440px) {
    .hero--home .heading--0 {
        font-size: 5.4vw;
        line-height: 5.2vw;
    }
}

@media screen and (max-width: 800px) {
    .hero--home .img {
        padding-top: 160% !important;
    }
    .hero--home .hero__content {
        position: absolute;
        left: 0;
        top: 0;
    }
    .hero--home .hero__content svg {
        width: 170px;
        height: 37px;
        margin-top: 12px;
    }
    .hero--home .hero__content .heading--0 {
        font-size: 43px;
        line-height: 42px;
    }
    .hero--home .hero__scroll {
        display: block;
    }
    .hero--404 .button {
        margin-top: 54px;
    }
    .hero--404 .heading--3 {
        margin-top: 30px;
    }
    .hero--404 .hero__content {
        padding-top: 43px;
    }
    .hero--404 .img {
        padding-top: 56.25%;
    }
}

@media screen and (min-width: 801px) and (max-width: 900px) {
    .hero--home .heading--0 {
        font-size: 50px;
        line-height: 52px;
    }
}

@media screen and (min-width: 801px) and (max-width: 1300px) {
    .hero__content {
        width: 90%;
    }
}

.hero__scroll {
    color: #fff;
    z-index: 15 !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 900;
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 160px;
    margin-left: -80px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.hero__scroll svg {
    display: block;
    margin: 14px auto 0;
    width: 20px;
    height: 20px;
    fill: #fff;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.15, 0.8, 0.3, 1.2);
    transition: transform 0.3s cubic-bezier(0.15, 0.8, 0.3, 1.2);
}

.hero__scroll--black svg,
.icon {
    fill: #212121;
}

.hero__scroll--black {
    color: #212121;
}

.no-touchevents .hero__scroll:hover svg {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
}

.no-touchevents .hero .button--cta:hover {
    background: #f0c21a;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .hero__content {
        width: 100%;
        padding: 70px 20px 86px;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        transform: none;
        color: #212121;
        text-align: center;
    }
    .hero__content p {
        text-align: center;
        color: #9d9d9d;
    }
    .hero__content .button {
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    .hero__content .button--transparent {
        color: #212121;
    }
    .hero__scroll {
        display: none;
    }
   .collectionfeature {
    	margin-bottom: 0px !important;
   }
  
}

.icon {
    width: 44px;
    height: 44px;
    -webkit-transition: fill 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: fill 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    vertical-align: top;
}

.icon--white {
    fill: #fff;
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.loader__spinner,
.loader__spinner:after,
.loader__spinner:before {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #212121;
    position: absolute;
    top: 0;
}

.loader__spinner {
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-animation: fade-dots 1.5s infinite;
    animation: fade-dots 1.5s infinite;
}

.loader__spinner:after,
.loader__spinner:before {
    content: "";
    -webkit-animation: fade-dots 1.5s infinite;
    animation: fade-dots 1.5s infinite;
}

.leaflet-control-attribution.leaflet-compact-attribution:after,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.mapbox-logo-true:before,
.pdp__view-reviews:after,
.select:after,
.select:before,
.sticky-nav__mobile:after,
.sticky-nav__mobile:before {
    content: "";
}

.loader__spinner:after {
    right: -30px;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.loader__spinner:before {
    left: -30px;
}

.loader__spinner {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

@-webkit-keyframes fade-dots {
    0% {
        background-color: #212121;
    }
    37.5%,
    62.5% {
        background-color: transparent;
    }
    100% {
        background-color: #212121;
    }
}

@keyframes fade-dots {
    0% {
        background-color: #212121;
    }
    37.5%,
    62.5% {
        background-color: transparent;
    }
    100% {
        background-color: #212121;
    }
}

.map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    overflow: hidden;
}

.mobile-burger,
.mobile-nav {
    display: none;
}

@media screen and (max-width: 940px) {
    .mobile-nav .button,
    .mobile-nav__menu {
        font-weight: 900;
        text-transform: uppercase;
    }
    .mobile-burger {
        display: block;
        left: 0;
        top: 0;
        width: 20px;
        height: 15px;
        padding: 19px 18px;
        z-index: 31;
        position: fixed;
    }
    .mobile-burger svg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mobile-burger div {
        -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        width: 20px;
        height: 6px;
        position: relative;
        overflow: hidden;
    }
    .mobile-burger div+div svg {
        top: -6px;
    }
    .mobile-burger div+div+div svg {
        top: -12px;
    }
    .mobile-nav {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #fff;
        z-index: 20;
        overflow: hidden;
        -webkit-transition: width 0s linear 0.7s,
        opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: width 0s linear 0.7s,
        opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
        opacity: 0;
        box-sizing: border-box;
        padding-top: 56px;
    }
    .mobile-nav .button,
    .mobile-nav input {
        height: 56px;
    }
    .mobile-nav .button {
        display: block;
        text-align: center;
        line-height: 56px;
        background: #212121;
        color: #fff;
        font-size: 14px;
    }
    .mobile-nav__bottom {
        position: absolute;
        bottom: 0;
        margin-bottom: 22px;
        left: 0;
        padding: 0 22px;
        box-sizing: border-box;
        width: 100%;
        -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      	/* Temporary fix for mobile button position issue */
        padding-bottom: 70px;
    }
    .mobile-nav__search {
        margin: 0 0 22px;
    }
    .mobile-nav__search input {
        width: 100%;
        border: 1px solid #eee;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .mobile-nav__menu {
        font-size: 34px;
        line-height: 50px;
    }
    .mobile-nav__menu a {
        padding: 0 22px;
        display: block;
    }
    .is-mobile-nav-open .mobile-nav {
        -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
        width: 100%;
        opacity: 1;
    }
    .is-mobile-nav-open .mobile-burger div:first-child {
        -webkit-transform: translate3d(3px, 6px, 0) rotate(45deg);
        transform: translate3d(3px, 6px, 0) rotate(45deg);
    }
    .is-mobile-nav-open .mobile-burger div:first-child+div {
        opacity: 0;
        -webkit-transform: translate3d(3px, 0, 0) rotate(45deg);
        transform: translate3d(3px, 0, 0) rotate(45deg);
    }
    .is-mobile-nav-open .mobile-burger div:first-child+div+div {
        -webkit-transform: translate3d(3px, -6px, 0) rotate(-45deg);
        transform: translate3d(3px, -6px, 0) rotate(-45deg);
    }
    .mobile-nav__bottom__trigger {
        height: 64px;
        width: 100%;
        border: 0;
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer;
        background: 0 0;
    }
    .mobile-nav__bottom__trigger:focus {
        outline: 0;
    }
    .is-mobile-nav-locked .page-wrapper {
/*         height: 0;
        overflow: hidden; */
    }
    .is-mobile-nav-locked .mobile-nav {
       // position: absolute;
    }
    .is-search-focused .mobile-nav__bottom {
        bottom: 100%;
        -webkit-transform: translate3d(0, 270px, 0);
        transform: translate3d(0, 270px, 0);
        background: #fff;
        padding-bottom: 50px;
    }
    .mobile-tab__content {
        height: 0;
        overflow: hidden;
    }
    .mobile-tab.is-current .mobile-tab__content {
        height: auto;
    }
}

.mobile-tab--desktop .mobile-tab__content {
    height: 0;
    overflow: hidden;
}

.mobile-tab--desktop.is-current .mobile-tab__content {
    height: auto;
}

.modal {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 20;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    opacity: 0;
    background: url(./reviews.jpg?3b04cca14d15847b5a522d8c001ad8e1) #212121;
    background-size: cover;
}

.is-modal-open,
.notice,
.notices,
.reviews-form {
    overflow: hidden;
}

.modal .header {
    z-index: 24;
}

.is-modal-open {
    height: 100vh;
}

.is-modal-open .modal {
    width: 100%;
    opacity: 1;
    -webkit-transition: width 0s linear 0s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.modal__close {
    position: absolute;
    right: 10px;
    top: 5px;
    display: block;
    padding: 10px;
    width: 30px;
    height: 30px;
}

.modal__close svg {
    fill: #212121;
    width: 30px;
    height: 30px;
}

.modal__content {
    padding-top: 88px;
    color: #fff;
    position: absolute;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
}

.modal__content p {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.modal-form input[type="text"],
.modal-form input[type="email"],
.modal-form select,
.modal-form textarea {
    width: 100%;
    height: 48px;
    border: 1px solid #9d9d9d;
    padding: 0 20px;
    box-sizing: border-box;
    background: 0 0;
    color: #fff;
    position: relative;
    z-index: 2;
    border-radius: 0;
}

.modal-form input[type="text"]:focus,
.modal-form input[type="email"]:focus,
.modal-form select:focus,
.modal-form textarea:focus {
    outline: 0;
    border-color: #fff;
}

.modal-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

.modal-form textarea {
    height: 126px;
    padding: 20px;
}

.modal-form__heading {
    font-weight: 600;
}

.modal-form__fields {
    margin-left: -30px;
    margin-bottom: 30px;
}

@media screen and (min-width: 801px) {
    .modal-form__fields.modal-form__fields--first {
        margin-bottom: 262px;
    }
}

.modal-form__field {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    padding-left: 30px;
    margin-top: 30px;
}

.modal-form__field label {
    -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    position: absolute;
    left: 50px;
    line-height: 48px;
    top: 0;
    color: #9d9d9d;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.modal-form__field label small {
    font-size: 12px;
}

.modal-form__field .is-non-empty+.js-select+label,
.modal-form__field .is-non-empty+label,
.modal-form__field input:focus+.js-select+label,
.modal-form__field input:focus+label,
.modal-form__field textarea:focus+label {
    opacity: 0;
}

.modal-form__field .error.error {
    border-color: #f44336;
}

.modal-form__field .form-error {
    color: #f44336;
    font-size: 12px;
    position: absolute;
    left: 30px;
    top: 100%;
    margin-top: 6px;
}

.modal-form__field--half {
    width: 50%;
}

.notices {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 30;
}

.notice {
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 16px;
    display: block;
    background: #f0c21a;
    color: #212121;
    position: relative;
    height: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.no-touchevents .our-community .heading--6:hover,
.our-community p,
.reviews__list__item__body,
.spr-container.spr-container.spr-container .spr-review-content {
    color: #9d9d9d;
}

.notice--showing {
    height: 46px;
}

.notice__content {
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.our-community {
    padding-top: 84px;
    background: #f5f5f5;
}

.our-community .grid {
    padding-top: 40px;
    padding-bottom: 40px;
}

.our-community img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.our-community .heading--2+p {
    margin-top: 0.75em;
}

.our-community .heading--6 {
    display: inline-block;
    margin-top: 1.4em;
}

.no-touchevents .our-community .heading--6 {
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.no-touchevents .our-community .img:hover img {
    opacity: 0.5;
}

@media screen and (max-width: 800px) {
    .modal__close {
        right: -2px;
    }
    .notice {
        font-size: 12px;
    }
    .notices {
        top: 56px;
    }
    .our-community,
    .our-community .grid__3 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .our-community .grid__3 {
        width: 50%;
        box-sizing: border-box;
    }
}

.reviews__list__item,
.spr-container.spr-container.spr-container .spr-review {
    padding: 55px 5.2%;
    border-bottom: 1px solid #e0e0e0;
}

.reviews__list__item .heading--2,
.spr-container.spr-container.spr-container .spr-review .heading--2 {
    margin-bottom: 0.15em;
}

.reviews__list__item .heading--5,
.spr-container.spr-container.spr-container .spr-review .heading--5 {
    display: block;
    margin-bottom: 0.2em;
}

.reviews__list__item__body,
.reviews__list__item__head,
.spr-container.spr-container.spr-container .spr-review-content,
.spr-container.spr-container.spr-container .spr-review-header {
    box-sizing: border-box;
    padding: 0 60px;
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.reviews__pages,
.spr-container.spr-container.spr-container .spr-pagination {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.reviews__pages a,
.spr-container.spr-container.spr-container .spr-pagination a {
    color: #9d9d9d;
    display: block;
    padding: 20px 10px;
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.reviews__pages a.is-current,
.spr-container.spr-container.spr-container .spr-pagination a.is-current {
    color: #212121;
}

.reviews__pages li,
.spr-container.spr-container.spr-container .spr-pagination li {
    display: inline-block;
    vertical-align: top;
}

.no-touchevents .reviews__pages a:hover,
.no-touchevents .spr-container.spr-container.spr-container .spr-pagination a:hover,
.spr-container.spr-container.spr-container .no-touchevents .spr-pagination a:hover {
    color: #e0e0e0;
}

@media screen and (max-width: 800px) {
    .reviews__list__item,
    .spr-container.spr-container.spr-container .spr-review {
        padding: 20px 20px 40px;
    }
    .reviews__list__item__body,
    .reviews__list__item__head,
    .spr-container.spr-container.spr-container .spr-review-content,
    .spr-container.spr-container.spr-container .spr-review-header {
        box-sizing: border-box;
        padding: 0;
        width: 100%;
    }
    .reviews__list {
        margin: 0;
    }
}

.spr-container.spr-container {
    padding: 0;
    border: 0;
}

.spr-container.spr-container.spr-container .spr-review {
    border-top: 0;
}

.spr-container.spr-container.spr-container .spr-review-content,
.spr-container.spr-container.spr-container .spr-review-header {
    width: 49%;
}

.spr-container.spr-container.spr-container .spr-review-reply {
    padding: 30px 60px;
    background: #fbeaca;
    margin: 30px 0 0;
}

.spr-container.spr-container.spr-container .spr-review-content-body,
.spr-container.spr-container.spr-container .spr-review-reply-body {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    font-weight: 600;
}

.spr-container.spr-container.spr-container .spr-form,
.spr-container.spr-container.spr-container .spr-header,
.spr-container.spr-container.spr-container .spr-review-footer {
    display: none !important;
}

.spr-container.spr-container.spr-container .spr-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.spr-container.spr-container.spr-container .spr-icon.spr-icon-star:before,
.spr-container.spr-container.spr-container .spr-icon:before {
    display: none;
}

.spr-container.spr-container.spr-container .spr-icon.spr-icon-star-empty {
    background: url(./pdp-star-empty.svg?17daaf9cb6c4554204064ca8e4e24ba1);
}

.spr-container.spr-container.spr-container .spr-icon.spr-icon-star {
    background: url(./pdp-star-full.svg?311b50103052ac6b5ee6d1ddccde94a6);
}

.spr-container.spr-container.spr-container .spr-review-header-title {
    font-size: 34px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 900;
}

.spr-container.spr-container.spr-container .spr-review-header-byline {
    color: transparent;
    opacity: 1;
    font-size: 0;
    display: block;
    padding-top: 25px;
    position: relative;
}

.spr-container.spr-container.spr-container .spr-review-header-byline strong {
    display: block;
    font-style: normal;
    color: #212121;
}

.spr-container.spr-container.spr-container .spr-review-header-byline strong:first-child {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    font-weight: 600;
}

.spr-container.spr-container.spr-container .spr-review-header-byline strong:last-child {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
}

.spr-container.spr-container.spr-container .spr-pagination {
    border-top: 0;
    padding: 0;
}

.spr-container.spr-container.spr-container .spr-pagination-next,
.spr-container.spr-container.spr-container .spr-pagination-prev {
    display: none;
}

@media screen and (max-width: 800px) {
    .spr-container.spr-container.spr-container .spr-review {
        padding: 20px 20px 40px;
    }
    .spr-container.spr-container.spr-container .spr-review-content,
    .spr-container.spr-container.spr-container .spr-review-header {
        box-sizing: border-box;
        padding: 0;
        width: 100%;
    }
    .spr-container.spr-container.spr-container .spr-review-reply {
        padding: 20px;
    }
}

#shopify-product-reviews#shopify-product-reviews {
    margin: 0;
}

.reviews-form {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 9;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    opacity: 0;
    background: url(./reviews.jpg?3b04cca14d15847b5a522d8c001ad8e1) #212121;
    background-size: cover;
}

.reviews-form .modal-form textarea {
    height: 205px;
}

.is-reviews-form-open {
    overflow: hidden;
    height: 100vh;
}

.is-reviews-form-open .reviews-form {
    width: 100%;
    opacity: 1;
    -webkit-transition: width 0s linear 0s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.reviews-form__close {
    position: absolute;
    right: 20px;
    top: 96px;
    display: block;
    padding: 10px;
    width: 30px;
    height: 30px;
    z-index: 3;
}

.reviews-form__close svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}

.reviews-form__content {
    padding-top: 112px;
    color: #fff;
    position: relative;
}

.reviews-form__rating {
    width: 270px;
    padding-left: 30px;
    padding-top: 66px;
    color: #9d9d9d;
    overflow: hidden;
    position: relative;
}

.reviews-form__rating label:first-child {
    cursor: pointer;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.reviews-form__rating input {
    opacity: 0;
    position: absolute;
}

.reviews-form__rating input:checked+label .reviews-form__help__full,
.reviews-form__rating input:checked+label+input+label .reviews-form__help__full,
.reviews-form__rating input:checked+label+input+label+input+label .reviews-form__help__full,
.reviews-form__rating input:checked+label+input+label+input+label+input+label .reviews-form__help__full,
.reviews-form__rating input:checked+label+input+label+input+label+input+label+input+label .reviews-form__help__full {
    opacity: 1;
}

.reviews-form__rating__star {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    float: right;
    cursor: pointer;
}

.reviews-form__rating__star svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    fill: #fbeaca;
}

.reviews-form__rating__star .reviews-form__help__full {
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.reviews-form__submit {
    margin-top: 60px;
    margin-left: 30px;
}

.reviews-form__help {
    width: 280px;
    padding: 20px;
}

.reviews-form__help dl {
    margin-top: 15px;
}

.reviews-form__help dd,
.reviews-form__help dt {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    max-width: 156px;
    padding: 4px 0;
    font-weight: 600;
}

.reviews-form__help svg {
    width: 20px;
    height: 20px;
    fill: #fbeaca;
}

@media screen and (min-width: 801px) {
    .reviews-form__help {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 30px;
    }
}

@media screen and (min-width: 1600px) {
    .reviews-form__help {
        left: 50%;
        margin-left: -815px;
    }
}

.reviews-form__help__empty {
    opacity: 0.4;
}

@media screen and (max-width: 800px) {
    .reviews-form__close {
        right: -2px;
        top: 78px;
    }
    .reviews-form__content {
        padding-top: 88px;
    }
    .reviews-form__rating {
        width: auto;
    }
    .reviews-form__submit .button--form {
        max-width: 100%;
    }
}

.search-form {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 9;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0.7s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    opacity: 0;
    background: url(./reviews.jpg?3b04cca14d15847b5a522d8c001ad8e1) #212121;
    background-size: cover;
}

.is-search-form-open {
    overflow: hidden;
    height: 100vh;
}

.is-search-form-open .search-form {
    width: 100%;
    opacity: 1;
    -webkit-transition: width 0s linear 0s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0s linear 0s,
    opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.search-form__heading {
    font-weight: 600;
}

.search-form__close {
    position: absolute;
    right: 20px;
    top: 96px;
    display: block;
    padding: 10px;
    width: 30px;
    height: 30px;
    z-index: 3;
}

.search-form__close svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}

.search-form__content {
    padding-top: 88px;
    color: #fff;
    position: absolute;
    width: 80%;
    left: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.search-form__content::-webkit-input-placeholder {
    color: #424242;
    text-transform: uppercase;
}

.search-form__content::-moz-placeholder {
    color: #424242;
    text-transform: uppercase;
}

.search-form__content:-ms-input-placeholder {
    color: #424242;
    text-transform: uppercase;
}

.search-form__input {
    width: 720px;
    max-width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    border: 0;
    background: 0 0;
    height: 56px;
    margin: 0 auto;
    color: #fff;
    text-align: left;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1),
    width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1),
    width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.select .js-select,
.select:before {
    border: 1px solid #e0e0e0;
    position: absolute;
}

.search-form__input:focus {
    outline: 0;
}

.search-form__input,
.search-from__length {
    font-size: 22px;
    font-weight: 900;
}

.search-from__length {
    white-space: nowrap;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}

@media screen and (min-width: 801px) {
    .search-form__input,
    .search-from__length {
        height: 100px;
        font-size: 70px;
        letter-spacing: 0.05em;
        font-weight: 900;
    }
    .search-form::-webkit-input-placeholder {
        font-size: 50px;
        letter-spacing: 0;
    }
    .search-form::-moz-placeholder {
        font-size: 50px;
        letter-spacing: 0;
    }
    .search-form:-ms-input-placeholder {
        font-size: 50px;
        letter-spacing: 0;
    }
}

.select .js-select,
.select select {
    line-height: 20px;
    font-size: 12px;
    z-index: 3;
    font-weight: 900;
    box-sizing: border-box;
}

.select .js-select,
.select select,
.signup__form button,
.sticky-nav {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 800px) {
    .search-form__close {
        right: -2px;
    }
}

.select {
    position: relative;
}

.select:before {
    width: 46px;
    height: 46px;
    box-sizing: border-box;
    right: 0;
    bottom: 0;
}

.select:after {
    width: 6px;
    height: 6px;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 23px;
    bottom: 21px;
    margin-right: -5px;
}

.select .js-select {
    cursor: pointer;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border-radius: 0;
    padding-top: 45px;
    top: 0;
    left: 0;
    text-align: left;
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1),
    height 0s linear 0.4s;
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1),
    height 0s linear 0.4s;
}

.select .js-select.is-open {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1),
    height 0s linear 0s;
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1),
    height 0s linear 0s;
}

.select .js-select li {
    background: #fff;
    display: block;
    line-height: 20px;
    padding: 13px 10px;
    min-height: 20px;
    -webkit-transition: background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.select select {
    width: 100%;
    height: 46px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #e0e0e0;
    background: 0 0;
    border-radius: 0;
    padding: 0 46px 0 10px;
    position: relative;
}

.select select:focus {
    outline: 0;
}

.no-touchevents .js-select li:hover {
    background: #eee;
}

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

.signup {
    background: #fbeaca;
    padding: 45px 0 20px;
}

.signup .heading--4 {
    padding-bottom: 18px;
}

.signup .heading--2 {
    margin-bottom: 12px;
}

.signup__form {
    margin-top: 35px;
    /* padding-right: 150px; */
    position: relative;
}

.signup__form button,
.signup__form input {
    height: 56px;
    box-sizing: border-box;
    border: 1px solid #212121;
    background: #fbeaca;
    display: block;
    overflow: hidden;
}

.signup__form .button--success {
    background: #f0c21a;
}

.signup__form .button__content {
    line-height: 56px;
}

.signup__form input {
    background: #fff;
    width: 100%;
    padding: 20px;
}

.signup__form input:focus {
    outline: 0;
}

.signup__form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.signup__form input:focus::-webkit-input-placeholder {
    color: transparent;
}

.signup__form input:focus:-moz-placeholder {
    color: transparent;
}

.signup__form button {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 900;
    color: #fff;
    background: #212121;
    -webkit-transition: background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    border: 0;
}

.signup__form button:focus {
    outline: 0;
    background: #f0c21a;
}

.signup__form::-webkit-input-placeholder {
    color: #212121;
}

.signup__form::-moz-placeholder {
    color: #212121;
}

.signup__form:-ms-input-placeholder {
    color: #212121;
}

.signup__form .success_message, .signup__form .error_message {
    padding-top: 20px;
    text-align: center;
}

.no-touchevents .signup__form button:hover {
    background: #f0c21a;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .signup__form {
        padding-right: 0;
    }
    .signup__form button {
        position: relative;
        margin-top: 18px;
        width: 100%;
    }
    .signup .heading--2 {
        font-size: 22px;
        line-height: 36px;
    }
}

.sticky-nav {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    background: #fbeaca;
    z-index: 9;
}

.sticky-nav li {
    display: inline-block;
    vertical-align: top;
}

.sticky-nav a {
    display: block;
    padding: 18px 10px;
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.sticky-nav .has-current a,
.sticky-nav a.is-current {
    color: #9d9d9d;
}

.sticky-nav .has-current a.is-current {
    color: #212121;
}

.sticky-nav__mobile {
    display: none;
    position: relative;
    padding: 18px 10px;
}

.sticky-nav__mobile:after,
.sticky-nav__mobile:before {
    width: 8px;
    height: 2px;
    background: #212121;
    -webkit-transform-origin: 0 1px;
    transform-origin: 0 1px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 23px;
    bottom: 28px;
    margin-right: 0;
}

.sticky-nav__mobile::before {
    -webkit-transform-origin: 8px 1px;
    transform-origin: 8px 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: -2px;
}

.no-touchevents .sticky-nav:hover a {
    color: #9d9d9d;
}

.no-touchevents .sticky-nav:hover a:hover {
    color: #212121;
}

.sticky-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.sticky-nav__wrapper {
    position: relative;
    padding-top: 55px;
}

.sticky-nav__wrapper.is-past-header .sticky-nav {
    position: fixed;
    left: 0;
    top: 80px;
}

@media screen and (max-width: 800px) {
    .sticky-nav__mobile {
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
        background: #fbeaca;
        cursor: pointer;
        display: block;
    }
    .sticky-nav {
        background: 0 0;
    }
    .sticky-nav.is-current {
        z-index: 30;
    }
    .sticky-nav ul {
        overflow: hidden;
        opacity: 0;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
        opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s,
        height 0s linear 0.6s;
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
        opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s,
        height 0s linear 0.6s;
        -webkit-transform: translate3d(0, -56px, 0);
        transform: translate3d(0, -56px, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        background: #fff;
    }
    .sticky-nav.is-open .sticky-nav__mobile {
        -webkit-transform: translate3d(0, -56px, 0);
        transform: translate3d(0, -56px, 0);
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }
    .sticky-nav.is-open .sticky-nav__mobile:after,
    .sticky-nav.is-open .sticky-nav__mobile:before {
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    }
    .sticky-nav.is-open .sticky-nav__mobile:after {
        -webkit-transform: translateY(-4px) rotate(45deg) scaleX(1.75);
        transform: translateY(-4px) rotate(45deg) scaleX(1.75);
    }
    .sticky-nav.is-open .sticky-nav__mobile:before {
        -webkit-transform: translateY(-4px) rotate(-45deg) scaleX(1.75);
        transform: translateY(-4px) rotate(-45deg) scaleX(1.75);
    }
    .sticky-nav.is-open ul {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        height: 100vh;
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
        opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
        height 0s linear 0s;
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
        opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
        height 0s linear 0s;
    }
    .sticky-nav li {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-bottom: -1px;
        display: block;
        width: 100%;
    }
    .sticky-nav__wrapper.is-past-header .sticky-nav {
        top: 56px;
    }
}



/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative;
      max-width: 1490px;
    margin: 0 auto;
  margin-bottom: 180px;
}

.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: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: grabbing;
}

.flickity-prev-next-button {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    border: none;
    background: transparent;
    cursor: pointer;

}

.flickity-prev-next-button:hover {
    background: transparent;
}

.flickity-prev-next-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0px #09f;
}

.flickity-prev-next-button:active {
    filter: alpha(opacity=0);
    opacity: 0;
}

.flickity-prev-next-button.previous {
    left: 0px;
}

.flickity-prev-next-button.next {
    right: 0px;
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 0px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 0px;
}

.flickity-prev-next-button:disabled {
    filter: alpha(opacity=30);
    opacity: 0.3;
    cursor: auto;
}

.flickity-prev-next-button svg {
    position: absolute;
  display: none;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.flickity-prev-next-button .arrow {
    fill: #333;
}

.flickity-prev-next-button.no-svg {
    color: #333;
    font-size: 26px;
}

.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: 4px;
    height: 4px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25);
    opacity: 0.25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    filter: alpha(opacity=100);
    opacity: 1;
}

.leaflet-container {
    background: #fff;
    font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #404040;
    color: rgba(0, 0, 0, 0.75);
    outline: 0;
    overflow: hidden;
    -ms-touch-action: none;
    cursor: -moz-grab;
}

.leaflet-container *,
.leaflet-container:after,
.leaflet-container:before {
    box-sizing: border-box;
}

.leaflet-container h1,
.leaflet-container h2,
.leaflet-container h3,
.leaflet-container h4,
.leaflet-container h5,
.leaflet-container h6,
.leaflet-container p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px;
}

.leaflet-bottom .leaflet-control,
.leaflet-container .marker-description img {
    margin-bottom: 10px;
}

.leaflet-container a {
    color: #3887be;
    font-weight: 400;
    text-decoration: none;
}

.leaflet-container .mapbox-improve-map,
.leaflet-popup-content .marker-title {
    font-weight: 700;
}

.leaflet-container a:hover,
.leaflet-container.dark a {
    color: #63b6e5;
}

.leaflet-container.dark a:hover {
    color: #8fcaec;
}

.leaflet-container .mapbox-button,
.leaflet-container.dark .mapbox-button {
    background-color: #3887be;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.leaflet-container .mapbox-button:hover,
.leaflet-container.dark .mapbox-button:hover {
    color: #fff;
    background-color: #3bb2d0;
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-map-pane,
.leaflet-marker-icon,
.leaflet-marker-pane,
.leaflet-marker-shadow,
.leaflet-overlay-pane,
.leaflet-overlay-pane svg,
.leaflet-popup-pane,
.leaflet-shadow-pane,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-tile-pane,
.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
}

.leaflet-tile {
    -webkit-filter: inherit;
    filter: inherit;
    visibility: hidden;
}

.leaflet-tile-loaded {
    visibility: inherit;
}

.leaflet-tile-pane {
    z-index: 2;
}

.leaflet-objects-pane {
    z-index: 3;
}

.leaflet-overlay-pane {
    z-index: 4;
}

.leaflet-shadow-pane {
    z-index: 5;
}

.leaflet-marker-pane {
    z-index: 6;
}

.leaflet-popup-pane {
    z-index: 7;
}

.leaflet-control {
    position: relative;
    z-index: 7;
    pointer-events: auto;
    float: left;
    clear: both;
}

.leaflet-right .leaflet-control {
    float: right;
    margin-right: 10px;
}

.leaflet-top .leaflet-control {
    margin-top: 10px;
}

.leaflet-left .leaflet-control {
    margin-left: 10px;
}

.leaflet-bottom,
.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

.leaflet-top {
    top: 0;
}

.leaflet-right {
    right: 0;
}

.leaflet-bottom {
    bottom: 0;
}

.leaflet-left {
    left: 0;
}

.leaflet-fade-anim .leaflet-popup,
.leaflet-fade-anim .leaflet-tile {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup,
.leaflet-fade-anim .leaflet-tile-loaded {
    opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated,
.leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}

.leaflet-container.leaflet-clickable,
.leaflet-container.map-clickable,
.leaflet-marker-icon,
.leaflet-overlay-pane path {
    cursor: pointer;
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto;
}

.leaflet-dragging,
.leaflet-dragging .leaflet-clickable,
.leaflet-dragging .leaflet-container,
.leaflet-dragging .map-clickable {
    cursor: move;
    cursor: -moz-grabbing;
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    background: #fff;
    border: 2px dotted #202020;
    opacity: 0.5;
}

.leaflet-bar,
.leaflet-control-layers {
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    box-shadow: none;
}

.leaflet-bar a,
.leaflet-bar a:hover {
    color: #404040;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid #ddd;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.leaflet-bar a:active,
.leaflet-bar a:hover {
    background-color: #f8f8f8;
    cursor: pointer;
}

.leaflet-bar a:hover:first-child {
    border-radius: 3px 3px 0 0;
}

.leaflet-bar a:hover:last-child {
    border-bottom: 0;
    border-radius: 0 0 3px 3px;
}

.leaflet-bar a:hover:only-of-type {
    border-radius: 3px;
}

.leaflet-bar .leaflet-disabled {
    cursor: default;
    opacity: 0.75;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    display: block;
    text-indent: -999em;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}

.leaflet-control-layers-expanded {
    background: #fff;
    padding: 6px 10px 6px 6px;
    color: #404040;
    color: rgba(0, 0, 0, 0.75);
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}

.leaflet-control-layers label {
    display: block;
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    border-top-color: rgba(0, 0, 0, 0.1);
    margin: 5px -10px 5px -6px;
}

.leaflet-container .leaflet-control-attribution {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
    box-shadow: none;
}

.leaflet-container .leaflet-control-attribution a,
.leaflet-container .map-info-container a {
    color: #404040;
}

.leaflet-control-attribution a:hover,
.map-info-container a:hover {
    color: inherit;
    text-decoration: underline;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}

.leaflet-container .leaflet-control-attribution.leaflet-compact-attribution {
    margin: 10px;
    background: #fff;
    border-radius: 3px 13px 13px 3px;
    padding: 3px 31px 3px 3px;
    visibility: hidden;
}

.leaflet-control-attribution.leaflet-compact-attribution:hover {
    visibility: visible;
}

.leaflet-control-attribution.leaflet-compact-attribution:after {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    background-position: 0 -78px;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    bottom: 0;
    z-index: 1;
    visibility: visible;
    cursor: pointer;
}

.leaflet-control-attribution.leaflet-compact-attribution:hover:after {
    background-color: #fff;
}

.leaflet-right .leaflet-control-attribution.leaflet-compact-attribution:after {
    right: 0;
}

.leaflet-left .leaflet-control-attribution.leaflet-compact-attribution:after {
    left: 0;
}

.leaflet-control-scale-line {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
    border-top: 0;
    padding: 2px 5px 1px;
    white-space: nowrap;
    overflow: hidden;
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #ddd;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-bottom: 0;
    margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    pointer-events: none;
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    pointer-events: all;
}

.leaflet-popup-content {
    padding: 10px 10px 15px;
    margin: 0;
    line-height: inherit;
}

.leaflet-popup-close-button+.leaflet-popup-content-wrapper .leaflet-popup-content {
    padding-top: 15px;
}

.map-legends .map-legend,
.map-tooltip {
    padding: 10px;
}

.leaflet-popup-tip-container {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    position: relative;
}

.leaflet-popup-tip {
    width: 0;
    height: 0;
    margin: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    box-shadow: none;
}

.leaflet-popup-close-button {
    text-indent: -999em;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: all;
}

.leaflet-popup-close-button:hover {
    background-color: #f8f8f8;
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
}

.leaflet-editing-icon {
    border-radius: 3px;
}

.leaflet-bar a,
.leaflet-control-layers-toggle,
.leaflet-popup-close-button,
.map-tooltip.closable .close,
.mapbox-button-icon:before,
.mapbox-icon {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.leaflet-bar a {
    display: block;
}

.leaflet-container.dark .map-tooltip .close,
.leaflet-control-attribution:after,
.leaflet-control-layers-toggle,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-popup-close-button,
.map-tooltip .close,
.mapbox-icon {
    opacity: 0.75;
    background-image: url(./icons-000000@2x.png?4c2a02eabb7f23cd4669de6815cea4cc);
    background-repeat: no-repeat;
    background-size: 26px 260px;
}

.leaflet-container.dark .leaflet-control-attribution:after,
.leaflet-container.dark .leaflet-control-layers-toggle,
.leaflet-container.dark .leaflet-control-zoom-in,
.leaflet-container.dark .leaflet-control-zoom-out,
.leaflet-container.dark .mapbox-icon,
.mapbox-button-icon:before {
    opacity: 1;
    background-image: url(./icons-ffffff@2x.png?f9d13bc7568184e64750b583f87f241b);
    background-size: 26px 260px;
}

.leaflet-bar .leaflet-control-zoom-in {
    background-position: 0 0;
}

.leaflet-bar .leaflet-control-zoom-out {
    background-position: 0 -26px;
}

.leaflet-popup-close-button,
.map-tooltip.closable .close {
    background-position: -3px -55px;
    width: 20px;
    height: 20px;
    border-radius: 0 3px 0 0;
}

.mapbox-icon-info {
    background-position: 0 -78px;
}

.leaflet-control-layers-toggle {
    background-position: 0 -104px;
}

.mapbox-icon.mapbox-icon-share,
.mapbox-icon.mapbox-icon-share:before {
    background-position: 0 -130px;
}

.mapbox-icon.mapbox-icon-geocoder,
.mapbox-icon.mapbox-icon-geocoder:before {
    background-position: 0 -156px;
}

.mapbox-icon-facebook,
.mapbox-icon-facebook:before {
    background-position: 0 -182px;
}

.mapbox-icon-twitter,
.mapbox-icon-twitter:before {
    background-position: 0 -208px;
}

.mapbox-icon-pinterest,
.mapbox-icon-pinterest:before {
    background-position: 0 -234px;
}

.leaflet-popup-content-wrapper,
.map-legends,
.map-tooltip {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.map-legends,
.map-tooltip {
    max-width: 300px;
}

.map-tooltip {
    z-index: 999999;
    min-width: 180px;
    max-height: 400px;
    overflow: auto;
    opacity: 1;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

.map-tooltip .close {
    text-indent: -999em;
    overflow: hidden;
    display: none;
}

.map-tooltip.closable .close {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 3px;
}

.map-tooltip.closable .close:active {
    background-color: #f8f8f8;
}

.leaflet-control-interaction {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 300px;
}

.leaflet-control .mapbox-button {
    background-color: #fff;
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    border-radius: 3px;
}

.mapbox-modal>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow-y: auto;
}

.mapbox-modal.active>div {
    z-index: 99999;
    -webkit-transition: all 0.2s, z-index 0 0;
    transition: all 0.2s, z-index 0 0;
}

.mapbox-modal .mapbox-modal-mask {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
}

.mapbox-modal.active .mapbox-modal-mask {
    opacity: 1;
}

.mapbox-modal .mapbox-modal-content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.mapbox-modal.active .mapbox-modal-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.mapbox-modal-body {
    position: relative;
    background: #fff;
    padding: 20px;
    z-index: 1000;
    width: 50%;
    margin: 20px 0 20px 25%;
}

.mapbox-share-buttons {
    margin: 0 0 20px;
}

.mapbox-share-buttons a {
    width: 33.3333%;
    border-left: 1px solid #fff;
    text-align: center;
    border-radius: 0;
}

.mapbox-share-buttons a:last-child {
    border-radius: 0 3px 3px 0;
}

.mapbox-share-buttons a:first-child {
    border: 0;
    border-radius: 3px 0 0 3px;
}

.mapbox-modal input {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.5);
}

.leaflet-control.mapbox-control-info {
    margin: 5px 30px 10px 10px;
    min-height: 26px;
}

.leaflet-right .leaflet-control.mapbox-control-info {
    margin: 5px 10px 10px 30px;
}

.mapbox-info-toggle {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.leaflet-right .mapbox-control-info .mapbox-info-toggle {
    left: auto;
    right: 0;
}

.mapbox-info-toggle:hover {
    background-color: #fff;
}

.map-info-container {
    background: #fff;
    padding: 3px 5px 3px 27px;
    display: none;
    position: relative;
    bottom: 0;
    left: 0;
    border-radius: 13px 3px 3px 13px;
}

.leaflet-right .map-info-container {
    left: auto;
    right: 0;
    padding: 3px 27px 3px 5px;
    border-radius: 3px 13px 13px 3px;
}

.mapbox-control-info.active .map-info-container {
    display: inline-block;
}

.leaflet-control-mapbox-geocoder {
    position: relative;
}

.leaflet-control-mapbox-geocoder.searching {
    opacity: 0.75;
}

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
    background: #fff;
    position: absolute;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    left: 26px;
    height: 28px;
    width: 0;
    top: -1px;
    border-radius: 0 3px 3px 0;
    opacity: 0;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}

.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
    width: 180px;
    opacity: 1;
}

.leaflet-bar .leaflet-control-mapbox-geocoder-toggle,
.leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
    border-bottom: 0;
}

.leaflet-control-mapbox-geocoder-toggle {
    border-radius: 3px;
}

.leaflet-control-mapbox-geocoder.active,
.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
    background: 0 0;
    border: 0;
    width: 180px;
    padding: 0 0 0 10px;
    height: 26px;
    outline: 0;
}

.leaflet-control-mapbox-geocoder-results {
    width: 180px;
    position: absolute;
    left: 26px;
    top: 25px;
    border-radius: 0 0 3px 3px;
}

.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-results {
    background: #fff;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
}

.leaflet-control-mapbox-geocoder-results a,
.leaflet-control-mapbox-geocoder-results span {
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 26px;
    text-align: left;
    overflow: hidden;
}

.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover,
.leaflet-control-mapbox-geocoder-results a:hover {
    background: #f8f8f8;
    opacity: 1;
}

.leaflet-right .leaflet-control-mapbox-geocoder-results,
.leaflet-right .leaflet-control-mapbox-geocoder-wrap {
    left: auto;
    right: 26px;
}

.leaflet-right .leaflet-control-mapbox-geocoder-wrap {
    border-radius: 3px 0 0 3px;
}

.leaflet-right .leaflet-control-mapbox-geocoder.active,
.leaflet-right .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
    border-radius: 0 3px 3px 0;
}

.leaflet-bottom .leaflet-control-mapbox-geocoder-results {
    top: auto;
    bottom: 25px;
    border-radius: 3px 3px 0 0;
}

.mapbox-logo-true:before {
    display: inline-block;
    width: 61px;
    height: 19px;
    vertical-align: middle;
}

.mapbox-logo-true {
    background-repeat: no-repeat;
    background-size: 61px 19px;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NSIgaGVpZ2h0PSIyMCI+PGRlZnMvPjxtZXRhZGF0YT48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjxkYzp0aXRsZS8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuODQ4MywtOTguNTAzOTUpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjE3NDQxODM2LDAsMCwwLjE3NDQxODM2LDIyMC41MjI4MiwyOS4yMjkzNDIpIiBzdHlsZT0ib3BhY2l0eTowLjI1O2ZpbGw6I2ZmZmZmZjtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MTcuMjAwMDIzNjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLW9wYWNpdHk6MTtzdHJva2UtZGFzaGFycmF5Om5vbmUiPjxwYXRoIGQ9Ik0gNS4yOCAxLjUgQyA0LjU0IDEuNTYgMy45IDIuMjUgMy45MSAzIGwgMCAxMS44OCBjIDAuMDIgMC43NyAwLjcyIDEuNDcgMS41IDEuNDcgbCAxLjc1IDAgYyAwLjc4IDAgMS40OCAtMC42OSAxLjUgLTEuNDcgbCAwIC00LjI4IDAuNzIgMS4xOSBjIDAuNTMgMC44NyAyLjAzIDAuODcgMi41NiAwIGwgMC43MiAtMS4xOSAwIDQuMjggYyAwLjAyIDAuNzYgMC43IDEuNDUgMS40NyAxLjQ3IGwgMS43NSAwIGMgMC43OCAwIDEuNDggLTAuNjkgMS41IC0xLjQ3IGwgMCAtMC4xNiBjIDEuMDIgMS4xMiAyLjQ2IDEuODEgNC4wOSAxLjgxIGwgNC4wOSAwIDAgMS40NyBjIC0wIDAuNzggMC42OSAxLjQ4IDEuNDcgMS41IGwgMS43NSAwIGMgMC43OSAtMCAxLjUgLTAuNzEgMS41IC0xLjUgbCAwLjAyIC0xLjQ3IGMgMS43MiAwIDMuMDggLTAuNjQgNC4xNCAtMS42OSBsIDAgMC4xOSBjIDAgMC4zOSAwLjE2IDAuNzkgMC40NCAxLjA2IDAuMjggMC4yOCAwLjY3IDAuNDQgMS4wNiAwLjQ0IGwgMy4zMSAwIGMgMi4wMyAwIDMuODUgLTEuMDYgNC45MSAtMi42OSAxLjA1IDEuNjEgMi44NCAyLjY5IDQuODggMi42OSAxLjAzIDAgMS45OCAtMC4yNyAyLjgxIC0wLjc1IDAuMjggMC4zNSAwLjczIDAuNTcgMS4xOSAwLjU2IGwgMi4xMiAwIGMgMC40OCAwLjAxIDAuOTcgLTAuMjMgMS4yNSAtMC42MiBsIDAuOTEgLTEuMjggMC45MSAxLjI4IGMgMC4yOCAwLjM5IDAuNzQgMC42MyAxLjIyIDAuNjIgbCAyLjE2IDAgQyA2Mi42NyAxNi4zMyA2My40MiAxNC44OSA2Mi44MSAxNCBMIDYwLjIyIDEwLjM4IDYyLjYyIDcgQyA2My4yNiA2LjExIDYyLjUgNC42MiA2MS40MSA0LjYyIGwgLTIuMTYgMCBDIDU4Ljc4IDQuNjIgNTguMzEgNC44NiA1OC4wMyA1LjI1IEwgNTcuMzEgNi4yOCA1Ni41NiA1LjI1IEMgNTYuMjkgNC44NiA1NS44MiA0LjYyIDU1LjM0IDQuNjIgbCAtMi4xNiAwIGMgLTAuNDkgLTAgLTAuOTcgMC4yNSAtMS4yNSAwLjY2IC0wLjg2IC0wLjUxIC0xLjg0IC0wLjgxIC0yLjkxIC0wLjgxIC0yLjAzIDAgLTMuODMgMS4wOCAtNC44OCAyLjY5IEMgNDMuMSA1LjUzIDQxLjI3IDQuNDcgMzkuMTkgNC40NyBMIDM5LjE5IDMgQyAzOS4xOSAyLjYxIDM5LjAzIDIuMjEgMzguNzUgMS45NCAzOC40NyAxLjY2IDM4LjA4IDEuNSAzNy42OSAxLjUgbCAtMS43NSAwIGMgLTAuNzEgMCAtMS41IDAuODMgLTEuNSAxLjUgbCAwIDMuMTYgQyAzMy4zOCA1LjEgMzEuOTYgNC40NyAzMC4zOCA0LjQ3IGwgLTMuMzQgMCBjIC0wLjc3IDAuMDIgLTEuNDcgMC43MiAtMS40NyAxLjUgbCAwIDAuMzEgYyAtMS4wMiAtMS4xMiAtMi40NiAtMS44MSAtNC4wOSAtMS44MSAtMS42MyAwIC0zLjA3IDAuNyAtNC4wOSAxLjgxIEwgMTcuMzggMyBjIC0wIC0wLjc5IC0wLjcxIC0xLjUgLTEuNSAtMS41IEwgMTQuNSAxLjUgQyAxMy41NSAxLjUgMTIuMjggMS44NyAxMS42NiAyLjk0IGwgLTEgMS42OSAtMSAtMS42OSBDIDkuMDMgMS44NyA3Ljc3IDEuNSA2LjgxIDEuNSBsIC0xLjQxIDAgQyA1LjM2IDEuNSA1LjMyIDEuNSA1LjI4IDEuNSB6IG0gMTYuMTkgNy43MiBjIDAuNTMgMCAwLjk0IDAuMzUgMC45NCAxLjI4IGwgMCAxLjI4IC0wLjk0IDAgYyAtMC41MiAwIC0wLjk0IC0wLjM4IC0wLjk0IC0xLjI4IC0wIC0wLjkgMC40MiAtMS4yOCAwLjk0IC0xLjI4IHogbSA4LjgxIDAgYyAwLjgzIDAgMS4xOCAwLjY4IDEuMTkgMS4yOCAwLjAxIDAuOTQgLTAuNjIgMS4yOCAtMS4xOSAxLjI4IHogbSA4LjcyIDAgYyAwLjcyIDAgMS4zNyAwLjYgMS4zNyAxLjI4IDAgMC43NyAtMC41MSAxLjI4IC0xLjM3IDEuMjggeiBtIDEwLjAzIDAgYyAwLjU4IDAgMS4wOSAwLjUgMS4wOSAxLjI4IDAgMC43OCAtMC41MSAxLjI4IC0xLjA5IDEuMjggLTAuNTggMCAtMS4xMiAtMC41IC0xLjEyIC0xLjI4IDAgLTAuNzggMC41NCAtMS4yOCAxLjEyIC0xLjI4IHoiIHRyYW5zZm9ybT0ibWF0cml4KDUuNzMzMzQxNCwwLDAsNS43MzMzNDE0LDIzNi45MzMwOCwzOTcuMTc0OTgpIiBzdHlsZT0iZm9udC1zaXplOm1lZGl1bTtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTtsaW5lLWhlaWdodDpub3JtYWw7bGV0dGVyLXNwYWNpbmc6bm9ybWFsO3dvcmQtc3BhY2luZzpub3JtYWw7dGV4dC10cmFuc2Zvcm06bm9uZTtkaXJlY3Rpb246bHRyO2Jsb2NrLXByb2dyZXNzaW9uOnRiO3dyaXRpbmctbW9kZTpsci10Yjt0ZXh0LWFuY2hvcjpzdGFydDtiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtjb2xvcjojMDAwMDAwO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTcuMjAwMDIzNjU7bWFya2VyOm5vbmU7dmlzaWJpbGl0eTp2aXNpYmxlO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZTtmb250LWZhbWlseTpTYW5zOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjE3NDQxODM2LDAsMCwwLjE3NDQxODM2LDIyMC41MjI4MiwyOS4yMjkzNDIpIiBzdHlsZT0iZmlsbDojZmZmZmZmIj48cGF0aCBkPSJtIDUuNDEgMyAwIDEyIDEuNzUgMCAwIC05LjkxIDMuNSA1Ljk0IDMuNDcgLTUuOTQgMCA5LjkxIDEuNzUgMCAwIC0xMiBMIDE0LjUgMyBDIDEzLjggMyAxMy4yNSAzLjE2IDEyLjk0IDMuNjkgTCAxMC42NiA3LjU5IDguMzggMy42OSBDIDguMDcgMy4xNiA3LjUxIDMgNi44MSAzIHogTSAzNiAzIGwgMCAxMi4wMyAzLjI1IDAgYyAyLjQ0IDAgNC4zOCAtMS45MSA0LjM4IC00LjUzIDAgLTIuNjIgLTEuOTMgLTQuNDcgLTQuMzggLTQuNDcgQyAzOC43IDYuMDMgMzguMzIgNiAzNy43NSA2IGwgMCAtMyB6IE0gMjEuNDcgNS45NyBjIC0yLjQ0IDAgLTQuMTkgMS45MSAtNC4xOSA0LjUzIDAgMi42MiAxLjc1IDQuNTMgNC4xOSA0LjUzIGwgNC4xOSAwIDAgLTQuNTMgYyAwIC0yLjYyIC0xLjc1IC00LjUzIC00LjE5IC00LjUzIHogbSAyNy41NiAwIGMgLTIuNDEgMCAtNC4zOCAyLjAzIC00LjM4IDQuNTMgMCAyLjUgMS45NyA0LjUzIDQuMzggNC41MyAyLjQxIDAgNC4zNCAtMi4wMyA0LjM0IC00LjUzIDAgLTIuNSAtMS45NCAtNC41MyAtNC4zNCAtNC41MyB6IG0gLTIyIDAuMDMgMCAxMiAxLjc1IDAgMCAtMi45NyBjIDAuNTcgMCAxLjA0IC0wIDEuNTkgMCAyLjQ0IDAgNC4zNCAtMS45MSA0LjM0IC00LjUzIDAgLTIuNjIgLTEuOSAtNC41IC00LjM0IC00LjUgeiBtIDI2LjE2IDAgMy4wMyA0LjM4IC0zLjE5IDQuNjIgMi4xMiAwIEwgNTcuMzEgMTEuOTEgNTkuNDQgMTUgNjEuNTkgMTUgNTguMzggMTAuMzggNjEuNDEgNiA1OS4yNSA2IDU3LjMxIDguODEgNTUuMzQgNiB6IE0gMjEuNDcgNy43MiBjIDEuNCAwIDIuNDQgMS4xOSAyLjQ0IDIuNzggbCAwIDIuNzggLTIuNDQgMCBjIC0xLjQgMCAtMi40NCAtMS4yMSAtMi40NCAtMi43OCAtMCAtMS41NyAxLjA0IC0yLjc4IDIuNDQgLTIuNzggeiBtIDI3LjU2IDAgYyAxLjQ0IDAgMi41OSAxLjI0IDIuNTkgMi43OCAwIDEuNTQgLTEuMTUgMi43OCAtMi41OSAyLjc4IC0xLjQ0IDAgLTIuNjIgLTEuMjQgLTIuNjIgLTIuNzggMCAtMS41NCAxLjE4IC0yLjc4IDIuNjIgLTIuNzggeiBtIC0yMC4yNSAwLjAzIDEuNTkgMCBjIDEuNTkgMCAyLjU5IDEuMjggMi41OSAyLjc1IDAgMS40NyAtMS4xMyAyLjc4IC0yLjU5IDIuNzggbCAtMS41OSAwIHogbSA4Ljk3IDAgMS41IDAgYyAxLjQ3IDAgMi42MiAxLjI4IDIuNjIgMi43NSAwIDEuNDcgLTEuMDQgMi43OCAtMi42MiAyLjc4IGwgLTEuNSAwIHoiIHRyYW5zZm9ybT0ibWF0cml4KDUuNzMzMzQxNCwwLDAsNS43MzMzNDE0LDIzNi45MzMwOCwzOTcuMTc0OTgpIiBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIi8+PC9nPjwvZz48L3N2Zz4=");
}

.leaflet-container.dark .leaflet-bar {
    background-color: #404040;
    border-color: #202020;
    border-color: rgba(0, 0, 0, 0.75);
}

.leaflet-container.dark .leaflet-bar a {
    color: #404040;
    border-color: rgba(0, 0, 0, 0.5);
}

.leaflet-container.dark .leaflet-bar a:active,
.leaflet-container.dark .leaflet-bar a:hover {
    background-color: #505050;
}

.leaflet-container.dark .leaflet-control-attribution,
.leaflet-container.dark .leaflet-control-attribution:after,
.leaflet-container.dark .map-info-container,
.leaflet-container.dark .mapbox-info-toggle {
    background-color: rgba(0, 0, 0, 0.5);
    color: #f8f8f8;
}

.leaflet-container.dark .leaflet-control-attribution a,
.leaflet-container.dark .leaflet-control-attribution a:hover,
.leaflet-container.dark .map-info-container a,
.leaflet-container.dark .map-info-container a:hover {
    color: #fff;
}

.leaflet-container.dark .leaflet-control-attribution:hover:after {
    background-color: #000;
}

.leaflet-container.dark .leaflet-control-layers-list span {
    color: #f8f8f8;
}

.leaflet-container.dark .leaflet-control-layers-separator {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.leaflet-container.dark .leaflet-bar a.leaflet-disabled,
.leaflet-container.dark .leaflet-control .mapbox-button.disabled {
    background-color: #252525;
    color: #404040;
}

.leaflet-container.dark .leaflet-control-mapbox-geocoder>div {
    border-color: #202020;
    border-color: rgba(0, 0, 0, 0.75);
}

.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a {
    border-color: #ddd #202020;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.75);
}

.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results span {
    border-color: #202020;
    border-color: rgba(0, 0, 0, 0.75);
}

@media only screen and (max-width: 800px) {
    .mapbox-modal-body {
        width: 83.3333%;
        margin-left: 8.3333%;
    }
}

@media only screen and (max-width: 640px) {
    .mapbox-modal-body {
        width: 100%;
        height: 100%;
        margin: 0;
    }
}

@media print {
    .mapbox-improve-map {
        display: none;
    }
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}

.leaflet-container img.leaflet-tile {
    max-width: none !important;
}

.leaflet-container img.leaflet-marker-icon {
    max-width: none;
}

.leaflet-container img.leaflet-image-layer {
    max-width: 15000px !important;
}

.leaflet-overlay-pane svg {
    -moz-user-select: none;
}

.leaflet-oldie .mapbox-modal .mapbox-modal-content {
    display: none;
}

.leaflet-oldie .mapbox-modal.active .mapbox-modal-content {
    display: block;
}

.map-tooltip {
    width: 280px\9;
}

.leaflet-oldie .leaflet-container.dark .map-tooltip .close,
.leaflet-oldie .leaflet-control-layers-toggle,
.leaflet-oldie .leaflet-control-zoom-in,
.leaflet-oldie .leaflet-control-zoom-out,
.leaflet-oldie .leaflet-popup-close-button,
.leaflet-oldie .map-tooltip .close,
.leaflet-oldie .mapbox-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAEECAYAAAA24SSRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAXnSURBVHic7ZxfiFVFGMB/33pRUQsKto002DY3McJ6yBYkESQxpYTypaB66KEXYRWLYOlhr9RTRGWRUkk9RyEU+Y9ClECJVTKlPybWBilqkYuWrqBOD/NdPV7PmTPn3NPtat/AcO6ZP9/vfN/Mmfl2Zs6Kc452hK62UAxkIANdEURkVERGC9crOjKIiANwzkmRep1lOjWXa2ijaU7jaGWgKsL110a1EnV+LQMqbLqyobO6t4EMZCADGchABrqmQUlPNSWOVgaqIpi7ZSADGchABjKQga49kIjURaQem14apGE4KVR/D0fXds5FRaAOOL1e+h1dP7ZgE6wQxDnXvs7QWaZLE1wUVmRNdY1zrp6wRF0kfqHYnHwDGchABjJQIETNRyIyFVgBzAPmavIIsAt4xzn3d66QiNl1PnCYy05JczwMzG9pKlfIhQCkES/kwUKQqRma9GpM02xqGXdrBdCXZm2NzaFP66SGUGeYl5E+WqJO0HRHSG+PXtJN54AjVbhbjQcbBSjiakH4hR0p+hChOiHQrhKg7Drt6t7//Qtb9RAU5XtXMaiak28gAxnIQO0Gicg0EXlMRDaIyFGNGzRtWhQpMA/1A6uAL4BzZM9H57TMKqC/8HyUPFhZJLiMI4sh0/UDK4FtwHig3LiWWal1UkPsDDsFWAgsBZZo8hZgM7DdOXcmV0igjQ4Ba4HFwORAuclaZi1wqNU2OgNsVw22aNoS1XAhMCXx4OkubOBJZwKDwFbgLNm97qyWGQRmtuoFWRsV0ujabCPzVA1kIAMZqBNAIjIgImPNRxUzK+SsmtRJn4Pqmj8AjCXzsmTlaTSck/8zcDRX/QiNMp8S6Ab2a5nvG5plyioDaoLs1/sBYKwyUBokkTdQJeiVZgi6UR+UVQI0QWHdoXKFvKDYz7RiynXctk7LPlmeRmsKyAqWNQfSQAYykIGuS5CI1ERkSET2ishpvQ6JSLE93ByfoQbsRHeNgfe4vOO8E6iF6hdxToZU6OqGUIWv1vShqkB7VYNaU3pN0/fGgvLa6C5gk3PufJO5zwObgDuraqM8jbZWpdEnwG3AYKOX6XVQ07+sSqNQr3P4QxS9LXeGBGxIzTiGXwR8QSHRsCj7ZjxAbxFYaVAKbMe/BkrAduRpZJ6qgQxkoP8DKDRY1sk/s5W6YFhoUG3nFnZeOIJfxLgXWB7zBFmmyzPT44my9zXSC098OZCTwCQttzOZVzVoX1a5LHmdtYyWDM29yjknItKF3xSelFWvKo1mhCClQLo1sC95T8T/ebr+xrqOABVZT82tY56qgQxkIAN1CkhEulsGiUi3iCzKyJsjIpuBYyLyo4isFpHXReTuTFLAr1sOnAeeT8nbzNW+3rfam2ucyacsqj4fngr68ot0f1na24cumqbu4pmugyds0hzwyqlfj+AeNV3s30aLSoEUtjEScoHE3nkZ0Ay1fR7o3ZCcGNAEYHcO5A/g5pZACpsMPEf6UexTwCN5MvI6w2zgaeBt4HQK5BsC57ubY+jPll/wHzn1Ayc07QD+u6MR4GPn3LlA/SuCOZAGMpCBDFRhiF50EpFl+PP49wOzgIPAHmCLc+6zxaere18p+b7DRqAnJCfvfF0P/mTgLZr0l97vB27CL3HO0rwTwBzn3PHCGiU0uQisA6bhzT0T/T4ZeAr4s6FZmal8WcI0LwETgdfwHzY1XKz3teyjibLLioLWa8UDeG/oZbxD+QHwdULwg1r+K71fXxQ0ohXfAgS/Mvyh5i1MgNZp2qt6P5ImL/QezdbrSeAG4EbVJJkH8LteJ+p1FikhBPpNr3Odc6fUNHdo2oJEucbX8Y2zDQeLgr7T62IReRb4AX9mGGC6Xo8Bu0VkOvCQpu1JlRZoo6Vc/WL2ad4C4A28CWvAR5TtdU0dwqH/ewHvHi8HbgUexh+euDRCFH6PVOh0/FKzw3um4M8zpA1DxwkMQzFjXR9+d/9N1WI8BZI71kU56Aq8HXgC+Ak/5o3gX+rUNmmO5nsbqP2gfwCyvJzPNoKXiAAAAABJRU5ErkJggg==);
}

.leaflet-oldie .leaflet-container.dark .leaflet-control-layers-toggle,
.leaflet-oldie .leaflet-container.dark .leaflet-control-zoom-in,
.leaflet-oldie .leaflet-container.dark .leaflet-control-zoom-out,
.leaflet-oldie .leaflet-container.dark .mapbox-icon,
.leaflet-oldie .mapbox-button-icon:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAEECAYAAAA24SSRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAXYSURBVHic7ZxfiFVFHMc/a4uKWtDDtqJGZprYgwX5ByTdkkLbSgghCiKih14EBYtg6aEr9RRREKRUUs9hGEVtChKaYMkq2VqWmnUX2tKiNDNZY/Xbw/wue7x7zsw559626zY/GM6df7/P+c3MPfO7M3NumyTGQiaMCSWCIiiC6qVqoZC0lXgy1Cq0FanUck1XxVmSNL8WrzYT1LCMvz5qL1FnoAyoTNOVkpYb3hEUQREUQREUQRF0RYOqjHim9aHaTFDDEt2tCIqgCIqgCIqgCLoiQRULedNLgwCeq1NasbR8IilvqMhJpe5zrvpFQElYIYiksRsMLdd0aYoLwYqsqW5i9KjLLdHJj6AIiqAIiiCP5J2PpgLrgGXAYkvrA/YBrwF/BTXkmB2XSzqhbDlhZRqaypdLuuiB1ORiCOaDTM2wZLaFNMumZunzDYZ1wJy01ubyPfOazLE6qeIbDMsy0qsl6ngtWpyRfqOFInVKbWFXS9TxWtRXQl9mHR9oXwlQdp2xGt4t8YVt6iMor+/d8EM1OvkRFEERFEH/AWga8CCwFfjJwlZLm5ZHge/pPQ+4z8ikygjgub+BT4GPLBwvCio7f6QeWfQ13TxgA7ATGPKUG7IyG6xOOj3nxDcFWAl0A/da2sdAL/AJcD6kwAc6bop6gT1kWzUZ6LKb6CbDqrx9dB535704S8BZ1o2zdEpSZ1HQ3MRddtmdp8kQzuKa9d8VBSUl9lEh0Pjro6ZKy00TERRBERRBLQZaCpxh9FHFUqBKiiJZ+n5gFfBHnrsKgUKb7t/j/PCwBNZwapKW1yGp3/KPSDrjKVsalIT0W3ypwZoGSoPU8pY2E/RCCqSiwJ55GdBVBusIlCu0Xpf3Na1guZbb1mnYJwtZtKmALm/Z6EBGUARFUASNV1A70AMcBP60aw9F93ADPkO7pD3mDwxKesOusvT2QP3czkmPKd2YUNpucVl+LlBo4jsITAduAIbrmnMAOAncnqflQn10M26JebgufdjSb8oDyQM6hlv3ru/4dkv/vFmgd4EZwPoErN3iM4BdeUGNjDpJqsrtmzc86mqwHkkH5X4t7JD0tEFyw3INzYwwuwisEVA9bPe/CarBdocsip5qBEVQBP3fQRWyX4jOCpUsZS2xhR2SQdwixq3A2lDhMkcTa7Ie2G6fwzfsmax8clrSJCu3py4vVV/ZphsALtjnFXkqtNwyWlLqR1Ub7obPA5OyKjXLolk+SFmQgEN18eD/PLXEI2j8gYqspwbrRE81giIogiKohUAdzQB1APdk5C3Ends6CXwLbAReBm7J1OZxINdKGpb0VEpeb4pT+aWkx8os0SxJKHlf0iOSOiXNkHQpBbRT0oQyoA5JH6YoPJ6SJknPeHR5+6gtwj2spjej/BceXV7QV8AHvsoJucTlvt5o8ZkraZa1fUheD+gJfo9+Bq4JlPkNt4Xgl9CdSJos6UlJF1IsOSvp/hw6vL8mFgCLgCXA44w+730ieiim89314gp9aczhhxd9xdio49476go2mfjjlcjrgyygciqgcgqiffl0wom7j78ima8cbq7gzuahp/wck1anpO2BqXy7lSu9I9YJ9APXWfycxfuBa4HbzDpwc9ZC4FQZi2qWXJK0WdI0ue3SuRp5P/lRSb8nLCvsQK5JNM2zkiZKeknSkKVdlPSmlX0gUXZNUdAWq3hY7tzj83K++FuS9icU32Hl91p8S1FQn1V8VVKb3Mrw25a3MgHabGkvWrwvTZ/ve7TArqeBq3H+3f66pibf7vrzkuatij7qj3zddjwf9jly5wjdixk1t+NrZxuOFgV9bddVwBPAN8ARS5tp15PAZxa/29IOpGrz9FG3Rsscy+uS9IqkBXLD/Z1GRl1yQEjuHANy7vFaSdMlrZa0K1Gm1PcISTMlDZiSbZa2I8VSSTolz2Mo9PQeBO7CvTE1iDtRc2dKuffwPX4CfVQfrpf0sKRjks5Zs27J6pP6EH3vCBp70D8db2VXFPfIagAAAABJRU5ErkJggg==);
}

.leaflet-oldie .mapbox-logo-true {
    background-image: none;
}

.collection .is-broken.is-broken.is-broken {
    display: none;
}

.products {
    padding-left: 30px;
    padding-right: 30px;
}

.products--search {
    padding-top: 30px;
    padding-bottom: 30px;
}

.products--3 {
    width: 75%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
}

.products--3 .product {
    width: 33%;
}

.textcenter {
  text-align: center;
}

.product {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 28px;
    width: 25%;
    padding: 0 15px 80px;
    display: inline-block;
    vertical-align: top;
}

.collection__pages,
.product__price,
.product__vendor {
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.product .img {
    margin-bottom: 16px;
}

.product .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.no-touchevents .product:hover .img>img {
    opacity: 0.5;
}

.product__price {
    margin-top: 6px;
}

.product__vendor {
    margin-bottom: 6px;
}

.product__price,
.product__vendor {
    font-size: 16px;
    font-weight: 700;
}

.product__price__old {
    text-decoration: line-through;
}

.product__price__sale {
    color: #f0c21a;
    margin-left: 2px;
}

.product__tags.product__tags {
    position: absolute;
    right: -1px;
    top: 0;
    text-align: right;
    z-index: 3;
}

.product__tags.product__tags img {
    display: inline-block;
    width: auto;
    height: auto;
    -webkit-transform: none;
    transform: none;
    position: static;
    margin-bottom: 10px;
}

.product__tags.product__tags .is-loading {
    height: 0;
    display: block;
    margin: 0;
}

.collection__pages {
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    border-top: 1px solid #e0e0e0;
}

.collection__pages a {
    color: #9d9d9d;
    display: block;
    padding: 20px 10px;
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.collection__pages a.is-current {
    color: #212121;
}

.collection__pages span {
    display: inline-block;
    vertical-align: top;
}

.collection__pages .current {
    color: #212121;
    padding: 20px 10px;
}

.collection__pages .next,
.collection__pages .prev {
    display: none;
}


@media screen and (min-width: 801px) {
    .collection__filter__tab+.collection__filter__tab {
        margin-top: 30px;
    }
    .collection__filters.is-positioned {
        box-sizing: border-box;
        padding-bottom: 10px;
        min-height: 100vh;
        position: absolute;
        top: 0;
    }
    .collection__filters.is-locked {
        position: fixed;
        top: auto;
        bottom: 0;
    }
    .collection {
        position: relative;
    }
    .collection.is-past-bottom .collection__filters.is-locked {
        position: absolute;
        bottom: 0;
        top: auto;
    }
}

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

    .products {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .products--3 {
        width: 100%;
    }
    .product,
    .products--3 .product {
        width: 49.5%;
    }
    .product,
    .product .product__price,
    .product .product__vendor {
        font-size: 11px;
        line-height: 16px;
    }
    .product {
        padding: 0 10px 30px;
        line-height: 20px;
    }
    .collection.is-past-header .collection__filters {
        position: fixed;
        top: 56px;
    }
    .collection__filters {
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 9;
        border-top: 1px solid #e0e0e0;
        box-sizing: border-box;
    }
    .collection__filter__label {
        height: 56px;
        line-height: 56px;
        text-align: center;
    }
    .collection__filter__label .heading--6 {
        line-height: 56px;
    }

    .collection__filter__tab .collection__filters__list .heading--6 {
        display: block;
        margin-top: 36px;
    }
    .collection__filter__tab .collection__filters__list a {
        padding: 5px 0;
    }
    .collection__filter__tab .collection__filters__list a:before {
        display: none;
    }
    .collection__filter__tab.is-open {
        border-bottom-color: #fff;
        background: #fff;
    }
    .collection__filter__tab+.collection__filter__tab .collection__filters__list {
        left: -100%;
    }
    .js-collection__is-open__refine .collection__filter--refine .collection__filter__tabs,
    .js-collection__is-open__sort .collection__filter--sort .collection__filter__tabs {
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
        width 0s linear 0s;
        transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
        width 0s linear 0s;
    }
    .js-collection__is-active .collection__filters {
        z-index: 30;
    }
    .collection__filter__tabs__close {
        position: absolute;
        right: 0;
        top: 0;
        width: 56px;
        height: 56px;
        display: block;
    }
    .collection__filter__tabs__close svg {
        width: 20px;
        height: 20px;
        margin: 18px;
    }
    .collection__filter__tabs__label {
        height: 56px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #e0e0e0;
    }
    .collection__filter__tabs__label .heading--6 {
        line-height: 56px;
    }
    .collection__filter__tabs__buttons {
        margin-top: 56px;
    }
    .collection__filter__tabs__buttons li {
        height: 56px;
        line-height: 56px;
        border-bottom: 1px solid #e0e0e0;
    }
    .collection__filter__tabs__buttons a {
        display: block;
        font-size: 14px;
        letter-spacing: 0.1em;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 56px;
        background: #f5f5f5;
        text-align: center;
    }
    .collection__filter__tabs__buttons a.is-current {
        background: #fff;
    }
}

@media screen and (min-width: 801px) {
    .header {
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .is-home .header {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    .has-banner.is-home .banner,
    .has-banner.is-home .header {
        -webkit-transform: translate3d(0, -110px, 0);
        transform: translate3d(0, -110px, 0);
    }
}

.locations__location__header {
    padding: 85px 30px;
    text-align: center;
}

.locations__location__header p {
    text-align: center;
    color: #9d9d9d;
}

.locations__location__info,
.locations__location__list,
.locations__location__map {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.locations__location__map {
    padding-top: 50%;
    position: relative;
    z-index: 1;
}

.locations__location__info,
.locations__location__list {
    background: #212121;
    color: #fff;
    padding-top: 50%;
    position: relative;
}

.locations__location__info .heading--2,
.locations__location__list .heading--2 {
    margin-bottom: 1em;
}

.locations__location__info p+.heading--5,
.locations__location__list p+.heading--5 {
    margin-top: 1.25em;
}

.locations__location__info .heading--5+p,
.locations__location__list .heading--5+p {
    margin-top: 0.25em;
}

.locations__location__info__content,
.locations__location__list__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    padding: 30px;
}

.locations__location__info__content a,
.locations__location__list__content a {
    color: #fff;
}

.locations__location__info__content li,
.locations__location__list__content li {
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 900;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width: 800px) {
    .locations__location__info__content li,
    .locations__location__list__content li {
        font-size: 22px;
        line-height: 36px;
    }
}

.locations__location__info__content--top,
.locations__location__list__content--top {
    -webkit-transform: none;
    transform: none;
    top: 0;
    padding: 45px;
}

.locations__location__list__content ul {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.locations__location__list__content li {
    width: 100%;
    display: block;
}

.location .banner {
    display: none;
}

@media screen and (min-width: 801px) {
    .location__scroll--has-banner {
        position: relative;
        padding-top: 30px;
    }
    .location__scroll .banner {
        display: block;
        position: absolute;
        z-index: 2;
    }
    .location__scroll .banner a {
        color: #212121;
    }
    .location__scroll.is-past-header .banner {
        position: fixed;
        top: 80px;
    }
}

.locations__location__list a {
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.locations__location__list.is-current a {
    color: #424242;
}

.locations__location__list.is-current li.is-current a {
    color: #fff;
}

.locations__location__list__rollover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
}

.locations__location__list__rollover img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1280px) and (min-width: 800px) {
    .locations__location__list__content.locations__location__list__content li {
        font-size: 22px;
        line-height: 22px;
    }
}

@media screen and (max-width: 840px) and (min-width: 801px) {
    .locations__location__list__content.locations__location__list__content li {
        font-size: 18px;
        line-height: 18px;
    }
}

@media screen and (max-width: 800px) {
    .locations__location__map {
        display: none;
    }
    .locations__location__info,
    .locations__location__list {
        width: 100%;
        padding: 0;
        height: auto;
    }
    .locations__location__info .heading--2,
    .locations__location__list .heading--2 {
        font-size: 22px;
        line-height: 36px;
    }
    .locations__location__info+.locations__location__map {
        display: block;
        width: 100%;
        padding-top: 100%;
    }
    .locations__location__info {
        padding-bottom: 50px;
        padding-top: 35px;
        text-align: center;
    }
    .locations__location__info .heading--2 {
        font-size: 34px;
    }
    .locations__location__info p {
        text-align: center;
    }
    .locations__location__info__content,
    .locations__location__list__content {
        position: relative;
    }
    .locations__location__info__content li,
    .locations__location__info__content ul,
    .locations__location__list__content li,
    .locations__location__list__content ul {
        width: auto;
        display: block;
    }
    .locations__location__info__content li,
    .locations__location__list__content li {
        font-size: 18px;
        line-height: 20px;
    }
    .location .hero__content {
        padding: 50px 20px 46px;
    }
    .location .hero__content .button {
        top: 26px;
    }
}

@media screen and (min-width: 801px) {
    .locations__services .accordion__list h3 {
        line-height: 30px;
        margin-bottom: 0.25em;
    }
    .locations__services .accordion__list li {
        padding: 26px 30px 23px;
    }
}

/*.pdp__top {
    background: url(./rudys-product-bg.jpg?34ba6669514711785ddb188bd0aaa390) #eee;
    background-size: cover;
    position: relative;
}*/

.pdp__top>.grid:first-child {
    z-index: 5;
}

.pdp__top .hero__scroll {
    left: 30%;
    bottom: 11px;
    z-index: 15;
    color: #212121;
}

.pdp__top .hero__scroll svg {
    fill: #212121;
}

.pdp__top .grid.align-right {
    min-height: 60px;
}

.pdp__top button {
    cursor: pointer;
}

.pdp__top .product__price__old {
    color: #f0c21a;
    margin-left: 0.5em;
}

.pdp__top button[disabled] .product__price__old {
    color: #fff;
}

.pdp--gift-card .pdp__top .grid,
.pdp--gift-card .pdp__top .grid__7 {
    min-height: 0;
}

.pdp--gift-card .grid__5,
.pdp--gift-card .grid__7 {
    text-align: center;
    vertical-align: middle;
    padding-bottom: 0;
}

.pdp--gift-card .pdp__qty__inner,
.pdp--gift-card .select {
    background: #fff;
}

.pdp--gift-card .pdp__description p {
    color: #212121;
}

.no-touchevents .pdp__view-reviews:hover,
.pdp__info p {
    color: #212121;
}

.pdp--gift-card .pdp__top {
    height: 652px;
    height: 100vh;
    height: calc(100vh - 80px);
}

.pdp--gift-card .pdp__top .grid__7 {
    height: 100%;
}

.pdp--gift-card .pdp__top .grid {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.pdp__info__tab,
.pdp__view-reviews {
    position: relative;
    display: inline-block;
}

@media screen and (max-width: 800px) {
    .pdp--gift-card .pdp__top {
        height: auto;
    }
    .pdp--gift-card .pdp__top .grid {
        position: relative;
    }
}

.pdp__description {
    margin-bottom: 20px;
}

.pdp__qty {
    width: 100%;
}

.pdp__size {
    width: 50%;
    padding-right: 15px;
    position: relative;
}

.pdp__size+.pdp__qty {
    width: 50%;
    padding-left: 15px;
}

.pdp__size .select,
.pdp__size .select select {
    height: 60px;
}

.pdp__size .select:before {
    display: none;
}

.pdp__size .select:after {
    bottom: 28px;
}

.pdp__size .select .js-select {
    padding-top: 58px;
}

.pdp__qty,
.pdp__size {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 28px;
}

.pdp__qty label,
.pdp__size label {
    display: block;
    text-align: left;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0.4em;
}

.pdp__qty__inner {
    border: 1px solid #e0e0e0;
    height: 58px;
    text-align: center;
}

.pdp__qty button,
.pdp__qty input {
    width: 33.33333%;
    height: 58px;
    box-sizing: border-box;
    text-align: center;
    background: 0 0;
}

.pdp__qty button:focus,
.pdp__qty input:focus {
    outline: 0;
}

.pdp__qty button {
    cursor: pointer;
    max-width: 60px;
    float: right;
}

.pdp__qty button:first-child {
    float: left;
}

.pdp__qty input {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}

.pdp__qty svg {
    width: 30px;
    height: 30px;
    margin: 8px auto;
}

.pdp__info {
    margin: 0 auto;
    padding: 60px 0 30px;
    text-align: center;
}

.pdp__info p {
    text-align: center;
    font-weight: 400;
}

.pdp__info .button {
    height: 60px;
    width: 100%;
    line-height: 60px;
    margin-bottom: 20px;
}

.pdp__info .heading--6+.heading--2 {
    margin-top: 0.6em;
}

.pdp__info .heading--6+.heading--3 {
    margin-top: 0.5em;
}

.pdp__info .heading--3 {
    margin-bottom: 0.65em;
}

.pdp__info .heading--2 {
    margin-bottom: 0.5em;
}

.pdp__form {
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
}

.pdp__info__tabs {
    text-align: left;
}

.pdp__info__tab {
    text-align: center;
    width: 100%;
    vertical-align: middle;
    margin-right: -100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.pdp__info__tab.is-current {
    z-index: 3;
    opacity: 1;
}

.reviews__list__item__rating svg {
    width: 18px;
    height: 18px;
    fill: #212121;
}

.no-touchevents .pdp__qty button {
    -webkit-transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.no-touchevents .pdp__qty button:hover {
    background: #f5f5f5;
}

#reviews {}

.pdp__view-reviews {
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    border-bottom: 1px solid #212121;
    padding-bottom: 2px;
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.pdp__view-reviews:after {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #212121;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.no-touchevents .pdp__view-reviews:hover:after {
    opacity: 1;
    background: #9d9d9d;
}

.flex {
    display: flex;
    flex-direction: row;
}


.pdp__top__description {
    box-sizing: border-box;
    //dding-right: 6px;
}

.pdp__image__thumb {
    width: 60px;
    margin-right: 10px;
}
.contentblock, .threeimages {
    margin-bottom: 110px;
}
.contentblock img {
    height: auto;
}


.threeimages img {
    max-width: 150px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
}
.threeimages .seemoretextcontainer {
    width: 100%;
    text-align:center;
    /* This doesn't seem to be used, causing spacing issues */
    display: none;
}
.threeimages .moretext {
    text-align:center;
    line-height: 30px;
    display:none;
}
.threeimages .seemoretext {
    display: inline-block;
    margin: 35px 0px;
    text-decoration: underline;
}
.threeimages .seemoretext:hover {
    cursor: pointer;
}
.threeimages .detailblock {
    text-align: center;
}
.threeimages .detailblock {
    padding: 0px !important;
}
@media only screen and (max-width: 970px) {
    .threeimages .detailblock {
        margin-bottom: 30px;
    }
}

.threeimages h3 {
    font-size: 26px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.threeimages h4 {
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.contentblock {
    position: relative;
}

.contentblock img, .contentblock .videoembed {
    width: 100%;
}

.contentblock img {
    height: auto;
}

.contentblock h3 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin: 25px 0px;
    text-transform: uppercase;
}

.contentblock span {
    width: 100%;
    max-width: 90%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    display: block;
    margin: 0 auto;
}


.carousel {
  background: #fff;
  margin-bottom: 40px;
}

.carousel-cell {
  width: 100%;
  height: auto;
  position: relative;
  margin-right: 10px;

}
.carousel-nav .carousel-cell.is-selected img {
    border: 2px solid #000;
    height: 56px;
    width: auto;
}
.carousel-nav {
  height: 60px;
  /* Shore edit */
  margin-bottom: 120px;
}

.carousel-nav .carousel-cell {
  height: 60px;
  width: 60px;
}

@media only screen and (max-width: 800px) {
    .grid__6 {
        width: 100% !important;
    }
    .flex {
        flex-direction: column;
    }
}

.old-product-template .pdp__top{
    background: url(./rudys-product-bg.jpg?34ba666…) #eee;
  }
.old-product-template .pdp__top__description {
      padding-left: 58%;
  }
.old-product-template .pdp__images{
      width: 58%;
  }
 
.pdp__images {
    position: absolute;
    left: 0;
    box-sizing: border-box;
    height: 100%;
}

.pdp__images .flickity-viewport {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.pdp__images .flickity-page-dots {
    bottom: 8px;
}

.pdp__images .flickity-page-dots .dot {
    width: 34px;
    height: 20px;
    padding: 12px 0;
    opacity: 1;
    background: 0 0;
    position: relative;
    margin: 0;
}

.pdp__images .flickity-page-dots .dot:after,
.pdp__images .flickity-page-dots .dot:before {
    content: "";
    right: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    top: 0;
    position: absolute;
}

.pdp__images .flickity-page-dots .dot.is-selected:after {
    opacity: 1;
}

.pdp__images .flickity-page-dots .dot:before {
    width: 20px;
    height: 20px;
    background: url(./pdp-dot.svg?f2cd382b324c380982362b22fcd12f0e);
}

.pdp__images .flickity-page-dots .dot:after {
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    opacity: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #212121;
}

.pdp__images--gift-card {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 0;
}

.pdp__images--gift-card .pdp__image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.pdp__images--gift-card .pdp__image img {
    min-width: 100%;
    min-height: 100%;
    max-width: 177.84257vh;
    max-height: 56.22951vw;
}

.pdp__rating {
    margin-top: 16px;
}

.pdp__rating svg {
    height: 18px;
    width: 18px;
    fill: #9d9d9d;
}

.pdp__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.pdp__image img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pdp__tabs__nav {
    min-height: 60px;
}

.pdp__tabs__nav ul {
    padding: 10px 0;
    text-align: center;
}

.pdp__tabs__nav li {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    font-weight: 900;
    text-transform: uppercase;
}

.pdp__tabs__nav a {
    display: block;
    padding: 10px 0;
    color: #9d9d9d;
    -webkit-transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.pdp__tabs__nav a.is-current {
    color: #212121;
}

.pdp__line {
    height: 1px;
    display: block;
    width: auto;
    background: #e0e0e0;
    margin: -10px 30px 30px;
}

@media screen and (max-width: 800px) {
    .pdp__top__description {
        padding-left: 15px;
        box-sizing: border-box;
        padding-right:0;
    }
    .pdp__images {
        position: relative;
        width: auto;
        padding-top: 100%;
    }
    .pdp__images .flickity-page-dots {
        bottom: -20px;
    }
    .pdp__info {
        padding-top: 15px;
        padding-bottom: 0;
    }
    .pdp__tabs__nav {
        margin: 0 -5px;
    }
    .pdp__tabs__nav li {
        margin: 0 5px;
        letter-spacing: 0;
    }
    .pdp--gift-card .pdp__top .grid__7 {
        height: auto;
        min-height: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .pdp--gift-card .pdp__info {
        padding: 60px 0;
    }
    .pdp--gift-card .pdp__top__description {
        background: url(./gift-card-bg-mobile.jpg?102d41f4599bddb4d9daa0e040ed602a);
        background-size: cover;
    }
    .pdp--gift-card .pdp__images.pdp__images--gift-card {
        padding-top: 100%;
        height: 0;
        position: relative;
    }
}

.shopify-buy-frame--toggle {
    display: none !important;
}

#BIS_trigger {
    width: 100%;
}
span.seemoretext {
    text-decoration: underline;
}
.moretext {
    line-height: 30px;
    text-align: center;
}
.videoembed iframe{
  margin: 0 auto;
  display: table;
}
.font-italic{
  font-style: italic;
}
.custom-tabs-main 
{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position:relative;
    padding: 30px 0px;
}
.custom-tabs-main h1 
{
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: 25px;
}
.grid-view_image 
{
    position: relative;
}
.grid-view-item__image 
{
    display: block;
    margin: 0 auto;
    -ms-transition: all ease-out 0.5s;
    -webkit-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}
.grid-view_image .hover
{
    visibility: hidden;
    opacity: 0;
    left: 50%;
    top: 34%;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  	width: 101%;
    z-index: 2;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    height: 88%;
}
.grid-view_image:hover .hover 
{
    opacity: 1;
    visibility: visible;
}
.label-product 
{
    position: absolute;
    top: 33px;
    left: 0px;
    font-size: 15px;
    padding: 4px 12px 4px 16px;
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 7px;
    line-height: 20px;
    z-index: 333;
}
label.label-product.on-sale 
{
    background-color: #f1c322;
}
label.label-product.sold-out
{
    top: 60px;
    background-color: #000;
}
.custom-product-bottom 
{
    text-align: center;
    position: relative;
    z-index: 4;
}
.custom-bottom-pro-button
{
    margin-top: 10px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}
.custom-product-bottom a 
{
    color: #000;
    text-decoration: unset;
}
.custom-product-bottom a:hover
{
    text-decoration: unset;
    color: #000;
}
.custom-product-bottom a:focus
{
    outline:0px;
}
.custom-product-bottom .h4 
{
    margin-top: 20px;
    margin-bottom: 15px;
}
.product-price__price 
{
    font-size: 16px;
}
span.product-price__price.product-price__sale 
{
    color: #f1c322;
    text-decoration: unset;
    padding-left: 5px;
}
.custom-bottom-pro-button 
{
    margin-top: 10px;
}
.add-to-cart 
{
    width: auto;
    border: 0;
    font-size: 10px;
    border-radius: 20px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 700;
    background-color: #f1c322;
    color: #ffff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    transition: all 250ms ease-out;
    padding: 0 20px;
    letter-spacing: 2px;
    opacity: 0;
    transform: translate(92px, 0);
    -webkit-transform: translate(92px, 0);
    transition-delay: 50ms;
}
.custom-product-bottom:hover .custom-bottom-pro-button .add-to-cart 
{
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
a.grid-view-item__link:focus 
{
    outline: 0px;
}
.custom-pro-slider .slick-dots li button:before 
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%;
    background: #ccc;
    opacity: 1;
}
.custom-pro-slider .slick-dots li.slick-active button:before 
{
    opacity: 1;
    color: transparent;
    border: 2px solid #f1c322;
    background-color: transparent;
}
.custom-pro-slider .slick-dots li
{
  margin: 0 0;
}
.custom-tabs-main .nav-tabs>li>a
{
    border: 0px;
    color: #788188 !important;
}
.custom-tabs-main .nav-tabs
{
    border-bottom: 0px;
    margin-bottom: 50px;
}
.custom-tabs-main .nav-tabs li.active a
{
    color: #f1c322 !important;
}
.custom-tabs-main ul.nav-tabs li 
{
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px !important;
}
.custom-tabs-main ul.nav-tabs li a 
{
    padding: 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.3em;
}
.custom-tabs-main .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
  border:0px !important;
  color: #f1c322;
}
.custom-tabs-main .nav>li>a:focus, .nav>li>a:hover
{
  background-color: transparent !important;
}
.custom-tabs-main .nav-tabs>li>a:hover 
{
    color: #f1c322 !important;
}
.custom-product-bottom:hover .custom-bottom-pro-button 
{
    background: #fff;
  	height: 100px;
    position: absolute;
    top: -14px;
  	width:100%;
}
.custom-collection-view 
{
    margin: 0;
    position: absolute;
    top: 71px;
    right: 60px;
    z-index: 555;
}
.custom-collection-view a 
{
    color: #000 !important;
    text-transform: none;
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #000;
    font-weight: 700;
    text-decoration: unset;
}
.custom-collection-view a:hover
{
    text-decoration: unset;
    color: #f0c21a !important;
}
.custom-collection-view a:after 
{
    content: '';
    position: absolute;
    background-image: url(https://cdn.shopify.com/s/files/1/0450/1753/0525/files/right-arrow.png?v=1596804730);
    background-size: cover;
    height: 30px;
    width: 30px;
    right: -40px;
    top: -4px;
}
.custom-tabs-main ul.nav-tabs li:first-child 
{
    padding-left: 20px !important;
}
.login-cls-row {
      width: 15px;
    position: relative;
    top: 1px;
}


@media (max-width:767px)
{
  .custom-tabs-main h1
  {
    font-size: 30px;
    text-align: center;
    margin-left: 0;
    margin-top: 0;
  }
  .custom-tabs-main ul.nav-tabs li
  {
    padding: 5px 10px !important;
    text-align: center;
    width: 100%;
  }
  .js-scroll--slide>*
  {
    opacity: 1;
  }
  .custom-collection-view
  {
    position: relative;
    top: unset;
    right: 0;
    z-index: 555;
    text-align: center;
    bottom: 0;
    left: 0;
  }
  .custom-collection-view a:after
  {
    height: 28px;
    width: 28px;
    right: 88px;
    bottom: -3px;
    top: unset;
  }
  .hero__scroll
  {
    bottom: 60px;
  }
  .custom-tabs-main .nav-tabs
  {
    margin-bottom: 30px;
  }
  .header__nav__secondary__book.header__nav__secondary__book {
        width: auto;
  }
  .header__nav__secondary { display:none; }
}
@media (min-width:768px) and (max-width:1100px)
{
  .custom-collection-view 
  {
    margin: 0;
    position: absolute;
    top: 69px;
    right: 60px;
    z-index: 555;
  }
  .custom-tabs-main h1
  {
    font-size: 40px;
  }
  .custom-collection-view a:after
  {
    top: -4px;
  }
}

#customer {
      max-width: 600px;
    margin: 0 auto;
    padding: 60px 0px;
}
#customer h2{
      font-size: 24px;
    text-align: center;
    padding-bottom: 25px;
  text-transform: uppercase;
}
#customer_login label {
   width: 100%;
    display: block;
    padding-bottom: 5px;
    padding-left: 0px;
    font-weight: bold;
  color: #a1a1a1;
}
#customer_login input{
       font-size: 15px;
    border: 1px solid #000;
    padding: 0 24px;
    border-color: #000;
    height: 45px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0px;
    background-color: transparent;
    border-radius: 0px;
}
#forgot_password {
  text-align: center;
    margin-bottom: 18px;
    font-weight: bold;
}
.action_bottom .btn {
      background: #000!important;
    color: #FFF;
    font-size: 20px!important;
    text-transform: uppercase;
    width: 108%!important;
    cursor: pointer;
}
.errors li {
      color: #FF0000;
    padding-bottom: 15px;
}
.action_bottom { text-align:center; }
.note a {
      font-size: 20px!important;
    font-weight: bold;
}
.recover-password {
    max-width: 600px;
    margin: 0 auto;
    padding: 60px 0px;
}
.recover-password input{
    font-size: 15px;
    border: 1px solid transparent;
    padding: 0 24px;
    border-color: #f1f8fc;
    height: 45px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0;
    background-color: #f1f8fc;
    border-radius: 30px;
}
.recover-password  label {
   width: 100%;
    display: block;
    padding-bottom: 5px;
    padding-left: 5px;
    font-weight: bold;
}
#create-customer input{
        font-size: 15px;
    border: 1px solid #000;
    padding: 0 24px;
    border-color: #000;
    height: 45px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0;
    background-color: #FFF;
    border-radius: 0px;
}
#create-customer label {
   width: 100%;
    display: block;
    padding-bottom: 5px;
    padding-left: 0px;
    font-weight: bold;
  color: #a1a1a1;
}
.account-cls-new {
  text-align: center;
    margin-bottom: 45px;
}
.add_address_cls input{
       font-size: 15px;
    border: 1px solid #000;
    padding: 0 24px;
    border-color: #000;
    height: 45px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0;
    background-color: #FFF;
    border-radius: 0px;
    margin-left: 15px;
}
.add_address_cls label {
   width: 100%;
    display: block;
    padding-bottom: 5px;
    padding-left: 5px;
    font-weight: bold;
    color: #a1a1a1;
}
#customer_address_table { margin-top: 25px; }
.address.note p {
  margin: 0;
    padding: 0;
}
.action_link.action_edit a {
  font-size: 16px;
  background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 0px;
    margin: 11px 11px 11px 0px;
    display: inline-block;
}
.action_link.action_delete a {
  font-size: 16px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 0px;
    margin: 11px 11px;
    display: inline-block;
}
.view_address p { margin:0px; }
.action_link.action_add a {
       background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 25px;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 0px;
}
a#view_address {
       background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 25px;
    display: inline-block;
    margin: 16px 0px;
    border-radius: 0px;
}
#customer_login input:focus {
      outline: none;
    border-color: #262626;
}
#customer_login input:focus {
      outline: none;
    border-color: #262626;
}
#customer_login .action_bottom input:hover {
      background-color: #f0c119!important;
    border-color: #f0c119;
}
#customer input:focus {
      outline: none;
    border-color: #262626;
}
#customer h2 {
    font-size: 36px!important;
    text-align: center;
    padding-bottom: 25px;
    font-weight: bold;
}
#customer .action_bottom input:hover {
      background-color: #f0c119!important;
    border-color: #f0c119;
}
#recover-password input:focus {
      outline: none;
    border-color: #262626;
}
#recover-password .action_bottom input:hover {
      background-color: #f0c119!important;
    border-color: #f0c119;
}
a#view_address:hover {
   background-color: #f0c119!important;
    border-color: #f0c119;
}
.action_link.action_add a:hover {
   background-color: #f0c119!important;
    border-color: #f0c119;
}
.action_link.action_edit a:hover {
   background-color: #f0c119!important;
    border-color: #f0c119;
}
.action_link.action_delete a:hover {
   background-color: #f0c119!important;
    border-color: #f0c119;
}
#customer_logout_link {
      font-size: 18px!important;
    text-decoration: underline;
    padding-top: 10px;
    display: inline-block;
}
.account-cls-new h1 {
font-size: 36px!important;
    font-weight: bold;
  text-transform: uppercase;
}
#add_address { display:none; }
#address_default_address_new {
         width: auto;
    height: auto;
    padding: 11px 10px;
    background: #FFF;
    border: none;
    border-radius: 0!important;
    display: inline-block;
    float: left;
    margin-right: 15px;
    border: solid 1px #000;
  -webkit-appearance: auto;
}

#customer_orders th { padding:15px 20px; font-weight: bold;     color: #a1a1a1; }
#customer_orders td { padding:15px 20px;     color: #a1a1a1; }
#customer_orders a {
      font-size: 16px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 25px;
    display: inline-block;
    margin: 0px 0px;
    border-radius: 0px;
}
.customer-order-new {
    max-width: 1200px!important;
    margin: 0 auto;
    padding: 60px 0px;
    width: 100%;
}
#customer_orders table { width:100%; }
#order_details{ width:100%; }
#order_details th { padding:15px 20px 15px 0px; font-weight: bold;     color: #a1a1a1; }
#order_details td{ padding:15px 20px 15px 0px;     color: #a1a1a1; }
.address.note p {
    margin: 0;
    padding: 0;
    color: #a1a1a1;
}
#customer_detail h5 { color: #a1a1a1; }
#customer_detail p { color: #a1a1a1; }
#order_details a { color: #a1a1a1; }
.view_address p {
    margin: 0px;
    color: #a1a1a1;
}
.address_title { color: #a1a1a1; }
#add_address_title {
      margin-bottom: 18px;
    color: #a1a1a1;
}
#address_tables { margin-top:25px; }
.customer_address_table select {
    width: 113%;
    margin-left: 15px;
    padding: 10px 10px 10px 0px;
    border: solid 1px #000;
    display: block;
    margin-bottom: 24px;
}
.checkbox-new input {
      width: auto;
    height: 23px;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: bottom;
      -webkit-appearance: auto;
}

[data-variant-id="1063969259545"] .img .sale {

    display:none !important
 
    
}