:root {
--ico1: url(ico_fav2.svg);
--ico2: url(ico_cart3.svg);
--ico2_2: url(ico_cart3_2.svg);
--ico2_3: url(/sys/ico_cart3_3.svg);
--ico3: url(ico_account2.svg);
--ico3_2: url(ico_account2_2.svg);
--font: -apple-system, 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Tahoma, Verdana, Arial, sans-serif;
--ico4:url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.5%204a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200Zm1.459.5a3%203%200%200%201-5.918%200H.75a.75.75%200%200%201%200-1.5h1.42a3.001%203.001%200%200%201%205.66%200h7.42a.75.75%200%200%201%200%201.5H7.959Zm5.87%205.5h1.421a.75.75%200%200%201%200%201.5h-1.291a3%203%200%200%201-5.918%200H.75a.75.75%200%200%201%200-1.5h7.42a3.001%203.001%200%200%201%205.66%200ZM12.5%2011a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);

--ico5: url(ico_menu.svg);
--ico6: url(ico_filter.svg);
--ico7: url(/sys/ico_search.svg);
--ico10: url(/sys/ico_tel_p.svg);
--ico10_2: url(ico_tel_p2.svg);
--ico13: url(/sys/ico_sort2.png);
--ico12: url(/sys/ico_tel2.svg);
--color1: #333;
/*--pw: 1020px;*/
--pw: 1280px;
}

@font-face {
    font-family: "TinkoffSans-Bold";
    src: url("/fonts/TinkoffSans-Bold.woff2") format("woff2")
}
@font-face {
    font-family: "TinkoffSans-Medium";
    src: url("/fonts/TinkoffSans-Medium.woff2") format("woff2")
}
@font-face {
    font-family: "TinkoffSans-Regular";
    src: url("/fonts/TinkoffSans-Regular.woff2") format("woff2")
}


input[type=number] {
    -moz-appearance: textfield;
}

/* JIVOSITE mobile */
.wrap__EoyKe{
	bottom: 55px !important;
}
.__jivoMobileButton{
	bottom: 55px !important;	
}

._ico7:before {
    background: var(--ico7);
    background-repeat: no-repeat;
}

.fi_filter_title{
display: none;	
}
.filter_block {
/*display: flex !important;*/
padding: 10px 0px 15px 0px;
position: relative;
}

.fi_overlay {
    z-index: 990001;
    position: fixed;
    background-color: rgb(0 0 0 / 31%);
    /* opacity: 0.3; */
    -moz-opacity: 0.31;
    filter: alpha(opacity=31);
    width: 100%;
    height: 100%;
	height:100vh;
    top: 0;
    left: 0;
    display: none;
    align-items: start;
    justify-content: center;
}

.fi_overlay_active{
display: block !important;
}

.menu2_overlay {
    z-index: 980001;
    position: fixed;
    background-color: rgb(0 0 0 / 31%);
    /* opacity: 0.3; */
    -moz-opacity: 0.31;
    filter: alpha(opacity=31);
    width: 100%;
    height: 100%;
	height:100vh;
    top: 0;
    left: 0;
    display: none;
    align-items: start;
    justify-content: center;
}

.menu2_overlay_active{
display: block !important;
}

.t5 {
    padding: 0px 12px 0px 0px;
    font-family: var(--font);
    color: #444;
    font-size: 1.0rem;
    font-weight: 600;
    display: flex;
}
	
.widget_off{
display: none !important;	
}
.scroll_off{
overflow-y: hidden;
}

.sort-filter-in{
	display:none;
}

.bx_filter_horizontal{
height: 100vh;
    top: 0;
    right: 0;
    overflow-y: auto;
    width: 100%;
   /* padding-bottom: 100px;*/
}
.bx_filter_horizontal .bx_filter_section {
    padding-bottom: 100px;
	    margin-bottom:150px;
}	
	
.divFilter {
    display: block;
    display: none;
    z-index: 9990000002;
    background-color: #f9f9f9 !important;
    border-radius: 10px 10px 10px 10px;
    float: none;
    margin-bottom: 20px;
    padding: 0px !important;
    width: 100% !important;
    max-width: 360px;
    -webkit-box-shadow: -7px 0px 20px 0px rgba(110, 110, 110, .20);
    -moz-box-shadow: -7px 0px 20px 0px rgba(110, 110, 110, .20);
    box-shadow: -7px 0px 20px 0px rgb(110 110 110 / 20%);
    position: absolute;
    top: 0;
    right: 0;
}

.bx_filter_horizontal .bx_filter_container{
overflow: hidden;
    float: left;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    background: #ffffff !important;
    border-radius: 10px;
    padding: 15px 12px 15px 20px !important;
    margin-bottom: 10px;	
}
.bx_filter_horizontal .bx_filter_container.active {
    background: #fff;
}

.bx_filter_horizontal .bx_filter_title {
    font-weight: bold;
    color: #333;
    padding: 0 15px;
    font-size: 1.25rem !important;
    height: 48px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 0px !important;
}

.fi_filter_title {
    font-weight: bold;
    color: #333;
    padding: 0 15px;
    font-size: 1.25rem;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 0px;
}

.fi_window_active {
    display: block;
    z-index: 9990000002;
    position: fixed;
	top:0px;
	right:0px;
}

.but_x2:before {
    transform: rotate(45deg);
}
.but_x2:after {
    transform: rotate(-45deg);
}
.but_x2:before, .but_x2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background: rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}

.but_x2:hover:before , .but_x2:hover:after {
background: rgb(0 0 0 / 90%);
}

._close {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
}
._ico:before {
content: "";
    width: 100%;
    height: 100%;
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    /* background-color: #fff; */
    position: absolute;
    top: 0;
    left: 0;
}

.fi_btn2 {
    background-color: #f1f1f5;
    white-space: nowrap;
    border-radius: 12px;
    align-items: center;
    cursor: pointer;
    margin-right: 12px;
    position: relative;
    display: flex;
    line-height: 48px;
}

.fi_btn2_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0px 10px;
    display: block;
    position: relative;
}

.fi_btn2_ico:before { 
    content: "";
    background-image: var(--ico6);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;

}

.modal_fix_overlay {
    z-index: 50000;
    position: fixed;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.35;
    -moz-opacity: 0.35;
    filter: alpha(opacity = 35);
}
.modal_fix_b {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal_fix {
    background: #fff;
    width: 100%;
    max-width: 340px;
    clear: both;
    -webkit-box-shadow: 0 10px 20px -5px rgb(0 0 0 / 40%);
    box-shadow: 0 5px 20px 0px rgb(0 0 0 / 20%);
    z-index: 19999999;
    display: none;
 /*
 -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	*/
	    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    top: 5px;
  /*  padding: 5px 20px 20px 20px;*/
    box-sizing: border-box;
}
.modal_fix_txt {
overflow-y: scroll;
    height: 100vh;
    max-height: max-content;
    padding: 5px 20px 20px 20px;
    scrollbar-width: none;
}	
.modal_fix_active {
    display: block;
    position: fixed;
    z-index: 990000;
}

.modal_fix_close_bl {
    display: flex;
    /* background: url(ico_x.svg) 50% 50% no-repeat; */
    width: 40px;
    height: 40px;
    /* display: inline-block; */
    position: relative;
    vertical-align: middle;
    /* opacity: 0.95; */
    position: absolute;
    right: 5px;
    top: 5px;
    transition: transform 0.4s linear;
    border-radius: 50%;
    /* background-color: #e9e9e9; */
    justify-content: center;
    align-items: center;
}

.modal_fix_close_ico {
    width: 40px;
    height: 40px;
    background: url(/sys/ico_x.svg) 50% 50% no-repeat;
    border-radius: 50%;
    background-color: #e9e9e9;
    justify-content: center;
    align-items: center;
}

/* menu 2 s */

.menu_window2 {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0px;
    left: 0px;
    width: 100%;
    /* height: 100vh;*/
	   height: 85vh;
overflow-y: scroll;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
	margin-left: 50%;
    transform: translate(-50%, 0);
    max-width: 1500px;
    overflow-x: hidden;
	-webkit-box-shadow: 7px 5px 20px 0px rgba(110, 110, 110, .22);
    -moz-box-shadow: 7px 5px 20px 0px rgba(110, 110, 110, .22);
    box-shadow: 7px 5px 20px 0px rgb(110 110 110 / 22%);
}

.menu2_b1 {
    display: flex;
    flex-direction: column;
    max-width: 320px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 7px 0px 20px 0px rgb(110 110 110 / 12%);
    -moz-box-shadow: 7px 0px 20px 0px rgba(110, 110, 110, .12);
    box-shadow: 7px 0px 20px 0px rgb(110 110 110 / 12%);
  /*  padding-bottom: 100px; */
    overflow-y: auto;
    height: 100vh;
	z-index: 2;
}

.menu2_b2 {
    display: flex;
    flex-direction: column;
    background: #fff;
    flex-grow: 1;
	height: 100vh;
}

.me_bl_2 {
    width: 100%;
    font-family: var(--font);
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 12px;
    line-height: 1.0rem;
    font-size: 0.95rem;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #171717;
}

.me_b4 {
   /* width: 33.33%;*/
  /*  padding: 0px 16px 0px 16px;*/
    background: white;
   /* margin-right: 1px;*/
   /* max-width: 350px;*/
}

._a3 {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: var(--color1);
    max-width: 100%;
    outline: none;
    background: white;
    border-top: 1px solid #ebebeb;
    padding: 0px 10px 0px 5px;
}
._a3:hover {
cursor:pointer;
background: #fbfbfb;
}
._a3 span {
    flex: 1;
}
._a3:after {
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbC1vcGFjaXR5PSIuOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMjBsLTEuNC0xLjQgNi42LTYuNi02LjYtNi42TDEwIDRsOCA4eiIvPjwvc3ZnPg==);
    background-size: contain;
    opacity: .2;
}

