/* General Blueprint Style */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

@font-face {

	font-family: 'bpicons';

	font-weight: normal;

	font-style: normal;

	src: url('../fonts/bpicons/bpicons.eot');

	src: url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),

	url('../fonts/bpicons/bpicons.woff') format('woff'),

	url('../fonts/bpicons/bpicons.ttf') format('truetype'),

	url('../fonts/bpicons/bpicons.svg#bpicons') format('svg');

} /* Made with http://icomoon.io/ */



/* Resets */

*,

*:after,

*:before {

	box-sizing: border-box;

}



html {

	overflow-y: scroll; 

}



body,

html {

	font-size: 100%;

	margin: 0;

	padding: 0;

}



/* Helper classes */

.cf:before,

.cf:after {

	content: ' ';

	display: table;

}



.cf:after {

	clear: both;

}



.hidden {

	position: absolute;

	opacity: 0;

	pointer-events: none;

}



/* Main styles */

body {

	font-family: Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;

	color: #CECECE;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



a {

	text-decoration: none;

	color: #f0f0f0;

	outline: none;

}



/* Blueprint header */

.bp-header {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 4em 0;
}



.bp-header h1 {

    font-size: 2.125em;

    font-weight: 400;

    line-height: 1.3;

    color: #fff;

    margin: 0 0 .6em 0;

}



.bp-header h1 > span {

	font-size: 50%;

	display: block;

	color: #4D4D5A;

} 



.bp-header > span {

	font-weight: 700;

	font-size: 0.85em;

	position: relative;

	z-index: 100;

	display: block;

	padding: 0 0 .6em .1em;

	letter-spacing: .5em;

	text-transform: uppercase;

	text-indent: 30px;

}



.bp-header > span span:after {

	font-size: 50%;

	font-size: 75%;

	position: relative;

	top: -8px;

	left: -12px;

	width: 30px;

	height: 30px;

}



.bp-header > span span:hover:before {

	content: attr(data-content);

	font-size: 110%;

	font-weight: 700;

	line-height: 1.2;

	position: absolute;

	left: auto;

	margin-left: 4px;

	padding: .8em 1em;

	text-align: left;

	text-indent: 0;

	letter-spacing: 0;

	text-transform: none;

	color: #fff;

	background: #5C5EDC;

}



.bp-header nav {

	text-align: center;

	margin: 0 auto;

}



.bp-header nav a {

    position: relative;

    display: inline-block;

    width: auto;

    height: auto;

    padding: 0 20px;

    margin: 0 .1em;

    text-align: center;

    color: #fff;

    transition: 0.2s all;

}



.bp-header nav a > span {

	display: none;

}



.bp-header nav a:hover:before {

	content: attr(data-info);

	color: #595A5F;

	font-weight: bold;

	font-size: 0.85em;

	position: absolute;

	top: 120%;

	right: 0;

	width: 600%;

	text-align: right;

	pointer-events: none;

}



.bp-icon:after {

	font-family: 'bpicons';

	font-weight: normal;

	font-style: normal;

	font-variant: normal;

	text-align: center;

	text-transform: none;

	color: #5C5EDC;

	speak: none;

	-webkit-font-smoothing: antialiased;

}



.bp-header nav .bp-icon:after {

	line-height: 2.4;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	text-indent: 0;

}



.bp-header nav a:hover:after {

	color: #fff;

}



.bp-icon-next:after {

	content: '\e000';

}



.bp-icon-drop:after {

	content: '\e001';

}



.bp-icon-archive:after {

	content: '\e002';

}



.bp-icon-about:after {

	content: '\e003';

}



.bp-icon-prev:after {

	content: '\e004';

}



@media screen and (max-width: 40em) {

	.bp-header h1 {

		font-size: 1.8em;

	}

}



.btn-buy {

    display: block;

    text-align: center;

    background: red;

    padding: 7px;

    margin: 10px 0 0;

}



.btn-buy {

    border: none;

    color: #2A2B30;

    cursor: pointer;

    display: inline-block;

    font-size: 1em;

    font-size: 19px;

    outline: none;

    padding: 7px 30px 7px;

    position: relative;

    text-transform: uppercase;

    border-radius: 5px;

    font-weight: 700;

    z-index: 99;

    min-width: 100%;

    transition: opacity 0.3s linear 0s;

}



.btn-buy:before,

.btn-buy:after {

  border-color: transparent;

  -webkit-transition: all 0.25s;

  transition: all 0.25s;

  border-style: solid;

  border-width: 0;

  content: "";

  height: 24px;

  position: absolute;

  width: 24px;

  border-radius: 0 5px 0 5px;

}

.btn-buy:before {

  border-right-width: 2px;

  border-top-width: 2px;

  right: -5px;

  top: -5px;

}

.btn-buy:after {

  border-bottom-width: 2px;

  border-left-width: 2px;

  bottom: -5px;

  left: -5px;

}

.grid__item:hover .btn-buy {

  color: #FFF;

}

.grid__item:hover .btn-buy:before,

.grid__item:hover .btn-buy:after{

  height: 100%;

  width: 100%;

}



.btn-buy i{

  width: 18px;

  position: absolute;

  right: 25%;

  top: 50%;

  margin-top: -9px;

  line-height: 18px;

  opacity: 0;

  transition: all 0.2s ease-out 0s;

}



.btn-buy span{

  left: 0;

  position: relative;

  transition: all 0.2s ease-out 0s;

}



.btn-buy:hover span{

  transform: translateX(-15px);

}



.btn-buy:hover i{

  opacity: 1;

  right: 20%;

}



.btn-buy span {

    display: block;

    position: relative;

    color: #ccc

}



.grid__item:hover .btn-buy span {

    color: #fff;

}



div#promotion-countdown {

    color: #fff;

    font-size: 1.95em;

    margin: 0 0 .6em 0;

}



h3.no-products {

    color: #fff;

}





p.back-to-shop {

    margin: 0;

}


/*.flickity-viewport {
    min-height: 340px !important;
}

.grid__item--size-a .flickity-viewport {
    min-height: 771px !important;
}*/