/* Common style */
.grid {
	margin: 0 auto;
	max-width: 1250px;
}

.grid a {
	float: left;
	width: 25%;
	color: #333;
}

.grid figure {
	position: relative;
	overflow: hidden;
	margin: 5px;
	background: #333;
}

.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.2;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.grid figcaption {
	position: absolute;
	top: 0;
	padding: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
}

.grid figcaption img{
width:30%;opacity: 1;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;margin:0 auto;
}

.grid figcaption h2 {
	margin: 0 0 10px 0;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	font-size: 130%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.grid figcaption p {
	padding: 0 20px;
	color: #ffffff;
	font-weight: 300;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	margin:0px 0;
}

.grid figcaption h2,
.grid figcaption p {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.grid figcaption img {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.grid figure button {
	position: absolute;
	top: 50%;
	left: 42%;
	border: 0px solid #fff;
	background: transparent;
	color: #fff;
	opacity: 0;
	padding: 4px 20px;
	border: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(0.25);
	transform: translateY(-50%) translateX(-50%) scale(0.25);
	width:138px;
	height: 46px;
	overflow:visible;
	background:url(../img/thumbs.png);
}

/* Style for SVG */
.grid svg {
	position: absolute;
	top: -1px; /* fixes rendering issue in FF */
	width: 100%;
	height: 100%;
}

.grid svg path {
	/* fill: #fff; */
}

/* Hover effects */
.grid a:hover figure img {
	opacity: 1;
}

.grid a:hover figcaption h2,
.grid a:hover figcaption p {
	-webkit-transform: translateY(-60px);
	transform: translateY(-60px);
	text-shadow: -1px 1px 3px black;
}

.grid a:hover figcaption img {
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

.grid a:hover figcaption p, .grid a:hover figcaption img {
	opacity: 0;
}

.grid figure button:after {
position: absolute;
content: '';
display: block;
top: 0;
left: 100%;
margin-left: -11px;
z-index: 2;
width: 61px;
height: 46px;
background: url(../img/arr-ban.png) center center no-repeat;
}

.grid a:hover figure button {
	opacity: 1;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	transform: translateY(-50%) translateX(-50%) scale(1);
}

/* Media Queries */
/* Let's redefine the width of each anchor and the margins */

@media screen and (max-width: 58em) {
	.grid a {
		width: 50%;
	}
}

@media screen and (max-width: 45em) {
	.grid {
		max-width: 500px;
	}

	.grid a {
		width: 50%;
	}


	.grid figcaption h2 {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	.grid figcaption p {
		margin: 0;
		padding: 0 10px;
	}
}

@media screen and (max-width: 27em) {
	.grid {
		width: 100%;
	}

	.grid a {
		width: 100%;
	}
}

/* Сброс настроек браузера */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider a img { outline: none; border: none; }
.flexslider {
	margin: 0;
	padding: 0;
}

/* Скрываем слайды перед загрузкой ява-скрипта */
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides.products > li{margin:0 0 0 5px;}

.flexslider .slides img {
	width: 100%;
	display: block;
}

/* Чистим предидущее изображение для .slides */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }



/* Основной стиль слайдера */
.flexslider {
	position: relative;
	zoom: 1;
}
.box-product .flexslider{padding-bottom:20px;}

/* Вы можете изменить под свои требования*/
.flex-container {
	min-width: 150px;
	max-width: 960px;
	box-shadow: 0 1px 3px 0 rgba(42, 48, 60, 0.25);
}

.flexslider .slides { zoom: 1; }



/* Кнопки прокрутки. Стили */
.flex-direction-nav a {
	display: block;
	position: absolute;
	margin: -17px 0 0 0;
	width: 61px;
	height: 46px;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../img/arr-slider.png) 0 0 no-repeat;
}
.box-product .flexslider .flex-direction-nav li{box-shadow: 0 0 0 0 rgba(42, 48, 60, 0.25);margin-bottom:0;margin:0 17px 27px 17px;position:static;width:0;}
.box-product .flexslider .products li{box-shadow: 0 0 0 0 rgba(42, 48, 60, 0.25);}
.box-product .flexslider .flex-direction-nav li a{top:80%;margin-top:35px;}

.flex-direction-nav .next {
	right: -10px;
	background-position:-61px 0;
}
.box-product .flexslider .flex-direction-nav .next{right:50%;margin-right:-61px;}

.flex-direction-nav .prev {
	left: -10px;
}
.box-product .flexslider .flex-direction-nav .prev{left:50%;margin-left:-61px;}

/* Кнопки прокрутки. Управление */
.flexslider .flex-control-nav {
	position: absolute;
	width: 100%;
	bottom: 15px;
	text-align: center;
	margin: 0 0 0 -10px;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	background-color: #000000 \9;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

	-webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
	-moz-box-shadow: inset 0 0 0 2px #b6b6b6;
	box-shadow: inset 0 0 0 2px #b6b6b6;
}

.flex-control-nav li a.active {
	background-color:#df0005;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



/* Подпись к изображению */
.flexslider .slides p {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 5px;
	margin: 0;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	color: white;

	background-color: #222222;
	background: rgba(0,0,0, .9);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.box-product ul {margin:0 0 0 0;padding:0;}
.box-product li{
margin-bottom: 27px;
width: 268px;
float:left;
margin:0 17px 27px 17px;
position:relative;
box-shadow: 0 1px 3px 0 rgba(42, 48, 60, 0.25);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
padding:0 20px 20px 20px;
}
.w50 .box-product li{
width: 19%;
}
.cat_item select{margin:5px 0 15px 0;border-color:#bce8f1;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;background:#EDF9FF;color:#3a87ad;padding:5px 5px;outline:none;font-size:14px;font-weight:300;}
.cat_item select option{font-weight:300;}
.box-product li .availability, .cat_item .availability{display:block;position:relative;padding:4px 10px 4px 10px;background:#e8e8e8;width:140px;text-align:center;color:#C2C2C2;}
.box-product li .availability{position:absolute;top:0;left:0;}
.box-product li .availability:after, .cat_item .availability:after{
position: absolute;
display: block;
content: '';
left: 140px;
top: 0;
width: 0;
height: 0;
border-top: 27px solid /* #6DB157 */#e8e8e8;
border-right: 11px solid transparent;
border-right: 11px solid rgba(231,76,60,0);
}
.box-product li .availability.active, .cat_item .availability.active{background:#6DB157;color:#ffffff;}
.box-product li .availability.active:after, .cat_item .availability.active:after{border-top: 27px solid #6DB157;}

.box-product li:hover{box-shadow: 0 5px 19px 0 rgba(110,127,134,.44);}
.w50 .box-heading:before{content:"\f0a5";font-family:'FontAwesome';margin:0 10px 0 -10px;}
.w50 .box-product ul{margin-left:-2%;width:100%;}
.w50 .box-product li{width:44%;}
.box-product ul{margin-left:0%;width:100%;list-style:none;}
.box-product .padding .color_box{position:absolute;top:10px;right:10px;}
.box-product .padding .color_box span{display:block;width:16px;height:16px;cursor:pointer;margin-bottom:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset;}
.box-product .padding .color_box span.active{box-shadow: 0 0px 7px 0 rgba(92, 255, 0, 1);cursor:default;}

.cat_item .color_box{display:block;margin:0 0 15px 0;}
.cat_item .color_box span{display:block;float:left;margin-right:5px;width:25px;height:25px;cursor:pointer;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset;}
.cat_item .color_box span input{display:none;}
.box-product .color_box span input{display:none;}
.cat_item .color_box span.active{box-shadow: 0 0px 7px 0 rgba(92, 255, 0, 1);cursor:default;}
.cat_item ul.img_thumbs{margin:0;padding:0;list-style:none;display:none;}
.cat_item ul.img_thumbs.active{display:block;}
.cat_item ul.img_thumbs li{display:table-cell;padding:0 10px;overflow:hidden;text-align:center;vertical-align:middle;width:115px;height:90px;cursor:pointer;box-shadow:0 1px 3px 0 rgba(42, 48, 60, 0.25);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.cat_item ul.img_thumbs li:hover{box-shadow:0 5px 19px 0 rgba(110,127,134,.44);}
.cat_item ul.img_thumbs li.active{box-shadow:0 5px 19px 0 rgba(110,127,134,.44);}
.cat_item ul.img_thumbs li img{width:100%;}
.cat_item .image img.zoomImg{cursor:crosshair;}

.box-product .image{
overflow: hidden;
height:210px;
}
.box-product .image a{
display: block;
padding: 35px 40px 15px 40px;
margin:0 -20px 0 -20px;
}
.box-product .image a img{
width:100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.box-product .image a:hover img
{
transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
}
.box-product .quick-view{
opacity: 0;
visibility: hidden;
right: 0;
position: absolute;
top: 0px;
font-size: 22px;
color: #fff;
line-height: 35px;
width: 36px;
background-color: #e74c3c;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
}
.box-product .quick-view:hover{background:#222;}
.box-product ul li:hover .quick-view {
opacity: 1;
visibility: visible;
}
.fa-search:before {content: "\f002";font-family:FontAwesome;}
.price {font-size:25px;line-height:30px;color:#e74c3c;margin-bottom:5px;height:35px;}
.price .currency{font-size:12px;color:#3e454c;}
.box-product .name{
margin-bottom: 15px;
height:57px;
}
.box-product .name a
{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration: none;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
color:#3e454c;
}
.box-product .name a:visited{color:#3e454c;}
.box-product .name a:hover{color:#df0005;text-decoration:none;}
.box-product .description {
margin-bottom: 24px;
color: #bcbcbc;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
.box-product .cart {float:left;width:145px;height:35px;}
a.addToCart,  a.Reserve{
display: inline-block;
text-decoration: none;
cursor: pointer;
line-height: 35px;
color:#3e454c;
}
a.addToCart span,  a.Reserve span{
border-left: none;
padding-left: 17px;
color: #3e454c;
display: inline-block;
padding: 11px 16px 9px 16px;
white-space: nowrap;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
vertical-align: top;
border: 1px solid #e8e8e8;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
a.addToCart:hover span{color:#ffffff;border-color:#e74c3c;background-color:#e74c3c;}
a.Reserve:hover span{border-color:#e8e8e8;background-color:#e8e8e8;}
.fa-shopping-cart:before {
content:"\f07a";
}
.fa-shopping-cart:after{position: absolute;
display: block;
content: '';
left: -11px;
top: 0;
width: 0;
height: 0;
border-bottom: 46px solid #df0005;}
.fa-shopping-cart
{
font-size: 19px;
line-height: 35px;
width: 46px;
height: 35px;
background-color: #e74c3c;
color: #fff;
display: inline-block;
float: left;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


.fa-reserve:before {
content:"\f086";
}
.fa-reserve:after{position: absolute;
display: block;
content: '';
left: -11px;
top: 0;
width: 0;
height: 0;
border-bottom: 46px solid #df0005;}
.fa-reserve
{
font-size: 19px;
line-height: 35px;
width: 46px;
height: 35px;
background-color: #e8e8e8;
color: #3e454c;
display: inline-block;
float: left;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


.fa-close:before {
content:"\f00d";
}
.fa-close:after{position: absolute;
display: block;
content: '';
left: -11px;
top: 0;
width: 0;
height: 0;
border-bottom: 46px solid #df0005;}
.fa-close
{
font-size: 19px;
line-height: 35px;
width: 46px;
height: 35px;
background-color: #e8e8e8;
color: #3e454c;
display: inline-block;
float: left;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


.box-heading{
font-family: 'Open Sans',sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 24px;
padding: 18px 20px 21px 30px;
color: #fff;
background: #2d2d2d;
margin-bottom: 30px;
text-transform: uppercase;
position:relative;
}
h2.box-heading{background:#ffffff;text-align:center;font-size:24px;}
.container.maincont h2.box-heading a{color:#525252;}
.container.maincont h2.box-heading a:visited{color:#525252;}
.container.maincont .box-heading a{color:#ffffff;}
.container.maincont .box-heading a:visited{color:#ffffff;}