/* 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 https://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;
ackground-color: #000;
    background-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(87,87,87,1) 100%);
    background-attachment: fixed;
    color: #fff;


	color: #CECECE;



	-webkit-font-smoothing: antialiased;



	-moz-osx-font-smoothing: grayscale;



}







a {



	text-decoration: none;



	color: #000;



	outline: none;



}







/* Blueprint header */



.bp-header {

    width: 100%;

    max-width: 100%;

    margin: 0 auto;

    text-align: center;

    padding-top: 1em;

}







.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 {


background-color: black;
	text-align: center;



	margin: 0 auto;



}







.bp-header nav a {



    position: relative;



    display: inline-block;



    width: auto;



    height: auto;



    padding: 0 10px;



    margin: 0 .1em;



    text-align: center;



    color: #fff;



    transition: 0.2s all;


    font-weight: 700;
}







.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-top: 10;
	margin-bottom: 20;



}







.btn-buy {



    border: none;



    color: #cb0600;



    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;



}



.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-top: 5px; margin-bottom: 15px;



}





.flickity-viewport {

    min-height: 530px !important;

}



.grid__item--size-a .flickity-viewport {

    min-height: 530px !important;

}

.view .grid__item {
    min-height: 530px !important;
}

.view .grid__item--size-a {
    min-height: 530px !important;
}