:root {
	--toast-width: 270px;
	--toast-border-radius: 0.25rem;
	--toast-theme-default: #fff;
	--toast-theme-primary: #0d6efd;
	--toast-theme-secondary: #6c757d;
	--toast-theme-success: #198754;
	--toast-theme-danger: #dc3545;
	--toast-theme-warning: #ffc107;
	--toast-theme-info: #0dcaf0;
	--toast-theme-light: #f8f9fa;
	--toast-theme-dark: #212529;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family:'Open Sans';
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a, a:hover, a:visited{
	color:#013c64;	
}
a:hover{
	text-decoration:none;
}
#categorys{
	padding-bottom:10px;
	border-bottom:1px solid #dcae17;
	margin-bottom:20px;
}
#categorys .level2{
	font-weight:600;
}
.last .arrow_box{display:none;}
.last:hover .arrow_box{display:block;}
.arrow_box:hover{display:block;}
.arrow_box {
	position: absolute;
	
	background: #88b7d5;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #88b7d5;
	border-width: 12px;
	margin-left: -12px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 18px;
	margin-left: -18px;
}

@font-face {
	font-family: 'HeliosCondRegular';
	src: url('../fonts/HeliosCondRegular.woff') format('woff'),
	url('../fonts/HeliosCondRegular.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap; 
}
@font-face {
	font-family: 'HeliosCondBlack';
	src: url('../fonts/HeliosCond.woff') format('woff'),
	url('../fonts/HeliosCond.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap; 
}
html{
	background: #b1cfd8 url(./../images/bg.jpg) 50% 200px repeat-x;
}
*{
	padding: 0; 
	margin: 0;
	list-style: none; 
}
img{
	border: none; 
}
.clear{
	clear: both; 
}
.left{
	float: left; 
}
.right{
	float: right; 
}
input, textarea {
	outline:none;
} 
input:active, textarea:active {
	outline:none;
}
:focus {
	outline:none;
}

/* Общие стили */
body{ 
	background: #b1cfd8 url(./../images/bg.jpg) 50% 200px repeat-x;
	min-height: 1160px;
	
	display: flex;
	flex-direction: column;
}

.cont{ 
	width: 100%; 
	max-width:1200px;
	margin: 0 auto; 
}
.block-title{
	border-bottom: 2px solid #217bba;
	border-radius: 10px 10px 0 0;
	padding: 0 22px;
	height: 40px;
	color: #fff;
	font: 20px/40px 'Open Sans';
	margin-bottom: 10px;
	text-shadow: 0 1px rgba(118,138,148,.61);
	background: rgb(133,199,235);
	background: -moz-linear-gradient(top,  rgba(133,199,235,1) 0%, rgba(82,156,195,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,199,235,1)), color-stop(100%,rgba(82,156,195,1)));
	background: -webkit-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: -o-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: -ms-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: linear-gradient(to bottom,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c7eb', endColorstr='#529cc3',GradientType=0 );
	font-family: 'HeliosCondRegular';
}
.block-title.light{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(227,241,245,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(227,241,245,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,241,245,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,241,245,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,241,245,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(227,241,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3f1f5',GradientType=0 );
	color: #114c77;
	text-shadow: none;
	font-family: 'HeliosCondRegular';
}
.block-title a{
	color: #fff;
	font-size: 12px;
	line-height: 42px;
	text-shadow: none; 
}
.block-title.light a{
	color: #114c77; 
}
.block-title a:hover{
	text-decoration: none; 
}
.submit{
	color: #fff;
	font: 700 12px/25px 'Open Sans';
	cursor: pointer;
	height: 25px;
	width: 170px;
	margin-top: 10px;
	border: 1px solid #217bba;
	border-radius: 5px;
	background: rgb(49,147,215);
	background: -moz-linear-gradient(top,  rgba(49,147,215,1) 0%, rgba(34,124,187,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,147,215,1)), color-stop(100%,rgba(34,124,187,1)));
	background: -webkit-linear-gradient(top,  rgba(49,147,215,1) 0%,rgba(34,124,187,1) 100%);
	background: -o-linear-gradient(top,  rgba(49,147,215,1) 0%,rgba(34,124,187,1) 100%);
	background: -ms-linear-gradient(top,  rgba(49,147,215,1) 0%,rgba(34,124,187,1) 100%);
	background: linear-gradient(to bottom,  rgba(49,147,215,1) 0%,rgba(34,124,187,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3193d7', endColorstr='#227cbb',GradientType=0 );
	box-shadow: inset 0 1px 2px rgba(255,255,255,.28);
}
p{margin-bottom:10px;}
h2{margin:20px 0;}
/* End Общие стили */

/*=============================*/

/* Стили шапки сайта */
header{ 
	padding: 5px 0; 
	background: #fff; 
}
header .logo{
	color: #2d3237;
	font: 11px/15px 'Open Sans';
	text-align: center;
	width: 212px;
	margin-right: 28px;
}
header .links{
	padding: 0 29px 0 30px;
	margin-top: 15px;
}
header .links p, header .cart p{
	margin-bottom:5px !important;
}
header .links .consult{
	padding-left: 25px;
	margin-bottom: 10px;
	background: url(./../images/consult_icon.png) 0 2px no-repeat;
}
header .links .consult a{ 
	color: #07578f; 
	font: 12px/18px 'Open Sans'; 
	text-decoration: none; 
	border-bottom: 1px dashed #07578f; 
}
header .links .consult a:hover{ 
	border: none;
}
header .links .email{
	padding-left: 25px;
	background: url(./../images/email_icon.png) 0 2px no-repeat;
}
header .links .email a{ color: #07578f; font: 12px/18px 'Open Sans'; }
header .links .email a:hover{ text-decoration: none; }
header .phones{
	text-align: center;
	color: #3b4a53;
	font: 20px/18px 'Open Sans';
	padding: 0 25px 0 45px;
	margin-top: 25px;
	background: url(./../images/phone_icon.png) 25px 2px no-repeat;
	font-weight:700;
}
header .phones p.first{ margin-bottom: 14px; }
header .cart{
	font: 12px/18px 'Open Sans';
	color: #2d3237;
	padding: 0 28px 0 54px;
	margin-top: 22px;
	background: url(./../images/cart_icon.png) 25px 2px no-repeat;
}
header .cart .link{ 
	margin-bottom: 8px; 
}
header .cart a{ 
	color: #07578f; 
}
header .cart a:hover{
	text-decoration: none; 
}
header .auth{ 
	padding: 0px;
	margin-top: 25px; 
	font: 12px/18px 'Open Sans'; 
	text-align:right;
}
header .auth a{
	color: #07578f;
	font: 12px/18px 'Open Sans'; 
}
header .auth a:hover{ 
	text-decoration: none; 
}
header .auth .search{ 
	margin-top:10px;
}
header .auth .search input{ 
	height: 33px;
    line-height: 33px;
    font-size: 14px;
    padding-left: 10px;
	position: relative;
    right: -10px;
	width:180px;Набивал как ин абиваю
}
#menubox{
	height: 95px;
	margin-bottom: 40px;
	background: url(./../images/menu_bg.png) 50% 0 repeat-x;
}
#menubox .menu{ 
	padding: 15px 0; 
	border-left: 1px solid #3185bf;
	margin-top: 19px; 
	z-index: 55;
    position: relative;
}
#menubox .menu li{
	list-style-type: none;
	float: left;
	padding: 5px 16px;
	border-left: 1px solid #3185bf;
	border-right: 1px solid #164a6e;
}
#menubox .menu li.sub{ padding-right: 37px; background: url(./images/menu_li_sub_icon.png) 90% 50% no-repeat; }
#menubox .menu li.first{ border-left: none; }
#menubox .menu li.last{ border-right: none; }
#menubox .menu a{
	color: #fff;
	font: 18px/18px HeliosCondBlack;
	text-decoration: none;
}
#menubox .search{
	border-right: 1px solid #164a6e;
	padding: 14px 23px;
	margin-top: 19px;
}
#menubox .search input[type=text]{
	height: 29px;
	width: 192px;
	padding: 0 30px 0 12px;
	border: 1px solid #144c74;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}
#menubox .search input[type=image]{ 
	margin-left: -24px;	
	margin-top: 7px;
}
#menubox .catalog{
	width: 320px;
	height: 95px;
	position: relative;
	text-align: center;
	background: url(./../images/catalog_bg.png) 0 0 no-repeat;
}
#menubox .catalog > a{
	color: #013c64;
	text-decoration: none;
	font: 18px/95px HeliosCondBlack;
	display: block;
	height: 95px;
	width: 186px;
}
#menubox .catalog > a img{ 
	margin-left:7px; 
}
#menubox .catalog > ul{ 
	background: #f7c731 url(./../images/catalog_ul_bg.png) 0 0 no-repeat;
	position: relative;
	z-index: 999;
	display: none;
	padding-top: 24px;
	margin-top: -10px; 
}
#menubox .catalog:hover > ul, #menubox .catalog.active > ul{ 
	display: block; 
}
#menubox .catalog > ul > li{
	list-style-type: none;
	text-align: left;
	position: relative;
	border-bottom: 1px solid #dcae17;
}
#menubox .catalog > ul > li.selected a{
	background: #013c64;
	color: #fff; 
}
#menubox .catalog > ul > li.selected:hover a {
	background: #013c64;
	color: #fff; 
}
#menubox .catalog > ul > li.selected:after{
	width: 7px;
	height: 30px;
	text-indent: -99999px;
	content: "1";
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: -7px;
	display: block;
	background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/catalog_li_selected_after.png) 0 0 no-repeat;
}
#menubox .catalog > ul > li > a{
	color: #060606;
    font: 13px / 18px 'Open Sans';
    padding: 6px 14px;
    text-decoration: none;
    display: block;
}
#menubox .catalog > ul > li:hover > a{ 
	background: #f6de76; 
	color: #013c64; 
	text-decoration: underline; 
}
#menubox .catalog > ul > li:hover .sub_categories{ 
	display: block;
}
#menubox .catalog .sub_categories{
	background: #f6de76;
	padding: 15px 30px;
	position: absolute;
	top: 0;
	left: 320px;
	display: none;
}
#menubox .catalog .sub_categories > li{ 
	list-style-type: none;
	margin-bottom: 5px; 
}
#menubox .catalog .sub_categories > li > a{ 
	color: #013c64;
	font: 700 12px/18px 'Open Sans';
	white-space: nowrap; 
}
#menubox .catalog .sub_categories > li > a:hover{ 
	text-decoration: none; 
}
#menubox .catalog .sub_categories > li ul{ 
	padding-left: 10px; 
	width: 320px;
}
#menubox .catalog .sub_categories > li ul li{
	list-style-type: none;
	padding-left: 15px;
	margin: 5px 0;
	background: url(./../images/romb_icon.png) 0 10px no-repeat;
}
#menubox .catalog .sub_categories > li ul li a{
	color: #013c64; 
	font: 12px/18px 'Open Sans'; 
}
#menubox .catalog .sub_categories > li ul li a:hover{
	text-decoration: none; 
}
/* End Стили шапки сайта */

