html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}

*{
	box-sizing: border-box;
}


/* font-family: "LatoRegular"; */
@font-face {
    font-family: "LatoRegular";
    src: url("../fonts/lato/LatoRegular/LatoRegular.eot");
    src: url("../fonts/lato/LatoRegular/LatoRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/lato/LatoRegular/LatoRegular.woff") format("woff"),
    url("../fonts/lato/LatoRegular/LatoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoBold"; */
@font-face {
    font-family: "LatoBold";
    src: url(".../fonts/lato/LatoBold/LatoBold.eot");
    src: url("../fonts/lato/LatoBold/LatoBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/lato/LatoBold/LatoBold.woff") format("woff"),
    url("../fonts/lato/LatoBold/LatoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoItalic"; */
@font-face {
    font-family: "LatoItalic";
    src: url("../fonts/lato/LatoItalic/LatoItalic.eot");
    src: url("../fonts/lato/LatoItalic/LatoItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/lato/LatoItalic/LatoItalic.woff") format("woff"),
    url("../fonts/lato/LatoItalic/LatoItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoLight"; */
@font-face {
    font-family: "LatoLight";
    src: url("../fonts/lato/LatoLight/LatoLight.eot");
    src: url("../fonts/lato/LatoLight/LatoLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/lato/LatoLight/LatoLight.woff") format("woff"),
    url("../fonts/lato/LatoLight/LatoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoBoldItalic"; */
@font-face {
    font-family: "LatoBoldItalic";
    src: url("../fonts/lato/LatoBoldItalic/LatoBoldItalic.eot");
    src: url("../fonts/lato/LatoBoldItalic/LatoBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/lato/LatoBoldItalic/LatoBoldItalic.woff") format("woff"),
    url("../fonts/lato/LatoBoldItalic/LatoBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "LatoLightItalic"; */
@font-face {
    font-family: "LatoLightItalic";
    src: url("../fonts/lato/LatoLightItalic/LatoLightItalic.eot");
    src: url("../fonts/lato/LatoLightItalic/LatoLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/lato/LatoLightItalic/LatoLightItalic.woff") format("woff"),
    url("../fonts/lato/LatoLightItalic/LatoLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot');
	src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman'),
		url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* @group Общий стиль */
html,
body {
	width: 100%;
	/*height: 100%;*/
}
body{
	/*background: #EBE8E8;*/
	background: #fff;
	color: #222;
	font: 16px "HelveticaNeueCyr", "LatoRegular", Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-weight: 300;
}
#tinymce{
	background:#fff;
}
#tinymce ul,
#tinymce ol{
	padding:0 0 7px 20px;
}
a{
	color: #666;
	text-decoration: none;
}


h1,
.h1{
	color: #222328;
	/*font-family: "LatoRegular";*/
	font-size: 36px;
	line-height: 1.1;
	/*font-weight: 900;*/
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 20px;
}
h2,
.h2{
	color: #333;
	font-size: 28px;
	font-family: "LatoRegular";
	line-height: 1;
	font-weight: 800;
	padding: 0 0 25px;
	margin: 0;
}
h3,
.h3{
	color: #333;
	font-size: 26px;
	font-family: "LatoRegular";
	line-height: 1;
	padding: 0 0 15px;
}
h4,
.h4{
	color: #333;
	font-size: 22px;
	font-family: "LatoRegular";
	line-height: 1;
	padding: 0 0 15px;
}
hr{
	border: none;
	border-top: #ccc 1px solid;
	margin: 20px 0;
}
.text_center{
	text-align: center;
}

.fx{
	display: flex;
	flex-direction: row;
}
.fx.v{
	flex-direction: column;
}
.fx.c{
	justify-content: center;
}
.fx.w{
	flex-wrap: wrap;
}


.w100{
	width: 100%;
}
.w70{
	width: 70%;
}
.w60{
	width: 60%;
}
.w50{
	width: 50%;
}
.w40{
	width: 40%;
}
.w30{
	width: 30%;
}
.sticky{
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
}

.header{
	border-bottom: #000 2px solid;
}
.header .top_line{
	background: #ECECEC;
}
.header .top_line .phones{
	text-align: center;
	margin: 0 auto;
}
.header .top_line .phones .info{
	display: none;
}
.header .top_line .phone{
	display: inline-block;
	color: #000;
	font-size: 18px;
	margin: 3px 15px;
}

.fancybox-slide .phones{
	text-align: center;
	width: 280px
}
.fancybox-slide .phones .info{
	border-bottom: #999 1px solid;
	font-size: 18px;
	font-family: "LatoLight";
	line-height: 1;
	padding: 0 0 15px;
	margin: 0 0 15px;
}
.fancybox-slide .phones .phone{
	display: block;
	color: #000;
	font-size: 24px;
	font-family: "LatoRegular";
	font-weight: 800;
	margin: 10px 0 0;
}

.header .logo{
	display: block;
	width: 270px;
	max-width: 50%;
	margin: 25px auto;
}
.header .logo img{
	display: block;
	width: 100%;
}
.main_menu{
	background: rgba(255,255,255,.96);
	border-bottom: #ccc 1px solid;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
.main_menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.main_menu > ul{
	display: flex;
	/*justify-content: space-between;*/
	padding: 0 20px;
	margin: 0 auto;
}
.main_menu > ul ul{
	display: none;
}
.main_menu > ul > li{
	position: relative;
}
.main_menu > ul > li:hover{
	background: #dfdfdf;
}
.main_menu > ul > li > a,
.main_menu > ul > li > span{
	display: block;
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
	padding: 15px 20px;
}
.main_menu > ul > li > ul{
	background: #dfdfdf;
	position: absolute;
	top: 100%;
	padding: 10px 0;
}
.main_menu > ul > li:hover > ul{
	display: block;
}
.main_menu > ul > li > ul li{
	display: block;
}
.main_menu > ul > li > ul li:hover{
	background: rgba(0,0,0,.08);
}
.main_menu > ul > li > ul a,
.main_menu > ul > li > ul span{
	display: block;
	color: #000;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 10px 20px;
}


.content_wrapper{
	background: #f6f6f6;
	width: 100%;
	padding: 30px 0;
}
.main_width{
	width: 1200px;
	max-width: calc(100% - 20px);
	margin: 0 auto;
}



.path{
	color: #777;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
	text-overflow: ellipsis;
	/*width: 100%;*/
	overflow: hidden;
	padding: 15px 0;
}
.path a,
.path span{
    color: #777;
}
.path a:hover{
    color: #000;
}
.path:after{
    content: '';
    display: block;
    clear: both;
}
.path > div{
	display: inline;
    position: relative;
    padding: 0 5px 0 0;
    margin: 0 12px 5px 0;
}
.path > div:before{
    content: '';
    border: 4px solid transparent;
    border-left: #999 4px solid;
    position: absolute;
    left: 100%;
    top: 2px;
    position: absolute;
}
.path > div:after{
    content: '';
    border: 4px solid transparent;
    border-left: #f6f6f6 4px solid;
    position: absolute;
    left: calc(100% - 1px);
    top: 2px;
    position: absolute;
}
.path > div:last-child:before,
.path > div:last-child:after{
	display: none;
}
.products_wrapper .path > div[itemtype]:after{
	border-left-color: #f8f8f8;
}
.path i{
    font-style: normal;
}


.sort{
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    clear: both;
    margin: 0 0 20px;
}
.sort > div{
    display: inline-block;
}
.sort > .title{
	color: #777;
	padding: 3px 3px 3px 0;
}
.sort .sort_values{
    background: rgba(0,0,0,.1);
    vertical-align: middle;
    overflow: hidden;
    margin-top: -1px;
}
.sort .sort_values a{
    display: inline-block;
    color: #111;
    padding: 4px 8px 5px;
}
.sort .sort_values a.selected{
    background: rgba(0,0,0,.08);
}
.sort .sort_values a span{
    color: #aaa;
    font-size: 11px;
    position: relative;
    top: -1px;
}
.sort .sort_values a span.active{
    color: #000;
}

.pagination {
    display:table;
    background: rgba(0,0,0,.04);
    color:#5A5A5A;
    font-size:16px;
    max-width:100%;
    overflow: hidden;
    margin:10px auto 20px;
}
.pagination a {
    border-left:rgba(0,0,0,.08) 1px solid;
    color:#5A5A5A;
    text-align:center;
    float:left;
    min-width:30px;
    padding:6px 12px;
}
.pagination a:first-child{
    border:none;
}
.pagination a.selected:hover,
.pagination a.selected {
    background:rgba(0,0,0,0.06);
}
.pagination a:hover{
    background:rgba(0,0,0,0.03);
}
.pagination .prev_page_link span,
.pagination .next_page_link span{
	font-size: 13px;
	position: relative;
	top: -1px;
}

.more{
	display: inline-block;
	background: transparent;
	border: #000 1px solid;
	color: #000;
	font: 16px "LatoRegular", Tahoma, Arial, Helvetica, Geneva, sans-serif;
	line-height: 1;
	cursor: pointer;
	padding: 10px 15px;
}
.more:hover{
	background: #000;
	color: #fff;
}
.more.black{
	background: #000;
	color: #fff;
}


.products{
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.products .product{
	background: #fff;
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
}
.products .product .img{
	display: block;
	background: #eee;
	position: relative;
	/*width: calc(100% - 350px);*/
	width: 100%;
	padding: 0 0 70%;
}
.products .product .cont{
	position: relative;
	/*width: 350px;*/
	width: 100%;
}

.products .product .img img{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.products .product .cont > .wrapper{
	justify-content: space-between;
	padding: 20px;
}
.prod_block_bottom{
	overflow: hidden;
}

.products .product .cont > .wrapper .title{
	padding: 10px 0 0;
}
.products .product .cont > .wrapper .title a{
	color: #000;
}
.prod_price{
	font-size: 20px;
	font-family: "LatoLight";
	margin: 0 20px 0 0;
}
.prod_price .price{
	font-size: 32px;
}
.prod_price .price i{
	font-size: 20px;
	font-style: normal;
}
.compare_price{
	display: inline-block;
	position: relative;
	padding: 0 5px;
	margin: 0 0 0 24px;
}
.compare_price:before{
	content: '';
	background: rgba(0,0,0,.8);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.prod_features{
	line-height: 1;
	margin: 0 0 30px;
}
.prod_features td{
	vertical-align: top;
	padding: 5px 0;
}
.prod_features .f_name{
	font-family: "LatoLight";
	padding-right: 10px;
}
.products .product .annotation{
	font-family: "LatoLight";
	margin: 0 0 15px;
}




.products ~ .text_block{
	margin-top: 100px;
}
.text_block{
	font-family: "LatoLight";
	font-style: 14px;
	text-align: justify;
}
.text_block img{
	display: block;
	max-width: 100%;
	margin: 20px auto;
}
.text_block p{
	margin-bottom: 15px;
}
.text_block p ~ h2,
.text_block p ~ h3,
.text_block p ~ h4,
.text_block p ~ h5,
.text_block p ~ h6{
	padding: 0;
	margin: 30px 0 15px;
}
.text_block ul,
.text_block ol{
	margin: 0 0 15px 20px;
}


.product_wrapper > .image_block{
	position: relative;
	width: 100%;
}
.product_wrapper > .cont{
	text-align: center;
	width: 100%;
	padding: 30px 0 0;
}
.product_wrapper > .image_block .image_wrapper{
	/*top: 63px;*/
	/*margin-bottom: 20px;*/
}
.product_wrapper > .image_block .image{
	display: block;
	background: rgba(0,0,0,.1);
	position: relative;
	width: 100%;
	padding: 0 0 70%;
}
.product_wrapper > .image_block .image img{
	/*display: block;
	max-width: 100%;
	max-height: 1200px;
	margin: 0 auto;*/
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product_wrapper > .image_block .images{
	overflow: hidden;
}
.product_wrapper > .image_block .images a{
	position: relative;
	width: calc(20% - 8px);
	padding: 0 0 10%;
	margin: 10px 10px 0 0;
}
.product_wrapper > .image_block .images a:nth-child(3n){
	margin-right: 0;
}
.product_wrapper > .image_block .images img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product_wrapper .path{
	text-align: left;
	padding: 0 0 15px; 
}
.product_wrapper h1{
	text-align: left;
}
.product_wrapper .annotation ~ .text_block{
	margin: 20px 0 0;
}
.product_wrapper .prod_features{
	margin: 0 auto;
}
.product_wrapper .prod_features td:first-child{
	text-align: right;
}
.product_wrapper .prod_features td:last-child{
	text-align: left;
}
.md_form{
	width: 300px;
}

#back_forward{
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	margin: 30px 0 0;
}
#back_forward div{
	text-align: left;
	width: 50%;
	padding: 10px 10px 10px 0;
}
#back_forward div:nth-child(2){
	border-left: #ccc 1px solid;
	text-align: right;
	padding: 10px 0 10px 10px;
}

.feedback_form_block h2{
	text-align: center;
	padding: 30px 0;
}
.feedback_form{
	background: #e8e8e8;
	width: 570px;
	max-width: 100%;
	overflow: hidden;
	padding: 20px 20px;
	margin: 0 auto;
}
.captcha img{
	float: left;
}
.input_captcha{
	background: #fff;
	border: none;
	float: left;
	height: 43px;
}
.feedback_form .more{
	clear: both;
	float: left;
	margin: 20px 0 0;
}




.inp2{ 
	clear: both;
	overflow-x: hidden;
	position:relative;
	padding: 15px 0 5px;
	margin-bottom:20px; 
}
.inp2 input,
.inp2 textarea{
    background: none;
    color: #333;
    font-size:18px;
    padding:0 2% 6px;
    display:block;
    width:100%;
    border:none;
    outline: none;
}
.inp2 textarea{
    background: rgba(0,0,0,.04);
    font-size:14px;
    height: 120px;
    resize: vertical;
}
.inp2 label{
  color:#333; 
  font-size:16px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:18px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.inp2 input:focus ~ label,
.inp2 textarea:focus ~ label,
.inp2 .has-content ~ label{
  top:-2px;
  font-size:13px;
}
.border_line {
    position: absolute;
    bottom: 0;
    left: 0;
    fill: none;
	stroke: #555;
	stroke-width: 1px;
	pointer-events: none;
	-webkit-transition: -webkit-transform 0.6s, stroke 0.6s, stroke-width .6s;
	transition: transform .6s, stroke .6s, stroke-width .6s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
} 
.inp2 input:focus ~ .border_line,
.inp2 textarea:focus ~ .border_line{
	stroke-width: 2px;
	-webkit-transform: translate3d(-66.6%, 0, 0);
	transform: translate3d(-66.6%, 0, 0);
}

#comments{
	float: left;
	width: 100%;
	margin: 30px 0;
}
#comments .more2{
	padding: 4px 15px 4px 10px;
	margin: 10px 0 20px 0;
}
#comments .more2 i{
	margin-right: 3px;
}
#comments > .message_info{
	margin: 5px 0;
}
.comment_form_block{
	display: none;
	margin: 10px 0 30px 0;
}
#comments .form{
	background: #e8e8e8;
	padding: 20px 20px;
	margin-bottom: 0;
}
.set_rating{
	float: left;
	margin: 0 0 20px;
}
.set_rating input{
	display: none;
}
.set_rating label,
.rating i{
	font-size: 22px;
	float: right;
	position: relative;
	padding: 0 3px 0 0;
}
.set_rating label:after,
.rating i:after{
	content: "\f006";
	color: #555;
	font-family: 'FontAwesome';
	font-style: normal;
	position: relative;
	float: left;
}
.set_rating label:after{
	cursor: pointer;
}
.set_rating:hover input:checked~label:before{
	display: none;
}
div .rating_block .set_rating label:hover:before,
div .rating_block .set_rating label:hover~label:before,
.set_rating input:checked~label:before,
.rating i.active:before,
.rating i.active~i:before{
	content: "\f005";
	display: block;
	color: #FFDA00;
	font-family: 'FontAwesome';
	font-style: normal;
	position: absolute;
	left: 0;
	top: 0;
}

.sum_rating_block{
	display: inline-block;
	margin: 0 0 15px;
}
.sum_rating{
	float: left;
}
.sum_rating i{
	font-size: 20px;
	float: left;
	position: relative;
	padding: 0 3px 0 0;
}
.sum_rating i:after{
	content: "\f006";
	color: #aaa;
	font-family: 'FontAwesome';
	font-style: normal;
	position: relative;
	float: left;
}
.sum_rating i.s1:before,
.sum_rating i.s05:before{
	content: "\f005";
	display: block;
	color: #FFDA00;
	font-family: 'FontAwesome';
	font-style: normal;
	position: absolute;
	left: 0;
	top: 0;
}
.sum_rating i.s05:before{
	content: "\f089";
}
.sum_rating_block .r_info{
	float: left;
}
.sum_rating_block .r_sum{
	display: inline-block;
	color: #666;
	font-size: 19px;
	margin-left: 5px;
}
.sum_rating_block .r_count{
	display: inline-block;
	font-size: 14px;
	font-family: "LatoLight";
	margin-left: 5px;
}

.comment_list{
	list-style: none;
	width: 100%;
	padding: 0;
}
.comment_list li{
	position: relative;
	padding: 0 0 15px 50px;
}
.comment_list li:before,
.comment_list li:after{
	content: '';
	background: #F0EEEA;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
}
.comment_list li:before{
	background: #dfdfdf;
	border-radius: 50%;
}
.comment_list li:after{
	background: url(../images/icons/user_b.svg) no-repeat center;
	background-size: 90%;
	opacity: .6;
}
.comment_list .comment{
	background: #eee;
	border-radius: 5px;
	position: relative;
	padding: 10px;
}
.comment_list .comment:after{
	content: '';
	border: transparent 7px solid;
	border-right-color: #eee;
	position: absolute;
	right: 100%;
	top: 13px;
}
.comment_list .comment_header{
	font-size: 14px;
	color: #777;
	font-weight: 700;
}
.comment_list .comment_header i{
	font-style: normal;
	font-weight: 300;
}
.comment_list .comment_header b{
	color: #000;
}
.comment_list .comment_header .rating{
	float: right;
}
.comment_list .comment_header .rating i{
	font-size: 16px;
}
.comment_list .comment p{
	margin: 10px 0 0;
}


.message_info{
	display: table;
	background: #F4F4F4;
	border-radius: 3px;
	/*font-family: 'Helvetica Neue', Helvetica;*/
	font-weight: 300;
	position: relative;
	padding: 15px 15px 15px 70px;
}
.message_info:before{
	content: '';
	background: #dfdfdf url(../images/icons/info.svg) no-repeat center;
	background-size: 40% auto;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 15px;
	width: 40px;
	height: 40px;
}
.message_info.v1{
	padding-left: 50px;
}
.message_info.v1:before{
	top: 7px;
	width: 34px;
	height: 34px;
}
.message_info .email_valid_send{
	display: inline-block;
	border-bottom: #937C00 1px solid;
	color: #937C00;
	cursor: pointer;
	padding: 0 0 1px;
	margin: 5px 0 0;
}
/* Сообщение с ошибкой */
.message_error{
    clear: both;
    padding: 10px 20px;
    margin-bottom: 30px;
    overflow: hidden;
    color: red;
    background-color: #ffcaca;
    border: 1px dotted #ff4545;
}
.message_success {
	background: #c5ff8d;
	border: 1px dotted #8cbf32;
	clear: both;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.pg_home .content_wrapper{
	padding-top: 0;
}
.main_slider{
	width: 1200px;
	/*width: 100%;*/
	max-width: 100%;
	margin: 0 auto;
}
.main_slider .item{
}
.main_slider .item > div{
	position: relative;
	width: 100%;
	padding: 0 0 70%; 
}
.main_slider .item img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slick-dots li{
	margin: 0;
}

.latest_posts{
	background: rgba(0,0,0,.05);
	padding: 20px;
	margin: 30px 0 0;
}
.latest_posts .h2{
	padding: 0 0 10px;
}
.latest_posts ul{
	list-style: none;
}
.latest_posts ul li{
	border-top: rgba(0,0,0,.1) 1px solid;
	padding: 10px 0;
}
.latest_posts .date,
.posts_list .date{
	color: #999;
	font-size: 14px;
}
.posts_list{
	list-style: none;
}
.posts_list li{
	margin: 0 0 40px;
}
.posts_list h3{
	padding: 0 0 10px;
}
.posts_list h3 a{
	color: #000;
}
.post_date{
	color: #999;
	text-align: center;
}

.m_menu ul{
    list-style:none;
    padding: 0;
    margin: 0;
}
.m_menu li{
	display: table;
    border-top:rgba(0,0,0,0.1) 1px solid;
    font-size:14px;
    font-weight: 500;
    line-height: 1;
    position:relative;
    width: 100%;
}
.m_menu > ul > li:first-child{
    border:none;
}
.m_menu > ul > li > div,
.m_menu > ul > li > a,
.m_menu > ul > li > span{
	text-transform: uppercase;
}
.m_menu li li{
    font-size:13px;
    font-weight: 400;
}
.m_menu li li:last-child{
    padding-bottom:0;
}
.m_menu .icon{
	text-align: center;
	float: left;
	width: 31px;
	padding-right: 7px;
}
.m_menu .icon img{
	width: 22px;
	height: 22px;
	object-fit: contain;
}
.m_menu li > a,
.m_menu li > span,
.m_menu li > div{
    display: table;
    color:#000;
    padding:5px 0 4px;
    margin: 4px 0;
}
.m_menu a > div,
.m_menu a > span{
	display: table-cell;
	vertical-align: middle;
}
.m_menu > ul > li.parent > a{
    padding-right:15px;
}
.m_menu > ul > li.parent > a span{
	/*text-transform: lowercase;*/
	height: 22px;
}
.m_menu > ul > li.parent > a span:first-letter{
	/*text-transform: uppercase;*/
}
.m_menu .selected > a,
.m_menu li > span{
    background: #000;
    color: #fff;
    padding:5px 5px 4px;
    margin:4px -5px;
}
.m_menu > ul ul{
    display:none;
    padding-left:10px;  
}
.m_menu li.parent_selected > ul{
    display:block;
}
.m_menu .subcat{
	background: url(../images/icons/plus.svg) no-repeat center;
	background-size: contain;
    cursor:pointer;
    position:absolute;
    right:0;
    top:12px;
    width: 16px;
    height: 16px;
    transition:0.2s;
}
.m_menu .subcat:hover{
}
.m_menu .subcat.minus{
	background-image: url(../images/icons/less.svg)
}
.m_menu li li .subcat{
	top:8px;
}

.m_sidebar{
	display: none;
}
.mob_sidebar{
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -220px;
    width: 220px;
    transition: .4s ease-out;
    z-index: 26;
}
#mob_sidebar{
    display: none;
}
#mob_sidebar:checked ~ .mob_sidebar{
    left: 0;
}
#mob_sidebar:checked ~ .mob_sidebar > .wrapper{
    left: 0;
}

.mob_sidebar > .wrapper{
    position: relative;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: .4s ease-out;
    overflow: auto;
    box-sizing: border-box;
    padding: 10px;
}
.mob_sidebar .box{
    clear: both;
    margin: 0 0 15px;
}
.mob_sidebar .box.catalog_menu{
	/*margin-bottom: 0;*/
}
.mob_sidebar .logo img{
    display: block;
    width: 170px;
	height: 22px;
    margin: 30px 0;
}
.mob_sidebar .box > .title{
    border-bottom: #bbb 1px solid;
    color: #999;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    padding: 0 0 4px;
    margin: 0 0 5px;
}
.mob_sidebar .discounted_link{
	display: inline-block;
	background: #FFED00 url(../images/icons/star_b.svg) no-repeat 8px center;
	background-size: auto 60%;
	border-radius: 3px;
	color: #000;
	font-size: 14px;
	padding: 3px 10px 3px 30px;
	margin: 0 0 15px;
}

.m_account{
	background: #f4f4f4;
	padding: 5px 10px;
	margin: 0 -10px 30px;
}
.m_account div,
.m_account .login{
	display: inline-block;
	font-size: 14px;
	padding: 5px;
}
.m_account a{
	color: #000;
}
.m_account .username,
.m_account .login{
	background: url(../images/icons/user_b.svg) no-repeat 0 center;
	background-size: contain;
	padding-left: 33px;
}
.m_account .logout{
	background: #e0e0e0;
	border-radius: 3px;
	font-size: 12px;
	float: right;
	padding: 4px 7px;
	margin: 3px 0 0;
}

.right_sidebar{
	background: #fff;
	position: fixed;
	right: -280px;
	top: 0;
	bottom: 0;
	width: 280px;
	transition: .5s;
	overflow-y: auto;
	z-index: 26;
}

.mob_sidebar_bg,
.right_sidebar_bg{
    background: rgba(0,0,0,.5);
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s;
    z-index: 25;
    box-shadow: 0 4px 6px rgba(0,0,0,.16);
}
#mob_sidebar,
#right_sidebar{
    display: none;
}
#mob_sidebar:checked ~ .mob_sidebar_bg,
#right_sidebar:checked ~ .right_sidebar_bg{
    left: 0;
    opacity: 1;
}
#right_sidebar:checked ~ .right_sidebar{
    right: 0;
}


.open_sidebar{
    display: none;
    position: absolute;
    left: 10px;
    top: 3px;
    height: 39px;
    cursor: pointer;
    padding: 9px 0;
    margin: 0;
}
.open_sidebar .icon{
	display: block;
    border-top: #000 3px solid;
    position: relative;
    width: 26px;
    height: 17px;
    transition: .3s;
}
.open_sidebar .icon:after,
.open_sidebar .icon:before{
    content: '';
    background: #000;  
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
}
.open_sidebar .icon:after{  
    top: 100%;
}
.open_sidebar .icon:before{
    top: 50%;
    transform: translateY(-50%);
}
.to_phones{
	display: none;
	background: url(../images/icons/phone.svg) no-repeat center/contain;
	position: absolute;
	right: 10px;
	top: 8px;
	width: 26px;
	height: 26px;
}

.slick-prev,
.slick-next,
.slick-prev:hover,
.slick-next:hover{
	background: rgba(255,255,255,.9);
	border-radius: 50%;
	width: 26px;
	height: 26px;
}
.slick-prev{
	left: 10px;
	z-index: 9;
}
.slick-next{
	right: 10px;
}


.hide{
	display: none;
}



@media (max-width: 1260px){
	.main_menu > ul{
		padding: 0;
	}
	.main_menu > ul > li > a, 
	.main_menu > ul > li > span{
		font-size: 16px;
		padding: 13px 15px;
	}
	.main_menu > ul > li > ul a, 
	.main_menu > ul > li > ul span{
		font-size: 14px;
		padding: 10px 15px;
	}
	.main_slider .item > div{
		padding: 0 0 50%; 
	}
}
@media (max-width: 1100px){
	h1, .h1{
		font-size: 30px;
	}
	h2,
	.h2{
		font-size: 26px;
	}
	h3,
	.h3{
		font-size: 24px;
	}
	.header .logo{
		width: 210px;
	}
	.main_menu > ul > li > a, 
	.main_menu > ul > li > span{
		font-size: 14px;
		padding: 10px;
	}
	.main_menu > ul > li > ul a, 
	.main_menu > ul > li > ul span{
		font-size: 12px;
		padding: 8px 10px;
	}
	.header .top_line .phone{
		font-size: 16px;
	}
	.content_wrapper{
		padding: 20px 0;
	}
	/*.products .product .img {
	    width: calc(100% - 330px);
	}
	.products .product .cont{
		width: 330px;
	}
	.products .product .cont > .wrapper{
		top: 40px;
	}*/

}

@media (max-width: 860px){
	.header .top_line,
	.main_menu{
		display: none;
	}
	.header{
		background: #fff;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
	}
	.header .logo{
		width: 170px;
		margin: 12px auto;
	}
	.open_sidebar,
	.m_sidebar,
	.to_phones{
		display: block;
	}
	.content_wrapper{
		padding-top: 50px;
	}
	.pg_home .content_wrapper {
	    padding-top: 55px;
	}
	.product_wrapper .path{
		padding-top: 12px;
	}
}
@media (max-width: 800px){
	.products .more{
		font-size: 14px;
		padding: 7px 15px;
	}
	.products .product .img{
		width: 100%;
	}
	.products .product .cont{
		position: static;
		width: 100%;
	}
	.products .product .cont > .wrapper{
		padding: 15px;
	}
	.products .product .title{
		font-size: 20px;
		padding: 0 0 7px;
	}
	.prod_price .price{
		font-size: 22px;
	}
	.prod_price .price i{
		font-size: 13px;
	}
	.compare_price{
		font-size: 16px;
		margin: 0 0 0 14px; 
	}
	.prod_features{
		margin: 0 0 5px;
	}
	.products .prod_features{
		display: block;
		font-size: 14px;
	}
	.products .prod_features tr,
	.products .prod_features td{
		display: inline-block;
	}
	.products .prod_features tr{
		margin-right: 10px;
	}
	.products .prod_features tr:last-child{
		margin-right: 0;
	}
	.products .prod_features .f_name{
		padding-right: 0;
	}
	.products .product .annotation{
		font-size: 14px;
	}
	.product_wrapper > .cont{
		padding: 0 0 0 20px;
	}
	.product_wrapper h1{
		font-size: 26px;
		padding: 0 0 7px;
	}
}
@media (max-width: 700px){
	.product_wrapper > .image_block{
		width: 100%;
	}
	.product_wrapper > .cont{
		width: 100%;
		padding: 20px 0 0;
	}
	.product_wrapper > .image_block .image{
		position: relative;
		padding: 0 0 50%;
	}
	.product_wrapper > .image_block .image img{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
	}
	.product_wrapper > .image_block .images a{
		width: calc(25% - 3px);
		padding: 0 0 15%;
		margin: 4px 4px 0 0; 
	}
	.product_wrapper > .image_block .images a:nth-child(3n){
		margin-right: 4px;
	}
	.product_wrapper > .image_block .images a:nth-child(4n){
		margin-right: 0;
	}
	.product_wrapper .path,
	.product_wrapper .path a, 
	.product_wrapper .path span{
		color: #aaa;
	}
	.products .product .cont > .wrapper{
		display: block;
	}
	.products .product .cont > .wrapper .title{
		padding: 0 0 10px;
	}
}
@media (max-width: 600px){

}
@media (max-width: 500px){
	h1, .h1{
		font-size: 26px;
	}
}
@media (max-width: 470px){
	.products .product .img{
		padding: 0 0 60%;
	}
}
@media (max-width: 400px){
	.products .product .img{
		padding: 0 0 70%;
	}
}
@media (max-width: 360px){
	.md_form {
	    width: 260px;
	}
}