._a3_2 {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: var(--color1);
    max-width: 100%;
    outline: none;
    background: white;
    border-top: 1px solid #ebebeb;
    padding: 0px 10px 0px 5px;
}
._a3_2:hover {
cursor:pointer;
background: #fbfbfb;
}
._a3_2 span {
    flex: 1;
}

.az2{
	color: #333 !important;
	text-decoration: none;
}

.az2:hover{
	cursor:pointer;
    color: #666 !important;
}

.ab8{
	color: #444 !important;
    text-decoration: none;
}
.ab8:hover{
	cursor:pointer;
	color: #506CBC !important;
}

.fib2 {
    display: flex;
    width: 100%;
    background-color: white;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.me_sub {
    display: none;
    flex-direction: column;
    padding-left: 35px;
    padding-right: 20px;
}
.me_sub_active {
    display: flex;
	position: sticky;
    top: 0;
}
._a4 {
    height: 36px;
    color: #222;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.29;
    transition: color .25s;
    margin-bottom: 28px;
    display: inline-block;
    outline: none;
    text-decoration: none;
    padding: 10px 10px 10px 5px;
    font-family: var(--font);
	color: #353535 !important;
}
.me_bl4 {
    overflow: hidden;
    height: auto;
    display: grid;
	/*grid-template-columns: repeat(3, 1fr);*/
	grid-template-columns: repeat(3, minmax(150px, 300px));
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.me_b5 {
 margin: 0px 0px 18px 0px;
}

.me_z2 {
    font-family: var(--font);
    font-size: 0.95rem;
    font-weight: 700;
    color: #333;
    padding: 0px 0px 8px 0px;
}
.me_b8 {
    display: flex;
    align-items: center;
    line-height: 0.95rem;
    color: #444;
    padding-bottom: 10px;
}
/* menu 2 e */

/***************/

.menu_window {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #ffffff;
    height: 100vh;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     max-width: 380px;
-webkit-box-shadow: 7px 0px 20px 0px rgb(110 110 110 / 20%);
    -moz-box-shadow: 7px 0px 20px 0px rgba(110, 110, 110, .20);
    box-shadow: 7px 0px 20px 0px rgb(110 110 110 / 20%);
    overflow-y: auto;
    padding-bottom: 300px;
}

.menu_window_active {
    display: flex;
    z-index: 991000000;
}



.menu_b1 {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
    background: #fff;
    height: 100vh;
	position: relative;
}

._mcat {
    position: absolute;
    width: 100%;
    display: none;
}

.me_a2 {
    background: #fff;
    width: 100%;
    font-family: var(--font);
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0px 5px 0px 15px;
    border-top: 1px solid #ebebeb;
    font-size: 1.0rem;
    line-height: 0.95;
	color: #252525 !important;
    text-decoration: none;
	cursor: pointer;
	   -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.me_a2:hover {
background-color: #f2f2f24f;
}
._mcat_active {
    display: block;
}
._fib{
display: flex;
    width: 100%;
    background-color: white;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
._m_back {
justify-content: center;
    height: 40px;
    margin: 0;
    display: flex;
}	
.but_arrow {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}
.but_arrow:before {
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.361.238a.977.977%200%20011.278%200l7.097%206.377a.755.755%200%20010%201.147.977.977%200%2001-1.278%200L8%201.96%201.542%207.762a.977.977%200%2001-1.277%200%20.755.755%200%20010-1.147L7.36.238z%22%20fill%3D%22%23000%22%2F%3E%3Crect%20width%3D%222%22%20height%3D%2216%22%20rx%3D%221%22%20transform%3D%22matrix%28-1%200%200%201%209%200%29%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: flex;
    transform: rotate(270deg);
}

	
._mt1 {
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    font-size: 1.15rem;
    font-weight: 600;
    height: 40px;
    font-family: var(--font);
	padding: 0px 0px 0px 10px;
}



._close2 {
display: inline-block;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  /*  background-color: antiquewhite; */
    z-index: 2;
    position: absolute;
    right: 0px;
}

/**************/
.c0 {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c2 {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    height: 50px;
    justify-content: space-between;
    width: 100%;
    max-width: var(--pw);
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.c2 .m1:first-child {
    margin-left: 0px;
}

.logo {
    display: flex;
    height: 45px;
    justify-content: center;
    align-items: center;
	max-width: 176px;
}
.logo_i {
    width: 100%;
    max-height: 35px;
    max-width: 176px;
}

.m1 {
    align-items: stretch;
    display: flex;
    line-height: 1.1;
    position: relative;
    font-family: var(--font);
    color: #353535;
    font-size: 0.92rem;
  /*  margin-left: 8px; */
  /*  margin-right: 8px; */
    /* margin-top: 5px; */
    /* margin-bottom: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
    transition: all 0.45s ease-in;
    text-align: center;
}
.m1_2 {
    flex-grow: 1;
    /* display: none; */
}

.c0_2{
	background: #fff;
    -webkit-box-shadow: 0px 8px 8px 0px rgb(118 118 118 / 6%);
    -moz-box-shadow: 0px 8px 8px 0px rgba(118, 118, 118, .06);
    box-shadow: 0px 8px 8px 0px rgb(118 118 118 / 6%);
    /* border-top: 1px solid #a3a3a321; */
    padding: 5px 0px 11px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: sticky;
    top: 0;
    /* z-index: 60000; */
    z-index: 998;
}

.c4 {
    flex-grow: 1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#search { width:159px; height: 19px; background: url(images/search-bg.png) center no-repeat; overflow: hidden; float:right; margin-top:2px; margin-right: 4px;}
#search .form-textbox { float: left; width:135px;}
#search .form-textbox-border { /*padding-left: 20px;*/ height: 20px; overflow:hidden; }
#search .form-button { float: right; width:19px; }
#search .form-button input { width:18px; padding: 0 !important; font-size: 0 !important; }
.search{
position: relative;
/*top: 18px;*/
margin-right: 10px;
}

.search {
    position: relative;
    top: 18px;
    margin-right: 10px;
    display: flex;
    position: relative;
    top: 0px;
    margin-right: 0px;
    width: 100%;
    height: 46px;
    padding: 0px 10px 0px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#search {
  /*  width: 159px;*/
  /*  height: 19px;*/
    /*background: url(images/search-bg.png) center no-repeat;*/
    overflow: hidden;
    float: right;
    margin-top: 2px;
    margin-right: 4px;
    width: 100%;
    height: 46px;
    background: transparent;
    overflow: hidden;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
}
form {
    margin: 0;
    padding: 0;
}
#search .form-textbox {
    float: left;
    width: 135px;
    width: 100%;
}

#search .form-textbox-border {
    /* padding-left: 20px; */
    height: 20px;
    overflow: hidden;
    background-color: transparent;
    height: auto;
    overflow: hidden;
}
._bs3 {
    display: flex;
    position: absolute;
    width: 50px;
    height: 46px;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0px 0px 0px 2px;
    font-size: 15px;
    /* padding: 0px 0px 0px 2px; */
}

#search .form-textbox-border input {
    width: 135px;
    height: 18px;
    border: none;
    width: 100%;
    height: 46px;
    border: none;
    font-size: 0.95rem;
    background-color: #eff0f3;
    border-radius: 50px;
    padding: 3px 20px 3px 45px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline: none;
	outline-offset: 0;
}

#search .form-textbox-border input:focus {outline: 0;outline-offset: 0;}
#search .form-textbox-border input:focus-visible {outline: 0;outline-offset: 0;}

#search .form-button {
    float: right;
    width: 19px;
    width: 46px;
    position: absolute;
    background: transparent;
    display: flex;
    height: 46px;
}
.form-button {
    border: none;
    background: none;
}
#search .form-button input {
    width: 18px;
    padding: 0 !important;
    font-size: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    height: 46px;
    width: 46px;
}


.c0_3 {
	background: #fff;
	-webkit-box-shadow: 0px -8px 10px 0px rgb(118 118 118 / 10%);
    -moz-box-shadow: 0px -8px 10px 0px rgba(118, 118, 118, .10);
box-shadow: 0px -8px 10px 0px rgb(118 118 118 / 10%);
  /*  border-top: 1px solid #a3a3a321;*/
	padding: 5px 0px 11px 0px;
	display: none;
    flex-direction: column;
    align-items: center;
	width: 100%;
	    position: fixed;
    bottom: 0px;
    z-index: 9910000012;
}

.c10 {
    align-items: center;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: var(--pw);
    justify-content: space-between;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.c20{
display:none;
}
.c30{
display:none;
}

.modal_fix3{
display:none;
background: #fff;
    width: 100%;
    max-width: 250px;
    clear: both;
    -webkit-box-shadow: 0 5px 20px 0px rgb(0 0 0 / 20%), 0 100px 100px 20000px rgb(0 0 0 / 20%);
    box-shadow: 0 5px 20px 0px rgb(0 0 0 / 20%), 0 100px 100px 20000px rgb(0 0 0 / 20%);
    z-index: 19999999;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    top: 20px;
    padding: 20px 20px 20px 20px;
	    margin-left: 50%;
    transform: translate(-50%, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal_fix3_active {
    display: block;
    position: fixed;
    z-index: 990000;
}

.btn_sort_bl {
background-color: #f1f1f5;
white-space: nowrap;
border-radius: 12px;
    align-items: center;
	cursor:pointer;
	margin-right: 12px;
	 line-height: 48px;
	 
padding-left: 12px;
    padding-right: 12px;	
	display:none;
}

.btn_sort_bl:hover {
    background-color: #e8e8f0;
}

/*
.fi_btn{
	background-color: #f1f1f5;
white-space: nowrap;
border-radius: 12px;
    align-items: center;
	cursor:pointer;
	margin-right: 12px;
	 display: flex;
	 line-height: 48px;
}
*/
/*
.fi_btn:hover {
    background-color: #e8e8f0;
}
*/
.btn13_ico { 
background-position: 50%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    display: block;
    position: relative;
/*	background-color: #f7f7f7;*/
    border-radius: 10px;
}

.btn13_ico:before { 
    content: "";
    background-image: var(--ico13);
    background-repeat: no-repeat;
    background-position: 50%;
background-size: 65%;
    opacity: 0.85;

}
.t3 {
    padding: 0px 0px 0px 10px;
    font-family: var(--font);
    color: #444;
    font-size: 1.0rem;
    font-weight: 600;
}
.fi_m{
	visibility: hidden;
    position: absolute;
    min-width: 100px;
    width: max-content;
	max-width: 300px;
  /*  box-shadow: rgb(0 0 0 / 25%) 0px 12px 20px 0px; */
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    padding: 0px;
	opacity: 0;
	top: 40px;
	-webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
	transition: opacity .1s linear;
	
	/**/
	
	z-index: 12;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 12px 22px 0px rgb(0 0 0 / 18%);
	top: 56px;
	    line-height: 24px;
		/*right: 0;*/
}


.btn_sort:hover .fi_m{
visibility:visible;
opacity: 1;
}

.fi_m2{
    min-width: 100px;
    width: max-content;
	max-width: 200px;
  /*  box-shadow: rgb(0 0 0 / 25%) 0px 12px 20px 0px; */
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    padding: 0px;
	top: 40px;
	-webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
	transition: opacity .1s linear;
	
	/**/
	
	z-index: 12;
    flex-direction: column;
    align-items: flex-start;
	    line-height: 24px;
		/*right: 0;*/
}

.t4 {
    padding: 6px 14px 6px 14px;
    font-family: var(--font);
    color: #333;
    font-size: 0.9rem;
}
.a5{
text-decoration: none;	
    color: #333 !important;
}
._a6{
text-decoration: none !important;	
}
.t4:hover {
cursor:pointer;
    background-color: #f1f1f5;
	}
	
.c21{
display:none;
}

.fi_btn3_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    margin: 0px 0px 0px 10px;
    display: block;
    position: relative;
    background-color: #eff0f3;
    border-radius: 10px;
	
}

.fi_btn3_ico:before { 
    content: "";
    background-image: var(--ico6);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 75%;

}

.fi_btn13_ico {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    margin: 0px 0px 0px 10px;
    display: block;
    position: relative;
    background-color: #eff0f3;
    border-radius: 10px;
	
}

.fi_btn13_ico:before { 
    content: "";
    background-image: var(--ico13);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 60%;

}


.fi_btn_cl{
	cursor:pointer;
}
.fi_btn_cl:hover{
	background-color:#e8e8f0;
}
._tel {
    text-decoration: none;
}
.c2 .m1:first-child {
    margin-left: 0px;
}
.t7 {
    font-size: 1.25rem;
    /* font-weight: 500; */
}
._call_ico {
    /* display: grid; */
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: none;
}
._call_ico:before {
    display: grid;
    content: '';
    width: 30px;
    height: 30px;
    background: url(/sys/ico_tel_p.svg) 50% 50% no-repeat;
    background-size: 100%;
    opacity: 0.9;
    transition: all 0.12s ease-in;
    transform: rotate(-25deg);
}

.c3 {
    align-items: center;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: var(--pw);
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bt_cat2 {
    text-align: center;
    display: flex;
    justify-content: center;
    height: 46px;
    align-items: center;
    padding: 0px 16px 0px 16px;
    background: #3497ef;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
     display: none; 
}

.icon2 {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    display: block;
    position: relative;
}
._ico5:before {
    background: var(--ico5);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: 50%;
}

._ico10:before {
    background: var(--ico10);
	background-repeat: no-repeat;
}

._a_menu {
    text-decoration: none;
}
.cib {
    margin: 0 0px 0 20px;
}

.icon {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin: 0 auto 0px;
    display: block;
    position: relative;
}
._ico2:before {
    background: var(--ico2);
    background-repeat: no-repeat;
}
._ico2_3:before {
    background: var(--ico2_3);
    background-repeat: no-repeat;
}
._ico3:before {
    background: var(--ico3);
    background-repeat: no-repeat;
}

._ico11:before {
background-repeat: no-repeat;
background-image: url(/images/rassrochka.png);
}

._ico12:before {
    background: var(--ico12);
    background-repeat: no-repeat;
	transform: rotate(336deg);
}

.t2 {
    font-family: var(--font);
    color: #222;
    font-size: 0.9rem;
    text-align: center;
    opacity: 0.85;
}
.c4 {
    flex-grow: 1;
}
._search2 {
    display: flex;
    position: relative;
    top: 0px;
    margin-right: 0px;
    width: 100%;
    height: 46px;
    padding: 0px 10px 0px 20px;
}
._bs3 {
    display: flex;
    position: absolute;
    width: 50px;
    height: 46px;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	padding: 0px 0px 0px 2px;
}

.bt_cat {
    text-align: center;
    display: flex;
    justify-content: center;
    height: 46px;
    align-items: center;
    padding: 0px 16px 0px 16px;
    background: #3497ef;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease-in;
	display:none; /* del */
}

._pc4{
display: flex;	
}

._bt_cat_t {
    font-size: 1.05rem;
    font-family: var(--font);
    /* font-weight: 500; */
    color: white;
    padding-left: 10px;
    height: 28px;
    display: flex;
    align-items: center;
}

._a2{
	text-decoration: none;
}

.p_col{
    position: absolute;
    display: flex;
    line-height: 20px;
 /*   height: 20px; */
    font-size: 0.85rem;
    border-radius: 42px;
    /* background: linear-gradient(to bottom, #fb6237, #fb376d); */
    /* background: linear-gradient(to bottom, #746461, #2c2728); */
    background: linear-gradient(to bottom, #ff016b, #ff0147);
    color: #fff;
    padding: 0px 5px 0px 5px;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%);
    opacity: 0.92;
    z-index: 2;
    right: -18px;
    top: -8px;
	max-width: 20px;
}

._lk_bl{
	    background-color: #4f4e4e;
    border-radius: 12px;
padding: 15px 15px 15px 15px;
    max-width: 400px;
	    -webkit-box-shadow: 0px 8px 15px 0px rgb(118 118 118 / 9%);
    -moz-box-shadow: 0px 8px 15px 0px rgba(118, 118, 118, .09);
    box-shadow: 0px 8px 15px 0px rgb(118 118 118 / 9%);
}
._lk_btn{
padding: 10px 12px;
    background-color: #ffffff2e;
	    color: #ffffff;
    border-radius: 6px;
    margin-bottom: 8px;
	cursor:pointer;
	transition: all 0.2s;
	font-family: var(--font);
    font-size: 0.95rem;
}
._lk_btn2{
	padding: 10px 12px;
    background-color: #ffffff2e;
    border-radius: 6px;
    margin-bottom: 8px;
	    color: #ffc61d;
	cursor:pointer;
	transition: all 0.2s;
	font-family: var(--font);
    font-size: 0.95rem;
	text-align: center;
    font-weight: 600;
    background-image: url(/sys/ico_exit.svg);
    background-repeat: no-repeat;
    background-position: 68% center;
    background-size: 30px;
}
._hov8:hover{
    background-color: #ffffff40;	
}
/***************/

#workarea{
    width: 100%;
	    display: grid;
		height: fit-content;
 /*   max-width: 750px;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;

	
}
.workarea{
	width: 100% !important;
}

.showroom-slider{
	display: grid;
	width: 100%;
}
.alert-dostavka{
	    float: none !important;
    display: inline-block;
    max-width: 590px !important;
    width: 100% !important;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: aliceblue;
    border-radius: 20px;
    padding: 20px;

}


.navigation-arrows{
display: none;
}
.catalogn-list{
	float:left;
width: 100%;
    display: inline-grid;
    position: relative;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    grid-column-gap: 10px;
    grid-row-gap: 15px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}	
.catalogn-list .c-item{
	float:left; 
/*width:168px;*/
/*border: 1px solid #98a5ab; margin-right: 10px; margin-bottom: 15px;*/
position: relative;
-webkit-box-shadow: 0 2px 8px rgb(18 17 36 / 4%), 0 4px 16px rgb(18 17 36 / 8%);
-moz-box-shadow: 0 2px 8px rgb(18 17 36 / 4%), 0 4px 16px rgb(18 17 36 / 8%);
box-shadow: 0 2px 8px rgb(18 17 36 / 4%), 0 4px 16px rgb(18 17 36 / 8%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	transition: all 0.2s;
	padding-top: 5px;
	}

.catalogn-list .c-item .info-item .image {
display: flex;
width:158px; 
height:158px; 
background-position: center;
background-repeat: no-repeat; 
-webkit-background-size: contain; 
background-size: contain;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 auto;

 }
 
._bl4{
	    display: flex;
    justify-content: space-between;
    gap: 5px 5px;
    /* flex-wrap: wrap; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.catalogn-list .c-item .b-info .item-buy .addbutton{ float:left; width: 100%; padding: 10px 0 10px 45px; cursor:pointer;
background: url(/local/templates/store_minimal_blue/images/cart-button.png) 10px center no-repeat #1663af; 
-moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	
.catalogn-list .c-item .b-info .item-price {
	float:left; 
color: #1663AF; 
font-size: 1.4rem;
text-align: center; 
width: 100%;
 margin: 10px 0;}
	
.showroom-marker-detail {
    color: #ff8403;
    background-color: #fff;
    position: absolute;
    top: 7px;
    left: 7px;
    padding: 4px 5px 5px 28px;
    font-size: 11px;
    line-height: 11px;
    background-image: url("/images/check-mark.png");
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: 6px center;
    border: 1px solid #ff8403;
	border-radius: 50px;
    opacity: 0.97;
}

.basePriceNotActive {
font-size: 0.95rem;
text-decoration: line-through;
color: #b30202bd;
display: block;
}

/**************/
.catalogn-list .c-item:hover {
    box-shadow: 0 4px 10px rgb(18 17 36 / 6%), 0 12px 26px rgb(18 17 36 / 12%);
	z-index: 2;
}
.catalog_banner{
	display: none;
}

#footer-wrapper {
    background-color: #f3f3f3;
    display: flex;
    margin-top: 50px;
}

#footer {
    position: relative;
    max-width: var(--pw);
    width: 100%;
    margin: 0 auto;
    background: #f3f3f3;
    color: #000;
    padding: 40px 20px 100px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

._fb_p {
    background: #bbb6b32e;
    padding: 0px 16px;
    display: flex;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 8px;
    max-width: 200px;
	height:34px;
	width: 100%;
    color: #353535;
    font-size: 0.9rem;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    align-items: center;
    line-height: 0.8rem;
}

.foot-left {
    width: 100%;
    background: #f3f3f3;
	padding: 15px 10px 0 10px;
    float: left;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.foot-right {
    width: 100%;
padding: 15px 10px 0 10px;
    font-size: 0.85rem;
    text-align: left;
    background: #f3f3f3;
    color: #555;
    font-family: var(--font);
}

._fb1{
padding: 15px 10px 0 10px;	
}

._bl_tel{
	font-size: 1.25rem;
    font-weight: 600;
    font-family: var(--font);
    margin: 0px 0px 10px 0px;
    display: flex;
    color: #333;
}
._bl_address{
font-size: 0.95rem;
    font-family: var(--font);
    margin: 0px 0px 10px 0px;
    display: flex;
    color: #333;	
}
.bl_ico{
    display: flex;
    margin: 20px 10px 20px 0px;	
}

.ico_h:hover{
opacity: 0.98;	
}

.ico_a {
    display: flex;
    float: left;
    margin: 0px 5px 5px 0px;
}
.ico_b {
    margin: 0px 16px 0px 0px;
	    opacity: 0.82;
}
.ico_vk {
    background: #ffffff00 url(/sys/icon_vk.png) 50% 50% no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;

}

.ico_whatsapp{
    background: #ffffff00 url(/sys/icon_whatsapp.png) 50% 50% no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.ico_telegram {
    background: #ffffff00 url(/sys/icon_telegram.png) 50% 50% no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
}

._t100{
font-size: 1.1rem;color: #555555;padding: 2px 0px 2px 0px;font-weight: 600;font-family: var(--font);text-align: center;
}
._t101{
margin: 0px 0px 10px 0px;  display: block;
}
._t102{
text-decoration: none;text-align: center;
}
._t103{
background-color: #ededed;border-radius: 10px;padding: 10px;display: block;text-decoration: none;text-align: center;align-content: center;font-size: 1.18rem;font-family: var(--font);color: #353535;font-weight: 500;margin: 5px 0px 0px 0px;
transition: all 0.2s;
}
._t104{
background-color: #ededed;border-radius: 10px;padding: 10px;display: block;text-decoration: none;text-align: center;align-content: center;font-size: 1.16rem;font-family: var(--font);color: #454545;font-weight: 500;margin: 5px 0px 0px 0px;background-image: url(/sys/icon_whatsapp2.png);background-repeat: no-repeat;background-position: 12% center;background-size: 30px;
transition: all 0.2s;
}
._t105{
background-color: #ededed;border-radius: 10px;padding: 10px;display: block;text-decoration: none;text-align: center;align-content: center;font-size: 1.16rem;font-family: var(--font);color: #454545;font-weight: 500;margin: 5px 0px 0px 0px;background-image: url(/sys/icon_vk2.png);background-repeat: no-repeat;background-position: 12% center;background-size: 30px;
transition: all 0.2s;
}

._t106{
background-color: #ededed;border-radius: 10px;padding: 10px;display: block;text-decoration: none;text-align: center;align-content: center;font-size: 1.16rem;font-family: var(--font);color: #454545;font-weight: 500;margin: 5px 0px 0px 0px;background-image: url(/sys/icon_telegram2.png);background-repeat: no-repeat;background-position: 12% center;background-size: 30px;
transition: all 0.2s;
}


._t107{
font-family: var(--font);
    font-size: 1.15rem;
    color: #353535;
    padding: 0px 0px 5px 0px;
    display: block;
}
._t108{
margin: 10px 0px 15px 0px;
}

._t150{
	float: left;
    width: 100%;
    color: #000;
   /* max-height: 50px;*/
    overflow: hidden;
	font-family: var(--font);
	padding: 5px 10px 5px 10px;
	font-size: 0.85rem;
	word-break: break-all;
    overflow-wrap: break-word;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
._t151 {
    float: left;
    color: #1663AF;
font-size: 1.25rem;
    text-align: center;
    width: 100%;
    margin: 10px 0;
}
._t152 {
color: #959595;
    font-size: 0.85rem;
    font-weight: normal;
    padding: 0px 0px 0px 2px;
}

._t153{
background-color: #ededed;border-radius: 10px;padding: 10px;display: block;text-decoration: none;text-align: center;align-content: center;font-size: 1.16rem;font-family: var(--font);color: #454545;font-weight: 500;margin: 5px 0px 0px 0px;background-image: url(/sys/ico_mail3.png);background-repeat: no-repeat;background-position: 12% center;background-size: 30px;
transition: all 0.2s;
opacity: 0.97;
}


._a8{
	text-decoration: none;
color: #252525 !important;
}

._hov5:hover{
background-color: #e5e5e5;
cursor:pointer;
}

._hov6:hover {
    cursor: pointer;
    opacity: 1.0;
    transform: rotate(-90deg);
    background-color: #9898984d;
}

._hov7:hover {
    cursor: pointer;
}

.bl_img2 {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 120px;
    height: 120px;
    width: 100%;
    margin: 0 auto;
}


._bl_img_cat {
    max-width: 120px;
	width: 100%;
}

._h2_txt {
    font-family: var(--font);
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
padding: 16px 0px 12px 0px;
    color: #444;
}

._i5{
	max-width: 158px;
    max-height: 158px;
    height: auto;
	width: auto;
}

/*img cart*/
._i6{
	max-width: 120px;
    max-height: 120px;
    height: auto;
	width: 100%;
	min-width: 60px;
}

.workarea-content{
/* max-width: 750px;	*/
 width: 100%;
    float: none !important;
}

.more-photos{
	overflow: hidden;
}
.more-photos-show-all {
    position: absolute;
    bottom: -20px;
    left: 35%;
    cursor: pointer;
    color: #1663af;
}
.more-photos-hide-all {
    position: absolute;
    bottom: -15px;
    left: 168px;
    cursor: pointer;
    color: #1663af;
    display: none;
}
.more-photos.all {
    height: auto;
}

/***********************************/
/*  cart */
.cl_0 {
    display: grid;
    grid-template-columns: minmax(30px, 120px) 1fr 150px minmax(30px, 32px);
    /* grid-template-rows: 50px; */
    grid-auto-flow: row;
    /* grid-auto-columns: 50px; */
    grid-auto-rows: auto;
    /* grid-column-gap: 10px; */
    /* grid-row-gap: 15px; */
    margin-top: 10px;
    margin-bottom: 18px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 5px 15px 0px rgb(150 150 150 / 25%);
    -moz-box-shadow: 0px 5px 15px 0px rgba(150, 150, 150, 0.25);
    box-shadow: 0 5px 15px 0px rgb(150 150 150 / 25%);
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

.cl_4 {
    order: 1;
    padding-right: 15px;
}

.cl_1 {
    font-family: -apple-system, 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.82rem;
    order: 2;
    display: grid;
    /* grid-template-columns: 1fr 100px; */
    grid-template-columns: repeat(2, 50%);
    grid-auto-rows: min-content;
    padding-left: 15px;
}
._al1 {
    text-decoration: none;
    color: #0079d9;
    font-weight: 600;
}

.cl_price {
    text-align: end;
    padding-right: 20px;
}
.cl_5 {
    order: 3;
}
.cl_price_1 {
    color: #4c9f00;
    font-weight: 650;
	    color: #3f3f3f;
    font-weight: 600;
    font-size: 0.95rem;
}
.cl_price_2 {
    padding-left: 5px;
    color: #555;
}
.cl_2 {
    order: 4;
}
.bl_count {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 80px;
}

.btn_minus {
    width: 32px;
	min-width: 32px;
    height: 32px;
    background-color: #e7e7e8;
    box-sizing: border-box;
    /* background: 0 0; */
    padding: 0;
    border: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px 0px 0px 4px;
    transition: all 0.2s ease-in;
}

.btn_minus:after {
    content: '';
    width: 12px;
    height: 2px;
    background-color: #242424;
    border-radius: 4px;
    display: block;
    left: calc(50% - 6px);
    position: absolute;
    top: 50%;
}
.input_count {
    max-width: 58px;
    width: 100%;
    min-width: 42px;
    height: 32px !important;
    cursor: auto;
    -moz-appearance: textfield;
    text-align: center;
    /* text-align: center; */
    /* justify-content: center; */
    /* align-items: center; */
    box-sizing: border-box;
    border: 0px;
    background-color: #e7e7e873;
    font-size: 0.8rem;
    color: #222;
    transition: all 0.2s ease-in;
	padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
}

.btn_plus {
    width: 32px;
	min-width: 32px;
    height: 32px;
    background-color: #e7e7e8;
    box-sizing: border-box;
    /* background: 0 0; */
    padding: 0;
    border: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0px 4px 4px 0px;
    transition: all 0.2s ease-in;
}
.btn_plus:before {
    transform: rotate(-90deg);
    width: 10px;
    left: calc(50% - 5px);
}
.btn_plus:after {
    width: 10px;
    left: calc(50% - 5px);
}

.btn_plus:before, .btn_plus:after {
    content: '';
    width: 12px;
    height: 2px;
    background-color: #242424;
    border-radius: 4px;
    display: block;
    left: calc(50% - 6px);
    position: absolute;
    top: 50%;
    box-sizing: border-box;
}

.btn_hov:hover {
    background-color: #d7d7d7;
}

.cl_3 {
    order: 5;
}
.btn_close {
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* width: 40px; */
    /* height: 40px; */
    width: 32px;
    height: 32px;
    position: relative;
    font-size: 0;
    /* line-height: 1; */
    border: none;
    background-color: transparent;
    /* cursor: pointer; */
    /* top: 14px; */
    /* right: 8px; */
    /* z-index: 2; */
    transition: all 0.2s ease-in;
}

.btn_close:hover {
    background-color: #0000000d;
    border-radius: 25px;
}
.btn_close:hover::after, .btn_close:hover::before {
    /* background-color: #242424; */
    background-color: #fb3d3de8;
}
.btn_close:before {
    border-radius: 0;
    width: 2px;
    height: 20px;
    transition: background .3s ease 0s;
    background-color: #9d9da5;
    border-radius: 2px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_close:after {
    border-radius: 0;
    width: 20px;
    height: 2px;
    transition: background .3s ease 0s;
    background-color: #9d9da5;
    border-radius: 2px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cart_sum_end {
    display: block;
    width: 100%;
    text-align: right;
    margin: 0px 5px 10px 0px;
    padding: 8px 5px 8px 8px;
    border: 1px solid #d8d8d875;
    box-shadow: 0 0px 1px 0px rgba(150, 150, 150, 0.25);
    border-radius: 10px;
}
.cart_sum_txt1 {
    display: inline-block;
    padding: 0px 10px 0px 0px;
    font-size: 1.25rem;
    color: #333;
    font-weight: 650;
    font-family: var(--font);
}
.cart_sum_txt2 {
    display: inline-block;
    padding: 0px 20px 0px 0px;
    white-space: nowrap;
}
.cart_sum_txt3 {
    display: inline-block;
    font-size: 1.3rem;
    padding: 0px 5px 0px 0px;
    color: #4c9f00;
    font-weight: 650;
    font-family: var(--font);
}
.cart_sum_txt4 {
    display: inline-block;
    font-size: 1.0rem;
    color: #555;
    font-family: var(--font);
}

/********************************/
/* category */

/*.section_list .item-sec{float:left; width:100%; padding: 12px 0px 10px; border-bottom: 1px solid #E5E5E5; }*/
/*.section_list .item-sec .sec_image{float:left; border: 1px solid #E5E5E5; border-radius: 10px;}*/
.section_list .item-sec .sec_image a{float:left; width:120px; height:120px;background-position: center; margin:20px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain; float:left;}
/*.section_list .item-sec .sec_info {float:left;margin-left: 20px; width: 530px;}*/
.section_list .item-sec .sec_info .title a{ 
color: #353535;
    font-size: 1.16rem;
    font-weight: 600;
    text-decoration: none;
    font-family: var(--font);
    line-height: 1rem;
	}
/*.section_list .item-sec .sec_info .title {margin-bottom: 20px;}*/
.section_list .item-sec .sec_info .mauf a { color: #1566b2; 
font-weight: normal; 
display: block; 
float: left;
font-size: 0.78rem; 
padding: 0; margin-right: 11px; width: auto; text-decoration: none;}
.section_list .item-sec .sec_info .mauf a:hover{text-decoration: underline;} 

/**/
.section_list {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    position: relative;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
   /* margin-bottom: 50px;*/
}

.section_list .item-sec .sec_info {
    padding: 0px 10px 0px 10px;
    width: 100%;
	margin-left: 0px; /*d*/
	    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section_list .item-sec .sec_image {
    border: 0px solid;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
	float: none;
}

.section_list .item-sec .sec_info .title {
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: center;
}
.section_list .item-sec {
    float: left;
   /* width: 100%;*/
    padding: 12px 0px 10px 0px;
    box-shadow: 0 2px 8px rgb(18 17 36 / 4%), 0 8px 18px rgb(18 17 36 / 7%);
    border-radius: 12px;
    transition: all 0.2s;
}

.section_list .item-sec:hover {
    box-shadow: 0 4px 10px rgb(18 17 36 / 6%), 0 12px 26px rgb(18 17 36 / 12%);
}
.section_list .item-sec .sec_info .mauf{line-height: 1rem;} 

.catalogn-list .c-item .info-item .title {
	
float:left; 
width: 100%;  
color:#222; 

overflow: hidden;
display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
	height: 70px;
	display: flex;
    align-items: center;
	text-align: center;
    justify-content: center;
	/* word-break: break-all; */
   /* overflow-wrap: break-word;*/
	padding: 5px 10px 5px 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}


#page-wrapper {
margin: 0 auto;
max-width: var(--pw);
position: relative;
width:100%;
-moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content-wrapper{
	margin: 0 auto;
    position: relative;
    width: 100%;
    background-color: #fff;
    padding-top: 5px;
    max-width: var(--pw);
}

#content {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    max-width: var(--pw);
    display: flex;
	padding: 0px 10px 0px 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#left-column {
display: flex;
    margin: 0px 10px 0px 0px;
    width: 100%;
    max-width: 250px;
    flex-direction: column;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

#breadcrumb { margin: 0 auto;
width: 100%;
}

#breadcrumb-search {
overflow: hidden;
width: 100%;
margin: 0;
    display: flex;
    align-items: center;
    padding: 15px 20px 10px 20px;
    flex-flow: row nowrap;
 /*   overflow: scroll;*/
    -ms-overflow-style: none;
    scrollbar-width: none;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lSSlideOuter{
	display: none;
}

/*****************/
#dialogSignIn {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.dcContent {
    float: none;
    margin: 0;
    background: #fff;
    margin: 5px;
    padding: 16px;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 12px 20px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 12px 20px 0px rgb(0 0 0 / 25%);
	    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dcContent .headp {
    font-weight: bolder;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px 10px;
    background-color: #5ebf01;
    color: #fff;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 0.95rem;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dcContent .imgp {
    float: left;
    width: 150px;
    height: 150px;
    margin: 10px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.dcContent .block1cp {
    float: left;
    margin-top: 15px;
    width: 100%;
}
.dcContent .block1cp .articul {
    margin-bottom: 10px;
}
.dcContent .block1cp .namep {
    font-weight: bold;
}
.dcContent .block1cp .quant {
    margin-top: 10px;
    line-height: 38px;
}
.dcContent .anonsp1 {
    float: left;
    text-align: left;
    margin-top: 15px;
    color: #555;
    line-height: 0.98rem;
    font-size: 0.8rem;
	width: 100%;
}
.dcContent .block1cp .quant .minus {
    width: 38px;
    height: 38px;
    float: left;
    margin-right: 5px;
    background-image: url(/images/minus.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 50%;
    background-size: 50%;
    cursor: pointer;
}
.dcContent .block1cp .quant .plus {
    width: 38px;
    height: 38px;
    float: left;
    margin-left: 5px;
    background-image: url(/images/plus.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 50%;
    background-size: 50%;
    cursor: pointer;
}

.dcContent .block1cp .quant .kolvo {
    float: left;
    margin: 0;
    height: 38px;
    width: 38px;
    border-radius: 6px;
    text-align: center;
}

.dcContent .footokp {
    display: flex;
    width: 100%;
    padding: 15px 0;
    justify-content: space-evenly;
}

.dcContent .footokp a.blackbutton {border-radius:0px; background: #1D65B1;}
.dcContent .footokp a.inclos{cursor: pointer; text-decoration: underline; font-size: 14px; color: #1D65B1;}
.dcContent .submbtnbar {
    margin-left: 0px;
    align-content: center;
    justify-content: center;
}

.dcContent .footokp a.inclos {
    cursor: pointer;
    text-decoration: underline;
    font-size: 14px;
    color: #1D65B1;
}

.dcContent .footokp a.blackbutton {
    background: #1D65B1;
    border-radius: 10px;
    text-align: center;
    transition: all 0.12s ease-in;
}

/***/
._grp0{
    display: grid;
    grid-template-columns: minmax(50px, 1fr) minmax(150px, 1fr);
}

.catalog-image {
position: relative;
    float: left;
  /*  width: 50%;*/
    margin-bottom: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    .catalog-image span.authorize-dealer {
       position: absolute;
width: 80px;
height: 80px;
top: 10px;
left: 10px;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
    }

    .catalog-image-main {
        width: 100%;
        padding: 5px 0;
        text-align: center;
        position: relative;
    }

        .catalog-image-link {
            display: block;
          background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
            width: 100%;
        }

        .catalog-small-image-link {
            display: block;
            width: 80px;
            height: 80px;
            float: left;
            border: 1px solid #dcdcdc;
            border-radius: 5px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: auto 95%;
            margin: 10px 0 0 7px;
        }

.catalog-detail {
    float: left;
  /*  width: 50%; */
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0px 0px 0px 30px;
}

.cheaperForm{
	max-width:455px !important;
width: 100% !important;	
}

.online-demonstration {
    margin: 20px 0 0 0;
    text-align: left;
    display: inline-block;
    background-color: #eee;
    color: #000;
    padding: 8px 10px 8px 61px;
    cursor: pointer;
    width: 100%;
    background-image: url(/images/video-camera.png);
    background-repeat: no-repeat;
background-position: 15px center;
    background-size: 30px;
    box-sizing: border-box;
    border-radius: 10px;
}
.online-demonstration .title {
    font-size: 12px;
    font-weight: bold;
}
.online-demonstration .text {
    font-size: 10px;
}

.rassrochka-btn {
    /*background-image: url("/images/rassrochka.png");
    background-repeat: no-repeat;
max-width: 337px;
*/
    width: 100%;
    height: 40px;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
    background-color: #ffdd2d;
    font-size: 18px;
line-height: 0.8rem;
    border-radius: 10px;
    /*background-position: 25px center;*/
    margin: 12px 0 0 0;
    cursor: pointer;
    font-family: TinkoffSans-Regular;
    color: #333;
	display: flex;
	justify-content: center;
    align-items: center;
	text-align: center;
}
.rassrochka-modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    z-index: 10000;
    justify-content: center;
    align-items: center;
}
.rassrochka-modal .rassrochka-form {
    width: 600px;
    height: 740px;
    background-color: #F6F7F8;
    position: relative;
    font-family: TinkoffSans-Regular;
    color: #333;
}
.rassrochka-form .close {
    background-image: url("/images/tinkoff-close.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.rassrochka-form .tinkoff-logo {
    text-align: center;
    margin: 40px 0 0 0;
}
.rassrochka-form .tinkoff-logo img {
    width: 180px;
}
.rassrochka-form .title {
    font-size: 36px;
    font-family: TinkoffSans-Bold;
    text-align: center;
    margin: 10px 0 0 0;
}
.rassrochka-form .subtitle {
    font-size: 18px;
    text-align: center;
}
.rassrochka-form .blocks {
    display: flex;
    justify-content: space-around;
    align-items: start;
    margin: 40px 0 0 0;
    padding: 0 40px;
}
.rassrochka-form .blocks .block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.rassrochka-form .blocks .img {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 20px;
    padding: 10px;
    box-sizing: border-box;
}
.rassrochka-form .blocks .img img {
    width: 100%;
    height: 100%;
}
.rassrochka-form .blocks .text {
    font-size: 18px;
    text-align: center;
    margin: 10px 0 0 0;
}
.rassrochka-form .name {
    font-size: 18px;
    text-align: center;
    margin: 40px 0 20px 0;
}
.rassrochka-form .price {
    font-size: 18px;
    text-align: center;
    font-family: TinkoffSans-Medium;
}
.rassrochka-form .form form {
    display: flex;
    flex-direction: column;
    width: 400px;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0 auto;
    font-size: 18px;
}
.rassrochka-form .form label {
    display: flex;
    margin: 4px 0;
}
.rassrochka-form .form label span {
    width: 140px;
    text-align: right;
    padding: 0 7px 0 0;
    line-height: 30px;
}
.rassrochka-form .form input[type="text"],
.rassrochka-form .form input[type="phone"],
.rassrochka-form .form input[type="email"]
{
    width: 240px;
    border: none;
    background-color: #dbdbdb;
    padding: 5px 10px;
    font-size: 16px;
}
.rassrochka-form .form input[type="submit"] {
    width: 300px;
    border: none;
    background-color: #ffdd2d;
    padding: 5px 10px !important;
    font-size: 22px !important;
    background-image: none;
    color: #333;
    height: auto;
    line-height: 32px;
    border-radius: 10px;
    font-family: TinkoffSans-Regular;
    margin: 20px 0 0 0;
    font-weight: normal;
}
.rassrochka-form .form input.rassrochka_captcha_word {
    width: 60px;
}
.rassrochka-form .form input[type="submit"]:hover {
    color: #000;
}
.rassrochka-form .form .msg {
    display: none;
    font-size: 18px;
    text-align: center;
    margin: 6px 0 0 0;
    color: #00730d;
}
.recomendation-button {
    display: inline-block;
max-width: 342px;
    width: 100%;
}
.recomendation-button img {
    max-width: 100%;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
    .info-nalichie {
		max-width: 580px;
       /* float: left; */
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }
        .info-nalichie span.icon-alert {
            position: absolute;
            top: 0px;
            left: 0;
                        width: 32px;
            height: 32px;
        }
        .info-nalichie-text {
            background: #e8e8e8;
          /*  margin-left: 20px;*/
padding: 0px 5px;
    float: left;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	flex-grow: 1;
    justify-content: center;
	flex-basis: 50%;
        }
		
.info-nalichie .item-buy .add_phone {
display: flex;
    background-color: #1663af;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    height: 40px;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex-grow: 1;
    justify-content: center;
    flex-basis: 50%;
	}



.info-nalichie .item-buy .add_phone:hover {color: #daf3ff;
background-color: #2c83d9;} 

.info-nalichie .item-buy .addbutton {
    background-color: #1663af; 
	/* background-color: #006fd1;*/ /*new*/
    padding: 0px 10px;
	background-repeat: no-repeat;
    background-position: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
 /*   margin-right: 5px;*/
    display: flex;
    height: 40px;

    align-items: center;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
flex-grow: 1;
    justify-content: center;
    flex-basis: 50%;
	}
.info-nalichie .item-buy .addbutton:hover {
color: #daf3ff;
background-color: #2c83d9;
} 

.fast  {
padding: 0px;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    background-color: #1663af;
    border-radius: 5px;
    text-align: center;
    /* padding: 0px 10px; */
    height: 40px;
    cursor: pointer;
    flex-basis: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fast:hover  {
color: #daf3ff;
background-color: #2c83d9;	
}
.fastorder {
color: white !important;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0.8rem;
    width: 100%;
    text-align: center;
}

.fastorder:hover {color: #b3e6ff !important;}



#down {
	padding: 0px 20px 0px 20px;
}

.detalnoe {
/*text-align: justify;*/
	font-size: 1.05rem;
    color: #252525;
    font-family: var(--font);
padding: 0px 0px 0px 0px;
}
.detalnoe div {
    margin: 0 0 15px 0;
}
.detalnoe img {
    max-width: 600px;
width: 100% !important;
    height: auto !important;
    border-radius: 20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
._img1{
	/*
	max-width: 500px;
    max-height: 500px;
    height: auto;
	width: 100%;
*/
	
	max-height: 500px;
    max-width: 100%;
    height: auto;
	
	border-radius: 12px;
	
}
._ski{
	z-index: 5;
    display: flex;
    position: absolute;
    bottom: 3px;
    left: 3px;
    margin: 0px 0px 8px 5px;
    background: linear-gradient(to right bottom, rgb(255 78 78) 0%, rgb(255 64 133) 60%, rgb(253 0 255) 100%);
    padding: 3px 6px 3px 6px;
    border-radius: 10px;
    color: #ffffff;
    font-family: var(--font);
    font-weight: 600;
    font-size: 1.2rem;
    align-items: center;
}

.home-blocks{
 display: none;	
}

._btn-discount-list2 {
width: 100%;
    color: #fff !important;
    margin-top: 0px;
    display: flex;
    position: relative;
    justify-content: center;
}

._discLeft2 {
    float: left;
    height: 32px;
    background: linear-gradient(to right bottom, rgb(255 78 78) 0%, rgb(255 64 133) 60%, rgb(253 0 255) 100%);
    display: flex;
    align-items: center;
    padding: 0px 10px 0px 10px;
    border-radius: 25px;
    margin: 0px 0px 5px 5px;
}
._skd2{
	font-size: 1rem;
    font-weight: 600;
    padding: 0px 2px 0px 2px;
}
._bc{
	background-color: #f1f1f5;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
   border-radius: 8px;
    padding: 5px 10px 5px 10px !important;
    margin-right: 5px; 
    color: #252525 !important;
    font-size: 0.8rem !important;
    font-family: var(--font);
    display: inline-flex;
	cursor:pointer;
}
._bc:hover {
    background-color: #e8e8f0;
}
	
#video iframe {width: 100%;
    min-height: 450px;
    height: auto;
}
.detalnoe iframe {width: 100%;
    min-height: 450px;
    height: auto;
}

.project-detail-text div img{
max-width: 750px;
width:100%;
height:auto;	
}

.project-detail-text img{
max-width: 750px;
width:100%;
height:auto;	
}

._img_gal img{
max-width: 1000px;
width:100%;
height:auto;	
	    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
border-radius: 12px;
}

.project-detail-text iframe{
	width: 100%;
    min-height: 450px;
    height: auto;
}

._btnn_b{
display: flex;
    position: relative;
    justify-content: center;
    background-color: #357fc9;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: max-content;
    padding-left: 12px;
    padding-right: 12px;
    height: 42px;	
}
._btnn_1{
    height: 26px;
    width: 26px;
    display: block;
    position: relative;
	padding-left: 8px;
}
._btnn_2{
    display: flex;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
	font-weight: 600;
    font-family: var(--font);
    font-size: 1.05rem;
}

._btnn_3{
    height: 34px;
    width: 34px;
    display: block;
    position: relative;
	padding-left: 8px;
}

._btnn_4{
    height: 26px;
    width: 26px;
    display: block;
    position: relative;
	padding-left: 8px;
}

.manufacturer-price-filter {
float: right;
}
.manufacturer-price-filter #slider-range {
width: 160px;
float: left;
margin: 0 15px 0 15px;
}
.manufacturer-price-filter span {
float: left;
margin: 0 5px 0 0;
font-weight: bold;
}
.manufacturer-price-filter #from {
float: left;
width: 60px;
font-size: 12px;
/* margin-top: -5px;*/
padding: 4px;
margin-right: 5px;
}
.manufacturer-price-filter #to {
width: 60px;
font-size: 12px;
/*margin-top: -5px;*/
padding: 4px;
}
.m1_8{
white-space: nowrap;
}
.m1_10{
text-align: left;
flex-direction: column;	
text-align: left;
flex-direction: column;
    /* flex-grow: 1; */
line-height: 0.9rem;
}

/******************/

/*
#cart i a{
	color: #fff !important;
}

#cart #cart_line {
    display: block;
    position: absolute;
    top: 0px !important; 
    background: linear-gradient(to bottom, #ff016b, #ff0147);
    font-size: 0.88rem;
    border-radius: 6px;
    height: 20px;
    color: #fff;
    padding: 0px 5px 0px 5px;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%);
    opacity: 0.95;
}
*/

/*slider*/
     .itcss__items {
      counter-reset: slide;
    }
	
._img_slider{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;	
}
.itcss__wrapper{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;

-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
    .itcss__item {
      counter-increment: slide;
    }
	.itcss__item > div {
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-weight: bold;
    }

    @keyframes fadeIn {
      0% {
        opacity: 0;
        transform: translateY(50px);
      }
      100% {
        opacity: 1;
        transform: none;
      }
    }

    .itcss__item_active .itcss__text {
      animation-name: fadeIn;
      animation-duration: 2s;
    }
._bt_0{

    border-radius: 10px;
    display: grid;
    grid-template-columns: 38px 1fr;

    border-radius: 10px;
    align-content: center;
   /* opacity: 0.95; */
    transition: all 0.2s;
	margin-bottom: 10px;
	grid-column-gap: 6px;
}	
._bt_0:hover ._bt1 {
	opacity: 0.8;
}
._bt_0:hover ._bt2 {
	opacity: 0.8;
}

._bt_02{

    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr;

    border-radius: 10px;
    align-content: center;
    transition: all 0.2s;
	margin-bottom: 10px;
	grid-column-gap: 6px;
}	

._bt_02:hover ._bt2 {
	opacity: 0.8;
}

._txt8{
color: #fff;
    background-color: #3f9018;
    display: inline-block;
    margin: 0 0 0 4px;
    border-radius: 50%;
    font-size: 11px;
    cursor: pointer;
    line-height: 12px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;	
}
._txt9{
	padding-left: 6px;
}
._ico23{
background-image: url(/sys/_ico23.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    height: 30px;
    min-height: 30px;
    width: 30px;
}
._ico21 {
    background-image: url(/sys/_ico21.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    height: 30px;
    min-height: 30px;
    width: 30px;
}
._ico22 {
    background-image: url(/sys/_ico22.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    height: 30px;
    min-height: 30px;
    width: 30px;
}

._bt2 {
    font-size: 0.98rem;
    font-family: var(--font);
   /* color: #222; */
		color: #338700;
    font-weight: normal;
 /*   display: grid; */
 display: flex;
    align-content: center;
    padding: 0px 0px 0px 0px;
    line-height: 0.95rem;
    font-weight: 500;
	align-items: center;
}
._bh{
	cursor:pointer;
}

._bh2 {
position: absolute;
color: #fff;
font-weight: normal;
max-width: 260px;
/*width: 100%;*/
font-size: 12px;
line-height: 16px;
margin-left: 40px;
background-color: #3f9018;
padding: 6px 10px;
margin-top: 25px;
border-radius: 5px;
display: none;
z-index: 1;
box-shadow: 0 12px 22px 0px rgb(78 109 85 / 19%);
}

._bh:hover ._bh2 {
display: block;
}

._bt3{
	display: flex;
    width: fit-content;
    background-color: #338700;
    padding: 0 14px;
    border-radius: 6px;
    height: 30px;
    align-items: center;
    color: #ffffff;
    max-width: 120px;
    justify-content: center;
}

.info-brief {
color: #252525;
    font-size: 0.9rem;
    line-height: 1.0rem;
    width: 100%;
    -moz-box-sizing: border-box;
    font-family: var(--font);
border-radius: 10px;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100px;
    overflow-y: auto;
    scrollbar-width: thin;
	
/*	border: 1px solid #f1f1f1; */
   /*  padding: 10px 15px; */
	padding: 10px 15px 10px 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
 /* display: none; */
scrollbar-color: rgba(0, 0, 0, 0.45) transparent; 
 
 
}
.info-brief p {
margin-bottom: 5px;
}
span.detail-title {
align-items: center;
    display: flex;
            color: #555;
            font-weight: bold;
            margin-bottom: 5px;
    width: 100%;
        }
		
.info-proizvoditel,
.info-other {
    /*    float: left; */
        border: 1px solid #dcdcdc;
        padding: 10px 15px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
display:flex;
}

.info-proizvoditel{
border-radius: 5px 5px 0 0; border-bottom: 0; padding-bottom: 0;
margin-top: 15px;
		font-size: 0.95rem;
    font-family: var(--font);
}
.info-other { border-radius: 0 0  5px 5px; border-top: 0; padding-top: 0px; margin-bottom: 10px;    }

    .info-items-title,
    .info-items-value {
        float: left;
        text-align: left;
		font-size: 0.95rem;
    font-family: var(--font);
    }
.info-items-title {
max-width: 140px;
width: 100%;}
.info-items-value {
max-width: 140px;
width: 100%;
}
        .info-items-title p {
            color: #1663af;
            /*font-weight: bold;*/
            margin-bottom: 15px;
        }
        .info-items-value p {
            color: #333;
            font-weight: bold;
            margin-bottom: 15px;
        }


    .proizvoditel-wrapper {
width: 100%;
    align-items: center;
    display: flex;
    }

 /* .proizvoditel-wrapper font.link_manuf{padding-top: 10px;} */

        .proizvoditel-wrapper .p-logo {
          
            display: inline-block;
max-width: 150px;
    width: 100%;
    height: auto;
    min-height: 40px;
  /*  margin-right: 15px;*/
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
margin-top: 5px;
        }
        .proizvoditel-wrapper a {
            color: #27408b;
            vertical-align: top;
        }	
.link_manuf{
margin-right: 5px;	
}

._bc_e{
display: none;		
}

.ui-dialog {
    max-width: 500px !important;
    width: 100% !important;
		-moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.fi2_display{
display:flex;
}
.fi20_display{
display:none;
}
.fi30_display{
display:none;
}
.fi30_2_display{
display:flex;
}

.fi_30_btn:hover {
	cursor:pointer;
    background-color: #e8e8f0;
}
/***************************************************/
/***************************************************/

@media screen and (max-width: 1280px) {
.m1_2{
 display: none;	
}

}	

@media screen and (max-width: 1100px) {

.m1_10{
font-size: 0.88rem;	
} 
}

/**/
@media screen and (max-width: 1040px) {
.catalogn-list{
 grid-template-columns: repeat(3, 1fr);
}
    .m1_8 {
        display: none;
    }
	    .m1_9 {
        display: grid;
    }
}

/**/
@media screen and (max-width: 1000px) {
.fi2_display{
display:none;
}
.fi20_display{
display:flex;
}
.fi30_display{
display:flex;
}

.fi30_2_display{
display:none;	
}
._bc_mob  {
display: inline-block;
}
.mans_table{
display: none;	
}
.home-blocks{
 display: none;	
}
.section_list {
    grid-template-columns: repeat(4, 1fr);
}

#left-column{
	display:none;
}
.catalogn-list{
 grid-template-columns: repeat(4, 1fr);
}

    .bt_cat2 {
         display: flex; 
    }
._pc4 {
        display: none;
}
._pc1 {
        display: flex;
}
	
	
}	

/**/
@media screen and (max-width: 900px) {
.m1 {
padding-left: 8px;
padding-right: 8px;
	}
.info-brief{
display: none;	
}
.recomendation-button{
/*display:none;	*/
}
#video iframe{
    min-height: 450px;
}
.detalnoe iframe {
    min-height: 450px;
}
.project-detail-text iframe{
	min-height: 450px;
}
._grp0{
    grid-template-columns: minmax(50px, 1fr);
}

.catalog-image{
width:100%;		
	}
.catalog-detail {
width:100%;
padding-left: 0px;
}	
.detalnoe {
padding: 0px 30px 0px 30px;
}

}	

/***/
@media screen and (max-width: 850px) {
   .catalogn-list{
 grid-template-columns: repeat(3, 1fr);
}
 #footer {
        grid-template-columns: repeat(1, 1fr);
    }
	.m1_6 {
        display: none;
    }
}


@media screen and (max-width: 800px) {
.m1_10{
 display: none;	
}
.item-elwmwnt div{
padding-left:5px !important;
padding-right:5px !important;
font-size: 0.82rem  !important;
}
}

@media screen and (max-width: 750px) {
._bc{
 display: none;		
}
._bc_mob  {
display: inline-flex;	
}
.section_list {
    grid-template-columns: repeat(3, 1fr);
    }
}	
/***/
@media screen and (max-width: 700px) {
    .m1_5 {
        display: none;
    }
._tab1{
 display: none;	
}	
.manufacturer-price-filter {
     float: none; 
    height: 32px;
    display: flex;
    align-items: center;
    margin-top: 10px;

}

.manufacturer-price-filter #slider-range {
	display:none;
}


}
/**/


@media screen and (max-width: 650px) {

}
@media screen and (max-width: 600px) {
#video iframe{
    min-height: 300px;
}
.detalnoe iframe {
    min-height: 300px;
}
.project-detail-text iframe{
	min-height: 300px;
}	
	.section_list {
    grid-template-columns: repeat(2, 1fr);
    }
	
.c0_3{
display:flex;
/*display:none;*/
}

    .m1_7 {
        display: none;
    }
    .catalogn-list {
        grid-template-columns: repeat(2, 1fr);
    }
	    ._pc1 {
        display: none;
    }
	    ._pc2 {
        display: none;
    }
	    ._pc3 {
        display: none;
    }
	.search{
		    padding: 0px 0px 0px 0px;
	}
	    .m1_9 {
           display: none;
    }
	.showroom-slider{
	/* display: none;	*/
	}
.bx_filter_horizontal.bx_blue .bx_filter_control_section{
	height: 170px;
}
.detalnoe {
padding: 0px 10px 0px 10px;
}
	
}
/***/
/* 810>600 */
@media screen and (max-width: 810px){
    .cl_0 {
        grid-template-columns: minmax(30px, 120px) 1fr minmax(30px, 32px);
    }
	
.cl_1 {
grid-template-columns: repeat(1, 100%);
grid-auto-rows: min-content;
    }
.cl_p1 {
order: 2;
    }
.cl_p2 {
order: 1;
    }
.cl_2 {
        order: 4;
        grid-column: 1 / -1;
    }
	
	    .cl_price {
        text-align: left;
        padding-right: 0px;
    }
	    .cl_3 {
        order: 3;
        display: grid;
        -webkit-justify-content: right;
        -ms-flex-pack: right;
        justify-content: right;
        text-align: right;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

}
/***/
@media screen and (max-width: 500px){
.dcContent .imgp {
		display:none;
	}
.anonsp1{
display:none;
}
.fi_m{
/*	right: 0; */
}
.section_list .item-sec .sec_info .title a{
	    font-size: 0.95rem;
}

	.m1_4 {
        display: none;
    }
.m1_2{
 display: none;	
}
.navigation-title{
 display: none;	
}

._fb_p {
    margin-bottom: 8px;
    max-width: 380px;
	height:40px;
	font-size: 1.1rem;
}

	}

@media screen and (max-width: 450px) {
.c3 {
padding-left:10px;
padding-right:10px
	}

._txt9 {
 display: none;		
}
.fi_btn2{
	margin-right:8px;
}
#video iframe{
    min-height: 200px;
}
.detalnoe iframe {
    min-height: 200px;
}
.project-detail-text iframe{
	min-height: 200px;
}

.section_list {	
	grid-column-gap: 5px;
    grid-row-gap: 10px;
}

.section_list .item-sec .sec_image a{
	margin: 0px;
}
.mauf {
display: none;
    }
	
.header-title-page{
	text-align:center !important;
	padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
        font-size: 1.35rem !important;
}
.catalogn-list{
    grid-column-gap: 5px;
}	

.catalogn-list .c-item .b-info .item-price {
font-size: 1.15rem;	
}
	
}	

/**/
	
@media screen and (max-width: 430px) {
.m1_11 { margin: 0 auto;}
.c2 .m1:first-child {
    margin-left: auto;
}
    .m1_3 {
        display: none;
    }
}
@media screen and (max-width: 400px) {
#content {
	padding: 0px 5px 0px 5px;
}
	.modal_fix{
	top: 0px;
	padding: 20px 10px 20px 10px;
}
.rassrochka-btn{
	font-size:17px;
}
.item-buy{
    flex-wrap: wrap; 
}
.info-nalichie .item-buy .add_phone {
	width:100%;
    justify-content: center;	
}
.info-nalichie-text{
width:100%;
    justify-content: center;	
}
.info-nalichie .item-buy .addbutton{
	width:100%;
    justify-content: center;
}
.fast{
	width: 100%;
}
.fastorder{
	width: 100%;
    justify-content: center;
}


.catalogn-list .c-item .info-item .image {
    width: 120px;
    height: 120px;
}

.section_list .item-sec .sec_info .title a{
	    font-size: 0.9rem;
}
.section_list .item-sec .sec_info {
	padding: 0px 0px 0px 2px;
}
#workarea{
padding: 0px 0px 0px 0px;	
}

._i5 {
    max-width: 150px;
    max-height: 150px;
}

    .proizvoditel-wrapper {
flex-direction: column;
    }
	

}

@media screen and (max-width: 340px) {
.catalogn-list .c-item .info-item .image {
    width: 100px;
    height: 100px;
}
._i5 {
    max-width: 120px;
    max-height: 120px;
}

._t104{
background-position: 8% center;
font-size: 1.1rem;
}
._t105{
background-position: 8% center;	
font-size: 1.1rem;
}
._t106{
background-position: 8% center;	
font-size: 1.1rem;
}
._t153{
background-position: 8% center;
font-size: 1.1rem;
}
.t3 {
padding-left:0px;	
}


}


@media screen and (max-width: 300px) {
.bl_img2 {
max-width: 100px;
    max-height: 100px;	
}

.t3 {
 display: none;		
}

	}
@media screen and (max-width: 290px) {	
	.section_list {
    grid-template-columns: repeat(1, 1fr);
    }
	.catalogn-list {
        grid-template-columns: repeat(1, 1fr);
    }
}