.divider{
    display:block;
    border-top:1px solid #e0e0e0
}

a:hover {
    opacity: 0.5;
}


.featured-grid--item a:hover {
  opacity: 1; 
}

.cassette-info {
	font-size: 0.8em;
    line-height: 1.4em;
}

.artist-links {
	font-size: 0.9em;
    line-height: 1.4em;
}

.device-nfs-heading {
  padding-top:50px;
}

@media only screen and (max-width:768px){
	.device-nfs-heading {
      text-align:left;
    }
}
.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 !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 8px 15px;
    background-color: #212121 !important;
    color: #fff !important;
    font-family: "Raleway",sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: normal;
    font-size: 13px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    display: block;
    margin-block-start: 0.5em;
    margin: 55px 0;
    border: 0;
    border-bottom: 1px solid #e8e9eb;
}

table{
    background:0 0;
    border-top:solid 1px #e0e0e0;
    border-bottom:solid 1px #e0e0e0;
    border-radius:5px;
    border-collapse:separate
}
table.no-border{
    border:0
}
table tr:first-child td:first-child,table tr:first-child th:first-child{
    border-top-left-radius:5px
}
table thead~tbody tr:first-child td:first-child,table thead~tbody tr:first-child th:first-child{
    border-radius:0
}
table tr:first-child td:last-child{
    border-top-right-radius:5px
}
table thead~tbody tr:first-child td:last-child{
    border-radius:0
}
table tr:last-child td:first-child,table tr:last-child th:first-child{
    border-bottom-left-radius:5px
}
table tr:last-child td:last-child{
    border-bottom-right-radius:5px
}
table thead th:first-child{
    border-top-left-radius:5px
}
table thead th:last-child{
    border-top-right-radius:5px
}
@media only screen and (max-width:768px){
    table.responsive{
        display:block;
        width:100%;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        float:left;
        clear:left;
        border:0
    }
    table.responsive tbody,table.responsive td,table.responsive th,table.responsive thead,table.responsive tr{
        display:block;
        width:100%;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        float:left;
        clear:left
    }
    table.responsive thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    table.responsive tr{
        border:1px solid #e0e0e0;
        padding:12px
    }
    table.responsive td{
        padding:0;
        line-height:1.6;
        border:none;
        border-bottom:0;
        position:relative;
        padding:8px 0
    }
    table.responsive td:empty{
        padding:0
    }
    table.responsive td:before{
        display:block;
        word-wrap:break-word;
        max-width:100%
    }
    table.responsive td:before{
        content:attr(data-label)
    }
}
.input--number{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#fff;
    border:1px solid #e0e0e0;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-bottom:15px;
    position:relative;
    text-align:left
}
.input--number .minus,.input--number .plus{
    padding:0 8px;
    cursor:pointer;
    background:#fff;
    height:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .input--number .minus,.input--number .plus{
        padding:0 16px
    }
}
.input--number input{
    height:32px;
    line-height:32px;
    z-index:1;
    border-top:0!important;
    border-bottom:0!important;
    width:38px;
    margin:0;
    border-radius:0
}
.input--number input:focus{
    border-top:0;
    border-bottom:0
}
.input--number.updating input{
    color:#e0e0e0
}
img{
    vertical-align:middle;
    max-width:100%
}
.image--root{
    position:relative;
    max-width:100%
}

@media only screen and (max-width:767px){
  .product-page-device-featured-media .image--root{
    max-width: 50%;
  }
}

