/* Product grid */

.grid {	position: relative;	overflow: hidden; max-width: /*1300px*/ 100%;	margin: 0 auto;	padding: 1.5em 0 8em;	text-align: center;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-elect: none;	user-select: none;	-webkit-touch-callout: none;	-khtml-user-select: none;}

/* Loader */
.grid__loader {display: none;margin: 3em auto 0;}
.grid--loading .grid__loader {display: block;}

/* Clearfix */
.grid:after {content: '';display: block;clear: both;}

/* Grid items */
.grid__sizer,.grid__item{position:relative;float:left; width:25%/*33.3333333%*/; padding:.75em; box-sizing: border-box;}
.no-touch .grid__sizer,.no-touch .grid__item{padding: 21px 21px 60px 21px/*21px*/}
.grid--loading .grid__item{visibility:hidden}
.grid__item--size-a{width:40%}

/* Gallery */
.slider{padding:0;}
.no-touch .slider{padding:0 0}
.slider__item{width:100%;padding:0}
.slider__item img{width:100%}

/* Flickity page dots */
.slider .flickity-page-dots{bottom:20px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.no-touch .slider:hover .flickity-page-dots{opacity:1}
.slider .flickity-page-dots .dot{background:#33183e}

/* Action style */
.action{position:relative;overflow:hidden;margin:0;padding:.25em;cursor:pointer;color:#fff;border:none;background:none}
.action:focus{outline:none}
.action--button{color:#5c5edc}
.no-touch .action--button:hover{color:#fff;outline:none}
.text-hidden{position:absolute;top:200%}

/* Fixed bottom bar */
.bar {position: relative;width: 100%;text-align: center; margin-top: 90px;-webkit-transform: translate3d(0, 0, 0);/* Fix for Chrome flicker on Mac ...party like we're in 2012! */}
.flexbox .filter {display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}

/* Filter */
.filter__label{display:inline-block;color:#1a1a1a; font-size: 14px; text-transform: uppercase;}
.filter__item{vertical-align:middle; margin: 0 30px; font-size: 14px; text-transform: uppercase;}
.filter__item--selected.action{color:#000;}

/* Resize grid items on smaller screens */
@media screen and (max-width: 93em) /*max-width: 65em*/{.grid__sizer,.grid__item,.grid__item--size-a{width:33.333%}
}
@media screen and (max-width: 65em) {.grid__sizer,.grid__item,.grid__item--size-a{width:33.333%}
}
@media screen and (max-width: 50em) {.grid__sizer,.grid__item,.grid__item--size-a{width:50%}
.bar{padding-left:0;text-align:left}
}
@media screen and (max-width: 40em) {
.bar{padding:.5em 4.5em .5em 0}
.flexbox .filter{-webkit-justify-content:space-around;justify-content:space-around}
.filter__item{height:100%;padding:.5em .1em;border:none}
.filter__item .icon{display:inline-block}
.filter__label,.action__text{display:none}
}
@media screen and (max-width: 25em) {.grid{max-width:75%}
.grid__loader{margin:0 auto}
.grid__sizer,.grid__item,.grid__item--size-a{width:100%}
}