/* Product woocase-grid */

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

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

.woocase-grid--loading .woocase-grid__loader {
	display: block;
}

/* Clearfix */

.woocase-grid:after {
	content: '';
	display: block;
	clear: both;
}

/* Grid items */

.woocase-grid__sizer,
.woocase-grid__item {
	position: relative;
	float: left;
	width: 20%;
	padding: .75em;
}

.no-touch .woocase-grid__sizer,
.no-touch .woocase-grid__item {
	padding: .75em .75em 1.25em;
}

.woocase-grid--loading .woocase-grid__item {
	visibility: hidden;
}

.woocase-grid__item--size-a {
	width: 40%;
}

/* Gallery */

.slider {
	padding: 0;
	border-radius: 5px;
	background: #333;
}

.no-touch .slider {
	padding: 0 0 1.25em;
}

.slider__item {
	width: 100%;
	padding: 1em;
}

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

/* Product woocase-meta */

.woocase-meta {
	position: relative;
	margin: 10px 0 0;
	padding: 0 60px 0 0;
	text-align: left;
}

.woocase-meta__brand {
	font-size: .85em;
	font-weight: bold;
	display: block;
	color: #595b64;
}

.woocase-meta__title {
	font-size: .95em;
	font-weight: bold;
	margin: 0;
	padding: .4em 0 .1em;
}

.woocase-meta__price {
	font-size: .95em;
	font-weight: bold;
	position: absolute;
	top: .45em;
	right: .25em;
	color: #595b64;
}

/* Action style */

.woocase-action {
	font-family: Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 1.05em;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: .25em;
	cursor: pointer;
	color: #fff;
	border: none;
	background: none;
}

.woocase-action:focus {
	outline: none;
}

.woocase-action--button {
	color: #35baf2;
}

.no-touch .woocase-action--button:hover {
/*	color: #fff;*/
	outline: none;
}

.text-hidden {
	position: absolute;
	top: 200%;
}

/* Add to cart button */

.woocase-action--buy {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1.85em 2.35em;
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, transform .3s;
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

.no-touch .woocase-action--buy {
	opacity: 0;
}

.no-touch .woocase-grid__item:hover .woocase-action--buy {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Fixed bottom woocase-bar */

.woocase-bar {
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.75em 5em;
	text-align: center;
	background: #191a1b;
	-webkit-transform: translate3d(0, 0, 0);
	/* Fix for Chrome flicker on Mac ...party like we're in 2012! */
}

.flexbox .woocase-filter {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

/* Filter */

.woocase-filter__label {
	font-size: .85em;
	display: inline-block;
	margin: 0 2%;
	font-weight: bold;
	color: #393A3F;
}

.woocase-filter__item {
	font-weight: bold;
    margin: 0 2%;
    padding: 7px 1%;
    vertical-align: middle;
    color: #a3a3b3;
    border-bottom: 2px solid transparent;
}

.woocase-filter__item--selected {
	color: #5c5edc;
	border-color: #5c5edc;
}

.woocase-filter__item .icon {
	font-size: 1.75em;
	display: none;
}

/* Shopping cart */

.cart {
	font-size: 1.5em;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	height: 100%;
	padding: 0 1.195em;
	cursor: pointer;
	color: #abacae;
	border: none;
	background-color: #131415;
}

.no-touch .cart:focus,
.no-touch .cart:hover {
	color: #fff;
	outline: none;
}

.cart--animate .cart__icon {
	-webkit-animation: cartAnim .4s forwards;
	animation: cartAnim .4s forwards;
}

@-webkit-keyframes cartAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes cartAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.cart__count {
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 15px;
	height: 15px;
	margin: -16px 0 0 0;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background: #5c5edc;
}

.cart--animate .cart__count {
	-webkit-animation: countAnim .4s forwards;
	animation: countAnim .4s forwards;
}

@-webkit-keyframes countAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes countAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
/* Resize woocase-grid items on smaller screens */

@media screen and (max-width: 65em) {
	.woocase-grid__sizer,
	.woocase-grid__item,
	.woocase-grid__item--size-a {
		width: 33.333%;
	}
}

@media screen and (max-width: 50em) {
	.woocase-grid__sizer,
	.woocase-grid__item,
	.woocase-grid__item--size-a {
		width: 50%;
	}
	.woocase-bar {
		padding-left: 0;
		text-align: left;
	}
}

@media screen and (max-width: 40em) {
	.woocase-bar {
		padding: .5em 4.5em .5em 0;
	}
	.flexbox .woocase-filter {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
	.woocase-filter__item {
		height: 100%;
		padding: .5em .1em;
		border: none;
	}
	.woocase-filter__item .icon {
		display: inline-block;
	}
	.woocase-filter__label,
	.woocase-action__text {
		display: none;
	}
	.cart {
		padding: 0 1em;
	}
}

@media screen and (max-width: 25em) {
	.woocase-grid {
		max-width: 75%;
	}
	.woocase-grid__loader {
		margin: 0 auto;
	}
	.woocase-grid__sizer,
	.woocase-grid__item,
	.woocase-grid__item--size-a {
		width: 100%;
	}
	.woocase-action--buy {
		font-size: 1.5em;
		padding: 1.15em 1.5em;
		-webkit-tap-highlight-color: transparent;
	}
}

span.woocase-filter__label {
    color: #fff;
}

.woocase-slider-section {
    position: relative;
}
.woocase-slider-section .woocase-sale-featured-ribbon-section {
    top: 50px !important;
}

.woocase-slider-section .woocase-sale-featured-ribbon-section ul li {
    opacity: 0;
        font-size: 11px;
    -webkit-transition: opacity .3s  ease .2s, -webkit-transform .3s  ease .2s;
	transition: opacity .3s ease .2s, transform .3s ease .2s;
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

.woocase-slider-section .woocase-sale-featured-ribbon-section ul li:first-child{
	 -webkit-transition: opacity .3s  ease .1s, -webkit-transform .3s  ease .1s;
	transition: opacity .3s ease .1s, transform .3s ease .1s;
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}
.woocase-slider-section .woocase-sale-featured-ribbon-section ul li:last-child{
	 -webkit-transition: opacity .3s  ease .2s, -webkit-transform .3s  ease .2s;
	transition: opacity .3s ease .2s, transform .3s ease .2s;
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

.no-touch .woocase-grid__item:hover .woocase-slider-section .woocase-sale-featured-ribbon-section ul li {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.woocase-action--buy img {
    width: 20px;
}
.woocase-action--buy {
    right: -3px;
}
.woocase-grid__item .woocase-search-icon {
    position: absolute;
    top: 16px;
    left: 10px;
    opacity: 0;
    -webkit-transition: opacity .3s  ease .2s, -webkit-transform .3s  ease .2s;
	transition: opacity .3s ease .2s, transform .3s ease .2s;
	-webkit-transform: translate3d(15px, 0, 0);
	transform: translate3d(15px, 0, 0);
}

.no-touch .woocase-grid__item:hover .woocase-search-icon {
	opacity: 1;
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
}

.woocase-grid__item .woocase-search-icon img.woocase-search-icon-img {
    width: 20px !important;
}