.image--root img{
    display:block;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    visibility:hidden;
    width:100%
}
.image--root img.lazyloaded{
    visibility:visible;
    opacity:1
}
.image--root noscript img{
    visibility:visible;
    opacity:1
}
.image--parallax{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center
}
@media only screen and (min-width:768px){
    .image--parallax{
        background-attachment:fixed
    }
}
.image--container{
    max-width:100%;
    position:relative
}
.responsive-video{
    width:100%;
    display:block;
    position:relative;
    padding-top:2.08333em;
    padding-bottom:67.5%;
    height:0;
    margin-bottom:1.33333em;
    overflow:hidden
}
.responsive-video.widescreen{
    padding-bottom:57.25%
}
.responsive-video.vimeo{
    padding-top:0
}
.responsive-video.kickstarter{
    padding-bottom:52%
}
@media only screen and (max-width:767px){
    .responsive-video.kickstarter{
        padding-bottom:50%
    }
}
@media only screen and (min-width:1024px){
    .responsive-video.kickstarter{
        padding-bottom:54%
    }
}
.responsive-video embed,.responsive-video iframe,.responsive-video object,.responsive-video video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.search--header{
    padding:32px;
    text-align:center
}
.search--bar{
    position:relative
}
@media only screen and (max-width:767px){
    .search--bar{
        padding-top:8px
    }
}
@media only screen and (min-width:768px){
    .search--bar{
        padding:16px 0
    }
}
input[type=text].search--textbox,input[type=text].search--textbox:focus{
    padding:0 55px 0 32px;
    border:0;
    outline:0;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    background:0 0;
    height:50px;
    font-size:22px;
    margin:0
}
input[type=text]::-ms-clear{
    display:none
}
.search--loading{
    display:none;
    position:absolute;
    top:23px;
    left:-1px
}
@media only screen and (max-width:767px){
    .search--loading{
        top:15px
    }
}
.search--loading svg{
    fill:#000
}
.search--root[data-view=template] .search--body{
    padding:0 16px
}
.search--results{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (max-width:767px){
    .search--results{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:0 16px
    }
}
.search--results>*{
    padding:16px
}
@media only screen and (max-width:767px){
    .search--products{
        width:100%
    }
}
@media only screen and (min-width:768px){
    .search--products{
        -webkit-box-flex:1;
        -ms-flex:1 1 0px;
        flex:1 1 0;
        width:calc(100% - 300px)
    }
}
.search--root[data-view=template] .search--products{
    width:100%
}
@media only screen and (min-width:768px){
    .search--root[data-show-articles=false][data-show-pages=false] .search--products{
        width:100%
    }
}
.search--products:empty{
    display:none
}
.search--info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:16px;
    border-bottom:1px solid #e0e0e0
}
.search--count{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.search--items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:16px 0
}
.search--products-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:16px 0
}
.search--product{
    width:100%
}
@media only screen and (min-width:768px){
    .search--product{
        width:calc(100% / 3)
    }
}
@media only screen and (min-width:1024px){
    .search--root[data-show-articles=false][data-show-pages=false] .search--product{
        width:calc(100% / 4)
    }
}
@media only screen and (min-width:1024px){
    .search--root[data-view=template] .search--product{
        width:calc(100% / 4)
    }
}
@media only screen and (max-width:767px){
    .search--articles{
        width:100%
    }
}
@media only screen and (min-width:768px){
    .search--articles{
        -webkit-box-flex:1;
        -ms-flex:1 0 300px;
        flex:1 0 300px;
        width:300px;
        max-width:300px
    }
}
.search--root[data-view=template] .search--articles{
    max-width:800px;
    -ms-flex-preferred-size:800px;
    flex-basis:800px;
    text-align:center;
    margin:0 auto
}
.search--articles:empty{
    display:none
}
.search--articles-container{
    padding:16px 0
}
.search--article{
    padding:8px 16px
}
.search--no-results{
    padding:0 16px
}
.search--footer{
    padding:0 16px
}
@media only screen and (min-width:768px){
    .search--footer{
        padding:0 32px
    }
}
.search--again-button{
    padding:32px;
    text-align:center
}
[data-search--view=sidebar] .search--icon{
    top:15px
}
[data-search--view=page] .search--icon{
    top:15px
}
.breadcrumbs--root{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:12px 0
}
.breadcrumbs--root *{
    text-transform:capitalize!important
}
.breadcrumbs--root li{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.breadcrumbs--root li:not(:last-of-type):after{
    margin:0 12px;
    content:'/'
}
.pagination--root{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.pagination--left-arrow a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:8px
}
@media only screen and (max-width:767px){
    .pagination--left-arrow a{
        padding:16px
    }
}
.pagination--current-page{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.pagination--numbers{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pagination--number a{
    padding:8px
}
@media only screen and (max-width:767px){
    .pagination--number a{
        padding:16px
    }
}
.pagination--number[data-active=true]{
    padding:8px;
    font-weight:700
}
@media only screen and (max-width:767px){
    .pagination--number[data-active=true]{
        padding:16px
    }
}
.pagination--right-arrow a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:8px
}
@media only screen and (max-width:767px){
    .pagination--right-arrow a{
        padding:16px
    }
}
.disclosure--root{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline;
    text-align:left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.disclosure--label{
    -webkit-box-flex:0;
    -ms-flex:0 1 100%;
    flex:0 1 100%
}
.disclosure--main{
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    position:relative;
    outline:0
}
.disclosure--toggle{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-radius:2px;
    border:1px solid #e0e0e0;
    color:var(--color--body);
    background-color:#fff;
    cursor:pointer;
    padding:8px 24px 8px 16px;
    width:100%;
    position:relative
}
.disclosure--toggle .icon--root{
    left:12px;
    color:var(--color--body)
}
.disclosure--toggle .icon--chevron-up{
    display:none
}
.disclosure--toggle[aria-expanded=true] .icon--chevron-down{
    display:none
}
.disclosure--toggle[aria-expanded=true] .icon--chevron-up{
    display:inline
}
.disclosure--form{
    background-color:#fff;
    border:1px solid #e0e0e0;
    border-radius:2px;
    min-width:100%;
    position:absolute;
    display:none;
    overflow-y:auto;
    z-index:2
}
.disclosure--toggle[aria-expanded=true]+.disclosure--form{
    display:block
}
.disclosure--option-link{
    color:var(--color--body)!important;
    display:inline-block;
    padding:9px 15px;
    white-space:nowrap;
    width:100%;
    cursor:pointer
}
.disclosure--option-link:focus,.disclosure--option-link:hover{
    outline:0;
    background-color:#f5f5f5
}
.radios--header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline;
    padding-bottom:8px
}
.radios--header>*{
    padding-bottom:0
}
.radios--container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.radios--container>:not(:last-child){
    padding-right:16px
}
.radios--main{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:16px;
    margin-left:-1px
}
.radios--option-label{
    display:inline
}
.radios--option-current{
    padding-left:8px
}
.radios--swatch-button{
    position:relative;
    display:inline-block;
    height:30px;
    width:30px;
    border:1px solid #e0e0e0;
    border-radius:50%;
    padding-bottom:0;
    background-size:cover
}
@media only screen and (max-width:767px){
    .radios--swatch-button{
        height:40px;
        width:40px
    }
}
.radios--swatch-button:hover{
    cursor:pointer
}
.radios--swatch-button::after{
    display:inline-block;
    height:34px;
    width:34px;
    border-radius:50%;
    border:1px solid var(--color--body--light);
    position:absolute;
    top:-3px;
    left:-3px
}
@media only screen and (max-width:767px){
    .radios--swatch-button::after{
        height:44px;
        width:44px
    }
}
.radios--value-button{
    padding:0
}
.radios--value-button>*{
    border:2px solid #e0e0e0;
    color:var(--color--body--light);
    line-height:43px;
    height:auto;
    background:0 0
}
.radios--input[type=radio]{
    opacity:0;
    width:1px;
    height:1px;
    margin:0
}
.radios--input[type=radio]:checked+.radios--swatch-button::after,.radios--input[type=radio]:hover+.radios--swatch-button::after{
    content:''
}
.radios--input[type=radio]:checked+.radios--value-button>*,.radios--input[type=radio]:hover+.radios--value-button>*{
    border-color:var(--color--body--light);
    color:var(--color--body);
    background:0 0
}
.radios--input[type=radio]:focus+.radios--swatch-button::after,.radios--input[type=radio]:focus+.radios--value-button>*{
    -webkit-box-shadow:0 0 0 3px Highlight;
    box-shadow:0 0 0 3px Highlight
}
html.modal-open{
    overflow:auto!important
}
.modal--link{
    cursor:pointer
}
.modal--window{
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    display:none;
    min-height:100%;
    width:100%;
    max-width:100%;
    overflow:hidden;
    padding:96px
}
@media only screen and (max-width:767px){
    .modal--window{
        padding:48px 12px 12px
    }
}
.modal--window .icon--cross{
    vertical-align:top
}
.modal--window[data-modal-fullscreen=true]{
    padding:0
}
@media only screen and (max-width:767px){
    .modal--window[data-modal-fullscreen=true]{
        padding:0
    }
}
.modal--mask{
    display:none;
    opacity:.8;
    position:fixed;
    top:0!important;
    left:0;
    height:100%;
    width:100%;
    z-index:9000;
    background-color:#000
}
.modal--container{
    position:relative;
    width:100%;
    min-height:100%;
    z-index:9002
}
.modal--content{
    position:relative;
    background:var(--bg-color--body);
    display:none;
    left:50%;
    max-width:100%;
    min-width:200px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
@media only screen and (min-width:768px){
    .modal--content{
        min-width:300px
    }
}
[data-modal-fullscreen=true] .modal--content{
    width:100%;
    min-height:100vh;
    top:0;
    left:0;
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.modal--content .responsive-video{
    margin-bottom:-1px
}
.modal--content .responsive-video.vimeo{
    margin-bottom:0
}
.modal--content.with-padding{
    padding:16px
}
.modal--content.full-width{
    width:100%
}
.modal--content.active{
    display:inline-block;
    overflow:hidden
}
[data-modal-fullscreen=true] .modal--content.active{
    overflow:visible
}
.modal--window.fixed{
    position:fixed;
    height:100%
}
.modal--window.fixed .modal--container{
    height:100%
}
.modal--window.fixed .modal--container .modal--content{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.modal--loading{
    position:fixed;
    top:50%;
    left:50%;
    margin:-12.5px 0 0 -12.5px;
    height:25px;
    width:25px
}
.modal--close,.modal--next,.modal--prev{
    background-color:transparent;
    z-index:9002;
    position:fixed;
    cursor:pointer;
    font-size:30px;
    color:#fff;
    padding:10px;
    opacity:.8;
    border:none
}
.modal--close:hover,.modal--next:hover,.modal--prev:hover{
    opacity:1;
    background-color:transparent
}
.modal--close{
    top:0!important;
    right:0;
    padding:32px;
    font-size:18px
}
[data-modal-fullscreen=true] .modal--close{
    color:var(--color--body)
}
[data-modal-custom-close=true] .modal--close{
    display:none
}
@media only screen and (max-width:767px){
    .modal--close{
        padding:20px
    }
    body[data-border=true] .modal--close{
        padding:30px
    }
}
.modal--prev{
    margin-top:-25px;
    left:12px;
    top:50%!important;
    display:none
}
.modal--next{
    margin-top:-25px;
    right:12px;
    top:50%!important;
    display:none
}
.cart--root{
    padding:96px 48px;
    max-width:1000px;
    margin:0 auto
}
@media only screen and (max-width:767px){
    .cart--root[data-view=desktop]{
        display:none
    }
}
.cart--root[data-view=mobile]{
    padding:32px 16px
}
@media only screen and (min-width:768px){
    .cart--root[data-view=mobile]{
        display:none
    }
}
.off-canvas--right-sidebar[data-active=cart] .cart--root{
    display:block
}
.cart--header{
    padding-bottom:32px;
    text-align:center
}
.cart--root[data-has-items=false] .cart--form{
    display:none
}
.cart--body{
    display:table;
    width:100%;
    table-layout:auto
}
.cart--root[data-view=mobile] .cart--body{
    border-top:1px solid #e0e0e0
}
.cart--headings{
    display:table-row;
    width:100%;
    border-bottom:1px solid #e0e0e0;
    text-align:center
}
.cart--root[data-view=mobile] .cart--headings{
    display:none
}
.cart--headings>*{
    display:table-cell;
    padding:16px;
    border-bottom:1px solid #e0e0e0
}
.cart--heading--total{
    text-align:right
}
.cart--item{
    width:100%;
    display:table-row
}
.cart--root[data-view=mobile] .cart--item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-bottom:1px solid #e0e0e0;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:16px 0
}
.cart--item>*{
    display:table-cell;
    vertical-align:middle;
    padding:16px;
    border-bottom:1px solid #e0e0e0
}
.cart--root[data-view=mobile] .cart--item>*{
    padding:0;
    display:block;
    border:0
}
.cart--item--image{
    max-width:150px
}
.cart--root[data-view=mobile] .cart--item--image{
    width:35%;
    -ms-flex-item-align:center;
    align-self:center;
    padding-left:0
}
.cart--root[data-view=mobile] .cart--item--info{
    padding-left:16px;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    text-align:right;
    max-width:65%
}
.cart--root[data-view=mobile] .cart--item--info>:not(:last-child){
    padding-bottom:12px;
    text-align:left
}
.cart--item--title>:not(:last-child){
    padding-bottom:16px
}
.cart--root[data-view=mobile] .cart--item--title{
    width:100%;
    text-align:center;
    padding-bottom:16px
}
.cart--root[data-view=mobile] .cart--item--title>:not(:last-child){
    padding-bottom:12px
}
.cart--item--price{
    text-align:center
}
.cart--root[data-view=mobile] .cart--item--price{
    text-align:left
}
.cart--item--unit-price-container{
    text-transform:lowercase;
    font-size:12px
}
.cart--item--quantity{
    text-align:center
}
.cart--root[data-view=mobile] .cart--item--quantity{
    text-align:left
}
input.cart--quantity--input{
    padding:0 8px;
    margin:0 2px;
    height:38px;
    text-align:center
}
input.cart--quantity--input[data-loading=true]{
    color:#e0e0e0
}
@media only screen and (max-width:767px){
    input.cart--quantity--input{
        width:45px
    }
}
.cart--quantity--container{
    margin:0;
    border-radius:2px
}
.cart--quantity--container .minus,.cart--quantity--container .plus{
    height:38px
}
.cart--item--remove{
    padding-top:4px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.cart--item--remove>*{
    padding:4px;
    font-size:12px
}
.cart--root[data-view=mobile] .cart--item--remove>*{
    margin-left:-4px
}
@media only screen and (max-width:767px){
    .cart--item--remove{
        padding-top:8px
    }
}
.cart--item--total{
    text-align:right
}
.cart--root[data-view=mobile] .cart--item--total{
    text-align:left
}
.cart--footer{
    padding:72px 0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.cart--root[data-view=mobile] .cart--footer{
    padding:32px 0 0;
    display:block
}
.cart--notes{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:400px;
    -ms-flex-item-align:end;
    align-self:flex-end
}
.cart--root[data-view=mobile] .cart--notes{
    text-align:center;
    max-width:100%;
    padding-bottom:32px
}
.cart--notes--textarea{
    height:120px;
    margin:0;
    padding:8px
}
.cart--root[data-view=mobile] .cart--notes--textarea{
    height:80px
}
.cart--totals{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    text-align:right
}
.cart--root[data-view=mobile] .cart--totals{
    text-align:center
}
.cart--totals>:not(:last-child){
    padding-bottom:16px
}
.cart--sub-total>:not(:last-child){
    padding-bottom:8px
}
.cart--discounts>:not(:last-child){
    padding-bottom:8px
}
.cart--total>:not(:last-child){
    padding-bottom:8px
}
.cart--total--price{
    font-size:20px
}
@media only screen and (max-width:767px){
    .cart--total--price{
        font-size:16px
    }
}
.cart--nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.cart--root[data-view=mobile] .cart--nav{
    text-align:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.cart--root[data-view=mobile] .cart--checkout-button{
    width:100%;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
.cart--checkout-button button{
    width:100%;
    min-width:120px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.cart--checkout-button button[disabled]{
    cursor:unset;
    opacity:.7
}
.cart--checkout-button button[disabled] .cart-button--text{
    display:none
}
.cart--checkout-button button[disabled] .cart-button--spinner{
    display:block
}
.cart--checkout-button button[disabled] .cart-button--spinner svg{
    fill:#fff
}
.cart-button--spinner{
    display:none
}
.cart--continue-shopping{
    margin-right:16px
}
.cart--root[data-view=mobile] .cart--continue-shopping{
    margin-right:0;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    padding-top:16px;
    width:100%
}
.cart--no-items{
    text-align:center
}
.cart--root[data-has-items=true] .cart--no-items{
    display:none
}
.cart--additional-buttons{
    max-width:300px;
    margin-left:auto
}
.cart--root[data-view=mobile] .cart--additional-buttons{
    max-width:unset
}
.cart--additional-buttons .shopify-cleanslate [data-testid=grid-cell]{
    margin-top:0!important
}
.template--cart .layout--main-content{
    padding:0
}
html.no-js .fw--slider{
    overflow:hidden
}
.fw--slider .owl-controls{
    margin-top:0
}
.fw--slider .owl-controls .owl-pagination{
    width:100%;
    position:absolute;
    bottom:10px
}
.fw--slider .owl-controls .owl-page span{
    background:#fff;
    border:2px solid #fff;
    opacity:.8;
    -webkit-box-shadow:0 0 2px #666;
    box-shadow:0 0 2px #666
}
.fw--slider .owl-controls .owl-page span:hover{
    opacity:1
}
.fw--slider .owl-controls .owl-page.active span{
    background:0 0;
    -webkit-box-shadow:inset 0 0 2px #666,0 0 2px #666;
    box-shadow:inset 0 0 2px #666,0 0 2px #666
}
.fw--slider .owl-controls .owl-page .owl-numbers{
    display:none
}
.fw--slider .owl-controls .owl-page.active .owl-numbers{
    display:block;
    background:0 0;
    border:0;
    opacity:1;
    -webkit-box-shadow:none;
    box-shadow:none
}
.fw--slider .owl-controls .owl-buttons .owl-next,.fw--slider .owl-controls .owl-buttons .owl-prev{
    margin-top:-16px;
    position:absolute;
    background:0 0;
    top:50%;
    color:#fff;
    text-shadow:0 0 2px #666
}
.fw--slider .owl-prev{
    left:0;
    height:20px;
    margin:-10px 0 0 -30px
}
.fw--slider .owl-next{
    right:0;
    height:20px;
    margin:-10px -30px 0 0
}
.fw--slider .grabbing{
    cursor:var(--image--grabbing-icon) 8 8,move
}
.slider .slides>.slide:not(:first-child){
    display:none
}
@media only screen and (min-width:768px){
    .payment-icons--root{
        margin:-8px
    }
}
.payment-icons--list{
    list-style-type:none;
    margin:0;
    padding:0;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.payment-icons--item{
    display:inline-block;
    line-height:1;
    margin:0;
    padding:4px
}
.payment-icons--item svg{
    width:38px;
    height:24px
}
@media only screen and (min-width:768px){
    .payment-icons--item{
        padding:0 8px
    }
    .payment-icons--item:first-child{
        padding-left:0
    }
}
.icon--root{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
html .icon--menu{
    vertical-align:baseline
}
html .owl-controls .icon--chevron-left,html .owl-controls .icon--chevron-right{
    opacity:.94
}
html .layout--footer .payment-icons .icon--payment-shopify_pay{
    width:40px
}
html .icon--play-circle-outline{
    margin-right:8px
}
html .icon--root.icon--3d-button{
    background-color:var(--bg-color--body)
}
html .icon--root.icon--3d-button path{
    fill:var(--color--body)
}
.modal--close{
    padding:18px 15px
}
.modal--close,.modal--next,.modal--prev{
    font-size:initial
}
.owl-wrapper:after{
    content:'.';
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel{
    display:none;
    position:relative;
    width:100%;
    touch-action:pan-y;
    -ms-touch-action:pan-y
}
.owl-carousel .owl-wrapper{
    display:none;
    position:relative;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.owl-carousel .owl-wrapper-outer{
    overflow:hidden;
    position:relative;
    width:100%
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition:height .5s ease-in-out;
    transition:height .5s ease-in-out
}
.owl-carousel .owl-item{
    float:left
}
.owl-controls .owl-buttons div,.owl-controls .owl-page{
    cursor:pointer
}
.owl-controls{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.owl-theme .owl-controls{
    margin-top:10px;
    text-align:center
}
.owl-theme .owl-controls .owl-buttons div{
    color:#fff;
    display:inline-block;
    zoom:1;
    margin:5px;
    padding:3px 10px;
    font-size:12px;
    border-radius:30px;
    background:#869791
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    opacity:1;
    text-decoration:none
}
.owl-theme .owl-controls .owl-page{
    display:inline-block;
    zoom:1
}
.owl-theme .owl-controls .owl-page span{
    display:block;
    width:12px;
    height:12px;
    margin:5px 7px;
    opacity:.5;
    border-radius:20px;
    background:#869791
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{
    opacity:1
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
    height:auto;
    width:auto;
    color:var(--color--body);
    padding:2px 10px;
    font-size:12px;
    border-radius:30px
}
.owl-origin{
    -webkit-perspective-origin-x:50%;
    -webkit-perspective-origin-y:50%;
    -moz-perspective-origin-x:50%;
    -moz-perspective-origin-y:50%;
    -webkit-perspective:1200px;
    perspective:1200px
}
.owl-fade-out{
    z-index:10;
    -webkit-animation:fadeOut .7s both ease;
    animation:fadeOut .7s both ease
}
.owl-fade-in{
    -webkit-animation:fadeIn .7s both ease;
    animation:fadeIn .7s both ease
}
.owl-backSlide-out{
    -webkit-animation:backSlideOut 1s both ease;
    animation:backSlideOut 1s both ease
}
.owl-backSlide-in{
    -webkit-animation:backSlideIn 1s both ease;
    animation:backSlideIn 1s both ease
}
.owl-goDown-out{
    -webkit-animation:scaleToFade .7s ease both;
    animation:scaleToFade .7s ease both
}
.owl-goDown-in{
    -webkit-animation:goDown .6s ease both;
    animation:goDown .6s ease both
}
.owl-fadeUp-in{
    -webkit-animation:scaleUpFrom .5s ease both;
    animation:scaleUpFrom .5s ease both
}
.owl-fadeUp-out{
    -webkit-animation:scaleUpTo .5s ease both;
    animation:scaleUpTo .5s ease both
}
@-webkit-keyframes empty{
    0%{
        opacity:1
    }
}
@keyframes empty{
    0%{
        opacity:1
    }
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-webkit-keyframes backSlideOut{
    25%{
        opacity:.5;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px)
    }
    75%{
        opacity:.5;
        -webkit-transform:translateZ(-500px) translateX(-200%);
        transform:translateZ(-500px) translateX(-200%)
    }
    100%{
        opacity:.5;
        -webkit-transform:translateZ(-500px) translateX(-200%);
        transform:translateZ(-500px) translateX(-200%)
    }
}
@keyframes backSlideOut{
    25%{
        opacity:.5;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px)
    }
    75%{
        opacity:.5;
        -webkit-transform:translateZ(-500px) translateX(-200%);
        transform:translateZ(-500px) translateX(-200%)
    }
    100%{
        opacity:.5;
        -webkit-transform:translateZ(-500px) translateX(-200%);
        transform:translateZ(-500px) translateX(-200%)
    }
}
@-webkit-keyframes backSlideIn{
    0%,25%{
        opacity:.5;
        -webkit-transform:translateZ(-500px) translateX(200%);
        transform:translateZ(-500px) translateX(200%)
    }
    75%{
        opacity:.5;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
}
@keyframes backSlideIn{
    0%,25%{
        opacity:.5;
        -webkit-transform:translateZ(-500px) translateX(200%);
        transform:translateZ(-500px) translateX(200%)
    }
    75%{
        opacity:.5;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
}
@-webkit-keyframes scaleToFade{
    to{
        opacity:0;
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
}
@keyframes scaleToFade{
    to{
        opacity:0;
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
}
@-webkit-keyframes goDown{
    from{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes goDown{
    from{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@-webkit-keyframes scaleUpFrom{
    from{
        opacity:0;
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
}
@keyframes scaleUpFrom{
    from{
        opacity:0;
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
}
@-webkit-keyframes scaleUpTo{
    to{
        opacity:0;
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
}
@keyframes scaleUpTo{
    to{
        opacity:0;
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
}
.fw--slider .owl-item,.fw--slider .owl-wrapper,.fw--slider .owl-wrapper-outer,.fw--slider .slide{
    height:100%
}
.fw--slider .owl-controls .owl-buttons .owl-prev{
    margin-left:32px;
    text-shadow:none;
    color:var(--color--body);
    padding:0
}
@media only screen and (max-width:767px){
    .fw--slider .owl-controls .owl-buttons .owl-prev{
        margin-left:8px
    }
}
.fw--slider .owl-controls .owl-buttons .owl-next{
    margin-right:32px;
    text-shadow:none;
    color:var(--color--body);
    padding:0
}
@media only screen and (max-width:767px){
    .fw--slider .owl-controls .owl-buttons .owl-next{
        margin-right:8px
    }
}
.fw--slider .owl-controls{
    margin-top:0
}
.fw--slider .owl-controls .owl-pagination{
    text-align:left;
    position:absolute;
    left:-15px;
    bottom:-40px
}
@media only screen and (max-width:767px){
    .fw--slider .owl-controls .owl-pagination{
        left:0
    }
}
.y-menu{
    display:inline-block;
    position:relative;
    width:100%;
    max-width:400px;
    overflow:hidden
}
.y-menu li,.y-menu ul{
    list-style:none;
    margin:0;
    padding:0
}
[data-y-menu--overlap=false] .y-menu--overlap-icon{
    display:none
}
@media only screen and (max-width:767px){
    .y-menu--overlap-icon{
        display:none
    }
}
.y-menu--level-1--link{
    display:inline-block;
    display:block;
    border-bottom:1px solid #e0e0e0
}
.y-menu--level-1--link:first-child{
    border-top:1px solid #e0e0e0
}
.y-menu--level-1--link a{
    padding:16px;
    position:relative;
    display:block;
    z-index:0;
    line-height:1.3;
    padding:20px 35px 20px 15px
}
.y-menu--level-1--link .icon--chevron-right--small{
    position:absolute;
    right:12px;
    top:22px
}
.y-menu--level-1--link .icon--chevron-left--small{
    position:absolute;
    left:12px;
    top:22px
}
.y-menu--back-link{
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    text-align:center
}
.y-menu--level-2--container{
    display:none;
    position:absolute;
    z-index:4;
    min-width:150px;
    padding:0;
    background:var(--bg-color--body);
    overflow:hidden;
    left:100%;
    width:100%;
    top:0;
    bottom:0
}
.y-menu--parent-link{
    display:block;
    border-bottom:1px solid #e0e0e0
}
.y-menu--parent-link:first-child{
    border-top:1px solid #e0e0e0
}
.y-menu--level-2--link{
    display:block;
    border-bottom:1px solid #e0e0e0
}
.y-menu--level-2--link:first-child{
    border-top:1px solid #e0e0e0
}
[data-y-menu--parent-link=level-2] .y-menu--level-2--link>a{
    padding-left:35px
}
.y-menu--level-3--container{
    padding:0;
    position:absolute;
    display:none;
    left:100%;
    width:100%;
    top:0;
    bottom:0;
    background:var(--bg-color--body);
    z-index:5
}
.y-menu--level-3--link{
    display:block;
    border-bottom:1px solid #e0e0e0
}
.y-menu--level-3--link:first-child{
    border-top:1px solid #e0e0e0
}
[data-y-menu--parent-link=level-3] .y-menu--level-3--link>a{
    padding-left:35px
}
.product-slider{
    position:relative;
    padding-top:32px;
    padding-bottom:32px
}
@media only screen and (min-width:768px){
    .product-slider{
        padding-top:72px;
        padding-bottom:72px
    }
}
.product-slider .content.row{
    padding:0 50px
}
.product-slider .product-item{
    max-width:100%;
    width:100%;
    display:none;
    padding:0 5px;
    margin-bottom:0
}
.product-slider .owl-next,.product-slider .owl-prev{
    color:var(--color--body);
    font-family:blockshop-icons;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    font-size:35px;
    position:absolute;
    top:50%;
    background:0 0;
    opacity:.8
}
.product-slider .owl-prev{
    left:0;
    margin:-80px 0 0 -40px
}
.product-slider .owl-prev:before{
    content:'\e61a'
}
.product-slider .owl-next{
    right:0;
    margin:-80px -40px 0 0
}
.product-slider .owl-next:before{
    content:'\e61b'
}
.product-slider h2{
    text-align:center;
    text-transform:uppercase;
    margin-bottom:32px
}
@media only screen and (min-width:768px){
    .product-slider h2{
        margin-bottom:48px
    }
}
.product-slider ul{
    list-style:none;
    margin-top:50px
}
.product-slider ul li .columns{
    float:left!important
}
.social-share--root[data-view=modal]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.social-share--root[data-view=modal]>*{
    padding:8px 12px
}
.social-share--root[data-view=modal] .icon--root{
    -webkit-transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out;
    transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out
}
.social-share--root[data-view=modal] .icon--twitter:hover,.social-share--root[data-view=modal] .social-share--item-twitter:focus .icon--twitter{
    color:#09aeec
}
.social-share--root[data-view=modal] .icon--facebook:hover,.social-share--root[data-view=modal] .social-share--item-facebook:focus .icon--facebook{
    color:#49659d
}
.social-share--root[data-view=modal] .icon--pinterest:hover,.social-share--root[data-view=modal] .social-share--item-pinterest:focus .icon--pinterest{
    color:#cb1f2b
}
.social-share--root[data-view=modal] .icon--kickstarter:hover,.social-share--root[data-view=modal] .social-share--item-kickstarter:focus .icon--kickstarter{
    color:#05ce78
}
.social-share--root[data-view=modal] .icon--instagram:hover,.social-share--root[data-view=modal] .social-share--item-instagram:focus .icon--instagram{
    background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
    color:#fff;
    padding:2px;
    margin:-2px;
    height:24px;
    width:24px;
    border-radius:7px
}
.social-share--root[data-view=modal] .icon--vimeo:hover,.social-share--root[data-view=modal] .social-share--item-vimeo:focus .icon--vimeo{
    color:#1ab7ea
}
.social-share--root[data-view=modal] .icon--youtube:hover,.social-share--root[data-view=modal] .social-share--item-youtube:focus .icon--youtube{
    color:red
}
.social-share--root[data-view=product]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.social-share--root[data-view=product]>a{
    min-width:250px;
    border-bottom:1px solid #e0e0e0;
    padding:16px
}
.social-share--root[data-view=product] .icon--root{
    min-width:32px;
    padding-right:8px
}
.social-share--root[data-view=product] .icon--twitter{
    color:#09aeec
}
.social-share--root[data-view=product] .icon--facebook{
    color:#49659d
}
.social-share--root[data-view=product] .icon--pinterest{
    color:#cb1f2b
}
.social-share--product-title{
    text-align:center;
    padding-bottom:16px
}
.social-share--item-copy{
    position:relative
}
.social-share--copy-text{
    display:none;
    position:absolute;
    bottom:-32px;
    font-size:12px;
    padding:0 16px
}
.mobile-nav .contact-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.mobile-nav .contact-form input[type=email]{
    max-width:100%;
    margin-bottom:12px;
    padding:13px 16px
}
@media only screen and (max-width:767px){
    .mobile-nav .contact-form input[type=email]{
        font-size:16px
    }
}
.mobile-nav--header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.mobile-nav--search a{
    display:block;
    padding:32px 16px
}
.mobile-nav--login a{
    display:block;
    padding:32px 16px
}
.mobile-nav--login-n-cart{
    padding:32px 16px
}
.mobile-nav--newsletter{
    padding:16px
}
.mobile-nav--social .social-share--root[data-view=modal]{
    margin-top:-8px;
    padding:0 0 16px 4px
}
.partial--mailing-list input[type=email]{
    max-width:240px;
    height:45px;
    background-color:transparent;
    color:var(--color--body);
    border:none;
    border:1px solid var(--color--body);
    text-transform:none;
    padding-left:8px;
    margin:0
}
@media only screen and (max-width:767px){
    .partial--mailing-list input[type=email]{
        max-width:150px
    }
}
.partial--mailing-list input[type=email]::-webkit-input-placeholder{
    text-transform:none;
    color:var(--color--body)
}
.partial--mailing-list input[type=email]:-moz-placeholder{
    text-transform:none;
    color:var(--color--body)
}
.partial--mailing-list input[type=email]::-moz-placeholder{
    text-transform:none;
    color:var(--color--body)
}
.partial--mailing-list input[type=email]:-ms-input-placeholder{
    text-transform:none;
    color:var(--color--body)
}
.partial--mailing-list--submit button{
    width:100%
}
body.popup--opened{
    -webkit-transition-property:padding;
    transition-property:padding;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.popup--root{
    display:block
}
.popup--open{
    vertical-align:baseline;
    cursor:pointer
}
.popup--container{
    background-color:var(--bg-color--body);
    bottom:0;
    left:0;
    position:fixed;
    text-align:center;
    top:auto!important;
    width:100%;
    z-index:5000;
    border-top:1px solid #e0e0e0
}
.popup--root[data-alternative-color=true] .popup--container{
    color:var(--color--alternative)
}
.popup--root[data-alternative-color=true] .popup--container a,.popup--root[data-alternative-color=true] .popup--container a:hover,.popup--root[data-alternative-color=true] .popup--container a:link,.popup--root[data-alternative-color=true] .popup--container a:visited,.popup--root[data-alternative-color=true] .popup--container svg{
    color:var(--color--alternative)
}
.popup--container.popup--closed{
    overflow:hidden;
    max-height:0;
    padding:0
}
.popup--wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto;
    min-height:200px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0 32px;
    max-width:800px
}
[data-popup--image=true] .popup--wrapper{
    max-width:1100px
}
@media only screen and (max-width:767px){
    .popup--wrapper{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.popup--left-column{
    padding:0 16px;
    min-width:200px
}
@media only screen and (max-width:767px){
    .popup--left-column{
        display:none
    }
}
.popup--center-column{
    max-width:450px;
    padding:8px
}
.popup--center-column>*{
    padding:8px
}
.popup--right-column{
    padding:16px;
    min-width:200px
}
.popup--image{
    max-height:150px;
    max-width:150px
}
.popup--newsletter-title{
    text-align:left
}
@media only screen and (max-width:767px){
    .popup--newsletter-title{
        text-align:center
    }
}
.popup--newsletter-title p{
    margin-bottom:0
}
.popup--newsletter-form form{
    width:100%;
    max-width:350px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.popup--newsletter-form input[type=email]{
    -webkit-box-flex:3;
    -ms-flex-positive:3;
    flex-grow:3;
    height:45px;
    line-height:45px;
    margin-right:10px;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .popup--newsletter-form input[type=email]{
        font-size:16px
    }
}
.popup--newsletter-form .mailing-list--seperator{
    width:32px
}
.popup--newsletter-form input[type=submit]{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .popup--newsletter-form{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.popup--close{
    position:absolute;
    top:16px;
    right:16px;
    padding:0;
    line-height:1
}
.popup--social-icons{
    padding:16px 0
}
.popup--social-icons .social-share--root[data-view=modal]{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.feedback-bar--root{
    z-index:100;
    position:fixed;
    bottom:0;
    left:0;
    padding:16px 32px;
    text-align:center;
    width:100%
}
@media only screen and (max-width:767px){
    .feedback-bar--root{
        padding:16px
    }
}
.feedback-bar--root[data-feedback-bar--open=true]{
    visibility:visible;
    opacity:1;
    -webkit-transition:opacity .5s linear;
    transition:opacity .5s linear
}
.feedback-bar--root[data-feedback-bar--open=false]{
    visibility:hidden;
    opacity:0;
    -webkit-transition:visibility 0s .5s,opacity .5s linear;
    transition:visibility 0s .5s,opacity .5s linear
}
@media only screen and (max-width:767px){
    .feedback-bar--root{
        padding:16px
    }
}
.feedback-bar--message{
    display:inline-block;
    padding:20px 32px;
    background-color:var(--color--body);
    color:var(--bg-color--body);
    border:1px solid #e0e0e0
}
.feedback-bar--message span{
    display:none
}
body,html{
    margin:0;
    padding:0;
    background:var(--bg-color--body);
    padding-top:0
}
body{
    color:var(--color--body)
}
.layout--main-content{
    overflow:auto;
    position:relative;
    z-index:1;
    padding:0 48px
}
@media only screen and (max-width:767px){
    .layout--main-content{
        padding:50px 0 0
    }
}
.button--secondary{
    font-family:var(--font--accent--family);
    font-weight:var(--font--accent--weight);
    font-style:var(--font--accent--style);
    text-transform:uppercase;
    font-size:var(--font--accent--size);
    letter-spacing:1px;
    background:var(--bg-color--button);
    color:var(--color--button);
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    border-radius:1px;
    display:inline-block;
    zoom:1;
    height:45px;
    line-height:45px;
    letter-spacing:1px;
    padding:0 15px;
    vertical-align:bottom;
    background:var(--bg-color--body);
    border:1px solid var(--bg-color--button);
    color:var(--bg-color--button);
    line-height:43px;
    height:45px
}
@media only screen and (max-width:767px){
    .button--secondary{
        font-size:13px
    }
}
.button--secondary:focus{
    background:var(--bg-color--button)
}
.button--secondary:hover{
    color:var(--color--button);
    background:var(--bg-color--button)
}
.button--secondary:focus{
    background:var(--bg-color--body)
}
.button--secondary:hover{
    color:var(--bg-color--button);
    background:var(--bg-color--body)
}
.layout--login .layout--login-italic{
    font-style:italic
}
.footer--root{
    background:var(--bg-color--footer);
    color:var(--color--footer);
    padding:48px;
    z-index:1;
    position:relative
}
@media only screen and (max-width:767px){
    .footer--root{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:32px 16px
    }
}
.footer--root>:not(:last-child){
    padding-bottom:16px
}
.footer--root a,.footer--root a:link{
    color:var(--color--footer)
}
.footer--root p{
    margin-top:0
}
.footer--root .placeholder-noblocks{
    width:100%;
    padding:16px
}
@media only screen and (max-width:767px){
    .footer--root .placeholder-noblocks{
        text-align:center
    }
}
@media only screen and (max-width:767px){
    .footer--root .payment-icons--list{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.footer--root form{
    margin:0
}
.footer--blocks{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:-16px
}
@media only screen and (max-width:767px){
    .footer--blocks{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media only screen and (max-width:767px){
    .footer--blocks>:not(:last-child){
        padding-bottom:32px
    }
}
.footer--block{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:16px
}
@media only screen and (max-width:767px){
    .footer--block{
        -ms-flex-preferred-size:100%!important;
        flex-basis:100%!important;
        text-align:center
    }
}
.footer--block[data-block-type=about]{
    -ms-flex-preferred-size:35%;
    flex-basis:35%
}
.footer--block[data-block-type=menu]{
    -ms-flex-preferred-size:30%;
    flex-basis:30%
}
.footer--block[data-block-type=subscribe]{
    -ms-flex-preferred-size:35%;
    flex-basis:35%
}
@media only screen and (max-width:767px){
    .footer--block:nth-of-type(1) .footer--block--container{
        margin:0 auto
    }
}
.footer--block:nth-of-type(2) .footer--block--container{
    margin:0 auto
}
.footer--block:nth-of-type(3) .footer--block--container{
    margin:0 0 0 auto
}
@media only screen and (max-width:767px){
    .footer--block:nth-of-type(3) .footer--block--container{
        margin:0 auto
    }
}
.footer--block[data-block-type=subscribe] .footer--block--container{
    width:300px
}
@media only screen and (max-width:767px){
    .footer--block[data-block-type=subscribe] .footer--block--container{
        width:280px
    }
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .footer--block[data-block-type=subscribe] .footer--block--container{
        width:200px
    }
}
.footer--block--heading{
    padding-bottom:16px
}
.footer--block--body>:not(:last-child){
    padding-bottom:16px
}
@media only screen and (max-width:767px){
    .footer--block--body>:not(:last-child){
        padding-bottom:12px
    }
}
.footer--about-text{
    max-width:400px
}
.footer--social-icons{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin:-8px
}
@media only screen and (max-width:767px){
    .footer--social-icons{
        padding-top:16px
    }
}
.footer--social-icons a{
    padding:8px
}
.footer--social-icons svg{
    height:16px
}
.footer--social-icons .icon--root{
    -webkit-transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out;
    transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out
}
.footer--social-icons .icon--twitter:hover,.footer--social-icons a[aria-label=twitter]:focus .icon--twitter{
    color:#09aeec
}
.footer--social-icons .icon--facebook:hover,.footer--social-icons a[aria-label=facebook]:focus .icon--facebook{
    color:#49659d
}
.footer--social-icons .icon--pinterest:hover,.footer--social-icons a[aria-label=pinterest]:focus .icon--pinterest{
    color:#cb1f2b
}
.footer--social-icons .icon--root.icon--instagram:hover,.footer--social-icons a[aria-label=instagram]:focus .icon--instagram{
    background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
    color:#fff;
    padding:2px;
    height:20px;
    width:20px;
    border-radius:6px
}
.footer--social-icons .icon--vimeo:hover,.footer--social-icons a[aria-label=vimeo]:focus .icon--vimeo{
    color:#1ab7ea
}
.footer--social-icons .icon--youtube:hover,.footer--social-icons a[aria-label=youtube]:focus .icon--youtube{
    color:red
}
@media only screen and (max-width:767px){
    .footer--menu li:not(:last-child){
        padding-bottom:8px
    }
}
.footer--subscribe .footer--form-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width:300px
}
@media only screen and (max-width:767px){
    .footer--subscribe .footer--form-container{
        margin:0 auto
    }
}
.footer--subscribe .footer--form-container input[type=email]{
    padding-top:22px;
    padding-bottom:22px;
    margin-bottom:8px
}
.footer--subscribe .footer--form-container .success{
    font-style:italic
}
.footer--subscribe .footer--form-submit{
    width:auto;
    margin:0 0 0 8px;
    -ms-flex-negative:0;
    flex-shrink:0
}
.footer--subscribe--info{
    padding-bottom:16px
}
.footer--sub{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-16px
}
.footer--sub>*{
    -webkit-box-flex:1;
    -ms-flex:1 1 40%;
    flex:1 1 40%;
    padding:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .footer--sub>*{
        -ms-flex-preferred-size:36%;
        flex-basis:36%
    }
}
@media only screen and (max-width:767px){
    .footer--sub>*{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        text-align:center
    }
}
.footer--sub--block[data-type=powered-by]{
    -ms-flex-preferred-size:20%;
    flex-basis:20%
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .footer--sub--block[data-type=powered-by]{
        -ms-flex-preferred-size:28%;
        flex-basis:28%
    }
}
@media only screen and (max-width:767px){
    .footer--sub--block[data-type=powered-by]{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
}
.footer--sub--block[data-type=localization] form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.footer--sub--block[data-type=localization] form .disclosure--root:not(:last-of-type){
    padding-right:16px
}
.footer--sub--block[data-type=localization] form .disclosure--root[data-id=footer-locale] .disclosure--main{
    text-transform:none
}
@media only screen and (max-width:767px){
    .footer--sub--container{
        margin:0 auto
    }
}
.footer--sub--block:nth-of-type(2) .footer--sub--container{
    margin:0 auto
}
@media only screen and (min-width:768px){
    .footer--sub--block:last-of-type .footer--sub--container{
        margin:0 0 0 auto
    }
}
@media only screen and (min-width:768px){
    .footer--sub--block:last-of-type:nth-of-type(1) .footer--sub--container{
        margin:0 auto
    }
}
@media only screen and (min-width:768px){
    .payment-icons--list{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -ms-flex-line-pack:end;
        align-content:flex-end
    }
}
.template--index .layout--main-content{
    padding:0
}
.template--index .layout--main-content .shopify-section{
    padding:0 48px 48px
}
.template--index .layout--main-content .shopify-section:last-child{
    padding-bottom:0
}
@media only screen and (max-width:767px){
    .template--index .layout--main-content .shopify-section{
        padding:0
    }
}
.index--collection--root{
    padding:0
}
.template--index .layout--main-content .index--collection--root{
    padding:0
}
@media only screen and (max-width:767px){
    .index--collection--root{
        padding:0;
        height:auto!important
    }
}
.index--collection--root .owl-wrapper{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.index--collection--root>.fw--slider{
    background-color:var(--bg-color--panel)
}
.index--collection--root .placeholder--root{
    display:inline-block;
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .index--collection--root .placeholder--root{
        width:50%
    }
}
.index--collection--header{
    text-align:center
}
.index--collection--title{
    padding-bottom:16px
}
.index--collection--slide-container{
    padding:32px 0
}
.index--collection--slide{
    text-align:center;
    width:100%;
    padding:0 32px
}
.index--collection--slide a{
    display:inline-block;
    width:100%
}
.index--collection--slide .image--root{
    padding-bottom:16px;
    margin:0 auto
}
.index--collection--error{
    padding:32px;
    text-align:center
}
.contact-page--root{
    width:100%;
    min-height:100%
}
.contact-page--root>*{
    padding:24px
}
.contact-page--wrapper{
    max-width:1100px;
    margin:0 auto;
    padding:48px 24px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (max-width:767px){
    .contact-page--wrapper{
        padding-left:16px;
        padding-right:16px
    }
}
.contact-page--header{
    text-align:center;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    padding-bottom:32px
}
@media only screen and (min-width:768px){
    .contact-page--left-column{
        padding:32px 72px 32px 16px;
        width:50%
    }
}
@media only screen and (max-width:767px){
    .contact-page--right-column{
        padding:32px 0 0
    }
}
@media only screen and (min-width:768px){
    .contact-page--right-column{
        padding:32px 16px;
        width:50%
    }
}
.contact-page--form textarea{
    height:100px;
    -webkit-transition:.3s height;
    transition:.3s height;
    outline:0
}
.contact-page--form textarea:focus,.contact-page--form textarea:valid{
    height:100px
}
.contact-page--form input[type=submit]{
    width:100%
}
.four-o-four--root{
    padding:0 16px 72px
}
.four-o-four--root h1.four-o-four--heading{
    padding-bottom:32px
}
.four-o-four--root h3.four-o-four--info{
    padding-bottom:32px
}
.four-o-four--container{
    max-width:600px;
    margin:0 auto;
    padding:48px;
    background:var(--bg-color--panel);
    border:1px solid #eaeaea;
    border-radius:3px;
    text-align:center
}
.four-o-four--container a{
    text-decoration:underline
}
.template-page--root{
    padding:72px 48px;
    max-width:600px;
    margin:0 auto
}
@media only screen and (max-width:767px){
    .template-page--root{
        padding:32px 16px
    }
}
.template-page--root[data-template=wide]{
    max-width:1000px
}
.template-page--heading{
    text-align:center;
    padding-bottom:32px
}
.template--page .layout--main-content{
    padding-top:0
}
.featured-collections--root{
    text-align:center
}
.featured-collections--header{
    grid-template-columns:minmax(auto,800px)
}
.featured-collections--body{
    margin:0 auto;
    max-width:1200px;
    width:100%
}
.featured-collections--item a{
    display:block;
    width:100%
}
.featured-content--root{
    padding:72px 48px
}
@media only screen and (max-width:767px){
    .featured-content--root{
        padding:32px 16px
    }
}
@media only screen and (min-width:768px){
    .featured-content--root[data-full-width=true]{
        padding:0
    }
}
.featured-content--container{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:1200px;
    margin:0 auto
}
.featured-content--root[data-full-width=true] .featured-content--container{
    max-width:none
}
.featured-content--root[data-text-position=top] .featured-content--container{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.featured-content--root[data-text-position=bottom] .featured-content--container{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.featured-content--container .featured-content--root[data-alternative-color=true]{
    color:var(--color--alternative)
}
.featured-content--container .featured-content--root[data-alternative-color=true] a,.featured-content--container .featured-content--root[data-alternative-color=true] a:hover,.featured-content--container .featured-content--root[data-alternative-color=true] a:link,.featured-content--container .featured-content--root[data-alternative-color=true] a:visited{
    color:var(--color--alternative)
}
.featured-content--container .featured-content--root[data-alternative-color=true] a:after{
    border-color:var(--color--alternative)
}
@media only screen and (max-width:767px){
    .featured-content--container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding:0!important
    }
}
.featured-content--image{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    width:100%
}
.featured-content--image img{
    width:100%
}
.featured-content--text{
    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0;
    padding:32px;
    -ms-flex-negative:0;
    flex-shrink:0;
    max-width:50%;
    min-width:330px;
    position:relative;
    background-color:var(--bg-color--body);
    z-index:1
}
.featured-content--root[data-text-position=top] .featured-content--text{
    text-align:center;
    margin-bottom:-3.75rem;
    width:90%
}
.featured-content--root[data-text-position=bottom] .featured-content--text{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    text-align:center;
    margin-top:-3.75rem;
    width:90%
}
.featured-content--root[data-text-position=left] .featured-content--text{
    max-width:50%;
    margin-right:-10%
}
.featured-content--root[data-text-position=left][data-overlap=false] .featured-content--text{
    padding:32px 48px
}
.featured-content--root[data-text-position=center] .featured-content--text{
    position:absolute;
    text-align:center;
    width:90%;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.featured-content--root[data-text-position=right] .featured-content--text{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    max-width:50%;
    margin-left:-10%
}
.featured-content--root[data-overlap=false]:not([data-text-position=center]) .featured-content--text{
    background:0 0;
    margin:0
}
.featured-content--root[data-text-width=small] .featured-content--text{
    max-width:30%
}
.featured-content--root[data-text-width=large] .featured-content--text{
    min-width:50%
}
.featured-content--root[data-transparent-overlap=true] .featured-content--text{
    background-color:transparent
}
@media only screen and (min-width:768px){
    .featured-content--root[data-alternative-color=true] .featured-content--text{
        color:var(--color--alternative)
    }
    .featured-content--root[data-alternative-color=true] .featured-content--text a,.featured-content--root[data-alternative-color=true] .featured-content--text a:hover,.featured-content--root[data-alternative-color=true] .featured-content--text a:link,.featured-content--root[data-alternative-color=true] .featured-content--text a:visited{
        color:var(--color--alternative)
    }
    .featured-content--root[data-alternative-color=true] .featured-content--text a:after{
        border-color:var(--color--alternative)
    }
}
@media only screen and (max-width:767px){
    .featured-content--text{
        padding:16px 12px 0!important;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        text-align:center;
        width:100%!important;
        max-width:100%!important;
        position:relative!important;
        top:auto!important;
        left:auto!important;
        -webkit-transform:none!important;
        transform:none!important;
        margin:0!important;
        background:0 0
    }
    .featured-content--root[data-overlap=true] .featured-content--text{
        margin-top:-10%
    }
    .featured-content--root[data-alternative-color=true]:not([data-text-position=center]) .featured-content--text{
        color:var(--color--alternative)
    }
    .featured-content--root[data-alternative-color=true]:not([data-text-position=center]) .featured-content--text a,.featured-content--root[data-alternative-color=true]:not([data-text-position=center]) .featured-content--text a:hover,.featured-content--root[data-alternative-color=true]:not([data-text-position=center]) .featured-content--text a:link,.featured-content--root[data-alternative-color=true]:not([data-text-position=center]) .featured-content--text a:visited{
        color:var(--color--alternative)
    }
    .featured-content--root[data-alternative-color=true]:not([data-text-position=center]) .featured-content--text a:after{
        border-color:var(--color--alternative)
    }
    .featured-content--root[data-dark-background=true] .featured-content--text{
        color:var(--color--alternative)
    }
    .featured-content--root[data-dark-background=true] .featured-content--text a,.featured-content--root[data-dark-background=true] .featured-content--text a:hover,.featured-content--root[data-dark-background=true] .featured-content--text a:link,.featured-content--root[data-dark-background=true] .featured-content--text a:visited{
        color:var(--color--alternative)
    }
    .featured-content--root[data-dark-background=true] .featured-content--text a:after{
        border-color:var(--color--alternative)
    }
}
.featured-content--text-container{
    max-width:600px;
    margin:0 auto
}
.featured-content--text-container>:last-child{
    padding-bottom:0
}
.featured-content--root[data-text-position=left][data-overlap=false] .featured-content--text-container{
    max-width:400px
}
.featured-content--root[data-text-position=right][data-overlap=false] .featured-content--text-container{
    max-width:400px
}
.featured-content--title{
    padding-bottom:16px
}
@media only screen and (max-width:767px){
    .featured-content--title{
        padding:8px 0 12px
    }
}
.featured-content--description{
    padding-bottom:16px
}
.featured-content--root{
    padding:72px 48px!important
}
@media only screen and (max-width:767px){
    .featured-content--root{
        padding:32px 16px!important
    }
}
@media only screen and (min-width:768px){
    .featured-content--root[data-full-width=true]{
        padding:0!important;
        margin-left:-48px;
        margin-right:-48px
    }
}
.featured-content--root[data-full-width=false][data-text-position=center]{
    padding:0!important
}
.featured-content--call-to-action a{
    font-family:var(--font--accent--family);
    font-weight:var(--font--accent--weight);
    font-style:var(--font--accent--style);
    text-transform:uppercase;
    font-size:var(--font--accent--size);
    letter-spacing:1px;
    background:var(--bg-color--button);
    color:var(--color--button);
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    border-radius:1px;
    display:inline-block;
    zoom:1;
    height:45px;
    line-height:45px;
    letter-spacing:1px;
    padding:0 15px;
    vertical-align:bottom
}
@media only screen and (max-width:767px){
    .featured-content--call-to-action a{
        font-size:13px
    }
}
.featured-content--call-to-action a:focus{
    background:var(--bg-color--button)
}
.featured-content--call-to-action a:hover{
    color:var(--color--button);
    background:var(--bg-color--button)
}
.featured-content--container{
    max-width:none
}
.featured-grid--root{
    text-align:center;
    padding: 20px 48px;
}
@media only screen and (min-width:768px){
    .featured-grid--root[data-container-width='6']{
        padding-left:0;
        padding-right:0
    }
}
.featured-grid--root[data-spacing=false][data-container-width='6'][data-header-text-exists=false]{
    padding-top:0
}
.featured-grid--root[data-spacing=false][data-container-width='6'][data-footer-text-exists=false]{
    padding-bottom:0
}
.featured-grid--root[data-alternative-color=true]{
    color:var(--color--alternative)
}
.featured-grid--root[data-alternative-color=true] a,.featured-grid--root[data-alternative-color=true] a:hover,.featured-grid--root[data-alternative-color=true] a:link,.featured-grid--root[data-alternative-color=true] a:visited{
    color:var(--color--alternative)
}
@media only screen and (max-width:767px){
    .featured-grid--root[data-dark-background=true]{
        color:var(--color--alternative)
    }
    .featured-grid--root[data-dark-background=true] a,.featured-grid--root[data-dark-background=true] a:hover,.featured-grid--root[data-dark-background=true] a:link,.featured-grid--root[data-dark-background=true] a:visited{
        color:var(--color--alternative)
    }
}
@media only screen and (max-width:767px){
    .featured-grid--root .placeholder--container{
        padding-top:100%!important
    }
}
.featured-grid--header{
    margin:0 auto;
    max-width:100%;
    grid-template-columns:minmax(auto,650px)
}
.featured-grid--body{
    display:grid;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    grid-template-columns:minmax(auto,1fr)
}
.featured-grid--root[data-container-width='1'] .featured-grid--body{
    grid-template-columns:minmax(auto,650px)
}
.featured-grid--root[data-container-width='2'] .featured-grid--body{
    grid-template-columns:minmax(auto,800px)
}
.featured-grid--root[data-container-width='3'] .featured-grid--body{
    grid-template-columns:minmax(auto,1000px)
}
.featured-grid--root[data-container-width='4'] .featured-grid--body{
    grid-template-columns:minmax(auto,1200px)
}
.featured-grid--root[data-container-width='5'] .featured-grid--body{
    grid-template-columns:minmax(auto,1fr)
}
.featured-grid--root[data-container-width='6'] .featured-grid--body{
    grid-template-columns:minmax(auto,1fr)
}
.featured-grid--item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.featured-grid--item a{
    display:block;
    width:100%
}
.featured-grid--item .placeholder--container{
    height:100%
}
.featured-grid--item--container{
    position:relative;
    width:100%
}
.featured-grid--item--overlay-background{
    background-color:#fff;
    height:calc(100% - 16px);
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    -webkit-transition:opacity .25s linear;
    transition:opacity .25s linear;
    width:calc(100% - 16px);
    z-index:1
}
@media only screen and (min-width:768px){
    .featured-grid--root[data-text-position=center] .featured-grid--item:hover .featured-grid--item--overlay-background{
        opacity:.8;
        z-index:1
    }
}
.featured-grid--item--text-container{
    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    position:relative
}
@media only screen and (max-width:767px){
    .featured-grid--item--text-container{
        left:auto!important;
        margin:0!important;
        max-width:100%!important;
        opacity:1!important;
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        padding:0!important;
        position:relative!important;
        top:auto!important;
        -webkit-transform:none!important;
        transform:none!important;
        -webkit-transition:none!important;
        transition:none!important
    }
}
.featured-grid--root[data-text-position=bottom] .featured-grid--item--text-container{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    text-align:center;
    padding-left:0;
    padding-right:0
}
.featured-grid--root[data-text-position=center] .featured-grid--item--text-container{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    left:0;
    opacity:0;
    padding-top:0;
    position:absolute;
    text-align:center;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:opacity .25s linear;
    transition:opacity .25s linear;
    width:100%;
    z-index:1
}
@media only screen and (min-width:768px){
    .featured-grid--root[data-text-position=center] .featured-grid--item:hover .featured-grid--item--text-container{
        opacity:1
    }
}
@media only screen and (min-width:768px){
    .featured-grid--root[data-alternative-color=true][data-text-position=center] .featured-grid--item--text-container{
        color:var(--color--body)
    }
}
.featured-grid--item--image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.featured-grid--item--title{
    width:100%
}
.featured-grid--item--image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.featured-grid--item--title{
    width:100%
}
.featured-grid--root[data-alternative-color=true] .featured-grid--item--link-container{
    color:var(--color--alternative)
}
.featured-grid--root[data-alternative-color=true] .featured-grid--item--link-container:after{
    border-color:var(--color--alternative)
}
@media only screen and (min-width:768px){
    .featured-grid--root[data-text-position=bottom][data-spacing=false] .featured-grid--item--link-container{
        padding-bottom:16px
    }
}
@media only screen and (min-width:768px){
    .featured-grid--root[data-text-position=center][data-alternative-color=true] .featured-grid--item--link-container{
        color:var(--color--body)
    }
    .featured-grid--root[data-text-position=center][data-alternative-color=true] .featured-grid--item--link-container:after{
        border-color:var(--color--body)
    }
}
.featured-grid--footer--block{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (min-width:768px){
    .featured-grid--root[data-full-width=true]{
        margin-left:-48px;
        margin-right:-48px;
        overflow-x:hidden
    }
}
a.featured-grid--call-to-action{
    font-family:var(--font--accent--family);
    font-weight:var(--font--accent--weight);
    font-style:var(--font--accent--style);
    text-transform:uppercase;
    font-size:var(--font--accent--size);
    letter-spacing:1px;
    background:var(--bg-color--button);
    color:var(--color--button);
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    border-radius:1px;
    display:inline-block;
    zoom:1;
    height:45px;
    line-height:45px;
    letter-spacing:1px;
    padding:0 15px;
    vertical-align:bottom
}
@media only screen and (max-width:767px){
    a.featured-grid--call-to-action{
        font-size:13px
    }
}
a.featured-grid--call-to-action:focus{
    background:var(--bg-color--button)
}
a.featured-grid--call-to-action:hover{
    color:var(--color--button);
    background:var(--bg-color--button)
}
.featured-text--blocks{
    grid-template-columns:minmax(auto,650px);
    text-align:center
}
.section--slideshow .placeholder-noblocks{
    height:600px;
    display:inline-block;
    vertical-align:middle;
    line-height:600px;
    width:100%
}
.section--slideshow .slider{
    padding:0
}
@media only screen and (min-width:768px){
    .section--slideshow .slider[data-full-width=true]{
        margin-left:-48px;
        margin-right:-48px
    }
}
.template--index .layout--main-content .section--slideshow .slider{
    padding:0
}
@media only screen and (min-width:768px){
    .section--slideshow .slider{
        border-bottom:none
    }
}
.section--slideshow .slider .owl-wrapper{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.section--slideshow .slider .flex-video{
    padding-bottom:45%
}
.section--slideshow .slider .video .caption,.section--slideshow .slider .video .video-src{
    display:none
}
.section--slideshow .slider .video .play-button{
    display:block;
    visibility:hidden;
    cursor:pointer;
    opacity:.5;
    position:absolute;
    top:50%;
    left:50%;
    background-position:center center;
    background-repeat:no-repeat;
    height:80px;
    width:80px;
    margin-left:-40px;
    margin-top:-40px;
    cursor:pointer;
    border:4px solid #fff;
    background:#000;
    border-radius:50%
}
.section--slideshow .slider .video .play-button:hover{
    opacity:.6
}
.section--slideshow .slider .video .play-button .triangle{
    -webkit-transform:scale(.9999);
    transform:scale(.9999);
    -moz-transform:scale(.9999);
    position:relative;
    top:21px;
    left:30px;
    width:0;
    height:0;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left:20px solid #fff
}
.section--slideshow .slider .owl-controls{
    margin-top:0
}
.section--slideshow .slider .row{
    position:relative;
    padding:0
}
.section--slideshow .slider .slide{
    position:relative
}
.section--slideshow .slider .slide img{
    display:inline-block;
    width:100%
}
.section--slideshow .slider .slide .caption{
    visibility:hidden;
    position:static;
    padding:16px
}
.section--slideshow .slider .slide .caption.right{
    float:left!important
}
.section--slideshow .slider .slide .caption>:last-child{
    padding-bottom:0!important
}
.section--slideshow .slider .slide .caption .bg{
    display:none;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    opacity:.8;
    background-color:var(--bg-color--body)
}
@media only screen and (min-width:768px){
    .section--slideshow .slider .slide .caption .bg{
        display:block
    }
}
.section--slideshow .slider .slide .caption .title{
    position:relative;
    padding-bottom:16px
}
.section--slideshow .slider .slide .caption .sub-title{
    position:relative;
    padding-bottom:16px
}
@media only screen and (max-width:767px){
    .section--slideshow .slider .slide .caption .sub-title{
        padding-right:48px
    }
}
.section--slideshow .slider .slide .caption .slideshow--button{
    position:relative;
    margin-bottom:0
}
@media only screen and (min-width:768px){
    .section--slideshow .slider .slide .caption{
        position:absolute;
        max-width:350px;
        margin:20px 55px 30px;
        padding:32px;
        background-color:transparent
    }
    .section--slideshow .slider .slide .caption.text-center{
        text-align:center
    }
    .section--slideshow .slider .slide .caption.top{
        top:125px;
        margin-top:0
    }
    .section--slideshow .slider .slide .caption.middle{
        top:50%;
        margin-top:0
    }
    .section--slideshow .slider .slide .caption.bottom{
        bottom:0
    }
    .section--slideshow .slider .slide .caption.left{
        left:0
    }
    .section--slideshow .slider .slide .caption.center{
        left:50%;
        margin-left:0
    }
    .section--slideshow .slider .slide .caption.right{
        right:0
    }
    .section--slideshow .slider .slide .caption.bottom.right{
        bottom:45px
    }
}
@media only screen and (min-width:1024px){
    .section--slideshow .slider .slide .caption{
        max-width:400px
    }
}
.section--slideshow .slider .owl-pagination{
    position:absolute;
    right:20px;
    bottom:18px;
    top:auto;
    margin:0;
    padding:5px
}
@media only screen and (min-width:768px){
    .section--slideshow .slider .owl-pagination{
        right:50px;
        bottom:20px
    }
}
.section--slideshow .slider .owl-pagination .owl-page{
    border-radius:50%;
    border:0;
    margin:0 7px 0 0;
    cursor:pointer;
    display:inline-block;
    height:15px;
    width:15px;
    opacity:.6
}
.section--slideshow .slider .owl-pagination .owl-page:last-child{
    margin-right:0
}
.section--slideshow .slider .owl-pagination .owl-page.active{
    opacity:.8
}
.section--slideshow .slider .owl-pagination .owl-page span{
    background:#fff;
    border:2px solid #fff;
    opacity:.8;
    -webkit-box-shadow:0 0 2px #666;
    box-shadow:0 0 2px #666
}
.section--slideshow .slider .owl-pagination .owl-page span:hover{
    opacity:1
}
.section--slideshow .slider .owl-pagination .owl-page.active span{
    background:0 0;
    -webkit-box-shadow:inset 0 0 2px #666,0 0 2px #666;
    box-shadow:inset 0 0 2px #666,0 0 2px #666
}
.section--slideshow .slider .owl-pagination .owl-page .owl-numbers{
    display:none
}
.section--slideshow .slider .owl-pagination .owl-page.active .owl-numbers{
    display:block;
    background:0 0;
    border:0;
    opacity:1;
    -webkit-box-shadow:none;
    box-shadow:none
}
.featured-blog--root{
    padding:32px 16px
}
@media only screen and (min-width:768px){
    .featured-blog--root{
        padding:72px 48px
    }
}
.featured-blog--heading{
    text-align:center;
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .featured-blog--heading{
        padding-bottom:32px
    }
}
.featured-blog--body{
    margin:-16px
}
@media only screen and (max-width:767px){
    .featured-blog--body{
        margin:-8px
    }
}
.featured-blog--grid{
    width:100%;
    max-width:1200px;
    padding-bottom:16px;
    margin:0 auto
}

.blog--list--item-timesince, .blog--list--item-readmore{
  display:none;
}

@media only screen and (min-width:768px){
    .featured-blog--grid{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-bottom:32px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.featured-blog--grid:last-child{
    padding-bottom:0
}
.featured-blog--item{
    padding:8px
}
@media only screen and (min-width:768px){
    .featured-blog--item{
        width:calc(100% / 3);
        padding:16px
    }
}
.featured-blog--item>:not(:last-child){
    padding-bottom:12px
}
.featured-blog--item .featured-blog--item--image{
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .featured-blog--item .featured-blog--item--image{
        padding-bottom:16px
    }
}
.featured-blog--footer{
    text-align:center
}
.map--root{
    padding:72px 48px
}
@media only screen and (max-width:767px){
    .map--root{
        padding:32px 16px
    }
}
.map--container{
    max-width:1200px;
    margin:0 auto
}
.map--body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto
}
@media only screen and (max-width:767px){
    .map--body{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.map--info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    max-width:400px
}
@media only screen and (max-width:767px){
    .map--info{
        width:100%;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center;
        max-width:none;
        padding-bottom:32px
    }
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .map--info{
        max-width:300px;
        padding-right:16px
    }
}
@media only screen and (min-width:1024px){
    .map--info{
        padding-right:32px
    }
}
.map--heading{
    width:100%;
    padding-bottom:32px
}
@media only screen and (max-width:767px){
    .map--heading{
        text-align:center;
        padding-bottom:16px
    }
}
.map--address{
    padding-right:32px;
    padding-bottom:32px
}
@media only screen and (max-width:767px){
    .map--address{
        padding:0 16px 32px
    }
}
.map--address-content{
    padding-bottom:32px
}
@media only screen and (max-width:767px){
    .map--hours{
        padding:0 16px
    }
}
.map--open-maps-link{
    display:block;
    width:100%
}
.map--media{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding-left:30px
}
@media only screen and (max-width:767px){
    .map--media{
        padding:0;
        width:100%
    }
}
.map--google-maps{
    min-height:400px
}
@media only screen and (max-width:767px){
    .map--google-maps{
        width:100%
    }
}
[data-item=rte-content] .map--open-maps-link a{
    text-decoration:none;
    color:var(--color--body)
}
[data-item=rte-content] .map--open-maps-link a:hover{
    color:var(--color--body--light)
}
.newsletter--root{
    padding:72px 0
}
@media only screen and (max-width:767px){
    .newsletter--root{
        padding:32px 0
    }
}
.newsletter--container{
    max-width:1200px;
    margin:0 auto;
    text-align:center
}
.newsletter--header{
    padding:0 16px 16px
}
.newsletter--header>*{
    padding-bottom:16px
}
@media only screen and (max-width:767px){
    .newsletter--header>*{
        padding-bottom:12px
    }
}
.newsletter--header>:last-child{
    padding-bottom:0
}
@media only screen and (max-width:767px){
    .newsletter--header>:last-child{
        padding-bottom:8px
    }
}
.newsletter--subheading p:last-child{
    margin-bottom:0
}
.newsletter--body{
    max-width:400px;
    margin:0 auto;
    padding:0 32px
}
@media only screen and (max-width:767px){
    .newsletter--body{
        padding:0 16px
    }
}
.newsletter--body form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
input.newsletter--email{
    margin:0 12px 0 0
}
.service-list{
    margin:0 auto;
    max-width:1000px;
    padding:72px 48px
}
.service-list li{
    margin:0
}
@media only screen and (min-width:768px){
    .template--page .service-list{
        padding-top:24px
    }
}
@media only screen and (max-width:767px){
    .service-list{
        padding:32px!important
    }
}
.service-list--title{
    text-align:center;
    margin-bottom:0
}
.service-list--container{
    padding-top:32px
}
.service-list--container:after{
    content:'\0020';
    display:block;
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden
}
[data-service-list--has-headers=true] .service-list--container{
    padding:0
}
.service-list--container>.service-list--block-header--text{
    padding:0 32px 16px
}
@media only screen and (max-width:767px){
    .service-list--container>.service-list--block-header--text{
        text-align:center
    }
}
@media only screen and (min-width:768px){
    .service-list--single-column{
        width:50%
    }
}
.service-list--left-column,.service-list--right-column{
    width:50%;
    float:left
}
@media only screen and (max-width:767px){
    .service-list--left-column,.service-list--right-column{
        width:100%
    }
}
.service-list--blocks{
    margin:0
}
[data-service-list--has-headers=true] .service-list--blocks{
    padding:32px
}
@media only screen and (max-width:767px){
    [data-service-list--has-headers=true] .service-list--blocks{
        padding:12px 0
    }
}
.service-list--blocks li{
    list-style:none;
    width:100%
}
.service-list--block{
    padding:8px 32px
}
@media only screen and (max-width:767px){
    .service-list--block{
        padding:8px 0
    }
}
[data-service-list--has-headers=true] .service-list--block{
    padding:8px 0
}
@media only screen and (max-width:767px){
    [data-service-list--show-descriptions=true] .service-list--block{
        padding:0
    }
}
.service-list--block-header{
    padding:8px 0;
    text-align:center
}
.service-list--price{
    padding-left:48px;
    padding-bottom:2px
}
[data-service-list--show-descriptions=false] .service-list--price{
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-negative:1;
    flex-shrink:1;
    padding-left:12px;
    padding-bottom:0
}
.service-list--description{
    padding-top:12px
}
[data-service-list--show-descriptions=false] .service-list--block-title-text{
    display:inline
}
.service-list--block-title{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
[data-service-list--show-descriptions=false] .service-list--block-title{
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-negative:1;
    flex-shrink:1;
    width:100%;
    position:relative;
    overflow:hidden
}
[data-service-list--show-descriptions=false] .service-list--block-title:after{
    content:'⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅';
    font-family:Arial,sans-serif;
    margin-left:12px;
    line-height:2;
    position:absolute
}
.service-list--info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid var(--color--body);
    padding-bottom:6px;
    width:100%
}
[data-service-list--show-descriptions=false] .service-list--info{
    border-bottom:none;
    padding:0
}
.featured-product--root{
    padding:72px 48px
}
@media only screen and (max-width:767px){
    .featured-product--root{
        padding:32px 16px
    }
}
.featured-product--root .product-media--featured{
    position:relative;
    display:none;
    padding-bottom:16px
}
.featured-product--root .product-media--featured[data-active=true]{
    display:block
}
.featured-product--root .product-media--featured>*{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin:0 auto
}
@media only screen and (max-width:767px){
    .featured-product--root .product-media--featured>*{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.featured-product--root .image--container{
    width:100%
}
.featured-product--root .placeholder--container{
    position:initial
}
.featured-product--root .product-media--ar-button{
    padding:0
}
.featured-product--root .product-media--ar-button>*{
    margin-bottom:32px
}
.featured-product--wrapper{
    -ms-flex-item-align:start;
    align-self:flex-start
}
.featured-product--container{
    max-width:1200px;
    margin:0 auto
}
.featured-product--container>*{
    padding-bottom:32px
}
@media only screen and (max-width:767px){
    .featured-product--container>*{
        padding-bottom:16px
    }
}
.featured-product--container>:last-child{
    padding-bottom:0
}
.featured-product--header{
    text-align:center
}
.featured-product--body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (min-width:768px){
    .featured-product--body{
        margin:0 -16px
    }
}
@media only screen and (min-width:768px){
    .featured-product--body>*{
        padding:0 16px;
        width:50%
    }
}
@media only screen and (max-width:767px){
    .featured-product--body>*{
        padding-bottom:16px;
        width:100%
    }
    .featured-product--body>:last-child{
        padding-bottom:0
    }
}
.featured-product--placeholder{
    width:50%;
    position:relative;
    display:none
}
.featured-product--placeholder[data-active=true]{
    display:block
}
@media only screen and (max-width:767px){
    .featured-product--placeholder{
        width:100%
    }
}
.featured-product--placeholder>*{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media only screen and (max-width:767px){
    .featured-product--placeholder>*{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.featured-product--placeholder .placeholder--container{
    position:initial
}
.featured-product--info{
    width:100%
}
@media only screen and (min-width:768px){
    .featured-product--info{
        width:50%
    }
}
.featured-product--info--container{
    max-width:400px;
    width:100%;
    margin:0 auto
}
@media only screen and (max-width:767px){
    .featured-product--info--container{
        text-align:center;
        width:100%
    }
}
.featured-product--info--container>*{
    padding-bottom:16px
}
@media only screen and (max-width:767px){
    .featured-product--info--container>*{
        padding-bottom:12px
    }
}
.featured-product--info--container>:last-child{
    padding-bottom:0
}
@media only screen and (max-width:767px){
    .featured-product--info--container h2 a{
        padding:16px 8px 8px
    }
}
.featured-product--vendor a{
    padding-bottom:16px
}
@media only screen and (max-width:767px){
    .featured-product--vendor a{
        padding:8px 8px 16px
    }
}
.featured-product--add-to-cart>*{
    width:100%;
    text-align:center
}
.feature-video--root{
    padding:0
}
@media only screen and (min-width:768px){
    .feature-video--root[data-full-width=false]{
        padding:72px 48px
    }
}
.feature-video--body{
    position:relative;
    padding-top:56%;
    height:0;
    overflow-y:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.feature-video--root[data-section-height=small] .feature-video--body{
    padding-top:42%
}
.feature-video--root[data-section-height=large] .feature-video--body{
    padding-top:75%
}
.feature-video--container{
    position:absolute;
    width:100%;
    height:100%;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    overflow:hidden
}
.feature-video--root[data-darken-video=true] .feature-video--container:after{
    z-index:2;
    content:'';
    background:rgba(0,0,0,.3);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    pointer-events:none
}
.feature-video--root[data-alt-text=true] .feature-video--container{
    color:var(--color--alternative)
}
@media only screen and (min-width:768px){
    .feature-video--root[data-thumbnail=false] .feature-video--container{
        pointer-events:none
    }
}
.feature-video--container [data-vimeo-initialized=true]{
    height:100%
}
.feature-video--container iframe{
    height:100%;
    width:100%
}
.feature-video--root[data-thumbnail=false] .feature-video--container iframe{
    position:absolute;
    top:-250px;
    left:0;
    height:calc(100% + 500px)
}
.feature-video--container svg{
    cursor:pointer
}
.feature-video--root[data-alt-text=true] .feature-video--container svg{
    fill:var(--color--alternative)
}
.feature-video--thumbnail{
    z-index:1;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.feature-video--thumbnail .image--root{
    height:100%
}
.feature-video--thumbnail .image--container{
    height:100%;
    background:#fff
}
.feature-video--thumbnail img{
    -o-object-fit:cover;
    object-fit:cover
}
.feature-video--header{
    z-index:3;
    padding:32px;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    height:100%;
    width:100%;
    max-width:800px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
@media only screen and (max-width:767px){
    .feature-video--header{
        display:none
    }
}
.feature-video--header>:not(.feature-video--button){
    width:100%
}
.feature-video--header>:not(:last-child){
    padding-bottom:32px
}
.feature-video--play-mobile{
    display:none
}
@media only screen and (max-width:767px){
    .feature-video--play-mobile{
        z-index:3;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        position:absolute;
        top:0;
        left:0;
        height:100%;
        width:100%
    }
}
.feature-video--header-mobile{
    display:none
}
@media only screen and (max-width:767px){
    .feature-video--header-mobile{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding:16px 16px 32px;
        width:100%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }
    .feature-video--header-mobile>:not(.feature-video--button){
        width:100%
    }
    .feature-video--header-mobile>:not(:last-child){
        padding-bottom:16px
    }
}
.feature-video--button{
    pointer-events:all
}
@media only screen and (min-width:768px){
    .feature-video--root{
        margin:0 -48px
    }
    .feature-video--root[data-full-width=false]{
        padding:0;
        margin:0
    }
}
.template--list-collections .layout--main-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:1200px;
    margin:0 auto
}
.template--list-collections .layout--main-content .collection-list--item{
    width:calc(100% / 3);
    text-align:center;
    padding:16px
}
@media only screen and (max-width:767px){
    .template--list-collections .layout--main-content .collection-list--item{
        width:100%
    }
}
.template--list-collections .layout--main-content .collection-list--item a>:not(:last-child){
    padding-bottom:16px
}
.collection-list--ph-text{
    width:100%;
    text-align:center;
    padding:32px 16px
}
.collection-list--ph-text p{
    padding-bottom:32px
}
.collection-list--ph-grid{
    width:100%
}
@media only screen and (max-width:767px){
    .collection-list--ph-grid{
        padding:0 16px
    }
}
.collection-list--ph-item{
    text-align:center
}
.collection-list--ph-item>:not(:last-child){
    padding-bottom:16px
}
.template--collection .layout--main-content{
    padding:50px 0 0
}
@media only screen and (max-width:767px){
    .collection--root .product--root[data-product-view=grid]{
        padding:16px
    }
}
.collection--root .placeholder--root[data-item=placeholder]{
    padding-bottom:16px
}
.collection--root .pagination--root{
    padding:32px 0
}
@media only screen and (max-width:767px){
    .collection--root .pagination--root{
        padding:16px 0
    }
}
.collection--header{
    position:relative;
    padding:0 0 32px;
    text-align:center
}
.collection--title{
    color:var(--color--collection--title);
    position:absolute;
    padding:0 16px 48px
}
.collection--title-no-image{
    padding:0 16px
}
.collection--description{
    max-width:800px;
    margin:0 auto;
    padding:32px 16px 0;
    overflow:hidden
}
.collection--featured-image-container{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.collection--featured-image{
    width:100%;
    margin-top:-48px
}
.collection--pagination{
    padding:0 16px
}
@media only screen and (min-width:768px){
    .collection--pagination{
        padding:0 48px
    }
}
.collection--no-product{
    text-align:center;
    padding:0 16px 32px
}
.collection--placeholder{
    text-align:center
}
.collection--placeholder>:not(:last-child){
    padding-bottom:8px
}
.collection--placeholder-grid,.collection--product-grid{
    display:grid;
    grid-template-columns:1fr;
    max-width:1200px;
    margin:0 auto
}
@media only screen and (min-width:768px){
    .collection--placeholder-grid,.collection--product-grid{
        padding:0 16px
    }
    .collection--root[data-products-per-row='1'] .collection--placeholder-grid,.collection--root[data-products-per-row='1'] .collection--product-grid{
        grid-template-columns:1fr
    }
    .collection--root[data-products-per-row='2'] .collection--placeholder-grid,.collection--root[data-products-per-row='2'] .collection--product-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .collection--root[data-products-per-row='3'] .collection--placeholder-grid,.collection--root[data-products-per-row='3'] .collection--product-grid{
        grid-template-columns:repeat(3,1fr)
    }
    .collection--root[data-products-per-row='4'] .collection--placeholder-grid,.collection--root[data-products-per-row='4'] .collection--product-grid{
        grid-template-columns:repeat(4,1fr)
    }
}
.collection--placeholder{
    padding:16px
}
@media only screen and (max-width:767px){
    .template--product .layout--main-content{
        padding:0
    }
}
@media only screen and (min-width:768px){
    .template--product .layout--main-content{
        padding:0 50px
    }
}
.product-page--top-panel{
    background-color:var(--bg-color--panel);
    padding:52px 48px
}

.product-page-device-top-panel{
    /*padding:10px 48px;
    text-align:center;*/
  	max-width:800px;
    margin:0 auto;
    text-align:center
}

@media only screen and (max-width:767px){
    .product-page--top-panel{
        padding:32px 16px
    }
}
.product-page--panel-wrapper{
    display:grid;
    grid-gap:32px;
    grid-template-columns:minmax(0,1fr) minmax(300px,1fr);
    margin:0 auto;
    max-width:1200px
}

.product-page-device-panel-wrapper{
    display:inline-block;
}

@media only screen and (min-width:768px) and (max-width:1023px){
    .product-page--panel-wrapper{
        grid-template-columns:minmax(0,1fr) 240px
    }
}
@media only screen and (max-width:767px){
    .product-page--panel-wrapper{
        grid-template-columns:100%
    }
}
.product-page--featured-media{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-item-align:start;
    align-self:flex-start
}
.product-page--featured-media>*{
    max-width:600px;
    width:100%
}

.product-page-device-featured-media>*{
    max-width:100%;
}

@media only screen and (max-width:767px){
    .product-page--featured-media .image--root{
        margin:0 auto
    }
}
.product-page--featured-media .product-media--ar-button>*{
    margin-top:16px
}
.product-page--form-container{
    width:100%;
    max-width:350px;
    -ms-flex-item-align:center;
    align-self:center;
    justify-self:center
}
.product-page--form-container h1{
    padding-bottom:16px
}
.product-page--media-variant{
    width:100%;
    padding:12px
}
@media only screen and (max-width:767px){
    .product-page--media-variant{
        padding:16px
    }
}
.product-page--media-variant>*{
    max-width:400px;
    margin:0 auto
}
.product-page--media-variant .product-media--featured>*{
    margin:0 auto
}
.product-page--content{
    width:100%;
    max-width:1200px;
    padding:12px 0;
    margin:0 auto
}
.product-page--column-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.product-page--column-container>*{
    width:50%
}

.product-page--column-left{
    width: 60%
}

.product-page--column-right{
  display:none;
  width: 40%
}
.product-page--single-column{
    max-width:800px;
    margin:0 auto;
    text-align:center
}
.product-page--description{
    padding:22px 32px;
    text-align:left
}
@media only screen and (max-width:767px){
    .product-page--description{
        padding:16px
    }
}
.product-page--hidden-variant{
    display:none
}
.product-page--root .social-share--root{
    padding:0 16px 72px;
    max-width:350px;
    margin:0 auto
}
.product-form--variants .disclosure--root{
    padding-bottom:16px
}
.product-form--variant-select{
    display:none
}
.product-form--price-container{
    padding-bottom:16px
}
@media only screen and (max-width:767px){
    .product-form--price-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media only screen and (max-width:767px){
    .product-form--price-wrapper{
        -ms-flex-negative:0;
        flex-shrink:0
    }
}
.product-form--price{
    display:inline-block;
    font-size:20px
}
@media only screen and (max-width:767px){
    .product-form--price{
        font-size:16px
    }
}
.product-form--compare-price{
    text-decoration:line-through;
    color:var(--color--body--light);
    display:inline-block
}
.product-form--unit-price-container{
    text-transform:lowercase;
    padding-top:8px
}
.product-form--unit-price-container:empty{
    display:none
}
.product-form--button-container{
    display:block;
    position:relative;
    width:100%;
    padding-top:16px
}
.product-form--button-container[data-loading=true] .product-form--text{
    display:none
}
.product-form--button-container[data-loading=true] .product-form--spinner{
    display:block
}
.product-form--button-container[data-loading=true][data-item=button] svg{
    fill:#fff
}
.product-form--button-container[data-loading=true][data-item=secondary-button] svg{
    fill:#000
}
.product-form--spinner{
    display:none
}
.product-form--add-to-cart{
    text-align:center;
    width:100%;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[data-item=button] .product-form--add-to-cart[disabled]{
    cursor:unset;
    background-color:#d2d2d2
}
[data-item=secondary-button] .product-form--add-to-cart[disabled]{
    cursor:unset;
    color:#b9b9b9;
    border-color:#d2d2d2
}
.product-form--smart-payment-buttons{
    padding-top:16px
}
.product-form--smart-payment-buttons .shopify-payment-button__button--unbranded:not([disabled]){
    background:var(--bg-color--button);
    color:var(--color--button);
    border-radius:2px;
    font-family:var(--font--accent--family);
    font-weight:var(--font--accent--weight);
    font-style:var(--font--accent--style);
    text-transform:uppercase;
    font-size:var(--font--accent--size);
    letter-spacing:1px;
    font-size:14px
}
@media only screen and (max-width:767px){
    .product-form--smart-payment-buttons .shopify-payment-button__button--unbranded:not([disabled]){
        font-size:13px
    }
}
.product-form--smart-payment-buttons .shopify-payment-button__button--unbranded:not([disabled]):focus,.product-form--smart-payment-buttons .shopify-payment-button__button--unbranded:not([disabled]):hover,.product-form--smart-payment-buttons .shopify-payment-button__button--unbranded:not([disabled]):link,.product-form--smart-payment-buttons .shopify-payment-button__button--unbranded:not([disabled]):visited{
    color:var(--color--button);
    background:var(--bg-color--button)
}
.product-form--smart-payment-buttons .shopify-payment-button__button--hidden{
    display:none
}
.product-form--smart-payment-buttons .shopify-payment-button__button [role=button]{
    border-radius:2px!important
}
.product-form--smart-payment-buttons .shopify-payment-button__more-options{
    font-family:var(--font--accent--family);
    font-weight:var(--font--accent--weight);
    font-style:var(--font--accent--style);
    text-transform:uppercase;
    font-size:var(--font--accent--size);
    letter-spacing:1px;
    margin-top:0;
    padding:16px 0 0 0;
    height:unset;
    line-height:unset;
    text-decoration:underline
}
@media only screen and (max-width:767px){
    .product-form--smart-payment-buttons .shopify-payment-button__more-options{
        font-size:13px
    }
}
.product-form--smart-payment-buttons .shopify-payment-button__more-options:hover{
    background-color:unset;
    color:unset
}
.product-form--quantity>*{
    margin:0
}
.product-form--error{
    padding-top:16px;
    color:#d32f2f
}
.product-form--modal-link{
    padding-left:16px
}
.product-form--low-stock{
    display:none;
    text-align:left
}
.product-form--low-stock:not(:empty){
    padding-top:16px
}
.product-form--modal{
    padding:72px 48px;
    background:var(--bg-color--body);
    text-align:center
}
@media only screen and (max-width:767px){
    .product-form--modal{
        padding:32px 16px
    }
}
.product-form--unavailable{
    padding-top:32px;
    text-align:left
}
.product-form--unavailable p{
    padding-bottom:16px
}
.product-form--unavailable [data-item=button]{
    padding-left:8px
}
.product-form--notify{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.product-form--notify>*{
    margin:0
}
.product-media--wrapper{
    position:relative;
    overflow:hidden;
    display:inline-block;
    width:100%
}
.product-media--wrapper .modal--link{
    cursor:-webkit-zoom-in;
    cursor:zoom-in
}
.product-media--wrapper[data-media-type=image]{
    max-width:100%;
    width:unset
}
.product-media--wrapper[data-media-type=image][data-zoom-enabled=true]:hover{
    border:1px solid #e0e0e0
}
@media only screen and (max-width:767px){
    .product-media--wrapper[data-media-type=image][data-zoom-enabled=true]:hover{
        border:none
    }
}
.product-media--thumbs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%
}
.product-media--thumb-container{
    position:relative;
    max-width:32%;
    width:100px
}
.product-media--thumb-container svg{
    position:absolute;
    top:0;
    right:0;
    background-color:var(--bg-color--body);
    border:1px solid rgba(0,0,0,.05);
    margin:12px
}
.product-media--thumb-container svg path{
    fill:var(--color--body--light);
    opacity:.6
}
.product-media--thumb{
    padding:8px;
    cursor:pointer;
    text-align:left;
    width:100%
}
.product-media--thumb[data-active=true] img{
    border:1px solid #e0e0e0
}
.product-media--ar-button{
    width:100%;
    display:none
}
@media only screen and (max-width:767px){
    .product-media--ar-button{
        display:block
    }
}
.product-media--ar-button>*{
    width:100%;
    text-align:center
}
.product-media--zoom-image{
    position:absolute;
    background:var(--bg-color--body)
}
.product-media--featured[data-active=false][data-media-type=image]+.product-media--zoom-image{
    display:none
}
@media only screen and (max-width:767px){
    .product-media--zoom-image{
        display:none
    }
}
.product-video--root{
    width:100%;
    margin:0 auto
}
@media only screen and (min-width:768px){
    .product-video--root{
        max-width:600px
    }
}
.product-video--root:focus{
    outline:0
}
.product-video--container{
    position:relative;
    width:100%
}
.product-video--container>:first-child{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.product-video--container .plyr--video:focus{
    outline:0
}
.product-model--root{
    max-width:100%;
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
.product-model--root .shopify-model-viewer-ui{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.product-model--root model-viewer{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border:1px solid #e0e0e0;
    text-align:left
}
.product-model--root model-viewer:focus{
    outline:0
}
.product-model--root button[hidden]{
    display:none
}
.product--root{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:16px;
    position:relative;
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-negative:1;
    flex-shrink:1;
    -ms-flex-preferred-size:auto;
    flex-basis:auto
}
.product--root[data-product-view=grid]{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media only screen and (max-width:767px){
    .product--root[data-product-view=grid]{
        padding-left:0;
        padding-right:0
    }
}
.product--root[data-product-view=grid] .product--item{
    width:100%
}
.product--root[data-product-view=grid] .product--image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.product--root[data-product-view=grid] .product--image>*{
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-negative:1;
    flex-shrink:1;
    -ms-flex-preferred-size:auto;
    flex-basis:auto
}
.product--root[data-product-view=grid] .product--image a{
    display:inline-block
}
.product--root[data-product-view=grid] .product--image img{
    width:100%
}
.product--root[data-product-view=grid] .product--details{
    text-align:center;
    width:100%;
    padding-top:16px
}
.product--root[data-product-view=grid] .product--details>:not(:last-child){
    padding-bottom:12px
}
@media only screen and (max-width:767px){
    .product--root[data-product-view=grid] .product--details{
        max-width:600px;
        margin:0 auto;
        padding-top:12px
    }
}
.product--root[data-product-view=grid] .product--details [data-item]{
    padding-right:0
}
.product--root[data-product-view=grid] .product--details .product--compare-price{
    padding-right:8px
}
.product--root[data-product-view=grid] .product--price-wrapper>*{
    display:inline-block;
    padding-bottom:0
}
.product--root[data-product-view=grid] .product--unit-price-container{
    padding-bottom:0
}
.product--root[data-product-view=list]{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .product--root[data-product-view=list]{
        padding-bottom:48px;
        padding-left:0;
        padding-right:0
    }
}
.product--root[data-product-view=list] .product--details{
    width:50%
}
@media only screen and (min-width:768px){
    .product--root[data-product-view=list] .product--details{
        min-width:200px;
        width:60%
    }
}
.product--root[data-product-view=list] .product--image{
    width:50%;
    padding-right:16px;
    padding-bottom:0
}
@media only screen and (min-width:768px){
    .product--root[data-product-view=list] .product--image{
        width:40%;
        text-align:center
    }
}
.product--root[data-product-view=list] .product--title{
    padding-bottom:12px
}
.product--root[data-product-view=list] .product--vendor{
    padding-bottom:12px
}
.product--root[data-product-view=list] .product--out-of-stock{
    padding-bottom:12px
}
@media only screen and (max-width:767px){
    .product--root[data-product-view=list] .product--price-container{
        padding-bottom:12px
    }
}
@media only screen and (min-width:768px){
    .product--root[data-product-view=list] .product--price-container{
        padding-left:12px;
        float:right;
        position:relative;
        top:2px
    }
}
.product--root[data-product-view=list] .product--excerpt{
    padding-bottom:12px
}
@media only screen and (max-width:767px){
    .product--root[data-product-view=list] .product--excerpt{
        display:none!important
    }
}
.product--root[data-product-view=list] .product--cart-button{
    background-color:var(--bg-color--panel);
    padding:8px 12px;
    display:inline-block
}
.product--root[data-product-view=slider]{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media only screen and (max-width:767px){
    .product--root[data-product-view=slider]{
        padding:0
    }
}
.product--root[data-product-view=slider] a{
    width:100%
}
.product--root[data-product-view=slider] .product--price-container{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.product--root[data-product-view=slider] .product--details{
    text-align:center;
    padding-top:8px
}
.product--root[data-product-view=slider] .product--details>:not(:last-child){
    padding-bottom:8px
}
.product--sale{
    background:#fff;
    border:1px solid #e0e0e0;
    display:block;
    left:32px;
    padding:4px 8px!important;
    position:absolute;
    top:32px;
    z-index:1
}
@media only screen and (max-width:767px){
    .product--sale{
        top:24px;
        left:24px
    }
}
.product--root[data-label-color=dark] .product--sale{
    color:var(--color--alternative);
    background:#333;
    border:none
}
.product--root[data-label-color=accent-dark-text] .product--sale{
    background:var(--color--accent);
    border:none
}
.product--root[data-label-color=accent-light-text] .product--sale{
    color:var(--color--alternative);
    background:var(--color--accent);
    border:none
}
.product--out-of-stock{
    background:#fff;
    border:1px solid #e0e0e0;
    display:block;
    left:32px;
    padding:4px 8px!important;
    position:absolute;
    top:32px;
    z-index:1
}
@media only screen and (max-width:767px){
    .product--out-of-stock{
        top:24px;
        left:24px
    }
}
.product--root[data-label-color=dark] .product--out-of-stock{
    color:var(--color--alternative);
    background:#333;
    border:none
}
.product--root[data-label-color=accent-dark-text] .product--out-of-stock{
    background:var(--color--accent);
    border:none
}
.product--root[data-label-color=accent-light-text] .product--out-of-stock{
    color:var(--color--alternative);
    background:var(--color--accent);
    border:none
}
.product--image-wrapper{
    width:100%;
    max-width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.product--image-wrapper>*{
    width:100%;
    position:relative
}
.product--image{
    width:100%;
    -webkit-transition:opacity .5s;
    transition:opacity .5s;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (min-width:768px){
    .product--root[data-hover-image=loaded]:hover .product--image{
        opacity:0
    }
}
.product--image a{
    display:block;
    width:100%
}
.product--hover-image{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
@media only screen and (max-width:767px){
    .product--hover-image{
        display:none
    }
}
.product--root[data-hover-image=loaded]:hover .product--hover-image{
    opacity:1
}
.product--price-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.product--compare-price{
    text-decoration:line-through;
    color:var(--color--body--light);
    padding-right:8px
}
.product--vendor a{
    color:var(--color--body--light)
}
@media only screen and (max-width:767px){
    .product--vendor a{
        padding:16px 8px 8px
    }
}
@media only screen and (max-width:767px){
    .product--title a{
        padding:8px 8px 16px
    }
}
.product--from{
    text-transform:none
}
.product--unit-price-container{
    text-transform:lowercase;
    font-size:12px
}
.product-recommendations--root{
    padding:72px 48px
}
@media only screen and (max-width:767px){
    .product-recommendations--root{
        padding:0
    }
}
.product-recommendations--root[data-empty=true]{
    display:none
}
.product-recommendations--title{
    text-align:center;
    padding:0 0 32px
}
@media only screen and (max-width:767px){
    .product-recommendations--title{
        padding:0 16px 16px
    }
}
.product-recommendations--body{
    margin:0 -16px
}
@media only screen and (max-width:767px){
    .product-recommendations--body{
        margin:0
    }
}
.product-recommendations--body--container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0 auto;
    max-width:1200px
}
@media only screen and (max-width:767px){
    .product-recommendations--body--container{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
}
.product-recommendations--item{
    width:25%
}
@media only screen and (max-width:767px){
    .product-recommendations--item{
        width:50%
    }
    .product-recommendations--item .product--root{
        padding:16px
    }
}
.pickup--form--container{
    padding-top:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.pickup--form--container .icon--root{
    height:1em;
    -ms-flex-negative:0;
    flex-shrink:0
}
.pickup--form--container .icon--checkmark--small{
    color:#4caf50
}
.pickup--form--container .icon--cross--small{
    color:#d32f2f
}
.pickup--form--info{
    padding-left:8px;
    text-align:left
}
.pickup--form--stores{
    padding-top:8px
}
.pickup--drawer--container{
    padding:32px 16px
}
.pickup--drawer--container .icon--root{
    height:1.75em;
    -ms-flex-negative:0;
    flex-shrink:0
}
.pickup--drawer--container .icon--checkmark--small{
    color:#4caf50
}
.pickup--drawer--container .icon--cross--small{
    color:#d32f2f
}
.pickup--drawer--header{
    padding-bottom:16px
}
.pickup--drawer--product-title{
    padding-bottom:8px
}
.pickup--drawer--list-item{
    padding:16px 0;
    border-top:1px solid #e0e0e0
}
.pickup--drawer--list-item:last-child{
    border-bottom:1px solid #e0e0e0
}
.pickup--drawer--list-item>*{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.pickup--drawer--list-location-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    padding-bottom:8px
}
.pickup--drawer--list-stock{
    padding-bottom:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.pickup--drawer--list-text{
    padding-left:8px
}
.pickup--drawer--list-phone{
    padding-top:8px
}
.pickup--drawer--return{
    padding-top:16px;
    cursor:pointer
}
.product-recommendations--root{
    padding-top:0
}
@media only screen and (min-width:768px){
    .product-recommendations--root{
        padding:0 0 72px 0
    }
}
.blog--root{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto
}
.blog--root[data-section-id=framework--blog]{
    padding:32px 0 0
}
.blog--root[data-show-title=false][data-show-tag-filter=false]{
    padding-top:0
}
@media only screen and (min-width:768px){
    .blog--root[data-show-featured=true][data-section-id=framework--blog]{
        padding-top:0
    }
    .blog--root[data-show-featured=false][data-section-id=framework--blog]{
        padding-top:72px
    }
    .blog--root[data-articles='0'][data-section-id=framework--blog]{
        padding-top:32px
    }
}
.blog--root>*{
    padding:0 0 16px;
    width:100%
}
@media only screen and (min-width:768px){
    .blog--root>*{
        padding:0 0 32px
    }
}
.blog--featured{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    width:100%
}
@media only screen and (max-width:767px){
    .blog--featured{
        padding-bottom:32px!important
    }
}
@media only screen and (min-width:768px){
    .blog--featured{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0;
        padding-bottom:72px
    }
}
@media only screen and (min-width:768px){
    .blog--featured-container{
        position:relative
    }
    .blog--root[data-image-height=small] .blog--featured-container{
        -webkit-box-sizing:content-box;
        box-sizing:content-box;
        height:400px
    }
    .blog--root[data-image-height=small] .blog--featured-container .blog--featured-image{
        height:100%
    }
    .blog--root[data-image-height=small] .blog--featured-container .image--root,.blog--root[data-image-height=small] .blog--featured-container .placeholder--root{
        height:100%
    }
    .blog--root[data-image-height=small] .blog--featured-container .image--container,.blog--root[data-image-height=small] .blog--featured-container .placeholder--container{
        height:100%;
        padding-top:0!important
    }
    .blog--root[data-image-height=small] .blog--featured-container img{
        height:400px;
        -o-object-fit:cover;
        object-fit:cover
    }
    .blog--root[data-image-height=medium] .blog--featured-container{
        -webkit-box-sizing:content-box;
        box-sizing:content-box;
        height:640px
    }
    .blog--root[data-image-height=medium] .blog--featured-container .blog--featured-image{
        height:100%
    }
    .blog--root[data-image-height=medium] .blog--featured-container .image--root,.blog--root[data-image-height=medium] .blog--featured-container .placeholder--root{
        height:100%
    }
    .blog--root[data-image-height=medium] .blog--featured-container .image--container,.blog--root[data-image-height=medium] .blog--featured-container .placeholder--container{
        height:100%;
        padding-top:0!important
    }
    .blog--root[data-image-height=medium] .blog--featured-container img{
        height:640px;
        -o-object-fit:cover;
        object-fit:cover
    }
}
.blog--root[data-apply-overlay=true] .blog--featured-image .image--container,.blog--root[data-apply-overlay=true] .blog--featured-image .placeholder--container{
    position:relative
}
.blog--root[data-apply-overlay=true] .blog--featured-image .image--container:after,.blog--root[data-apply-overlay=true] .blog--featured-image .placeholder--container:after{
    position:absolute;
    content:'';
    top:0;
    width:100%;
    height:100%
}
@media only screen and (min-width:768px){
    .blog--root[data-apply-overlay=true] .blog--featured-image .image--container:after,.blog--root[data-apply-overlay=true] .blog--featured-image .placeholder--container:after{
        background-color:rgba(0,0,0,.3)
    }
}
@media only screen and (min-width:768px){
    .blog--root[data-apply-overlay=true][data-image-height=small] .blog--featured-image .image--container:after{
        height:400px
    }
    .blog--root[data-apply-overlay=true][data-image-height=medium] .blog--featured-image .image--container:after{
        height:640px
    }
}
.blog--featured-header{
    display:none
}
@media only screen and (min-width:768px){
    .blog--featured-header{
        position:absolute;
        top:0;
        left:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        width:100%;
        height:100%;
        z-index:1
    }
    .blog--featured-header h2 a{
        display:inline-block;
        max-width:1000px;
        text-align:center;
        margin:0;
        padding:0 48px 32px
    }
    .blog--root[data-alt-color=true] .blog--featured-header h2 a{
        color:var(--color--alternative)
    }
}
.blog--featured-image{
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .blog--featured-image{
        padding:0
    }
}
.blog--featured-title--mobile{
    padding:0 16px 12px
}
@media only screen and (min-width:768px){
    .blog--featured-title--mobile{
        display:none
    }
}
.blog--featured-timesince{
    padding:0 16px 12px
}
@media only screen and (min-width:768px){
    .blog--featured-timesince{
        display:none
    }
}
.blog--featured-excerpt{
    padding:0 16px 12px
}
@media only screen and (min-width:768px){
    .blog--featured-excerpt{
        display:none
    }
}
.blog--featured-excerpt:last-child{
    padding-bottom:0
}
.blog--featured-readmore{
    padding:0 16px;
    text-decoration:underline
}
@media only screen and (min-width:768px){
    .blog--featured-readmore{
        display:none
    }
}
.blog--header--root{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0
}
@media only screen and (min-width:768px){
    .blog--header--root{
        padding:0 48px 72px
    }
}
.blog--header{
    width:100%;
    padding:0 16px 32px
}
@media only screen and (min-width:768px){
    .blog--header{
        padding:0 32px;
        margin:0 -32px;
        max-width:864px
    }
    .blog--root[data-columns='2'] .blog--header{
        max-width:1264px
    }
    .blog--root[data-columns='3'] .blog--header{
        max-width:1264px
    }
}
.blog--header>:only-child{
    padding-bottom:0
}
.blog--title-container{
    text-align:center;
    padding-bottom:32px
}
.blog--filter--root{
    width:100%
}
.blog--filter--body{
    padding-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.blog--filter--body .disclosure--root{
    width:100%;
    max-width:calc(100% - 2 * 32px)
}
@media only screen and (min-width:768px){
    .blog--filter--body .disclosure--root{
        display:none
    }
}
.blog--filter--menu{
    display:none
}
@media only screen and (min-width:768px){
    .blog--filter--menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:0;
        padding:0
    }
}
.blog--filter--menu-item{
    display:none;
    margin:0;
    line-height:1em
}
@media only screen and (min-width:768px){
    .blog--filter--menu-item{
        display:block
    }
    .blog--filter--menu-item a{
        display:inline-block;
        padding:8px
    }
}
.blog--body{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-bottom:32px
}
@media only screen and (min-width:768px){
    .blog--body{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0;
        padding:0 48px 72px
    }
}
.blog--list{
    width:100%;
    padding-bottom:0
}
@media only screen and (max-width:767px){
    .blog--list{
        padding:0 16px
    }
}
@media only screen and (min-width:768px){
    .blog--list{
        margin:-32px;
        max-width:864px
    }
    .blog--root[data-columns='2'] .blog--list{
        max-width:1264px
    }
    .blog--root[data-columns='3'] .blog--list{
        max-width:1264px
    }
}
.blog--list>:not(:last-child){
    padding-bottom:32px
}
@media only screen and (min-width:768px){
    .blog--list>:not(:last-child){
        padding-bottom:32px
    }
}
.blog--list--item{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media only screen and (min-width:768px){
    .blog--list--item{
        padding:32px
    }
    .blog--root[data-columns='2'] .blog--list--item{
        width:50%
    }
    .blog--root[data-columns='3'] .blog--list--item{
        width:33.33333%
    }
}
.blog--list--item>:not(:last-child){
    padding-bottom:12px
}
@media only screen and (min-width:768px){
    .blog--list--item>:not(:last-child){
        padding-bottom:16px
    }
}
.blog--list--image-link{
    padding-bottom:16px!important
}
@media only screen and (min-width:768px){
    .blog--list--image-link{
        padding-bottom:16px!important
    }
}
@media only screen and (max-width:767px){
    .blog--list--item-image{
        margin:0 -16px
    }
}
.blog--footer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    padding:32px 16px 0
}
@media only screen and (min-width:768px){
    .blog--footer{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding:72px 32px 0;
        margin:0 -32px;
        max-width:864px
    }
    .blog--root[data-columns='2'] .blog--footer{
        max-width:1264px
    }
    .blog--root[data-columns='3'] .blog--footer{
        max-width:1264px
    }
}
.blog--footer>:not(:first-child){
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .blog--footer>:not(:first-child){
        padding:0
    }
}
.blog--footer-rss{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
@media only screen and (min-width:768px){
    .blog--footer-rss{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .blog--footer-rss:only-child{
        width:100%;
        text-align:center
    }
    .blog--footer-rss:only-child a{
        padding-left:16px
    }
}
.blog--footer-rss a{
    text-decoration:underline;
    padding:12px
}
@media only screen and (min-width:768px){
    .blog--footer-rss a{
        padding:16px 16px 16px 0
    }
}
.blog--footer-pagination:only-child{
    width:100%
}
.blog--no-articles{
    padding:72px 48px;
    margin:0;
    max-width:700px
}
.blog--no-articles p{
    text-align:center
}
.template--blog .footer{
    margin:0
}
.template--blog .layout--main-content{
    padding:0
}
@media only screen and (max-width:767px){
.article--root{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto;
    padding:32px 0
}
}

@media only screen and (min-width:768px){
    .article--root{
        padding:72px 48px
    }
}
.article--root>*{
    width:100%;
    padding:0 16px 16px
}
@media only screen and (min-width:768px){
    .article--root>*{
        padding:0 0 32px
    }
}
.article--root>:first-child{
    padding:0 0 16px
}
@media only screen and (min-width:768px){
    .article--root>:first-child{
        padding:0 0 72px
    }
}
.article--root>:last-child{
    padding:0 16px
}
@media only screen and (min-width:768px){
    .article--root>:last-child{
        padding:0
    }
}
.article--heading{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:1200px
}

@media only screen and (min-width:768px){
  .article--heading{
    width: 40%;
  margin-right: 20px;
    float: left;
  }
}

@media only screen and (min-width:768px){
    .article--heading{
        padding-bottom:32px!important
    }
    .article--root[data-title-position=center][data-show-featured=true] .article--heading{
        position:relative
    }
    .article--root[data-title-position=left][data-show-featured=true] .article--heading{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .article--root[data-title-position=left][data-show-featured=true] .article--heading>:not(.article--info){
        width:50%
    }
}
.article--heading>*{
    width:100%
}
.article--root[data-apply-overlay=true] .article--image .image--container,.article--root[data-apply-overlay=true] .article--image .placeholder--container{
    position:relative
}
.article--root[data-apply-overlay=true] .article--image .image--container:after,.article--root[data-apply-overlay=true] .article--image .placeholder--container:after{
    position:absolute;
    content:'';
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.3)
}
.article--header--info{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    margin:0 auto;
    padding:0 16px 16px
}
.article--root[data-show-featured=false] .article--header--info{
    padding:32px 16px 12px
}
.article--root[data-show-featured=false] .article--header--info:only-child{
    padding-bottom:0
}
@media only screen and (min-width:768px){
    .article--header--info{
        padding:0px 32px 32px 32px
    }
    .article--header--info>:not(:last-child){
        padding-bottom:16px
    }
    .article--root[data-title-position=center][data-show-featured=true] .article--header--info{
        position:absolute;
        top:40%;
        left:0;
        z-index:1;
        padding-top:0
    }
    .article--root[data-title-position=left][data-show-featured=true] .article--header--info{
        padding:32px 32px 0 48px
    }
    .article--root[data-title-position=below] .article--header--info{
        padding-bottom:0
    }
    .article--root[data-show-featured=false] .article--header--info:first-child{
        padding:72px 48px 0
    }
}
.article--image{
    padding-bottom:16px;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (min-width:768px){
    .article--image{
        padding-bottom:0
    }
    .article--root[data-title-position=left] .article--image .image--container,.article--root[data-title-position=left] .article--image .placeholder--container{
        min-height:400px
    }
    .article--root[data-title-position=left] .article--image img{
        -o-object-fit:cover;
        object-fit:cover
    }
    .article--root[data-title-position=center] .article--image{
        padding-bottom:32px
    }
    .article--root[data-title-position=below] .article--image{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
}
.article--root[data-show-author=false][data-show-date=false] .article--image{
    padding-bottom:0
}
.article--title{
    text-align:center
}
@media only screen and (min-width:768px){
    .article--root[data-title-position=center][data-show-featured=true] .article--title{
        padding:0
    }
    .article--root[data-title-position=center][data-alt-color=true][data-show-featured=true] .article--title{
        color:var(--color--alternative)
    }
    .article--root[data-title-position=left] .article--title{
        text-align:left
    }
    .article--root[data-title-position=left][data-show-featured=false] .article--title{
        text-align:center
    }
    .article--root[data-show-author=false][data-show-date=false] .article--title{
        padding-bottom:0
    }
}
.article--info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.article--info[data-position=grouped-with-title]{
    display:none
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .article--root[data-title-position=left] .article--info[data-position=grouped-with-title]{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media only screen and (min-width:768px){
    .article--info[data-position=grouped-with-title]{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .article--root[data-title-position=above] .article--info[data-position=grouped-with-title]{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .article--root[data-title-position=left] .article--info[data-position=grouped-with-title]{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .article--root[data-title-position=left][data-show-featured=false] .article--info[data-position=grouped-with-title]{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .article--root[data-title-position=below] .article--info[data-position=grouped-with-title]{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.article--info[data-position=by-self]{
    padding:0 16px;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
@media only screen and (max-width:767px){
    .article--info[data-position=by-self]{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media only screen and (min-width:768px){
    .article--root[data-title-position=above] .article--info[data-position=by-self]{
        display:none
    }
    .article--root[data-title-position=center] .article--info[data-position=by-self]{
        padding:0;
        max-width:800px;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .article--root[data-title-position=center][data-show-featured=false] .article--info[data-position=by-self]{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .article--root[data-title-position=left] .article--info[data-position=by-self]{
        display:none
    }
    .article--root[data-title-position=below] .article--info[data-position=by-self]{
        display:none
    }
}
.article--timesince{
    text-align:right;
    text-transform:uppercase;
    display:none;
}
@media only screen and (max-width:767px){
    .article--timesince{
        -ms-flex-item-align:center;
        align-self:center
    }
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .article--root[data-title-position=left] .article--timesince{
        -ms-flex-item-align:start;
        align-self:flex-start
    }
}
.article--dot{
    padding:0 8px;
      display:none;
}
@media only screen and (max-width:767px){
    .article--dot{
        display:none;
    }
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .article--root[data-title-position=left] .article--dot{
        display:none
    }
}
.article--author{
    -ms-flex-item-align:center;
    align-self:center;
    display:none;
}
@media only screen and (max-width:767px){
    .article--author{
        -ms-flex-item-align:center;
        align-self:center;
          display:none;
    }
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .article--root[data-title-position=left] .article--author{
        -ms-flex-item-align:start;
        align-self:flex-start;
          display:none;
    }
}
.article--content{
    max-width:800px;
    padding-bottom:32px
}
@media only screen and (min-width:768px){
    .article--content{
    padding-bottom:72px
    display: inline-block;
    max-width: 50%;
    float:left
    }
}
.article--content>*{
    padding:0 0 12px;
    margin:0
}
@media only screen and (min-width:768px){
    .article--content>*{
        padding-bottom:16px
    }
}
.article--content>:last-child{
    padding-bottom:0
}
.article--navigation{
    max-width:800px;
    padding-bottom:32px
}
@media only screen and (min-width:768px){
    .article--navigation{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-bottom:72px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.article--navigation>:not(:last-child){
    padding-bottom:16px
}
.article--navigation .article--tag-info{
    text-align:center;
    width:100%;
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .article--navigation .article--tag-info{
        text-align:left;
        padding:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .article--navigation .article--tag-info ul{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.article--tagged-in{
    padding:0 0 12px
}
@media only screen and (min-width:768px){
    .article--tagged-in{
        display:inline-block;
        padding-bottom:0;
        padding-right:16px;
        position:relative;
        width:100%;
        padding-bottom:16px
    }
}
.article--tags{
    display:inline;
    list-style-type:none;
    padding:0
}
@media only screen and (min-width:768px){
    .article--tags{
        margin:-8px
    }
}
.article--tag{
    margin:0!important;
    line-height:1!important;
    display:inline-block!important;
    padding:0!important
}
.article--tag a{
    display:inline-block;
    padding:6px
}
@media only screen and (min-width:768px){
    .article--tag a{
        padding:8px
    }
}
.article--share{
    margin-left:auto
}
.article--share--container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    list-style-type:none;
    padding-left:0;
    margin:0
}
.article--share-icon{
    margin:0
}
.article--share-icon a{
    padding:8px 12px;
    display:inline-block
}
.article--share-icon .facebook:focus,.article--share-icon .facebook:hover{
    color:#3c5a99;
    -webkit-transition:.25s color ease-in;
    transition:.25s color ease-in
}
.article--share-icon .twitter:focus,.article--share-icon .twitter:hover{
    color:#1da1f2;
    -webkit-transition:.25s color ease-in;
    transition:.25s color ease-in
}
.article--share-icon .twitter svg{
    width:20px
}
.article--share-icon .pinterest:focus,.article--share-icon .pinterest:hover{
    color:#bd081c;
    -webkit-transition:.25s color ease-in;
    transition:.25s color ease-in
}
.article--share--comments{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.article--comment-count{
    padding-left:8px
}
.article--read-more{
    text-align:center;
    max-width:800px
}
@media only screen and (min-width:768px){
    .article--read-more{
        padding:0 0 32px
    }
}
.article--recent-articles{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:1000px;
    padding-bottom:32px
}
.article--recent-articles h3{
    padding:12px 0 0;
    text-align:center
}
@media only screen and (min-width:768px){
    .article--recent-articles{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        padding-bottom:72px
    }
    .article--recent-articles h3{
        padding:16px 0 0
    }
    .article--root[data-two-recents=true] .article--recent-articles{
        max-width:max-width
    }
}
.article--recent-articles>*{
    padding-bottom:16px;
    max-width:800px;
    width:100%
}
@media only screen and (min-width:768px){
    .article--recent-articles>*{
        padding:0 16px;
        width:33.33333%
    }
    .article--root[data-two-recents=true] .article--recent-articles>:first-of-type{
        padding-left:0
    }
    .article--root[data-two-recents=true] .article--recent-articles>:last-of-type{
        padding-right:0
    }
}
.article--recent-articles>:last-child{
    padding-bottom:0
}
.article--recent{
    display:none
}
@media only screen and (min-width:768px){
    .article--recent{
        display:block
    }
    .article--root[data-two-recents=true] .article--recent{
        width:50%
    }
}
@media only screen and (min-width:768px){
    .article--root[data-two-recents=true] .article--next{
        width:50%
    }
}
.article--root[data-two-recents=true] .article--previous{
    padding-bottom:0
}
@media only screen and (min-width:768px){
    .article--root[data-two-recents=true] .article--previous{
        width:50%
    }
}
.comments--heading{
    max-width:650px;
    padding:0 16px 16px;
    text-align:center
}
@media only screen and (min-width:768px){
    .comments--heading{
        padding:0 0 32px;
        text-align:left
    }
}
.article--root[data-enable-disqus=true] .comments--heading{
    padding-bottom:16px
}
.comments--disqus{
    padding:0 12px;
    max-width:650px
}
@media only screen and (min-width:768px){
    .comments--disqus{
        padding:0
    }
}
.template--article .footer{
    margin:0
}
.template--article .layout--main-content{
    padding:0
}
.comments--root{
    max-width:650px;
    padding:0 12px
}
@media only screen and (min-width:768px){
    .comments--root{
        padding:0
    }
}
.comments--root>*{
    padding-bottom:12px
}
@media only screen and (min-width:768px){
    .comments--root>*{
        padding-bottom:16px
    }
}
.comments--list{
    padding-bottom:32px
}
@media only screen and (min-width:768px){
    .comments--list{
        max-width:525px;
        padding-bottom:32px
    }
}
.comment--item{
    padding:16px 0 0
}
@media only screen and (min-width:768px){
    .comment--item{
        padding-top:16px
    }
}
.comment--item:before{
    content:'';
    display:block;
    margin-bottom:16px;
    width:100%;
    height:1px;
    background-color:#ddd
}
@media only screen and (min-width:768px){
    .comment--item:before{
        margin-bottom:16px
    }
}
.comment--item:first-of-type{
    padding-top:0
}
.comment--item:first-of-type:before{
    display:none
}
.comment--item p{
    margin:0
}
.comment--content{
    padding:0
}
@media only screen and (min-width:768px){
    .comment--content{
        padding:0 0 0 32px
    }
}
.comment--meta{
    padding:0 0 12px
}
@media only screen and (min-width:768px){
    .comment--meta{
        padding-bottom:16px
    }
}
.comments--none{
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .comments--none{
        padding-bottom:32px
    }
}
@media only screen and (min-width:768px){
    .comments--form:before{
        content:'';
        display:block;
        margin-bottom:32px;
        width:100%;
        height:1px;
        background-color:#ddd
    }
}
.comments--form>*{
    padding-bottom:12px
}
@media only screen and (min-width:768px){
    .comments--form>*{
        padding-bottom:16px
    }
}
.comments--form:last-child{
    padding-bottom:0
}
.comments--form input{
    margin:0
}
.comments--form label{
    position:absolute;
    margin:0;
    top:9px;
    padding-left:16px;
    opacity:0
}
.comments--form textarea{
    margin:0
}
.comments--form ::-webkit-input-placeholder{
    opacity:.7
}
.comments--form ::-moz-placeholder{
    opacity:.7
}
.comments--form ::-ms-input-placeholder{
    opacity:.7
}
.comments--form ::placeholder{
    opacity:.7
}
.comments--form .success{
    text-align:center;
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .comments--form .success{
        padding-bottom:32px
    }
}
@media only screen and (min-width:768px){
    .comments--form-meta{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-bottom:0
    }
}
.comments--form-name{
    padding:0 0 12px;
    position:relative
}
@media only screen and (min-width:768px){
    .comments--form-name{
        width:50%;
        padding:0 8px 16px 0
    }
}
.comments--form-email{
    position:relative
}
@media only screen and (min-width:768px){
    .comments--form-email{
        width:50%;
        padding:0 0 16px 8px
    }
}
.comments--form-input{
    position:relative
}
.comments--form-input textarea,.comments--form-input textarea::-webkit-input-placeholder{
    text-transform:none
}
.comments--form-input textarea,.comments--form-input textarea::-moz-placeholder{
    text-transform:none
}
.comments--form-input textarea,.comments--form-input textarea::-ms-input-placeholder{
    text-transform:none
}
.comments--form-input textarea,.comments--form-input textarea::placeholder{
    text-transform:none
}
.comments--form-moderated{
    text-align:center
}
@media only screen and (min-width:768px){
    .comments--form-moderated{
        text-align:left
    }
}
.comments--form-error{
    text-align:center;
    color:red
}
@media only screen and (min-width:768px){
    .comments--form-error{
        text-align:left
    }
}
.comments--form-heading{
    padding-bottom:12px
}
@media only screen and (min-width:768px){
    .comments--form-heading{
        padding-bottom:16px
    }
}
.comments--form-submit{
    width:100%
}
@media only screen and (min-width:768px){
    .comments--form-submit{
        width:50%
    }
}
.comments--form-submit button{
    width:100%
}
.comments--pagination .pagination--root{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media only screen and (max-width:767px){
    .template--search .layout--main-content{
        padding-top:0
    }
}
.template--password,.template-password{
    height:100%;
    min-height:100%;
    width:100%;
    padding:0;
    margin:0;
    color:var(--color--alternative)!important
}
.template--password .layout--main-content,.template-password .layout--main-content{
    padding:0
}
.template--password .layout--main-content+.shopify-section,.template-password .layout--main-content+.shopify-section{
    display:none
}
.template--password[data-border=true] .off-canvas--main-content,.template-password[data-border=true] .off-canvas--main-content{
    border:none
}
.template--password a,.template--password label,.template-password a,.template-password label{
    color:var(--color--alternative)
}
.template--password .feedback-bar,.template--password .layout--footer,.template--password .layout--header,.template--password .shopify-section.section--footer,.template--password .shopify-section.section--header,.template--password header.header--root,.template-password .feedback-bar,.template-password .layout--footer,.template-password .layout--header,.template-password .shopify-section.section--footer,.template-password .shopify-section.section--header,.template-password header.header--root{
    display:none
}
.password--root{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    padding:0 16px
}
@media only screen and (min-width:768px){
    .password--root{
        padding:0 48px
    }
}
.password--background-image{
    z-index:1;
    width:100%;
    position:fixed;
    top:0
}
.password--background-image .image--container,.password--background-image .image--root{
    height:100vh
}
.password--background-image img{
    -o-object-fit:cover;
    object-fit:cover
}
.password--root[data-password--logo-height='30'] .password--logo .image--root{
    height:30px
}
.password--root[data-password--logo-height='50'] .password--logo .image--root{
    height:50px
}
.password--root[data-password--logo-height='70'] .password--logo .image--root{
    height:70px
}
.password--root[data-password--logo-height='90'] .password--logo .image--root{
    height:90px
}
.password--root[data-password--logo-height='110'] .password--logo .image--root{
    height:110px
}
.password--root[data-password--logo-height='130'] .password--logo .image--root{
    height:130px
}
.password--root[data-password--logo-height='150'] .password--logo .image--root{
    height:150px
}
.password--root[data-password--logo-height='170'] .password--logo .image--root{
    height:170px
}
.password--root[data-password--logo-height='190'] .password--logo .image--root{
    height:190px
}
.password--root[data-password--logo-height='210'] .password--logo .image--root{
    height:210px
}
.password--root[data-password--logo-height='230'] .password--logo .image--root{
    height:230px
}
.password--root[data-password--logo-height='250'] .password--logo .image--root{
    height:250px
}
.password--logo{
    padding:32px 0
}
@media only screen and (min-width:768px){
    .password--logo{
        padding:72px 0
    }
}
.password--login{
    z-index:3;
    position:absolute;
    top:16px;
    right:16px
}
@media only screen and (min-width:768px){
    .password--login{
        top:32px;
        right:32px
    }
}
.password--login-form{
    visibility:hidden;
    position:fixed;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    left:50%;
    top:50%;
    width:100%;
    max-width:350px;
    padding:0 16px
}
.password--login-form input[type=password]{
    background-color:transparent;
    color:var(--color--alternative);
    margin-bottom:12px
}
@media only screen and (min-width:768px){
    .password--login-form input[type=password]{
        margin-bottom:16px
    }
}
.password--login-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.password--login-link:hover{
    cursor:pointer
}
.password--login-link p{
    padding-left:8px
}
.errors ul{
    margin-bottom:0
}
.errors li{
    margin:0;
    padding-bottom:12px
}
@media only screen and (min-width:768px){
    .errors li{
        padding-bottom:16px
    }
}
.password--buttons-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.password--button{
    margin:0;
    padding-right:12px
}
@media only screen and (min-width:768px){
    .password--button{
        padding-right:16px
    }
}
.password--cancel:hover{
    cursor:pointer
}
.password--main{
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    min-height:100vh
}
.password--shop-name{
    padding:32px 0
}
@media only screen and (min-width:768px){
    .password--shop-name{
        padding:72px 0
    }
}
.password--subtitle{
    padding-bottom:12px
}
@media only screen and (min-width:768px){
    .password--subtitle{
        padding-bottom:16px
    }
}
.password--info{
    padding-bottom:32px;
    text-align:center
}
@media only screen and (min-width:768px){
    .password--info{
        padding-bottom:72px
    }
}
.password--mailing-header{
    padding-bottom:16px
}
@media only screen and (min-width:768px){
    .password--mailing-header{
        padding-bottom:32px
    }
}
.password--mailing-header p{
    margin:0
}
.password--mailing-list{
    padding-bottom:96px;
    max-width:300px;
    width:100%
}
@media only screen and (min-width:768px){
    .password--mailing-list{
        max-width:380px
    }
}
.password--mailing-list form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (min-width:768px){
    .password--mailing-list form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.password--mailing-list .password--mailing-button{
    max-width:300px;
    width:100%;
    text-align:center
}
@media only screen and (min-width:768px){
    .password--mailing-list .password--mailing-button{
        width:auto;
        padding-left:16px
    }
}
.password--mailing-list input[type=email]{
    background-color:transparent;
    color:var(--color--alternative);
    border:none;
    border-bottom:1px solid var(--color--alternative);
    margin-bottom:12px;
    text-align:center
}
@media only screen and (min-width:768px){
    .password--mailing-list input[type=email]{
        margin:0;
        width:260px;
        text-align:left
    }
}
.password--mailing-list input[type=email]::-webkit-input-placeholder{
    text-transform:none;
    color:var(--color--alternative)
}
.password--mailing-list input[type=email]:-moz-placeholder{
    text-transform:none;
    color:var(--color--alternative)
}
.password--mailing-list input[type=email]::-moz-placeholder{
    text-transform:none;
    color:var(--color--alternative)
}
.password--mailing-list input[type=email]:-ms-input-placeholder{
    text-transform:none;
    color:var(--color--alternative)
}
.password--mailing-list .error,.password--mailing-list .success{
    font-style:italic;
    margin:0;
    padding-top:16px
}
@media only screen and (min-width:768px){
    .password--mailing-list .error,.password--mailing-list .success{
        padding-top:0
    }
}
.password--mailing-list .error{
    color:#d32f2f
}
.password--powered-by{
    text-align:center;
    padding-bottom:32px
}
@media only screen and (min-width:768px){
    .password--powered-by{
        padding-bottom:72px
    }
}
.password--errors li,.password--errors ul{
    margin:0;
    list-style:none;
    padding:0
}
.password--errors li{
    padding-bottom:16px
}
.icon--shopify{
    width:82.28571px;
    height:24px;
    display:inline-block;
    line-height:0;
    vertical-align:top
}
.icon--lock,.icon--shopify{
    color:var(--color--alternative)
}
.page--account .layout--main-content,.page--create-account .layout--main-content,.page--reset-account .layout--main-content,.page-create-account .layout--main-content,.page-reset-account .layout--main-content{
    padding:0
}
.customer--root{
    max-width:800px;
    margin:0 auto;
    padding:72px 48px;
    overflow-y:auto
}
@media only screen and (max-width:767px){
    .customer--root{
        padding:16px;
        padding:32px 16px
    }
}
.customer--root h1{
    text-align:center;
    padding-bottom:32px
}
.customer--root h2{
    padding-bottom:16px
}
.customer--root h4{
    padding-bottom:16px
}
.customer--root tbody td,.customer--root thead th{
    padding:16px;
    vertical-align:baseline;  
}
.customer--root .errors a{
    text-decoration:underline
}
.account--activate,.account--recover-password,.account--reset-password,.customer--login,.customer--register{
    margin:0 auto;
    max-width:400px
}
.address--email{
    padding-bottom:16px
}
.address--full{
    padding-bottom:32px
}
.address--view{
    padding-bottom:32px
}
.address--view p{
    margin:0
}
.address--view p:last-of-type{
    padding-bottom:16px
}
.address--actions-edit{
    padding-right:8px
}
.address--pagination{
    text-align:center
}
.account--orders-table,.order--table{
    margin:0 auto;
    width:100%
}
.account--orders-table thead th,.order--table thead th{
    border-bottom:solid 1px #eaeaea;
    font-weight:400
}
.account--orders-table td a,.order--table td a{
    text-decoration:underline
}
@media only screen and (max-width:767px){
    .account--orders-table tbody tr,.order--table tbody tr{
        padding:0
    }
    .account--orders-table td:empty,.order--table td:empty{
        display:none
    }
}
.order--heading--total{
    min-width:150px
}
@media only screen and (min-width:768px){
    .order--heading--total{
        text-align:right
    }
}
@media only screen and (min-width:768px){
    .order--item--price,.order--item--quantity{
        text-align:center
    }
}
@media only screen and (min-width:768px){
    .order--discount,.order--item--total{
        text-align:right
    }
}
.order--item--unit-price-container{
    text-transform:lowercase;
    font-size:12px
}
@media only screen and (min-width:768px){
    .order--item--unit-price-container{
        text-align:center
    }
}
.address--actions{
    padding-bottom:16px;
    margin:0
}
.address--edit{
    padding-bottom:32px
}
.address--customer-table{
    border:0;
    margin:16px auto
}
.address--customer-table input,.address--customer-table label,.address--customer-table select{
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .address--customer-table tr td:first-child{
        padding:16px 0
    }
    .address--customer-table tr td:last-child{
        padding-right:0
    }
}
.address--button-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.address--button-container span{
    margin-left:12px
}
.customer--root tbody td.address--checkbox-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:0
}
.customer--root tbody td.address--checkbox-container input[type=checkbox]{
    margin:0 8px 0 0
}
.account--reset{
    display:none;
    text-align:center;
    margin-bottom:32px;
    padding:8px;
    background-color:#e6f9ee;
    color:#01c753;
    border:1px solid #01c753;
    border-radius:2px
}
.account--button-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .account--button-container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.account--button-container input{
    margin-bottom:0
}
.account--activate--create-password{
    padding-bottom:16px
}
.account--activate--button-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .account--activate--button-container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.account--activate--button-container .account--activate--button{
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .account--activate--button-container .account--activate--button{
        width:100%
    }
}
.account--activate--button-container a{
    margin-left:16px
}
@media only screen and (max-width:767px){
    .account--activate--button-container a{
        padding:16px;
        margin:0
    }
}
@media only screen and (max-width:767px){
    .account--orders-table tbody{
        padding-bottom:32px
    }
}
@media only screen and (min-width:768px){
    .account--orders-table tbody{
        text-align:center
    }
}
.account--breadcrumb-container{
    text-align:center
}
.account--breadcrumb-container .breadcrumbs--root{
    padding:0 0 32px
}
.account--forgot-password,.account--reset-instructions{
    padding-bottom:32px
}
.account--cancel{
    padding-left:16px
}
.account--password-buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.account--sign-in{
    width:100%
}
@media only screen and (min-width:768px){
    .account--sign-in{
        width:auto
    }
}
@media only screen and (max-width:767px){
    .account--sign-in button{
        width:100%
    }
}
a.account--register{
    margin:12px 0 0;
    width:100%;
    text-align:center;
    height:auto
}
@media only screen and (min-width:768px){
    a.account--register{
        margin:0 0 0 16px;
        width:auto
    }
}
a.account--register div{
    width:100%
}
.account--create{
    width:100%;
    text-align:center
}
@media only screen and (min-width:768px){
    .account--create{
        width:auto
    }
}
@media only screen and (max-width:767px){
    .account--create button{
        width:100%
    }
}
a.account--login{
    margin:12px 0 0;
    width:100%;
    text-align:center;
    height:auto
}
@media only screen and (min-width:768px){
    a.account--login{
        margin:0 0 0 16px;
        width:auto
    }
}
a.account--login div{
    width:100%
}
body.template--customers--register input[type=password]{
    margin-bottom:32px
}
.account--orders{
    padding-bottom:32px
}
.account--orders h4{
    padding-bottom:32px
}
@media only screen and (max-width:767px){
    .account--orders{
        padding-bottom:16px
    }
    .account--orders h4{
        padding-bottom:16px
    }
}
.account--pagination{
    text-align:center
}
.account--recover-password input,.account--reset-password input,.customer--login input,.customer--register input,.page-create-account input{
    margin-bottom:16px
}
.shopify-challenge__container{
    padding-top:72px
}

.filter-menu{
  max-width: 300px;
  display: inline-flex;
}