/*=============================*/

/* Стили боковой колонки сайта */
aside{ width: 186px; min-height: 850px; }
aside .filter{
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.22);
	margin-bottom: 10px;
}
aside .block-title{
	border-bottom: 2px solid #217bba;
	padding: 0 15px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,236,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,236,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeced',GradientType=0 );
	color: #013c64;
	font: 18px/35px HeliosCondBlack;
	text-shadow: none;
	height: 35px;
	border-radius: none;
	margin-bottom: 0;
}
aside .filter .content{ padding: 10px 10px 20px; }
aside .filter .name{
	color: #2d3237;
	font: 700 12px/18px 'Open Sans';
	margin-bottom: 10px;
}
aside .filter .reset{
	color: #07578f;
	text-decoration: none;
	border-bottom: 1px dashed #07578f;
	font-weight: 400;
}
aside .filter .reset:hover{ border: none; }
aside .filter input[type=checkbox]{ display: none; }
aside .filter .checkbox_label{
	display: block;
	color: #2d3237;
	font: 12px/18px 'Open Sans';
	padding-left: 25px;
	cursor: pointer;
	margin-bottom: 7px;
	background: url(./../images/checkbox_icon.png) 0 0 no-repeat;
	height: 18px;
	overflow: hidden;
}
aside .filter input[type=checkbox]:checked + .checkbox_label{ background-position: 0 -18px; font-weight: 700; }
aside .filter .filter_price{ color: #2d3237; font: 12px/28px 'Open Sans'; margin-bottom: 25px; }
aside .filter .filter_price input[type=text]{
	border: 1px solid #c8d1d6;
	height: 28px;
	width: 48px;
	margin: 0 3px 25px 3px;
	padding: 0 5px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,236,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,236,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeced',GradientType=0 );
}
aside .filter .filter_price input[type=text]#do{ margin-right: 0; }
/* End Стили боковой колонки сайта */

/*=============================*/

/* Стили основного блока сайта */
section.right{ 
	width: calc(100% - 213px);;
	margin-bottom: 55px; 
}

#categories{
	padding: 35px 40px 20px;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.22);
	margin-bottom: 47px;
}
#categories li{
	list-style-type: none;
	float: left;
	width: 25%;
	margin-bottom: 15px;
}
#categories li img{
	margin-right: 13px;
	border: 1px solid #d9e0e3;
	border-radius: 10px;
	float: left;
	box-shadow: 0 0 8px rgba(0,0,0,.22);
}
#categories a{
	display: table-cell;
	vertical-align: middle;
	color: #07578f;
	font: 14px/18px 'Open Sans';
	height: 40px;
	padding-right: 10px;
}
#categories a:hover{ text-decoration: none; }

#banners{ border: 1px solid #fff; margin-bottom: 47px; }
#banners .tabs{ 
	background: url(./../images/banners_tabs_bg.png) 0 0 no-repeat;
	width: 211px;
	padding-left: 8px;
	z-index: 9;
	position: relative; 
}
#banners .tabs li{
	list-style-type: none;
	height: 63px;
	width: 193px;
	padding-left: 18px;
	position: relative;
}
#banners .tabs li.active a{	
	color: #393939; 
}
#banners .tabs li.active:before{
	width: 34px;
	height: 62px;
	text-indent: -99999px;
	content: "1";
	position: absolute;
	top: 0;
	left: -28px;
	display: block;
	
}
#banners .tabs li a{
	color: #fff;
	font: 700 14px/18px 'Open Sans';
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	height: 63px;
	width: 193px;
}
#banners .tab_content{ 
	width: calc(100% - 197px);
	margin-right: -14px;
	background-color:white; 
	cursor:pointer;
}
#banners img{ display: block; }

section.products, .product_info .products{ 
	margin-bottom: 37px;
}
section.products .items{
	display: flex;
	flex-wrap: wrap;
}

section.products .items:before {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5%; /* Задаем общий отступ между блоками */
}
.product {
	width: calc(100% / 4 - 1.5%); /* Аналогично расчёту в первом варианте */
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	height:400px;
	padding: 20px 19px;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.22);
	position:relative;
	
}

.products_see {
    padding-bottom: 77px;
    padding-top: 37px;
    margin-bottom: -10px !important;
    background: rgb(177, 207, 216);
	margin-top:30px;
}
.products_see .wave{
	width: 100%;
	height: 8px;
	margin-top: -45px;
	margin-bottom: 47px;
	background: url(./../images/products_see_wave_bg.png) 50% 0 repeat-x;
}
.products .items{ }
/*.products .product{
	padding: 20px 19px;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.22);
	
	width: 25%;
	position: relative;
	height:400px;
	
}*/
.products.products_see .product{ background: #eef5f7; }
.products .product:hover{ box-shadow: inset 0 0 1px 2px #217bba;}
.products .product .sticker{ position: absolute; top: 20px; left: 0; height: 18px; background: url(./../images/stickers_icon.png) 0 0 no-repeat; }
.products .product .sticker.promo{ width: 64px; background-position: 0 0; }
.products .product .sticker.new{ width: 72px; background-position: 0 -18px; }
.products .product .sticker.waiting{ width: 147px; background-position: 0 -36px; }
.products .product .promo_icon{
	background: url(./../images/sticker_promo_icon.png) 0 0 no-repeat;
	position: absolute;
	top: 42px;
	left: 10px;
	width: 21px;
	height: 21px;
}
.products .product .image{
	border: 1px solid #c8d1d6;
	border-radius: 10px;
	text-align: center;
	height: 136px;
	line-height: 136px;
	margin-bottom: 15px;
	background: #fff;
}
.products .product .image img{ vertical-align: middle; }
.products .product .name{ margin-bottom: 10px; }
.products .product .name a{ 
	color: #07578f;
    font: 700 20px / 24px 'Open Sans';
    font-family: 'HeliosCondRegular';
    text-decoration: none;
}
.products .product .name a:hover{ text-decoration: none; }
.products .product:hover .name a{ color: #83abc7; }
.products .product .desc{ margin-bottom: 15px; color: #2d3237; font: 12px/18px 'Open Sans'; }
.products .product:hover .desc{ color: #909295; }
.products .product .price{ 
	color: #334858; 
	font: 12px/18px 'Open Sans';
	position: absolute;
	bottom: 50px;
	font-family: 'HeliosCondRegular';
} 
.products .product .price span{ 
	font-size: 20px; 
}
.products .product:hover .price{ color: #717f8a; }
.products .product .buy{
	border-radius: 5px;
	border: 1px solid #d26f19;
	height: 25px;
	background: rgb(254,202,76);
	background: -moz-linear-gradient(top,  rgba(254,202,76,1) 0%, rgba(236,109,13,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,202,76,1)), color-stop(100%,rgba(236,109,13,1)));
	background: -webkit-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feca4c', endColorstr='#ec6d0d',GradientType=0 );
	box-shadow: inset 0 0 5px rgba(255,255,255,.55);
}
.products .product.not_available .buy{
	border-color: #b2b4b5;
	background: rgb(200,209,214);
	background: -moz-linear-gradient(top,  rgba(200,209,214,1) 0%, rgba(194,195,196,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,209,214,1)), color-stop(100%,rgba(194,195,196,1)));
	background: -webkit-linear-gradient(top,  rgba(200,209,214,1) 0%,rgba(194,195,196,1) 100%);
	background: -o-linear-gradient(top,  rgba(200,209,214,1) 0%,rgba(194,195,196,1) 100%);
	background: -ms-linear-gradient(top,  rgba(200,209,214,1) 0%,rgba(194,195,196,1) 100%);
	background: linear-gradient(to bottom,  rgba(200,209,214,1) 0%,rgba(194,195,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d1d6', endColorstr='#c2c3c4',GradientType=0 );
}
a.products_buy{
	display: block;
	color: #fff;
	font: 700 12px/25px 'Open Sans';
	text-decoration: none;
	text-shadow: 0 1px rgba(0,0,0,.12);
	padding: 0 31px;
	background: url(./../images/product_cart_icon.png) 6px 4px no-repeat;
}
.products .product .amount{
	color: #fff;
	font: 700 12px/25px 'Open Sans';
	margin: -25px 7px 0 0;
}
.products .product .amount input{
	background: #fff;
	padding: 0 5px;
	width: 20px;
	border: 1px solid #d26f19;
	height: 19px;
	text-align: center;
	color: #2d3237;
}
.products .product.not_available .amount input{ border-color: #b2b4b5; }
.products .product .quike{
	display: none;
	position: absolute;
	top: 207px;
	left: 16px;
	color: #fff;
	font: 700 12px/25px 'Open Sans';
	text-decoration: none;
	text-align: center;
	height: 25px;
	width: 156px;
	border: 1px solid #217bba;
	border-radius: 7px;
	background: rgb(49,147,215);
	background: -moz-linear-gradient(top,  rgba(49,147,215,1) 0%, rgba(34,124,187,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,147,215,1)), color-stop(100%,rgba(34,124,187,1)));
	background: -webkit-linear-gradient(top,  rgba(49,147,215,1) 0%,rgba(34,124,187,1) 100%);
	background: -o-linear-gradient(top,  rgba(49,147,215,1) 0%,rgba(34,124,187,1) 100%);
	background: -ms-linear-gradient(top,  rgba(49,147,215,1) 0%,rgba(34,124,187,1) 100%);
	background: linear-gradient(to bottom,  rgba(49,147,215,1) 0%,rgba(34,124,187,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3193d7', endColorstr='#227cbb',GradientType=0 );
	box-shadow: inset 0 1px 2px rgba(255,255,255,.48);
}
.products .product:hover .quike{ display: block; }

.buy_button{
	position:absolute;
	bottom:15px;
	width:calc(100% - 40px);
}

#about{ width: 37%; margin-bottom: 47px; box-shadow: 0 0 8px rgba(0,0,0,.22); border-radius: 10px 10px 0 0; }
#about .block-title, #articles .block-title{ margin-bottom: 0; }
#about .text{
	background: #fff;
	padding: 20px;
	color: #2d3237;
	font: 12px/18px 'Open Sans';
}
#about .text p{ margin-bottom: 10px; }
#about .text a{ color: #07578f; }
#about .text a:hover{ text-decoration: none; }

#articles{ width: 62%; margin-bottom: 47px; box-shadow: 0 0 8px rgba(0,0,0,.22); border-radius: 10px 10px 0 0; }
#articles .items{ background: #fff; padding: 20px 20px; }
#articles .article{font: 12px/18px 'Open Sans'; margin-bottom: 15px; }
#articles .article.last{ margin-bottom: 0; }
#articles .article .image{ margin-right: 15px; }
#articles .article .image img{ border: 1px solid #c8d1d6; }
#articles .article a{ color: #07578f; }
#articles .article a:hover{ text-decoration: none; }
#articles .article .desc{ color: #2d3237; margin-top: 10px;    width: calc(100% - 115px); }
#articles .article .desc p{ margin-bottom: 10px; }

#delivery{
	padding: 33px 0;
	margin-bottom: 10px;
	background: url(./../images/delivery_bg.png) 50% 0 repeat-x;
}
#delivery .items{ padding: 0 40px; }
#delivery .item{ width: 25%; }
#delivery .item img{ margin-right: 13px; }
#delivery .item a{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font: 20px 'Open Sans';
	height: 82px;
}
#delivery .item a:hover{ text-decoration: none; }

.pagination{
	padding: 12px 20px;
	border-top: 2px solid #217bba;
	background: rgb(235,236,237);
	background: -moz-linear-gradient(top,  rgba(235,236,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,236,237,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(235,236,237,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(235,236,237,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(235,236,237,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(235,236,237,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeced', endColorstr='#ffffff',GradientType=0 );
	color: #07578f;
	font: 12px/18px 'Open Sans';
}
.pagination a{ color: #07578f; padding: 2px 6px; margin: 0 1px; }
.pagination a:hover{ text-decoration: none; }
.pagination a.selected{ border: 1px solid #d3d6df; color: #2d3237; text-decoration: none; font-weight: 700; }
.pagination a.inactive{ color: #d3d6df; }
.pagination a.next{ padding-right: 22px; background: url(./../images/pag_next_arrows.png) 100% 0 no-repeat; }
.pagination a.next.inactive{background-position: 100% -18px;}
.pagination a.prev{ padding-left: 22px; background: url(./../images/pag_prev_arrows.png) 0 0 no-repeat; }
.pagination a.prev.inactive{background-position: 0 -18px;}

.breadcrumbs{
	background: #eef6f8;
	border: 1px solid #dbe7ea;
	padding: 8px 15px;
	color: #37455d;
	font: 700 11px/18px 'Open Sans';
	margin-bottom: -1px;
}
.breadcrumbs a{ color: #07578f; }
.breadcrumbs a:hover{ text-decoration: none; }
.breadcrumbs .sep{ color: #adb2b6; font-weight: 400; }

.cat_name h1{
	background: #fff;
	border: 1px solid #dbe7ea;
	margin-bottom: 10px;
	padding: 18px 25px;
	color: #013c64;
	font: 32px/32px HeliosCondBlack;
}
.cat_name .sub_cats{ margin-top: 20px; }
.cat_name .sub_cats > li > a{
	list-style-type: none;
	padding-left: 15px;
	margin-top: 10px;
	font: 18px/24px 'Open Sans';
	background: url(./../images/romb_icon.png) 0 65% no-repeat;
}
.cat_name .sub_cats li a{ color: #07578f; /*font: 14px/18px 'Open Sans';*/ }
.cat_name .sub_cats li ul li{ color: #07578f; font: 14px/18px 'Open Sans'; }
.cat_name .sub_cats li ul {margin-left:50px; margin-top: 10px; }
.cat_name .sub_cats li a:hover{ text-decoration: none; }

.sorting{
	border-bottom: 2px solid #217bba;
	border-radius: 10px 10px 0 0;
	margin-bottom: 10px;
	padding: 10px 15px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,236,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,236,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeced',GradientType=0 );
	color: #2d3237;
	font: 12px/18px 'Open Sans';
}
.sorting .sort a{
	color: #2d3237;
	text-decoration: none;
	padding-right: 25px;
	border-right: 1px solid #e6e8e9;
	margin-left: 13px;
	background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/sort_arrows.png) 90% -1px no-repeat;
}
.sorting .sort a.selected{ font-weight: 700; background-position: 90% -19px; }
.sorting .limit a{ color: #07578f; text-decoration: none; border-bottom: 1px dashed #07578f; margin-left: 15px; }
.sorting .limit a:hover{ border: none; }
.sorting .limit a.selected{ color: #2d3237; border: none; }

.product_info .info{
	background: #fff;
	/*box-shadow: 0 0 8px rgba(0,0,0,.22);
	padding: 20px;*/
	margin-bottom: 40px;
	color: #2d3237;
	
}
.product_info .info .image{
	border: 1px solid #c8d1d6;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	
}
.product_info .info .product_cart .short_desc{
	text-align:justify;
	margin:20px 0 20px 0;
}
.product_info .info .product_cart{ /*width: 365px;*/ }
/*.product_info .info .product_cart .part_number,
	.product_info .info .product_cart .short_desc,
.product_info .info .product_cart .price{ margin-bottom: 15px; }*/
.product_info .info .product_cart .price{ 
	color: #334858; font: 700 16px/20px 'Open Sans'; 
	margin-bottom:20px;
}
.product_info .info .product_cart .price span{ font-size: 33px; }
.product_info .info .plus_minus{ margin-right: 30px; }
.plus_minus input{
	background: #fff;
	border: 1px solid #d0d5d8;
	text-align: center;
	color: #334858;
	width: 41px;
	height: 35px;
	padding: 0 5px;
	font: 700 18px 'Open Sans';
}
.plus_minus .minus{
	border: 1px solid #d0d5d8;
	border-right: none;
	text-align: center;
	display: block;
	width: 29px;
	height: 35px;
	color: #a2a8ab;
	font: 33px/30px 'Open Sans';
	text-decoration: none;
	background: #f7f9fa;
}
.plus_minus .plus{
	border: 1px solid #d0d5d8;
	border-left: none;
	text-align: center;
	display: block;
	width: 29px;
	height: 35px;
	color: #a2a8ab;
	font: 33px/35px 'Open Sans';
	text-decoration: none;
	background: #f7f9fa;
}
.plus_minus a:hover{
	color: #175a89;
	background: rgb(238,243,246);
	background: -moz-linear-gradient(top,  rgba(238,243,246,1) 0%, rgba(207,227,233,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,243,246,1)), color-stop(100%,rgba(207,227,233,1)));
	background: -webkit-linear-gradient(top,  rgba(238,243,246,1) 0%,rgba(207,227,233,1) 100%);
	background: -o-linear-gradient(top,  rgba(238,243,246,1) 0%,rgba(207,227,233,1) 100%);
	background: -ms-linear-gradient(top,  rgba(238,243,246,1) 0%,rgba(207,227,233,1) 100%);
	background: linear-gradient(to bottom,  rgba(238,243,246,1) 0%,rgba(207,227,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef3f6', endColorstr='#cfe3e9',GradientType=0 );
}
.breadcrumb li{
	list-style: none;
    display: inline;
    
}
.breadcrumb li:after{
	content:" >";
	margin-right: 5px;
}
.breadcrumb li.active:after{
	content:"";
}
#buy_product_btn, .orange_button{
	border-radius: 5px;
	border: 1px solid #d26f19;
	height: 35px;
	background: rgb(254,202,76);
	background: -moz-linear-gradient(top,  rgba(254,202,76,1) 0%, rgba(236,109,13,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,202,76,1)), color-stop(100%,rgba(236,109,13,1)));
	background: -webkit-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feca4c', endColorstr='#ec6d0d',GradientType=0 );
	box-shadow: inset 0 0 5px rgba(255,255,255,.55);
}
.orange_button{
	color: white;
    font-weight: 700;
    padding: 0 20px;
	position: relative;
    z-index: 22;
}
#buy_product_btn a{
	display: block;
	color: #fff;
	font: 700 14px/35px 'Open Sans';
	text-decoration: none;
	text-shadow: 0 1px rgba(0,0,0,.12);
	padding: 0 15px 0 40px;
	background: url(./../images/product_cart_icon.png) 11px 9px no-repeat;
}
.product_info .info .tabs{ border-bottom: 1px solid #dfe5e9; margin-bottom: 35px; height:41px; margin-top: 55px; }
.product_info .info .tabs li{
	list-style-type: none;
	float: left;
	margin-right: 15px;
	border: 1px solid #dfe5e9;
	margin-bottom: -1px;
	padding: 11px 18px;
	height: 18px;
	cursor: pointer;
	background: rgb(242,247,249);
	background: -moz-linear-gradient(top,  rgba(242,247,249,1) 0%, rgba(233,238,240,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,247,249,1)), color-stop(100%,rgba(233,238,240,1)));
	background: -webkit-linear-gradient(top,  rgba(242,247,249,1) 0%,rgba(233,238,240,1) 100%);
	background: -o-linear-gradient(top,  rgba(242,247,249,1) 0%,rgba(233,238,240,1) 100%);
	background: -ms-linear-gradient(top,  rgba(242,247,249,1) 0%,rgba(233,238,240,1) 100%);
	background: linear-gradient(to bottom,  rgba(242,247,249,1) 0%,rgba(233,238,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f7f9', endColorstr='#e9eef0',GradientType=0 );
}
.product_info .info .tabs li.active{
	border: none;
	padding: 12px 19px;
	background: rgb(249,217,73);
	background: -moz-linear-gradient(top,  rgba(249,217,73,1) 0%, rgba(243,200,44,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,217,73,1)), color-stop(100%,rgba(243,200,44,1)));
	background: -webkit-linear-gradient(top,  rgba(249,217,73,1) 0%,rgba(243,200,44,1) 100%);
	background: -o-linear-gradient(top,  rgba(249,217,73,1) 0%,rgba(243,200,44,1) 100%);
	background: -ms-linear-gradient(top,  rgba(249,217,73,1) 0%,rgba(243,200,44,1) 100%);
	background: linear-gradient(to bottom,  rgba(249,217,73,1) 0%,rgba(243,200,44,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d949', endColorstr='#f3c82c',GradientType=0 );
}
.product_info .info .tabs li:hover a{ border: none; }
.product_info .info .tabs li a{ color: #07578f; font: 14px/18px 'Open Sans'; text-decoration: none; border-bottom: 1px dashed #07578f; }
.product_info .info .tabs li.active a{ border: none; color: #000; }
.product_info .info .tab_content img{ border: 1px solid #d3dade; display: block; margin-bottom: 20px; }
.product_info .info .tab_content p{ margin-bottom: 10px; }

.product_info .reviews{ margin-bottom: 40px; box-shadow: 0 0 8px rgba(0,0,0,.22); }
.product_info .reviews .block-title{
	border-radius: 0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,236,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,236,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeced',GradientType=0 );
	margin-bottom: 0;
	color: #1570ae;
	text-shadow: none;
}
.product_info .reviews .block-title span{ color: #a6a6ad; font-size: 16px; }
.product_info .reviews .content{ padding: 20px; background: #fff; }
.product_info .reviews .review{
	padding-bottom: 15px;
	border-bottom: 1px solid #dfe5e9;
	margin-bottom: 15px;
	font: 12px/18px 'Open Sans';
}
.product_info .reviews .review.last{ border-bottom: none; padding-bottom: 5px; }
.product_info .reviews .review .name{ color: #07578f; }
.product_info .reviews .review .name:hover{ text-decoration: none; }
.product_info .reviews .review .date{ color: #acacb2; padding: 0 20px; }
.product_info .reviews .review .review_text{ color: #2d3237; margin-top:8px; }
input.feed, textarea.feed{
	resize: vertical;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,236,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,236,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,236,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeced',GradientType=0 );
	width: 718px;
	padding: 10px;
	
	border: 1px solid #c8d1d6;
	color: #2d3237;
	font: 12px/18px 'Open Sans';
	margin-bottom: 10px;
}

.product_info #delivery{ background: #013c64; margin-bottom: 40px; }
.product_info #delivery .item{ width: 175px; }
.product_info #delivery .item a { font: 16px "'Open Sans'"; height: 66px;}
.product_info #delivery img{ width: 66px; }

.product_info .share{
	padding: 10px 13px;
	margin-top: -35px;
	background: rgb(235,236,237);
	background: -moz-linear-gradient(top,  rgba(235,236,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,236,237,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(235,236,237,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(235,236,237,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(235,236,237,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(235,236,237,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeced', endColorstr='#ffffff',GradientType=0 );
}
.product_info .share img{ display: block; }
.product_info .share > div{ margin-right: 20px; }

.page_content{
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.22);
	padding: 18px;
	margin-bottom: 10px;
	color: #2d3237;
	font-size:15px;
	
	
}
.page_content .map{ margin-bottom: 15px; }
.page_content .contacts{ color: #2d3237; font: 12px/18px 'Open Sans'; width: 325px; margin-left: 15px; }
.page_content .contacts a{ color: #07578f; }
.page_content .contacts a:hover{ text-decoration: none; }
.page_content .contacts p{ padding: 8px 0 0 42px; margin-bottom: 13px; }
.page_content .contacts .phone{ background-position:  0 0; }
.page_content .contacts .adres{ background-position:  0 -31px; }
.page_content .contacts .email{ background-position:  0 -62px; }
.page_content .contacts .feedback{ background-position:  0 -93px; }
.page_content .helpful_info{ background: #eff7f9; padding: 18px; width: 332px; }
.page_content .helpful_info p{ margin-bottom: 10px; }

.page_content .feedback_form p{ color: #2d3237; font: 12px/18px 'Open Sans'; margin-bottom: 7px; }
.page_content .feedback_form .error_noti{
	background: #fef2f2 url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/error_noti_icon.png) 15px 50% no-repeat;
	height: 40px;
	color: #000;
	font: 700 12px/40px 'Open Sans';
	margin: 13px 0 15px;
	padding: 0 45px;
}
.page_content .feedback_form .error_noti span{ color: #e23a13; }
.page_content .feedback_form input[type=text]{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	height: 38px;
	width: 603px;
	padding: 0 10px;
	border: 1px solid #c8d1d6;
	margin-bottom: 15px;
	font: 12px/18px 'Open Sans';
}
.page_content .feedback_form input[type=text].error{ border-color: #e23a13; }
.page_content .feedback_form textarea{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	height: 105px;
	width: 603px;
	padding: 10px;
	border: 1px solid #c8d1d6;
	margin-bottom: 15px;
	resize: none;
	font: 12px/18px 'Open Sans';
}
.page_content .feedback_form button{
	border-radius: 5px;
	border: 1px solid #d26f19;
	height: 35px;
	width: 165px;
	cursor: pointer;
	background: rgb(254,202,76);
	background: -moz-linear-gradient(top,  rgba(254,202,76,1) 0%, rgba(236,109,13,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,202,76,1)), color-stop(100%,rgba(236,109,13,1)));
	background: -webkit-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feca4c', endColorstr='#ec6d0d',GradientType=0 );
	box-shadow: inset 0 0 5px rgba(255,255,255,.55);
	color: #fff;
	font: 700 14px 'Open Sans';
	text-shadow: 0 1px rgba(0,0,0,.12);
}

.gallery{ margin-left: -12px; }
.gallery .item{ margin-left: 12px; margin-bottom: 12px; }
.gallery .item img{ border: 2px solid #fff; display: block; box-shadow: 0 0 8px rgba(0,0,0,.22); }
.gallery .item img:hover{ border-color: #196ba4; }

.news{font: 12px/18px 'Open Sans'; margin-bottom: 15px; }
.news.last{ margin-bottom: 0; }
.news .image{ margin-right: 15px; }
.news .image img{ border: 1px solid #c8d1d6; }
.news .date{ color: #959595; }
.news a{ color: #07578f; }
.news a:hover{ text-decoration: none; }
.news .name{ font-size: 16px; }
.news .desc{ color: #2d3237; margin-top: 10px; width: 630px; }
.news .desc p{ margin-bottom: 10px; }

.form p{ color: #2d3237; font: 700 12px/18px 'Open Sans'; margin-bottom: 5px; }
.input{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	height: 38px;
	width: 285px;
	padding: 0 10px;
	border: 1px solid #c8d1d6;
	margin-bottom: 15px;
	font: 12px 'Open Sans';
	color: #6b6b6b;
}
.form .necessarily{ color: #c62303; font-weight: 700; }
.form .form-name{
	color: #013c64;
	font: 24px/18px 'Open Sans';
	margin-bottom: 20px;
}
.form .forgot_pass{ color: #07578f; font-size: 14px; font-weight: 400; display: inline-block; margin-bottom: 15px;  }
.form .forgot_pass:hover{ text-decoration: none; }
.form .selectbox{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	height: 38px;
	width: 305px;
	border: 1px solid #c8d1d6;
	margin-bottom: 15px;
}
.form .selectbox .select{ width: 100%; cursor: pointer; background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/select_arrow_icon.png) 96.5% 50% no-repeat; }
.form .selectbox .select .text{ font: 12px/38px 'Open Sans'; color: #6b6b6b; padding: 0 10px; }
.form .dropdown{
	width: 100%;
	margin-left: -1px;
	border: 1px solid #c8d1d6;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}
.form .dropdown li{
	cursor: pointer;
	font: 12px/30px 'Open Sans';
	color: #6b6b6b;
	padding: 0 10px;
}
.form .dropdown li:hover{ background: #eee; }
.form .block{ margin-bottom: 35px; }
.form .block-name{ color: #2d3237; font: 16px/18px Arila; margin-bottom: 15px;}

.social_auth{ margin-top: 20px; }
.social_auth .links{ background: #d9e9ed; padding: 12px 15px; }
.social_auth img{ display: block; margin-right: 10px; float: left; }

.modal{ background: #eff7f9; padding: 10px; display: none; }
.modal > .left{ padding-right: 35px; }
.modal > .right.register{ border-left: 1px solid #d9e9ed;}
.modal > .right{ padding-left: 35px; }
.modal button{
	border-radius: 5px;
	border: 1px solid #d26f19;
	height: 35px;
	padding: 0 33px;
	cursor: pointer;
	background: rgb(254,202,76);
	background: -moz-linear-gradient(top,  rgba(254,202,76,1) 0%, rgba(236,109,13,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,202,76,1)), color-stop(100%,rgba(236,109,13,1)));
	background: -webkit-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feca4c', endColorstr='#ec6d0d',GradientType=0 );
	box-shadow: inset 0 0 5px rgba(255,255,255,.55);
	color: #fff;
	font: 700 14px 'Open Sans';
	text-shadow: 0 1px rgba(0,0,0,.12);
	min-width: 165px;
}

input[data-commerce-action="recount"]{
	width:80px;
}

.checkout .steps{ margin-bottom: 10px; box-shadow: 0 0 8px rgba(0,0,0,.22); background: #fff; }
.checkout .steps .step1{
	color: #4e5a18;
	font: 14px/51px 'Open Sans';
	height: 51px;
	text-align: center;
	background: #adc933 url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/step1_complite_bg.png) 95% 50% no-repeat;
	width: 326px;
	position: relative;
}
.checkout .steps .step1:after{
	width: 13px;
	height: 51px;
	text-indent: -99999px;
	content: "1";
	position: absolute;
	top: 0;
	right: -13px;
	display: block;
	z-index: 99;
	background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/step1_after_arrow.png) 0 0 no-repeat;
}
.checkout .steps .step2{
	background: #0d4269;
	color: #fff;
	font: 14px/51px 'Open Sans';
	height: 51px;
	text-align: center;
	width: 326px;
	position: relative;
}
.checkout .steps .step2:after{
	width: 12px;
	height: 51px;
	text-indent: -99999px;
	content: "1";
	position: absolute;
	top: 0;
	right: -12px;
	display: block;
	background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/step2_after_arrow.png) 0 0 no-repeat;
}
.checkout .steps .step3{
	color: #2d3237;
	font: 14px/51px 'Open Sans';
	height: 51px;
	text-align: center;
	width: 326px;
	position: relative;
}

.checkout .page_content{ margin-bottom: 80px; }

.delivery_form .input{ width: 403px; }
.delivery_form .selectbox{ width: 423px; }
.delivery_form .input_desc{ color: #6b6b6b; font-size: 11px; font-weight: 400; margin: -10px 0 12px; }
.delivery_form .day, .delivery_form .month, .delivery_form .year{ margin-right: 10px; }
.delivery_form .day .selectbox{ width: 54px; }
.delivery_form .month .selectbox{ width: 94px; }
.delivery_form .year .selectbox{ width: 74px; }
.delivery_form .day .selectbox .select{ background-position: 35px 50%; }
.delivery_form .month .selectbox .select{ background-position: 75px 50%; }
.delivery_form .year .selectbox .select{ background-position: 55px 50%; }

.delivery_methods .method{ margin-bottom: 20px; }
.delivery_methods p{ font-weight: 400; display: inline-block; margin-top: 5px; }
.delivery_methods input[type=radio]{ display: none; }
.delivery_methods label{
	padding-right: 25px;
	height: 74px;
	width: 100px;
	cursor: pointer;
	background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/delivery_method_radio.png) 0 -74px no-repeat;
}
.delivery_methods input[type=radio]:checked + label{ background-position: 0 0; }

.payment_methods input[type=radio]{ display: none; }
.payment_methods .method{ margin-right: 25px; }
.payment_methods label{
	padding-left: 30px;
	padding-top: 90px;
	padding-bottom: 10px;
	cursor: pointer;
	width: 95px;
	color: #2d3237;
	display: table-cell;
	vertical-align: middle;
	font: 12px/18px 'Open Sans';
	background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio.png) 0 90px no-repeat;
}
.payment_methods input[type=radio]:checked + label{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio_active.png) 0 90px no-repeat; }

.payment_methods label.non-cash{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_non-cash.png) 0 9px no-repeat; }
.payment_methods input[type=radio]:checked + label.non-cash{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio_active.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_non-cash_active.png) 0 0 no-repeat; }
.payment_methods label.cash{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_cash.png) 0 9px no-repeat; }
.payment_methods input[type=radio]:checked + label.cash{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio_active.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_cash_active.png) 0 0 no-repeat; }
.payment_methods label.sberbank{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_sberbank.png) 0 9px no-repeat; }
.payment_methods input[type=radio]:checked + label.sberbank{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio_active.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_sberbank_active.png) 0 0 no-repeat; }
.payment_methods label.yandex{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_yandex.png) 0 9px no-repeat; }
.payment_methods input[type=radio]:checked + label.yandex{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio_active.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_yandex_active.png) 0 0 no-repeat; }
.payment_methods label.qiwi{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_qiwi.png) 0 9px no-repeat; }
.payment_methods input[type=radio]:checked + label.qiwi{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio_active.png) 0 90px no-repeat, url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_qiwi_active.png) 0 0 no-repeat; }

.cart-info-table{
	width: 980px;
	margin-left: -18px;
	border-collapse: collapse; 
	border-spacing: 0px;
	margin-bottom: 15px;
}
.cart-info-table th{
	border-bottom: 2px solid #217bba;
	padding: 0 0 0 30px;
	height: 43px;
	color: #fff;
	font: 16px/18px 'Open Sans';
	text-shadow: 0 1px rgba(118,138,148,.61);
	background: rgb(133,199,235);
	background: -moz-linear-gradient(top,  rgba(133,199,235,1) 0%, rgba(82,156,195,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,199,235,1)), color-stop(100%,rgba(82,156,195,1)));
	background: -webkit-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: -o-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: -ms-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: linear-gradient(to bottom,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c7eb', endColorstr='#529cc3',GradientType=0 );
}
.cart-info-table td{ padding: 15px 0 15px 30px; color: #2d3237; font: 12px/18px 'Open Sans'; text-align: center; border-bottom: 1px solid #c8d1d6; }
.cart-info-table td.image div{
	border: 1px solid #c8d1d6;
	border-radius: 10px;
	text-align: center;
	height: 136px;
	width: 147px;
	line-height: 136px;
	background: #fff;
}
.cart-info-table td.image div img{ vertical-align: middle; }
.cart-info-table td.name{ text-align: left; }
.cart-info-table td.name a{ color: #07578f; font-size: 20px; }
.cart-info-table td.name a:hover{ text-decoration: none; }
.cart-info-table td.total{ color: #334858; font-size: 12px; font-weight: 700; }
.cart-info-table td.total span{ font-size: 18px; }

.cart-info-table td.image{ width: 150px; }
.cart-info-table td.name{ width: 260px; }
.cart-info-table td.number{ width: 125px; }
.cart-info-table td.price{ width: 130px; }
.cart-info-table td.total{ width: 170px; padding-right: 30px; }
.cart-info-table td.delete{ width: 25px; padding: 0 30px 0 0; }

#cart-total{
	background: #e6f3fa;
	padding: 27px 15px;
	color: #334858;
	font: 22px/20px 'Open Sans';
	margin-bottom: 20px;
}
#cart-total .price{ font: 700 16px/20px 'Open Sans'; }
#cart-total .price span{ font-size: 33px; }
#cart-total .update{ margin-left: 15px; text-align: center; margin: -17px 0 -17px; }
#cart-total .update a{ color: #8b9faa; font: 12px/20px 'Open Sans'; text-decoration: none; }
#cart-total .update a:hover{ color: #334858; }

.cart_submit{
	border-radius: 5px;
	border: 1px solid #d26f19;
	height: 35px;
	padding: 0 20px;
	cursor: pointer;
	margin-left: 40px;
	background: rgb(254,202,76);
	background: -moz-linear-gradient(top,  rgba(254,202,76,1) 0%, rgba(236,109,13,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,202,76,1)), color-stop(100%,rgba(236,109,13,1)));
	background: -webkit-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,202,76,1) 0%,rgba(236,109,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feca4c', endColorstr='#ec6d0d',GradientType=0 );
	box-shadow: inset 0 0 5px rgba(255,255,255,.55);
	color: #fff;
	font: 700 14px 'Open Sans';
	text-shadow: 0 1px rgba(0,0,0,.12);
}
.continue{ color: #07578f; font: 14px/37px 'Open Sans'; }
.continue:hover{ text-decoration: none; }

.cabinet{ padding: 0 18px 18px; margin-bottom: 80px; }
.cabinet .page-title{
	color: #013c64;
	font: 18px/51px 'Open Sans';
	background: #e6f3fa;
	padding: 0 30px;
	margin-left: -18px;
	width: 920px;
}
.lk_menu ul{
	display: table;
	width: 980px;
	margin-left: -18px;
}
.lk_menu li{
	display: table-cell;
	background: #bfdff0;
	height: 51px;
	text-align: center;
	width: 245px;
	position: relative;
}
.lk_menu li.selected{ background: #013c64; }
.lk_menu li.selected:after{
	width: 10px;
	height: 5px;
	text-indent: -99999px;
	content: "1";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -2px;
	display: block;
	background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/lk_menu_arrow.png) 0 0 no-repeat;
}
.lk_menu li a{ color: #2d3237; font: 14px/51px 'Open Sans'; text-decoration: none; display: block; height: 51px; }
.lk_menu li a:hover{ text-decoration: underline; }
.lk_menu li.selected a{ color: #fff; }

.profile_form{ padding: 20px; }
.profile_form > .right{ width: 430px; }
.profile_form .input{ width: 403px; }
.profile_form .selectbox{ width: 423px; }
.profile_form input[type=radio]{ display: none; }
.profile_form label{
	padding-left: 32px;
	margin-bottom: 15px;
	min-width: 80px;
	cursor: pointer;
	color: #2d3237;
	font: 12px/24px 'Open Sans';
	background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio.png) 0 0 no-repeat;
}
.profile_form input[type=radio]:checked + label{ background: url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/payment_method_radio_active.png) 0 0 no-repeat; }
.profile_form .submit{ height: 35px; width: 166px; }
.noti.successfully{
	background: #e5f1dc url(/web/20180903232435im_/http://%D0%B2%D1%81%D1%8F-%D0%B3%D0%B8%D0%B4%D1%80%D0%BE%D0%B8%D0%B7%D0%BE%D0%BB%D1%8F%D1%86%D0%B8%D1%8F.%D1%80%D1%84/images/successfully_noti_icon.png) 15px 60% no-repeat;
	height: 37px;
	color: #41721d;
	font: 700 12px/37px 'Open Sans';
	margin: 9px 0 0 20px;
	padding: 0 45px;
	width: 149px;
}
table{width:100%;}
.table{
	width: 980px;
	margin-left: -18px;
	border-collapse: collapse; 
	border-spacing: 0px;
	margin-bottom: 60px;
}
.table th{
	border-bottom: 2px solid #217bba;
	padding: 0 0 0 30px;
	text-align: left;
	height: 43px;
	color: #fff;
	font: 16px/18px 'Open Sans';
	text-shadow: 0 1px rgba(118,138,148,.61);
	background: rgb(133,199,235);
	background: -moz-linear-gradient(top,  rgba(133,199,235,1) 0%, rgba(82,156,195,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,199,235,1)), color-stop(100%,rgba(82,156,195,1)));
	background: -webkit-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: -o-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: -ms-linear-gradient(top,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	background: linear-gradient(to bottom,  rgba(133,199,235,1) 0%,rgba(82,156,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c7eb', endColorstr='#529cc3',GradientType=0 );
}
.table td{ padding: 15px 0 15px 30px; color: #2d3237; font: 12px/18px 'Open Sans'; text-align: left; border-bottom: 1px solid #c8d1d6; background: #eff7f9; }
.table a.show{ text-decoration: none; border-bottom: 1px dashed #07578f; color: #07578f; }
.table a.show:hover{ border:none; }
.table td .hide{ display: none; }

.can_read{
	width: 920px;
	padding: 17px 30px;
	background: #eef1f3;
	margin-left: -18px;
	margin-bottom: -18px;
	color: #2d3237;
	font: 12px/18px 'Open Sans';
}
.can_read a{ color: #07578f; }
.can_read a:hover{ text-decoration: none; }
/* End Стили основного блока сайта */

/*=============================*/

/* Стили подвала сайта */
footer{
	padding: 40px 0 32px;
	background: url(./../images/footer_bg.png) 50% 0 repeat-x;
	color: #2e2e2e;
	font: 12px/18px 'Open Sans';
	margin-top: auto;
	padding-bottom:0;
}
footer a{ color: #3c5c91; }
footer a:hover{ text-decoration: none; }
footer .copyright{ padding-right: 30px; border-right: 1px solid #d6d7da; }

/* ----------------------------------------------AjaxSearch-------------------------------------*/

#ajaxSearch_form{ padding:0px; margin:0px;} /*убираем отступы в форме поиска*/

#ajaxSearch_input{height: 29px;
	
	padding: 0 30px 0 12px;
	border: 1px solid #144c74;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );  } /*стиль для поля ввода.*/
.ajaxSearch_result { border:1px dotted #eee; padding:5px 10px; margin:0px;}/*стиль для вывода результата*/
.ajaxSearch_highlight {background-color:#b2c629; color:#FFFFFF} /*выделение искомого слова фоном*/
.ajaxSearch_grpResultName{ font-weight:bold; }
.ajaxSearch_resultLink{ font-size:1.1em; font-weight:bold; text-decoration:underline;} /*стиль для ссылки с результатом*/
.ajaxSearch_paging { display:block; padding:10px 0;}/*стиль для блока с постраничной навигацией на странице с результатами*/

.ajaxSearch_paging .ajaxSearch_currentPage{color:#fff; background-color:#B2C629; border:1px solid #6f7b1a; padding: 1px 3px; font-weight:bold; margin:2px;} /*стиль для номера текущей страницы с результатами поиска*/
#ajaxSearch_intro{} /*cтиль для строчки "Введите ваш запрос для начала поиска". Пока пусто, можете прописать ваши стили*/

footer .email{ padding-left: 30px; }
footer .creator{ width: 178px; font-size: 11px; }
/* End Стили подвала сайта */
.ajaxSearch_resultsInfos{clear:both; margin-top:20px;}
label {	
	display: inline-block;
}

/* Десктоп: две колонки */
.auth-tabs.mobile-only {
  display: none;
}
.auth-container {
  display: flex;
  flex-wrap: wrap;
  width:800px;
}
.auth-container .left.register,
.auth-container .right.login {
  width: 50%;
  padding: 15px;
  box-sizing: border-box;
}

/* Мобильная версия: вкладки + один экран за раз */
@media (max-width: 768px) {
  .auth-tabs.mobile-only {
    display: flex;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
  }
  .auth-tabs button.tab-btn {
    flex: 1;
    padding: 12px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
  }
  .auth-tabs button.tab-btn.active {
    border-bottom: 2px solid #007bff;
    font-weight: bold;
  }
  .auth-container {
    display: block;
  }
  .auth-container .left.register,
  .auth-container .right.login {
    width: 100%;
    padding: 0;
  }
  #register-panel, #login-panel {
    display: none;
  }
  #login-panel.active, #register-panel.active {
    display: block;
  }
}

#brands img{
	padding:10px;
	margin:10px;
	height:55px;
	box-shadow:0 0 5px lightgrey;
}
/*
	==============================================
	CSS3 ANIMATION CHEAT SHEET
	==============================================
	
	Made by Justin Aguilar
	
	www.justinaguilar.com/animations/
	
	Questions, comments, concerns, love letters:
	justin@justinaguilar.com
	==============================================
*/

/*
	==============================================
	slideDown
	==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
	==============================================
	slideUp
	==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	
	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	
	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
	==============================================
	slideLeft
	==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	
	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	
	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		transform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
	==============================================
	slideRight
	==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	
	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	
	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
	==============================================
	slideExpandUp
	==============================================
*/


.slideExpandUp{
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	
	
	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;
	
	visibility: visible !important;	
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}

/*
	==============================================
	expandUp
	==============================================
*/


.expandUp{
	animation-name: expandUp;
	-webkit-animation-name: expandUp;	
	
	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;
	
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;		
	
	visibility: visible !important;	
}

@keyframes expandUp {
	0% {
		transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		transform: translateY(3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
	}	
}

@-webkit-keyframes expandUp {
	0% {
		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		-webkit-transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
	}	
}

/*
	==============================================
	fadeIn
	==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	
	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	
	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

/*
	==============================================
	expandOpen
	==============================================
*/


.expandOpen{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	
	
	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	
	visibility: visible !important;	
}

@keyframes expandOpen {
	0% {
		transform: scale(1.8);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}

/*
	==============================================
	bigEntrance
	==============================================
*/


.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	
	
	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	
	visibility: visible !important;			
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}				
}

/*
	==============================================
	hatch
	==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	
	
	animation-duration: 2s;	
	-webkit-animation-duration: 2s;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 
	
	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}


/*
	==============================================
	bounce
	==============================================
*/


.bounce{
	animation-name: bounce;
	-webkit-animation-name: bounce;	
	
	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;
	
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 	
}

@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}


/*
	==============================================
	pulse
	==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	
	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

/*
	==============================================
	floating
	==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;
	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/*
	==============================================
	tossing
	==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	
	
	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*
	==============================================
	pullUp
	==============================================
*/

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	
	
	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
	==============================================
	pullDown
	==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	
	
	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	
	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
	==============================================
	stretchLeft
	==============================================
*/

.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	
	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	
	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/*
	==============================================
	stretchRight
	==============================================
*/

.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	
	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}
.page_content ul>li>ul {padding-left:20px;}
#girl{
	position:fixed;
	bottom:28px;
	right:50px;
	z-index:9999;
	cursor:pointer;
	display:none;
}
.page_content ul>li>ul>li>ul {padding-left:40px;}
.page_content ul>li>ul>li>ul>li>ul {padding-left:60px;}


#warring{display:none; background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
position:fixed; height:50px; bottom:0; left:0; width:100%; z-index: 999;}
#warring div {color: white;
	width: 980px;
	margin-left: -490px;
	left: 50%;
	
	text-align: center;
	font-size: 28px;
	line-height: 48px;
	font-family: 'Open Sans';
text-shadow: 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 8px 10px rgba(0,0,0,.2), 0 15px 20px rgba(0,0,0,.15);}
.slides {position:relative;}
/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
	}
    6% {
        opacity:1;
	}
    24% {
        opacity:1;
	}
    30% {
        opacity:0;
	}
    100% {
        opacity:0;
	}
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
	}
    6% {
        opacity:1;
	}
    24% {
        opacity:1;
	}
    30% {
        opacity:0;
	}
    100% {
        opacity:0;
	}
}

.slides div {
    opacity:0;
    position:absolute;
    top:0;
	
    /* анимация css3 */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 18.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
	
    -moz-animation-name: anim_slides;
    -moz-animation-duration: 18.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* Задержки css3 */
.slides div:nth-child(2){
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides div:nth-child(3){
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
img {max-width:100%;}

/*
	FILE ARCHIVED ON 23:24:35 Sep 03, 2018 AND RETRIEVED FROM THE
	INTERNET ARCHIVE ON 06:14:57 Jun 25, 2026.
	JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
	
	ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
	SECTION 108(a)(3)).
*/
/*
	playback timings (ms):
	capture_cache.get: 0.436
	load_resource: 376.001 (2)
	PetaboxLoader3.resolve: 222.603 (2)
	PetaboxLoader3.datanode: 116.689 (2)
*/
.excel{
	background: url(./../images/page_excel.png) no-repeat;
}
#catalog_link{
	display:none;
}
#tab1{
	background-size: cover;
	background-image: url(./../images/tab1.jpg);
}
@media (max-width: 992px) {
	.products .product{
		width: 100%;
        /*margin: 5px 5%;*/
	}
	#warring div{
		width: 100%;
		font-size: 12px
		display:none !important;
	}
	#categories li{
		width:100%;
		display: inline;
	}
	header .logo{
		width:100%;
	}
	header .links{
		width:100%;
		text-align: center;
	}
	header .links .consult, header .links .email, header .links .excel{
		background:none;
	}
	#about, #articles{
		width: 90%;
		margin: 0 5% 10px;
		float:none;
	}
	#articles .article .desc{
		width: calc(100% - 115px);
	}
	#delivery .item{ 
		width: 100%; 
		margin-bottom:10px;
	}
	#delivery .item img{
		width:40px;
		margin-right:
	}
	#delivery .item a{
		font-size:16px;
		line-height:50px;
		height:auto;
	}
	#menubox, #menubox .catalog{
		background:none;
		border:none;
	}
	#menubox .menu li{
		border:none;
	}
	#menubox{
		height:auto;
		margin-bottom:0;		
	}
	#menubox .menu{
		padding-top:0;
		border-left:none;
		background: #3185bf;
        padding-top: 10px;
		margin-top:0;
	}
	#menubox .menu a{
		color: #fff;
	}
	.catalog{
		display:none;
	}
	#categories{
		display:none;
	}
	#catalog_link{
		display:block;
	}
	#banners{
		display:none;
	}
	section.products, .product_info .products{
		width: 90%;
		margin-left: 5%;
	}
	#delivery{
		background:#013C64;
	}
	footer{
		background: white;
		padding-left: 10px;
		padding-right: 10px;
		padding-top:10px;
		padding-bottom: 15px;
	}
	footer .copyright, footer .email{
		width:100%;
		padding:0;
		float:none;
	}
	footer br{
		display:none;
	}
	
	#delivery .items{
        padding:0 15px;
	}
	header .phones{
		width:100%;
	}
	
	.icon40{
		width:40% !important;	
	}
	.icon60{
		width:60% !important;
	}
	asside{
		width: 100%;
		float: none;
		min-height: auto;
	}
	#products{
		width: 100%;
		float: none;
	}
	aside{
		width:100%;
		min-height:auto
	}
}

.toast-container {
	position: fixed;
	top: 15px;
	right: 15px;
	width: var(--toast-width);
	z-index:99999;
}

.toast {
	font-size: .875rem;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.05);
	border-radius: var(--toast-border-radius);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	position: relative;
	overflow: hidden;
	transition: .3s opacity;
}

.toast_default {
	color: #212529;
	background-color: var(--toast-theme-default);
}

.toast_primary {
	color: #fff;
	background-color: var(--toast-theme-primary);
}

.toast_secondary {
	color: #fff;
	background-color: var(--toast-theme-secondary);
}

.toast_success {
	color: #fff;
	background-color: var(--toast-theme-success);
}

.toast_danger {
	color: #fff;
	background-color: var(--toast-theme-danger);
}

.toast_warning {
	color: #fff;
	
	background-color: var(--toast-theme-warning);
}

.toast_info {
	color: #212529;
	background-color: var(--toast-theme-info);
}

.toast_light {
	color: #212529;
	background-color: var(--toast-theme-light);
}

.toast_dark {
	color: #fff;
	background-color: var(--toast-theme-dark);
}

.toast_danger .toast__close,
.toast_dark .toast__close,
.toast_primary .toast__close,
.toast_secondary .toast__close,
.toast_success .toast__close {
	filter: invert(1);
}

.toast:not(:last-child) {
	margin-bottom: .75rem;
}

.toast:not(.toast_show) {
	display: none;
}

.toast_showing {
	opacity: 0;
}

.toast__header {
	position: relative;
	padding: .5rem 2.25rem .5rem 1rem;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.05);
	font-weight:700;
}

.toast__close {
	content: "";
	position: absolute;
	top: .75rem;
	right: .75rem;
	width: .875em;
	height: .875em;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.875em auto no-repeat;
	border: 0;
	opacity: .5;
	cursor: pointer;
	transition: opacity .1s ease-in-out;
}

.toast__close:hover {
	opacity: 1;
}

.toast__body {
	padding: 1rem;
}

.toast_message .toast__body {
	padding-right: 2.25rem;
}

.tabs-container {
	max-width: 100%;
	
}

.tabs-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	overflow-x: auto; /* горизонтальная прокрутка на мобильных, если много табов */
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}

.tabs-nav::-webkit-scrollbar {
	height: 6px;
}
.tabs-nav::-webkit-scrollbar-track {
	background: transparent;
}
.tabs-nav::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 3px;
}

.tabs-nav li {
	flex: 0 0 auto;
}

.tabs-nav button {
	padding: 10px 16px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #333;
	cursor: pointer;
	border-radius: 6px 6px 0 0;
	font-size: 14px;
	white-space: nowrap;
}

.tabs-nav button:hover {
	background: #e9e9e9;
}

.tabs-nav button.active {
	background: linear-gradient(to bottom, rgba(254, 202, 76, 1) 0%, rgba(236, 109, 13, 1) 100%);
	border-bottom: 1px solid #fff; 
	color: #fff;
	font-weight: 600;
}

.tabs-content {
	border: 1px solid #ddd;
	border-top: none;
	padding: 20px;
	min-height: 120px;
}

.tabs-content h3{
	display:none;
}

/* Адаптив: на очень узких экранах кнопки можно сделать чуть меньше */
@media (max-width: 480px) {
	.tabs-nav button {
		padding: 8px 12px;
		font-size: 13px;
	}
}
.page_content .tab-panel ul li:before{
	content: "\25CF"; 
	font-size: 20px; 
	color: #d26f19; 
	margin-right: 8px; 
}
.page_content table{
	margin:10px 0;
}
.page_content .tab-panel table{
	margin-top:0 0 10px 0;
	
}

.page_content table thead tr{
	box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.page_content table{
	border-radius:15px;
	box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.page_content table tr:nth-child(2n+1){
	/*background-color:#fbfbfb;*/
}
.page_content table tr:hover{
	background-color:#f5f5f5;
	cursor:pointer;
}
.page_content table tr td:nth-child(1){
	padding-left:10px;
}
.page_content table tr{
	border-bottom: 1px solid #f2f2f2;
}
.page_content table td{
	
	padding-top: 16px;
    padding-bottom: 16px;
}


.catalogue-list {
	width: 100%;
	margin: 20px 0;
	/*overflow:hidden;*/
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.catalogue-list .item_card {
	flex: 0 0 calc(25% - 15px); /* 4 карточки в ряд с отступами */
	box-sizing: border-box;
	min-height: 240px;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
	/*border:solid 1px #c7c7c7;*/
	/*background:#fbfbfb;*/
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	position:relative; 
	background:white;
}
.analog .item_card {
	flex: 0 0 calc(33.3% - 15px);
}
.catalogue-list .item_card .title_card{
	line-height:1;
}
.catalogue-list .item_card:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#mobile_bar,
#mobile_menu,
#filter_bars{
	display:none;
}
@media (max-width: 960px) {
	.catalogue-list > div:nth-child(2n) {
		margin-right: 0;
	}
	.catalogue-list > div{
		flex: 0 0 calc(50% - 10px) !important; 
	}
	html, body{
		background-position-y:145px;
	}
	header .links,
	header .phones,
	header .cart,
	header .auth,
	#menubox{
		display:none;
	}
	#mobile_bar{
		display:block;
		height:42px;
		padding:5px 10px;
		text-align:right;
		background:#3185bf;
		margin-bottom:30px;
		line-height:1;
	}
	#filter_bars{
		display:block;
		text-align:right;
	    font-size: 24px;
	}
	#mobile_bar a{
		color:white;
		font-size:30px;
		margin-left:20px;
	}
	#mobile_cart{
		position:relative;
	}
	#mobile_cart span{
		position: absolute;
        right: -10px;
        bottom: 0px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        font-size: 14px;
        background: red;
        font-weight: 700;
	}
	#mobile_contact{
		text-align:center;
		min-width:350px;
	}
	#mobile_contact h3{
		font: 24px / 24px HeliosCondBlack;
		margin-bottom:20px;
		text-transform:uppercase;
	}
	#mobile_contact p i{
		color:#2d7bb0;
	}
	#mobile_contact a{
		text-decoration:none;
	}
	#mobile_menu{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: #f6f7f8;
        z-index: 2;
		overflow-y: auto;
	}
	#mobile_menu_close{
		position:absolute;
		font-size:24px;
		top:10px;
		right:10px;
		z-index:5;
	}
	#brands_wrap{
		margin:0 5%;
	}
	.catalogue-list .item_card{
		font-size:14px;
	}
}
.collapsible {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out; /* Длительность и плавность */
}

.collapsible.open {
  max-height: 700px; /* Берём с запасом */
}


.footer-col {
  box-sizing: border-box;
  padding: 0 15px;
  margin-bottom: 10px; /* отступ снизу для мобильных */
}

/* 4 колонки на десктопе */
.footer-col {
  width: 25%;
  float: left;
}

/* Адаптив: на мобильных — одна колонка */
@media (max-width: 768px) {
  .footer-col {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}


/* Стили для блока рейтингов (чтобы выглядело опрятно) */
.ratings-block {
  font-family: inherit;
  line-height: 1.5;
  color: #333;
}
.ratings-block strong {
  display: block;
  margin-bottom: 6px;
}
.ratings-block small {
  color: #777;
}

/* Ссылки в футере */
.footer-col a {
  color: #555;
  text-decoration: none;
}
.footer-col a:hover {
  color: #007bff; /* или твой акцентный цвет */
  text-decoration: underline;
}

/* Если используешь .clear — пусть работает */
.clear {
  clear: both;
  display: block;
}


.table-responsive{
	max-width:100%;
	overflow-x:auto;
}

/* custom theme menu */
.slinky-menu{
	text-align: left;
}
.slinky-theme-default{
	background-color: #fff;
}
.slinky-menu .header{
	background-color: #f2f2f2;
}
.slinky-menu ul{
	padding-left: 0;
}
.slinky-menu ul a{
	text-decoration: none;
}
.slinky-menu ul a:focus{
	outline: none;
}
.slinky-theme-default .next::after,
.slinky-theme-default .back::before{
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZD0ibTQwLjQsMTIxLjNjLTAuOCwwLjgtMS44LDEuMi0yLjksMS4ycy0yLjEtMC40LTIuOS0xLjJjLTEuNi0xLjYtMS42LTQuMiAwLTUuOGw1MS01MS01MS01MWMtMS42LTEuNi0xLjYtNC4yIDAtNS44IDEuNi0xLjYgNC4yLTEuNiA1LjgsMGw1My45LDUzLjljMS42LDEuNiAxLjYsNC4yIDAsNS44bC01My45LDUzLjl6IiBmaWxsPSIjMDAwMDAwIi8+CiAgPC9nPgo8L3N2Zz4K)
}
.slinky-theme-default a:not(.back):hover{
	background-color: #1565c1;
	color: #fff;
}
.slinky-theme-default a:not(.back):hover::after,
.slinky-theme-default a:not(.back):hover::before{
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZD0ibTQwLjQsMTIxLjNjLTAuOCwwLjgtMS44LDEuMi0yLjksMS4ycy0yLjEtMC40LTIuOS0xLjJjLTEuNi0xLjYtMS42LTQuMiAwLTUuOGw1MS01MS01MS01MWMtMS42LTEuNi0xLjYtNC4yIDAtNS44IDEuNi0xLjYgNC4yLTEuNiA1LjgsMGw1My45LDUzLjljMS42LDEuNiAxLjYsNC4yIDAsNS44bC01My45LDUzLjl6IiBmaWxsPSIjRkZGRkZGIi8+CiAgPC9nPgo8L3N2Zz4K)
}

@media (max-width: 600px) {
	/*.catalogue-list > div{
		flex: 0 0 100% !important; 
	}*/
}

.catalogue-list div:nth-child(4n) {
	margin-right: 0;
}

.catalogue-list a {
	text-decoration: none;
}

.catalogue-list .art{
	font-size: 12px;
	margin-bottom: 5px;
}

.catalogue-list span {
	padding: 5px 0;
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-family: "Trebuchet MS";
	color: #2f8db8;
	font-size: 14px;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #4682b4ab; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	opacity: 0; 
	transition: opacity 0.3s ease; 
	z-index: 1; 
}


.catalogue-list div:hover .overlay {
	opacity: 1;
}


.overlay a {
	text-decoration: none;
	color: white;
	padding: 10px 20px;
	margin: 5px;
	border: 2px solid white;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	transition: all 0.3s ease;
	width:140px;
}


.overlay a:hover {
	background-color: white;
	color: #333;
}

.catalogue-list .item_card .price-wrapper {
	position: absolute;
	bottom: 15px;          /* отступ снизу */
	left: 0;
	right: 0;
}

.catalogue-list .item_card .price {
	margin: 0;             /* убираем лишние отступы у p */
	font-weight: bold;     /* опционально */
}
.price_request{
	color:grey;
}

.filters-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.filter-select {
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	min-width: 180px;
	background-color: #fff;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 16px;
}

.filter-select:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 3px rgba(0,123,255,0.15);
}

@media (max-width: 768px) {
	.filters-wrapper {
		flex-direction: column;
	}
	.filter-select {
		width: 100%;
	}
}


.item_card_full {
	display: flex;
	align-items: stretch;
	gap: 20px;
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	width: 100%;
	box-sizing: border-box;
	flex-wrap: wrap;
}

.item_card_full .card-image {
	flex: 0 0 200px;       /* фиксированная ширина фото */
	min-width: 200px;     /* чтобы не сжималось меньше */
}

.item_card_full .card-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

.item_card_full .card-content {
	flex: 1;               /* занимает всё оставшееся место */
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.item_card_full .art {
	font-size: 13px;
	color: #777;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.item_card_full .title_card {
	margin: 0 0 12px 0;
	line-height: 1.2;
	font-size: 22px;
}

.item_card_full .short-desc {
	margin: 0 0 20px 0;
	color: #333;
	line-height: 1.5;
	flex: 1;               /* прижмёт цену/кнопку вниз, если описание короткое */
}

.item_card_full .price-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: auto;      /* прижимает блок цены/кнопки к низу */
}

.item_card_full .price {
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}

.item_card_full .btn-details {
	text-decoration: none;
	color: white;
	background-color: #2f8db8;
	padding: 12px 24px;
	border-radius: 6px;
	font-weight: 600;
	transition: background-color 0.3s ease, transform 0.2s ease;
	white-space: nowrap;
}

.item_card_full .btn-details:hover {
	background-color: #1f6b8b;
	transform: translateY(-2px);
}


@media (max-width: 768px) {
	.item_card_full {
		flex-direction: column;
	}
	
	.item_card_full .card-image {
		flex: 0 0 auto;
		width: 100%;
		min-width: auto;
		margin-bottom: 20px;
	}
	
	.item_card_full .price-wrapper {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}
	
	.item_card_full .btn-details {
		text-align: center;
	}
}
.table-cart thead td{
	padding-left:10px;
	text-transform: uppercase;
	font-weight:600;
	font-size:16px;
}
.table-cart button{
	width:32px;
	
}
.form-group{
	margin-bottom:15px;
}
.form-group  label{
	display:block;
	width:100%;
}
.form-group  input,
.form-group  textarea{
	width:100% !important;
	padding-left:10px;
}
.form-group .error{
	color:red;
	font-size:12px;
}



.product_info .info .row {
	display: flex;
	flex-wrap: wrap;
}

.product_info .info .col-image,
.product_info .info .col-details {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}


@media (min-width: 768px) {
	.product_info .info .col-image {
		width: 333px;
		flex-shrink: 0;
	}
	.product_info .info .col-details {
		width: calc(100% - 333px);
		padding-left: 35px;
	}
}
.commerce_button{
	background: none;
	border: none;
	margin: 5px 50px;
	cursor: pointer;
	font-size: 15px;
	color: white;
	font-weight: 700;
}
.item_name{
	line-height: 32px; 
	margin-left: 12px;
}

#order_product{	
	width:480px;
	max-width:100%;
}
#order_product .title{
	font-weight:700;
	margin-bottom:20px;
	    font: 32px / 32px HeliosCondBlack;
}
.order_card a{
	text-decoration: none;
    height: 32px;
    display: inline-block;
    line-height: 28px;
	color:white !important;
}



.contacts-wrapper {
  display: flex;
 /* flex-wrap: wrap;*/
  gap: 30px;
  padding: 20px;
  background:white;
  margin-bottom:20px;
}
.feedback-form-section{
	margin-top:20px;	
}

.feedback-form-section .input{
	width:100%;	
}

.feedback-form-section textarea.input{
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
}

.contacts-main {
  flex: 1 1 600px; /* на больших экранах ~600px, на мобильных займёт всю ширину */
}

.contacts-branches {
  flex: 0 0 320px; /* фиксированная ширина справа, если места хватает */
  margin-top: 20px;
}

.section-title, .aside-title {
  margin-bottom: 20px;
  font-size: 24px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}

.contacts-block h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
}

.address, .phone, .fax {
  margin: 4px 0;
}

.contacts-email a {
  color: #0055aa;
  text-decoration: none;
}

/* Форма */
.feedback-form-section h3 {
  margin-bottom: 15px;
  font-size: 18px;
}

.form-row {
  margin-bottom: 15px;
}

.form-row label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}

.form-input, .form-textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box; /* чтобы padding не ломал ширину */
}

.form-textarea {
  resize: vertical;
}

.form-legal {
  font-size: 12px;
  margin: 15px 0 20px 0;
  color: #555;
}

.btn-submit {
  background: #0055aa;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  width: 100%;
}

.btn-submit:hover {
  background: #004488;
}

/* Представительства */
.branch-card {
  border: 1px solid #eee;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 6px;
}

.branch-card strong {
  display: block;
  margin-bottom: 8px;
  color: #222;
}

/* Адаптив */
@media (max-width: 768px) {
  .contacts-wrapper {
    flex-direction: column;
  }
  .contacts-branches {
    width: 100%;
    flex: none;
  }
}