body {
    font-family: 'din-condensed-light';    
}

table {
    width: 100%!important;
}

tr.header {
    background: #ff5959;
}
h3 {
	
	font-weight:bold;
}

.topis {
    background: #1976d2!important;
}

#win-price .win-title {
    
}
#win-price {display:none;}
#win-price form {
    display: flex;
    flex-direction: column;
}

#win-price form input {
    width: 100%;
    border: 1px solid #212e44;
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 15px 0px;
    background: #ffffff;
    font-size: 14px;
    line-height: 40px;
    color: #334148;
}

#win-price form button {
    background: #e12d48;
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    border: 0 none;
}

#win-price form button:hover {
    opacity: 0.8;
}

.fancybox-content {
    max-width: 400px!important;
    padding: 20px!important;
}


#msMiniCart {
width: 90px;	
height: 90px;	
/*position: fixed;*/
left: 45px;
bottom: 65px;	
background: url('/assets/template/images/icon_cart.png');
background-size: 100% 100%;
}	
#msMiniCart div {
position: relative;
}	
#msMiniCart strong {
position: absolute;
top: -4px;
left: 59px;
width: auto;
height: 30px;
padding: 2px 10px;
border-radius: 30px;
background: orange;
color: #fff;
font-weight: bold;
font-size: 24px;
}	

.container {
    width: 1428px;
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 268px calc(100% - 300px);
    grid-gap: 2vw;
    /*august padding: 20px;*/
    box-sizing: border-box;
    padding:20px; /*20122022*/
}

.container-footer{
    max-width: 1208px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding:20px;
}
/*august*/
.content-block{
    /* max-width: 1117px; */
    /* max-width: 870px; */
    width: 100%;
    /*padding: 15px;*/
    box-sizing: border-box;
}

.grid-products{
    display: grid;
     grid-template-columns: repeat(4, 1fr); 
    /*grid-template-columns: repeat(auto-fill, 257px);*/
    grid-gap: 19px;
    /* grid-row-gap: 2vw; */
    /* grid-template-rows: auto; */
    justify-content: initial;
    word-break:break-word;
    margin-bottom: 30px; /*05012023 */
}
.grid-products-3{
    grid-template-columns: repeat(3, 1fr);
}

p img {
    max-width: 100%;
    height: auto;
}

#menu-icon {
	display: none;
}

.clear {
	height: 0px;
	clear: both;
}

.slider .bx-wrapper {
	width: 100%;
	height: 350px;
	position: relative;
	z-index: 1;
}

.slider .bx-wrapper .slide {
	height: 350px;
}

.slider #bx-pager {
	width: 470px;
	padding: 0px 0px 0px 700px;
	margin: -329px auto 0px auto;
	position: relative;
	z-index: 10;
}

.slider #bx-pager a {
	font-family: 'din-condensed-light';
	color: #ffffff;
	font-size: 18px;
	line-height: 66px;
	text-decoration: none;
	height: 66px;
	padding: 0px 0px 0px 127px;
	background: #212e44;
	border-bottom: 1px solid #1976d2;
	border-left: 3px solid #1976d2;
	display: block;
}

.slider #bx-pager a:hover {
	border-left: 3px solid #ffffff;
}

.slider #bx-pager a:last-of-type {
	border-bottom: 0px solid #374151;
}

.slider #bx-pager a:nth-of-type(1) {
	background: #0d47a1 url("../images/ico1.png") no-repeat!important;
	background-position: 44px 21px!important;
}

.slider #bx-pager a:nth-of-type(2) {
	background: #0d47a1 url("../images/ico2.png") no-repeat!important;
	background-position: 44px 21px!important;
}

.slider #bx-pager a:nth-of-type(3) {
	background: #0d47a1 url("../images/ico3.png") no-repeat!important;
	background-position: 44px 18px!important;
}

.slider #bx-pager a.active {
	border-left: 3px solid #ffffff;
}

.slider #bx-pager a:hover.active {
	border-left: 3px solid #ffffff;
}

.slider #bx-pager .title {
	font-family: 'din-condensed-light';
	color: #ffffff;
	font-size: 24px;
	line-height: 104px;
	height: 104px;
	padding: 0px 0px 0px 60px;
	background-color: rgba(13, 71, 161, 0.7);
	border-bottom: 1px solid #374151;
}

.slider #bx-pager .title:before {
	content: "";
	width: 90px;
	height: 2px;
	background: #ff5959;
	position: relative;
	top: 29px;
	display: block;
}

.slider p {
	width: 1170px;
	margin: 0px auto 0px auto;
}

.slider p i {
	font-weight:bold;
	color: #ffffff;
	font-size: 35px;
	line-height: 39px;
	font-style: normal;
	text-transform: none;
	background-color: rgba(13, 71, 161, 0.7);
	width: 510px;
	height: 84px;
	padding: 10px 14px 40px 40px;
	margin-bottom: -134px;
	overflow: hidden;
	position: relative;
	bottom: -192px;
	z-index: 11;
	display: block;
	float: left;
}

.slider p i b {
	color: #ff5959;
	font-weight: normal;
}

header {
	position: relative;
	z-index: 14;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.55);
	box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.55);
}

header .top1 {
	height: 54px;
	background: #0d47a1;
}

header .top1 a {
	font-family: 'din-condensed-light';
	color: #ffffff;
	font-size: 16px;
	line-height: 54px;
	text-decoration: none;
	margin: 0px 85px 0px 55px;
	padding: 0px 0px 0px 26px;
	background: url("../images/ico4.png") left center no-repeat;
	float: left;
}

header .top1 p {
	font-family: 'din-condensed-light';
	color: #ffffff;
	font-size: 16px;
	line-height: 54px;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 32px;
	background: url("../images/ico5.png") left center no-repeat;
	float: left;
}

header .top1 form {
	margin: 10px 0px 0px 0px;
	float: right;
}

header .top1 form input {
	font-family: 'din-condensed-light';
	color: #ffffff;
	font-size: 16px;
	line-height: 34px;
	width: 195px;
	height: 34px;
	background: #1976d2;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	border: 0 none;
	float: left;
}

header .top1 form button {
	width: 34px;
	height: 34px;
	background: #1976d2 url("../images/ico6.png") center center no-repeat;
	border: 0 none;
	float: left;
}

header .top2 {
	height: 100px;
	background: #ffffff url("../images/bg4.png") bottom repeat-x;
}

header .logo {
	width: 251px;
	height: 83px;
	background: #ffffff url("https://werstakoff-neva.ru/logo-new.png") bottom repeat-x;
	background-size: 251px 83px;
	margin: 8px 0px 0px 7px;
	float: left;
}

header .logo img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

header .menu {
	margin: 25px 0px;
	float: right;
}

header .menu li {
	vertical-align: top;
	display: inline-block;
	margin: 0px 0px 0px 20px;
	position: relative;
}
/*
header .menu li ul {
	display: none;
}*/

header > .menu > li > div {
    display:none;
}

/*
header .menu li:nth-of-type(2):hover ul {
	width: 260px;
	margin: 0px 0px 0px -20px;
	padding: 9px 0px 5px 20px;
	background: #ffffff;
	position: absolute;
	z-index: 12;
	display: block;
}
*/
header .menu > li > a, .leveli1 a  {
	font-weight:bold;
	color: #000;
	font-size: 20px;
	line-height: 16px;
	text-decoration: none;
}

a.dropdown-toggle {
	background: url("../images/bg3.png") right center no-repeat;
	padding: 0px 14px 0px 0px;
}

.b1 {
	background: #e8eaf3;
	/*margin: 24px 0px 0px 0px;*/
}
.slider + .b1 {
    /*margin: 24px 0px 0px 0px;*/
}

.b1 .menu2 {
	width: 268px;
	border-bottom: 1px solid #ffffff;
	float: left;
	/*margin-top: 18px; 20122022*/
}

.b1 .menu2 li {
	vertical-align: top;
	border: 1px solid #ffffff;
	border-bottom: 0px solid #ffffff;

}

.b1 .menu2 ul > li > a {
	font-weight:bold;
	color: #000000;
	font-size: 17px;
	line-height: 62px;
	text-decoration: none;
	background: url("../images/bg5.png") left center no-repeat;
	padding: 0px 0px 0px 24px;
	margin: 0px 0px 0px 25px;
}

.b1 .section {
	width: 100%;
	/*float: right; august */
}

.b1 .section .title {
	font-weight:bold;
	color: #ffffff!important;
	font-size: 17px;
	line-height: 43px;
	background: #e12d48!important;
    width: calc(100% - 17px)!important;
	padding: 0px 0px 0px 17px;
	margin: 25px 0px 10px 0px;
	clear: both;
}


.trig{
    text-align:center;
    display: inline-flex;
    justify-content: space-around;
    width: 100%;
}

.b1 .section .trig li {
	font-weight:bold;
	color: #feffff;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	width: 130px;
	height: 65px;
	padding: 25px 20px 0px 120px;
	margin: 0px 30px 0px 0px;
	vertical-align: top;
	display: inline-block;
}

.b1 .section .trig li:nth-of-type(1) {
	background: #e12d48 url("../images/ico7.png") no-repeat;
	background-position: 60px 28px;
}

.b1 .section .trig li:nth-of-type(2) {
	width: 140px;
	padding: 25px 20px 0px 110px;
	background: #e12d48 url("../images/ico8.png") no-repeat;
	background-position: 60px 27px;
}

.b1 .section .trig li:nth-of-type(3) {
	background: #e12d48 url("../images/ico9.png") no-repeat;
	background-position: 60px 28px;
	margin: 0px 0px 0px 0px;
}

.b1 .section .arrs {
	width: 87px;
	height: 43px;
	margin: -53px 0px 0px 0px;
	float: right;
}
/*
.b1 .section .arrs .jcarousel-control-prev {
	width: 43px;
	height: 43px;
	background: url("../images/arr1.png") center center no-repeat;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 2;
	display: block;
	border-right: 1px solid #677082;
	float: left;
}

.b1 .section .arrs .jcarousel-control-next {
	width: 43px;
	height: 43px;
	background: url("../images/arr2.png") center center no-repeat;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 2;
	display: block;
	float: left;
}
*/

.b2 {
	padding: 30px 0px 45px 0px;
	background: #f5f6fa;
}

.b2 .sale {
	width: 270px;
	background: #313d51;
	margin: 0px 30px 0px 0px;
	float: left;
}

.b2 .sale p {
	font-weight:bold;
	color: #ffffff;
	font-size: 14px;
	line-height: 44px;
	text-transform: uppercase;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

.b2 .sale .img img {
	max-width: 270px;
	vertical-align: bottom;
}

.b2 .sale i {
	font-weight:bold;
	color: #ffffff;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	font-style: normal;
	background: url("../images/ico10.png") no-repeat;
	background-position: 33px 1px;
	padding: 0px 0px 0px 86px;
	margin: 22px 0px 50px 0px;
	display: block;
}

.b2 .text {
	width: 870px;
	margin: -7px 0px 0px 0px;
	float: left;
}

.b2 .text p {
	font-family: 'din-condensed-light';
	color: #334148;
	font-size: 14px;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
}

.b2 .text p b {
	font-weight:bold;
	font-weight: normal;
}

.b2 .text strong {
	font-weight:bold;
	color: #334148;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	margin: 15px 0px 12px 0px;
/*display: block;*/
}

.b2 .text p img {
	max-width: 100%!important;
	height: auto!important;
}

.cat p img {
	max-width: 100%!important;
	height: auto!important;
}

.b2 .text i {
	font-family: 'din-condensed-light';
	color: #334148;
	font-size: 16px;
	line-height: 26px;
	font-style: normal;
	display: block;
}

.garage-system{
    padding-top: 16px;
    /*margin: 151px 0px 0px 0px !important;september*/
}
.garage-system .left-side.menu2{
    margin-top: 0;
}
.garage-system .section{
    background-color: #fff;
    padding: 35px 40px 20px;
    /* width: 790px; */
    margin-bottom: 60px;
    box-sizing: border-box;
}

.garage-system .breadcrumb{
    padding-top: 0;
    font-size: 12px;
}
.garage-system .breadcrumb li{
    padding: 5px 0px 5px 3px;
}
.garage-system .breadcrumb li a{
    color: #1976D2;
}
.b1.garage-system .section .title{
    font-family: din-condensed-bold;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 24px;
    line-height: 30px;
    padding: 0;
    margin: 32px 0 25px;
}
.garage-system .main-slider{
    margin: 32px 0 8px;
    position: relative;
}
.garage-system .main-slider .slick-arrow{
    position: absolute;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    left: 20px;
    z-index: 1;
    background-color: #1976D2;
    color: transparent;
    border: none;
    transition: background-color .3s;
    background-image: url(../images/svg/arrow_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.garage-system .main-slider .slick-arrow.slick-next{
    left: auto;
    right: 20px;
    transform: scale(-1,1);
}
.garage-system .main-slider .slick-arrow:hover{
    background-color: #155ba0;
}
.garage-system .thumb-slider .slide-item{
    border: 6px solid #fff;
    margin: -6px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.garage-system .thumb-slider .slide-item:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #013060;
    opacity: .4;
    top: 0;
    left: 0;
    transition: opacity .3s;
}
.garage-system .thumb-slider .slide-item.slick-current:after{
    opacity: 0;
}
.garage-system .advantages-block, .stellazhs .advantages-block {
    margin-top: 3.75rem;
}
.garage-system .advantages-block .adv-title, .stellazhs .advantages-block .adv-title{
    text-align: left;
    font-family: din-condensed-bold;
    font-size: 24px;
    line-height: 30px;
    padding: 0;
}
.garage-system .advantages-block .advantages-block__content, .stellazhs .advantages-block .advantages-block__content{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 2.75rem;
}
.garage-system .advantages-block .advblock__item, .stellazhs .advantages-block .advblock__item{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex: 0 0 calc(50% - 20px);
    margin-right: 40px;
    margin-bottom: 35px;
}
.garage-system .advantages-block .advblock__item:nth-of-type(2n),
.stellazhs .advantages-block .advblock__item:nth-of-type(2n){
    margin-right: 0;
}
.garage-system .advantages-block .advblock__item .image-block,
.stellazhs .advantages-block .advblock__item .image-block{
        flex: 0 0 65px;
}
.garage-system .advantages-block .advblock__item .image-block img,
.stellazhs .advantages-block .advblock__item .image-block img
{
    display: block;
    margin: 0 auto;
}
.garage-system .advantages-block .advblock__item .descr-block,
.stellazhs .advantages-block .advblock__item .descr-block{
    padding-left: 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}
.garage-system .advantages-block .advantages-block__btn-row,
.stellazhs .advantages-block .advantages-block__btn-row
{
    text-align: center;
    margin-top: 23px;
}
.garage-system .advantages-block .advantages-block__btn-row .advbtn,
.stellazhs .advantages-block .advantages-block__btn-row .advbtn {
    font-weight:bold;
    display: inline-block;
    background-color: #E12D48;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    padding: 16px 24px;
    transition: background-color .3s;
    margin-bottom: 5px;
}
.garage-system .advantages-block .advantages-block__btn-row .advbtn:hover,
.stellazhs .advantages-block .advantages-block__btn-row .advbtn:hover
{
    background-color: #a01e32;
}
.garage-system .advantages-block .advantages-block__btn-row p span,
.stellazhs .advantages-block .advantages-block__btn-row p span{
    color: #1976D2;
}
.garage-system .types-block{
    margin-top: 4rem;
    margin-bottom: 2.25rem;
}
.garage-system .types-block .types-title{
    text-align: left;
    font-family: din-condensed-bold;
    font-size: 24px;
    line-height: 30px;
    padding: 0;
}
.garage-system .types-block__content{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.garage-system .types-block .type__item{
    /*flex: 0 0 calc(50% - 15px);
    margin-right: 30px;
    background-color: #fff;
    transition: background-color .3s;
    position: relative;
    margin-bottom: 30px;
    max-width: calc(50% - 15px);*/
}
.garage-system .types-block .type__item .type-link{
    display: block;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.garage-system .types-block .type__item:nth-of-type(2n){
    margin-right: 0;
}
.garage-system .types-block .type__item:hover{
    background-color: #1976D2;
}
.garage-system .types-block .type__item .image-block{
    position: relative;
    max-height: 245px;
    overflow: hidden;
}
.garage-system .types-block .type__item .image-block img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.garage-system .types-block .type__item .image-block:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1976D2;
    opacity: 0;
    z-index: 1;
    transition: opacity .3s;
}
.garage-system .types-block .type__item .image-block:after{
    content:'';
    display: block;
    width: 66px;
    height: 66px;
    background-color: #1976D2;
    position: absolute;
    top: calc(50% - 33px);
    left: calc(50% - 33px);
    background-image: url(../images/svg/plus_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    opacity: 0;
    transition: opacity .3s;
}
.garage-system .types-block .type__item:hover .image-block:before{
    opacity: .3;
}
.garage-system .types-block .type__item:hover .image-block:after{
    opacity: 1;
}
.garage-system .types-block .type__item .descr-block{
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    padding: 25px;
    transition: color .3s;
}
.garage-system .types-block .type__item .descr-block p{
    margin: 0;
}
.garage-system .types-block .type__item:hover .descr-block{
    color: #fff;
}
.garage-system .subtitle{
    text-align: left;
    font-family: din-condensed-bold;
    font-size: 24px;
    line-height: 30px;
    padding: 0;
}
.b1.garage-system .section .topcat{
    margin-top: 28px;
    margin-bottom: 0;
}
.b1.garage-system .section .topcat ul{
    /*display: flex;september2022*/
    align-items: stretch;
    flex-wrap: wrap;
}
.b1.garage-system .section .topcat ul li{
    /*flex: 0 0 calc(33.3% - 61px);september2022*/
    margin-right: 16px;
    border: 1px solid rgba(25, 118, 210, 0.4);
    padding: 24px;
    /*width: calc(33.3% - 61px);september2022*/
    margin-bottom: 16px;
}
.b1.garage-system .section .topcat ul li:nth-of-type(3n){
    margin-right: 0;
}
.b1.garage-system .section .topcat li .img{
    margin: 0 auto;
    height: 205px;
}
.b1.garage-system .section .topcat li .img img{
    max-width: 100%;
}
.b1.garage-system .section .topcat li.both{
    display: none;
}
.b1.garage-system .section .topcat li .catlink{
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #000;
    padding: 0;
    margin: 15px 0 -8px;
    min-height: auto !important;
    padding: 0 !important;
}
.b1.garage-system .section .topcat li .catlink p{
    margin: 0;
    height: auto !important;
    width: auto !important;
}

.catlink {/*min-height: 115px;*/}
.morelink {
    border: 1px solid navy;
    text-decoration: none;
    padding: 3px 20px;
    margin-top: 10px;
}   
div.morelink {
    border: 1px solid navy;
    text-decoration: none;
    padding: 3px 20px;
    margin-top: 10px;
    width: fit-content;
    margin: 10px auto;
}

.b1.garage-system .section .topcat li .catlink .morelink{
    border: none;
    text-decoration: none;
    margin-top: 17px;
    display: inline-block;
    color: #fff;
    background-color: #1976d2;
    padding: 10px 20px;
    transition: background-color .3s;
}
.b1.garage-system .section .topcat li .catlink .morelink:hover{
    background-color: #E12D48;
}

footer {
	background: #0d47a1;
}

footer .foot1 {
    /*width: 1170px;
    padding: 5px 20px;
    border-bottom: 1px solid #3c485e;*/
}

@media (max-width:832px){
.category-banner{
    display:none;
}
}

footer .foot2 {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

footer ul {
	/*width: 870px;
	margin: 30px 0px 0px 0px;
	float: left;*/
}

footer ul li {
	/*width: 280px;
	margin: 0px 0px 12px 0px;
	vertical-align: top;
	display: inline-block;*/
}

.foot1 a {
	font-family: 'din-condensed-light';
	color: #ffffff;
	font-size: 14px;
	line-height: 27px;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url("../images/bg6.png") left center no-repeat;
}

.foot1 {
    display: grid;
    /* gap: 20px; */
    flex-wrap: wrap;
    /* grid-auto-flow: column; */
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    justify-items: stretch;
}
.foot-header {
    color: #FFFFFF;
    padding: 10px 0px 13px;
}

footer form {
    margin: 20px 0px 0px 0px;
    /* float: right; */
}

footer form input {
    font-family: 'din-condensed-light';
    color: #ffffff;
    font-size: 16px;
    line-height: 34px;
    width: 72%;
    height: 34px;
    background: #1976d2;
    /* margin: 0px 0px 0px 0px; */
    padding: 0px 1px 0px 20px;
    border: 0 none;
    float: left;
}

footer form button {
    width: 17%;
    height: 34px;
    background: #1976d2 url(../images/ico6.png) center center no-repeat;
    border: 0 none;
    float: left;
}

.foot2 a {
	font-family: 'din-condensed-light';
	color: #ffffff;
	font-size: 16px;
	line-height: 54px;
	text-decoration: none;
	margin: 0px 120px 0px 0px;
	padding: 0px 0px 0px 26px;
	background: url("../images/ico4.png") left center no-repeat;
	float: left;
}

footer p {
	font-family: 'din-condensed-light';
	color: #ffffff;
	font-size: 16px;
	/*line-height: 54px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 32px;
	float: left;*/
}
.footer_address {
 	background: url("../images/ico5.png") left center no-repeat; 
 	padding: 0px 0px 0px 26px;
}
footer a:nth-of-type(3) {
	font-family: 'din-condensed-light';
	color: #656e7f;
	font-size: 16px;
	line-height: 54px;
	margin: 0px 0px 0px 0px;
	padding: 0px 110px 0px 0px;
	background: url("../images/stem.png") right center no-repeat;
	float: right;
}

@media (max-width: 1200px) {
.container {
	/*width: 970px;*/
}

.slider p {
	width: 970px;
}

.slider #bx-pager {
	width: 370px;
	padding: 0px 0px 0px 600px;
	margin: -329px auto 0px auto;
}

.slider #bx-pager a {
	font-size: 16px;
}

.slider #bx-pager .title {
	font-size: 22px;
}

.slider p i {
	font-size: 33px;
	line-height: 42px;
	width: 500px;
	height: 84px;
	padding: 25px 20px 25px 40px;
	margin-bottom: -134px;
	bottom: -192px;
}

header .top1 a {
	margin: 0px 25px 0px 30px;
}

header .top1 p {
	margin: 0px 0px 0px 30px;
}

header .menu li {
	margin: 0px 0px 0px 10px;
}

header .menu li a {
	font-size: 15px;
}

header .menu li:nth-of-type(2):hover ul li a {
	font-size: 14px;
}

.b1 .section {
	width: 670px;
}

.b1 .section .title {

}

.b1 .section .trig li {
	font-size: 16px;
	line-height: 20px;
	width: 110px;
	height: 42px;
	padding: 13px 20px 11px 80px;
	margin: 0px 20px 0px 0px;
}

.b1 .section .trig li:nth-of-type(1) {
	background: #d92822 url("../images/ico7.png") no-repeat;
	background-position: 30px 16px;
}

.b1 .section .trig li:nth-of-type(2) {
	width: 120px;
	padding: 13px 20px 11px 70px;
	background: #d92822 url("../images/ico8.png") no-repeat;
	background-position: 30px 15px;
}

.b1 .section .trig li:nth-of-type(3) {
	background: #d92822 url("../images/ico9.png") no-repeat;
	background-position: 30px 16px;
	margin: 0px 0px 0px 0px;
}

.b2 .text {
	width: 670px;
}

footer .foot1 {
	/*width: 970px;*/
}

footer ul {
/*	width: 600px;*/
}

footer ul li {
	/*width: 180px;*/
}

footer a {
	/*margin: 0px 40px 0px 0px;*/
}

footer p {
	margin: 0px 0px 0px 0px;
}

}

@media (max-width: 1000px) {
.container {
	/*width: 750px;*/
}

.slider p {
	width: 750px;
}

.slider #bx-pager {
	width: 330px;
	padding: 0px 0px 0px 420px;
	margin: -329px auto 0px auto;
}

.slider #bx-pager a {
	font-size: 14px;
	padding: 0px 0px 0px 97px;
}

.slider #bx-pager .title {
	font-size: 20px;
}

.slider p i {
	font-size: 23px;
	line-height: 32px;
	width: 350px;
	height: 64px;
	padding: 25px 20px 25px 20px;
	margin-bottom: -134px;
	bottom: -212px;
}

header .top1 a {
	margin: 0px 25px 0px 0px;
}

header .top1 p {
	margin: 0px 0px 0px 0px;
}

header .top1 form input {
	width: 100px;
}

header .menu li {
	margin: 0px 0px 0px 10px;
}

header .menu li a {
	font-size: 15px;
}

header .menu li:nth-of-type(2):hover ul li a {
	font-size: 14px;
}

header .menu li:nth-of-type(2) ul {
	margin: 0px 0px -5px 0px;
}

header .menu li:nth-of-type(2):hover ul {
	margin: -9px 0px -10px -20px;
}

.b1 .section {
    width: 450px;
}

.b1 .section .title {

}
.b1 .section .trig {
	text-align: center;
	margin: 0px 0px 24px 0px;
}

.b1 .section .trig li {
	font-size: 16px;
	line-height: 20px;
	width: 115px;
	height: 42px;
	padding: 13px 20px 11px 80px;
	margin: 0px 20px 0px 0px;
}

.b1 .section .trig li:nth-of-type(1) {
	background: #d92822 url("../images/ico7.png") no-repeat;
	background-position: 30px 16px;
	margin: 0px 20px 20px 0px;
}

.b1 .section .trig li:nth-of-type(2) {
	width: 125px;
	padding: 13px 20px 11px 70px;
	background: #d92822 url("../images/ico8.png") no-repeat;
	background-position: 30px 15px;
}

.b1 .section .trig li:nth-of-type(3) {
	background: #d92822 url("../images/ico9.png") no-repeat;
	background-position: 30px 16px;
	margin: 0px 0px 0px 0px;
}

.b2 .text {
	width: 450px;
}

.foot1 {
    grid-template-columns: repeat(3, 1fr);
	/*width: 750px;*/
}

footer ul {
/*	width: 400px;*/
}

footer ul li {
	/*width: 130px;*/
}

footer a {
	/*margin: 0px 40px 0px 0px;*/
}

footer a:nth-of-type(3) {
	font-size: 0px;
}

footer p {
	margin: 0px 0px 0px 0px;
}

}

.catlink { 
text-decoration: none;
/*display: inline-block;15112022*/
vertical-align: middle;
/*padding: 0px 15px;
padding-top: 20px;*/
font-weight:bold;
color: #334148;
font-size: 14px;
text-align: left;/*15112022*/
}



@media (max-width: 836px) {
    .grid-products
    {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1317px) {
    .grid-products {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 836px) {
    .grid-products{
    grid-template-columns: repeat(2, 1fr);;
    }
}
@media (max-width: 480px) {
    .grid-products
    {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 780px) {
body {
    overflow-x: hidden;
}
.container {
	/*width: 300px;*/
}

.slider {
	display: none;
}

header .top1 {
	height: 164px;
	padding: 10px 0px 0px 0px;
}

header .top1 a {
	font-size: 16px;
	line-height: 34px;
	margin: 0px 25px 0px 0px;
}

header .top1 p {
	line-height: 34px;
	margin: 0px 0px 0px 0px;
}

header .top1 form {
	margin: 10px 0px 0px 0px;
	float: left;
}

header .top1 form input {
	width: 226px;
}

header .menu li {
	margin: 0px 0px 0px 10px;
}

header .menu li a {
	font-size: 15px;
}

header .menu li:nth-of-type(2):hover ul li a {
	font-size: 14px;
}

header .menu li:nth-of-type(2) ul {
	margin: 0px 0px -5px 0px;
}

header .menu li:nth-of-type(2):hover ul {
	margin: -9px 0px -10px -20px;
}

header .top2 {
	padding: 0px 0px 20px 0px;
}

header .logo {
	width: 200px;
	height: 66px;
	background-size: 200px 66px;
	margin: 10px 0px 5px 24px;
}
/*
.b1 {
	margin: 154px 0px 0px 0px;
}*/

.b1 .menu2 {
	width: 300px;
}

.b1 .menu2 li a {
	line-height: 42px;
}

.b1 .section {
	/*width: 300px;
	margin: 0px 0px 0px 0px;*/
}

.b1 .section .title {

}

.b1 .section .trig {
	text-align: left;
	margin: 0px 0px 24px 0px;
}

.b1 .section .trig li {
	font-size: 16px;
	line-height: 20px;
	width: 140px;
	height: 42px;
	padding: 13px 70px 11px 90px;
	margin: 0px 20px 0px 0px;
}

.b1 .section .trig li:nth-of-type(1) {
	background: #d92822 url("../images/ico7.png") no-repeat;
	background-position: 30px 16px;
	margin: 0px 0px 20px 0px;
}

.b1 .section .trig li:nth-of-type(2) {
	width: 140px;
	padding: 13px 70px 11px 90px;
	background: #d92822 url("../images/ico8.png") no-repeat;
	background-position: 30px 15px;
	margin: 0px 0px 20px 0px;
}

.b1 .section .trig li:nth-of-type(3) {
	background: #d92822 url("../images/ico9.png") no-repeat;
	background-position: 30px 16px;
	margin: 0px 0px 0px 0px;
}

.b2 .sale {
	margin: 0px 0px 30px 15px;
}

.b2 .text {
	width: 300px;
}

footer .foot1 {
    grid-template-columns: repeat(2, 1fr);
	/*width: 300px;
	padding: 0px 0px 20px 0px;*/
}

footer ul {
/*	width: 300px;*/
}

footer ul li {
	/*width: 140px;*/
}

footer a {
	/*line-height: 34px;
	margin: 0px 40px 0px 0px;*/
}

footer a:nth-of-type(3) {
	/*font-size: 16px;
	float: left;*/
}

footer form input {
/*	width: 226px;*/
}

footer p {
	line-height: 34px;
	margin: 0px 0px 0px 0px;
}

.similar {
    /*display: none;*/
}

#tabs2 td, th {
    font-size: 13px;
    padding: 8px!important;
}

table {
    margin-left: 0px!important;
}

.cat img {
    max-width: 100%;
}

#msMiniCart {
    z-index: 1000000000000!important;
}

.ms2_product .price {
    display: block;
}

.ms2_product .price {
    padding-left: 0px;
    padding-right: 0px;
}

.options {
    margin-left: 15px;
}

.modifi_cost {
    display: block; 
    float: left;
}
/* august
.modifi button {
    position: relative;
    left: -49px;
}*/

.b2 .text p img {
    width: 100%!important;
	height: auto!important;
}

.menu2 {
    display: none;
}

.container{
    width: 100%;
    max-width: 1428px;
    margin: 0 auto;
    display: block;
    grid-template-columns: 268px auto;
    grid-gap: 2vw;
}
/*august
.catlink{
    padding: 0px 15px;
    padding-top: 70px;
}*/

#msMiniCart {
/*width: 40px;	
height: 40px;	
position: fixed;
left: 10px;
bottom: 10px;	
background: url('/assets/template/images/icon_cart.png');
background-size: 100% 100%;*/
}	
#msMiniCart div {
position: relative;
}	
#msMiniCart strong {
position: absolute;
top: -10px;
left: 25px;
width: auto;
height: 20px;
padding: 2px 10px;
border-radius: 20px;
background: orange;
color: #fff;
font-weight: bold;
font-size: 11px;
}

.modifi_cost {
    position: relative;
    /*left: -20px;august*/
}

.calking .pull-right {
    position: relative!important;
    left: -77px!important;
}

.breadcrumb {
    /*display: none!important; alex*/
}
/*.slider + .b1 {	
margin: -8px 0px 0px 0px;
}*/

}

@media screen and (max-width: 1023px) {
	#nav-wrap {
		position: relative;
	
	}
	#menu-icon {
		font-size: 25px;
		line-height: 37px;
		color: #171e22;
		width: 34px;
		height: 37px;
		background: url("../images/menu-icon.png") no-repeat left center;
		/*padding: 0px 10px 0 42px;*/
		cursor: pointer;
		display: block;
		clear: both;
		/*margin: 0px 0px 0px 310px;*/
		position: relative;
	}
	#menu-icon:hover {
	}
	#menu-icon.active {
	}
	/* Aos 03.12.24*/
	.mobile #nav {
 /* Aos 03.12.24   clear: both;*/
   /* position: absolute; */
  /* Aos 03.12.24  width: 100%;*/
  /* Aos 03.12.24  z-index: 10000;*/
  /* Aos 03.12.24 background: #212e44;*/ 
   /* Aos 03.12.24 opacity: 0.95;*/
  /* margin-top: 164px; */
  /* Aos 03.12.24 display: none;*/ 
  /* Aos 03.12.24  padding: 10px;*/
  /* Aos 03.12.24 BOX-SIZING: BORDER-BOX;*/ 
	}
	
	#nav li {
		
		clear: both;
		float: none;
		
	}
	/* Aos 03.12.24 */
	/* Aos 03.12.24 	.mobile #nav a, */
	/* Aos 03.12.24 	.mobile #nav ul a {*/
	/* Aos 03.12.24 		font-size: 14px!important;*/
	/* Aos 03.12.24 		letter-spacing: 2px;*/
	/* Aos 03.12.24 		color: #ffffff;*/
	/* Aos 03.12.24 		font: inherit;*/
	/* Aos 03.12.24 		background: none;*/
	/* Aos 03.12.24 		display: inline;*/
	/* Aos 03.12.24 		padding: 0;*/
	/* Aos 03.12.24 		border: none;*/
	}
	
	.mobile #nav a:hover, 
	.mobile #nav ul a:hover {
		background: none;
	}
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
	}
}

	#nav.mobile {
		display: none; /*august*/
	}

@media screen and (max-width: 780px) {
	#menu-icon {
		/*margin: 0px 0px 0px 90px;*/
		top: 0px;		
	}
    /*.slider + .b1 {	
    margin: 166px 0px 0px 0px;
    }*/
}



/* NEW */
.breadcrumb {
padding: 7px 0px;
padding-top: 10px;
display: block;
font-size: 14px;
width: 100%;
margin-bottom: 15px;
display: block;
}
.breadcrumb li {
/*float: left;*/
display:inline-block;
padding: 5px 3px;
}
.breadcrumb li a {
margin-right: 5px;
color: #334148;
}

.menu .active > a, .menu2 .active > a {
color: #e12d48!important;	
}	
/*august*/
.b1 .section li.product-block .img img {
    /*max-width:60%;*/
    margin:0 auto;
}


.b1 .section li.product-block p {
/*border: 1px solid #fff;	
/*Alexcode 18.01.2022
height: 86px!important;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
width: calc(100% - 20px);
*/
}	

.b1 .section  .topcat li p:hover {
color: #c72824;	
}

.b1 .section {
width: 100%;
margin: 0px 0px 26px 0px;
/*position: relative;*/
overflow: hidden;
z-index: 1;
/*float: left;*/
font-family: 'din-condensed-light';
}
.b1 .section li.product-block {
    height: fit-content;
    text-align: center;
    width: 100%;
    background: #ffffff;
    /* margin: 0px 20px 0px 0px; */
    /*position: relative;*/
    z-index: 1;
    float: left;
    /* margin-bottom: 20px; */
}

.b1 .section li.product-block .img {
/*height: 141px;*/
padding: 35px 0px 0px 0px;
}

.b1 .section li.product-block p:nth-of-type(2) {
/*alexcode 18.01.2022
font-family: 'din-condensed-light';
color: #131c21;
font-size: 16px;
line-height: 43px;
background: #edeff6!important;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 3.2!important;
margin-top: 0px;
width:100%;
*/
}
.b1 .section li.product-block p:nth-of-type(4) {
font-weight:bold;
color: #212e44;
font-size: 16px;
line-height: 43px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



.similar .img {
text-align: center;	
}	
.similar img {
max-width: 181px;
margin: 0 auto;
}	
.similar .topis {
min-height: 87px!important;
}	

.similar {
overflow: visible!important;	
}
.similar h2 {
padding: 20px 0;
font-weight:bold;
font-size: 26px;
text-align: center;
}
.similar .owl-prev {
position: absolute;
top: 38%;
left: -30px;
width: 30px;
height: 30px;
font-size: 0px;
}	
.similar .owl-prev:after {
content: "‹";
font-size: 45px;
color: #000;
}	

.similar .owl-next {
position: absolute;
top: 38%;
right: -30px;	
width: 30px;
height: 30px;
font-size: 0px;
}	
.similar .owl-next:after {
content: "›";
font-size: 45px;
color: #000;
}	

.prodtitle {
/*padding: 20px 0;*/
font-weight:bold;
font-size: 26px;
width: 100%;
display: block;
float: left;
}
.prodprice {
margin-top: 20px;	
padding: 15px 15px;
border: 1px solid #fff;
font-family: 'din-condensed-light';	
}	
.prodsize {
padding: 15px 15px;	
margin: 15px 0;
border: 1px solid #fff;
border-top: 0px solid #fff;
font-family: 'din-condensed-light';
}	
.prodtext {
padding: 15px 15px;	
margin: 15px 0;
border: 1px solid #fff;
font-family: 'din-condensed-light';
margin-bottom: 15px;
}	


/* Product Card */
.minprice {
margin-top: 0px;
background: #1976d2;
color: #ffffff;
padding: 15px 15px;
border: 1px solid #fff;
font-family: 'din-condensed-light';
font-weight: bold;
letter-spacing: 1px;
font-size: 17px;
}

.modifi {
min-height: 70px;
margin: 5px 0;
border: 1px solid #ddd;
background: #eee;
padding-top: 10px;	
padding-bottom: 10px;	
}	
.modifi input[type="number"]{
width: 50px;	
padding: 5px;
text-align: center;
border: 1px solid #3C469D;
-moz-appearance: textfield;
}
.modifi input::-webkit-outer-spin-button,
.modifi input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.modifi_cost {
float: left;	
}
.modifi_name {
line-height: 2.3;
}	
.modifi button{
font-weight: 300;
font-size: 15px;
color: #ffffff;
text-decoration: none;
padding: .3em 1em calc(.3em + 3px);
border-radius: 3px;
background: #ff5959;
box-shadow: 0 -3px rgb(225, 45, 72) inset;
border: 2px solid  #ff5959;
transition: 0.2s;
margin-left:10px;
}
.modifi button:hover { background: #e12d48; }
.modifi button:active {
background: #e12d48;
box-shadow: 0 -3px rgb(225, 45, 72) inset;
}

.modifi_cost .minus, .modifi_cost .plus {
display: block-inline;	
width: 25px;
height: 25px;	
padding: 4px 12px;
border: 1px solid #ff5959;
background: #ff5959;
color: #fff;
font-weight: bold;
cursor: pointer;
}
@media (max-width:350px) {
    .modifi_cost .minus, .modifi_cost .plus {
        padding:4px 9px;
    }
    .modifi input[type="number"] {
        width:32px;
    }
}

.prod_tabs {
margin-left: 0px!important;
margin-right: 0px!important;
min-height: 50px;	
}
.prod_tabs a {
display: block;	
min-height: 50px;	
padding: 10px 0px;
text-align: center;
border: 1px solid #fff;
line-height: 1.8;
text-decoration: none;
color: #0d47a1;
background: gainsboro;
}	
.prod_tabs .active {
background: #e12d48;
color:#fff;
}	
.prod_tabs div {
padding-left: 0px!important;
padding-right: 0px!important;
}	
.prod_tabs div:first-child {
padding-left: 0px!important;
}	
.prod_tabs div:last-child {
padding-right: 0px!important;
}	

.showtabs {
display: none;
min-height: 200px!important;
margin-bottom: 15px;
}
.tabsview .active {
display: block;
}

.ttx, .docs {
border: 1px solid #fff;
padding: 20px 30px;
min-height: 290px;
}	
.ttx {
background: #fff;
}
.ttx table{
width:100% !important;
}
.noview {
padding: 35px 0;
text-align: center;
color: #999;	
}

.docsitem {
min-height: 80px;
margin-top: 25px;
height: 100%;
text-align: center;
}
.docsitem a {
text-decoration: none;
}
.docsitem b {
display: inline-block;
margin-top: 6px;	
text-decoration: none;
border-bottom: 2px dotted #555;
color: #555;
}
.docsitem span {
color: #777;
display: block;
margin-top: 6px;
}


.zerocart .not_empty {
display: block!important;	
}	

#msCart .title {
	font-weight:bold;
	color: #ffffff;
	font-size: 17px;
	line-height: 43px;
	background: transparent!important;
	padding: 0px 0px 0px 17px;
	margin: 25px 0px 10px 0px;
}

#msCart input[type="number"]{
width: 60px;
text-align: center;
font-weight: bold;
font-size: 14px;
}
#msCart .price {
width: 100px;
}
#msCart .image {
padding: 5px;
}
#msCart .title .small {
color: #555;
}

#msOrder h4 {
color: #555;
border-bottom: 1px solid #bbb;
padding-bottom: 6px;
}	
#msOrder .well {
margin-bottom: 170px;
}	
#msOrder button {
padding: 12px 20px;
width: 300px;
}	


.dopopis {
font-size: 18px;
padding-bottom: 10px;
color: #c72824;	
}	

/*	
.prodsize {
	padding: 15px 15px;
	margin: 15px 0;
	border: 1px solid #fff;
	border-top: 0px solid #fff;
	font-family: 'din-condensed-light';
	position: relative;
	height: auto;
}*/
.modifi {
	min-height: 70px;
	margin: 5px 0;
	border: 1px solid #ddd;
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	display: table;
}

.section .cat h1 {
    font-weight:bold;
    color: #334148;
    font-size: 16px;
}
.section .cat li {
    list-style: auto;
    margin-left: 20px;
}
.section .cat {
    font-weight:bold;
    color: #334148;
    font-size: 14px;
    margin-bottom:20px;
}
#tabs2 td, th {
    padding: 10px;
}
.prod_tabs a:hover {
    background: #fff;
}

.prod_tabs a.active:hover {
    background: #e12d48;
}

#blink {
	-webkit-animation: blink 4s linear infinite; 
	animation: blink 4s linear infinite; 
	font-weight: bold; 
	color: #c72824; 
}

#blink.active {
    background: #fff;
}

#blink:hover.active {
    color: #0d47a1;
}

@-webkit-keyframes blink { 
	0% { color: #c72824; }
	50% { color: #ff706c; }
	100% { color: #c72824; }
}

@keyframes blink {  
	0% { color: #c72824; }
	50% { color: #ff706c; }
	100% { color: #c72824; } 
}



.ttx tr:nth-child(2n+1) {
  background-color: aliceblue!important;
}




/* Myadd for calculators */

.calc {
margin: 10px 0;
margin-top: 25px;
}	
.calc_title {
color: #000;
font-size: 20px;
background: #fff;	
}	
.calc_img {
padding: 25px 0;
}	
.calc_text {
padding: 5px 5px 45px 5px;	
}	
.calc .active_tab {
background: #313D51;
color: #fff;
}	

.calc_tab div {
width: 50%;
float: left;	
color: #4e596d;
font-size: 17px;
line-height: 43px;
background: #ffffff;
margin-top: 18px;
text-align: center;
cursor: pointer;
}
.calc_tab span {
display: inline-block;
margin-left: 0px;
}
.calc_tab .active {
background: #4e596d;
color: #ffffff;
cursor: default;
}	
.calc_tab h1 {
text-align: center;
font-size: 24px;
margin: 20px 0 10px 0;
padding: 0;
}	

.calc tr {
padding: 5px 5px;
}	
.calc td {
padding: 10px 10px!important;
border: 1px solid #fff;
}	
.calc select {
padding: 3px 5px;
width: 100%;
border: 1px solid #aaa;
}	

.calc_order tr:first-child {
border: 1px solid #777;	
}	
.calc_order {
border-bottom: 1px solid #777;	
}	
.calc_order tr {
border: 1px solid #777;
}	
.calc_order td {
border: 0;
}	

.calc_order input[type="number"] {
width: 50px;
padding: 5px;
border: 1px solid blue;
text-align: center;
border-radius: 5px;	
}	

.calc_zakaz {
font-weight: 300;
font-size: 15px;
color: #334148;
text-decoration: none;
padding: .3em 1em calc(.3em + 3px);
border-radius: 3px;
background: #FCB623;
box-shadow: 0 -3px rgb(70, 142, 224) inset;
border: 2px solid #FCB623;
transition: 0.2s;
display: block;
min-width: 100%;
}	
.calc_zakaz:active {
background: #DCA613;
}	

.ctr {
text-align: center;	
}	

.order_form {
padding: 25px!important;
position: relative;
}
.order_form .closed {
position: absolute;
top: -2px;
right: 33px;
background: #a7a7a7;
color: #fff;
font-weight: bold;
text-align: center;
padding: 7px;
width: 20px;
cursor: pointer;
}

.order_form h3 {
margin: -10px 0 25px 0;
padding: 0;	
}	
.order_form div {
text-align: left;
margin-top: 5px;	
}	
.order_form input, .order_form textarea {
width: 100%;
padding: 4px 10px;
border: 1px solid #aaa;
}	

.sendok {
color: green;
padding: 45px;
text-align: center!important;
font-size: 24px;
}	

.table_elements {
margin: 35px 0;	
}	
.table_elements tr:first-child {
background: cadetblue;
color: #fff;
}	
.table_elements td {
padding: 5px 10px!important;
border: 1px solid cadetblue;
}	

.tips td {
cursor: pointer;	
}	
.tips .active_tab {
cursor: default;	
}	





.cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 100;
}

.modal {
  display: none;
  position: fixed;
  top: 10%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 20px;
  z-index: 200;
  
  max-width: 500px;
  margin: 0 auto;
}

.content {
  display: none;
  width: 100%;
  min-width: 200px;
  width: 100%;
  position: relative;
  background-color: #FAFAFA;
  z-index: 300;
  padding: 50px 0;
}

.open-modal-btn {
  cursor: pointer;
}


.hit {
    position: absolute;
    top: 12px;
    left: 12px;
    display: block;
    padding: 14px 9px;
    border-radius: 50%;
    background: #BAD626;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}
.tiski  {
    /*position: absolute;
    top: 12px;
    right: 12px;*/
    display: block;
    padding: 14px 9px;
    /*border-radius: 50%;*/
    background: #78d4f1;
    color: #fff;
    font-size: 11px;
    /*font-weight: bold;*/
    letter-spacing: 0.5px;
}
.tiski .tiski-desc, .na-sklade .na-sklade-desc {
    display: none;
    position: absolute;
    right: 0px;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px;
    border-radius: 10px;
    z-index: 1;
}
.tiski:hover .tiski-desc, .na-sklade:hover .na-sklade-desc {
    display: block;
}

.na-sklade {
    height:22px;
    text-align: center;
}
.na-sklade div{
    display: block;
    /* border-radius: 50%; */
    /* background: #55f105; */
    color: #55f105;
    font-size: 13px;
    /* font-weight: bold; */
    letter-spacing: 0.5px;
    padding: 5px;
    height:fit-content;
}
.na-sklade div:before, .na-sklade-cart div:before {
    content: '\2713';
    margin: 0px 5px;
    font-weight:bold;
}
.na-sklade-cart {
    line-height: 3;
    color: #50a823;
}
.hit-product{
    border: 4px solid #ff4f4f;
    /* border-radius: 20px; */
    color: red;
    font-weight: bold;
    position: absolute;
    right: 5px;
    top: 5px;
}
.dostav {
    /*position: absolute;
    top: 12px;
    left: 12px;*/
    display: block;
    /*border-radius: 50%;*/
    background: #fe0800;
    color: #fff;
    font-size: 11px;
    /*font-weight: bold;*/
    letter-spacing: 0.5px;
}
.dostav .dostav-desc {
    display: none;
    position: absolute;
    right: 0px;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px;
    border-radius: 10px;
    z-index: 1;
}
.dostav:hover .dostav-desc {
    display: block;
}
.percent {
    position: absolute;
        right: -50px;
    bottom: 5px;
    display: block;
    padding: 14px 7px !important;
    border-radius: 50%;
    background: #F44336;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0px;
    min-width: 34px;
    text-align: center;
}
.o_price {
    font-size: 14px;  
    color: #999;
    position: absolute;
    bottom: 25px;
    left: 0px;
    right: 0px;
}    


/* filter fix */

.filter-block {
    margin-bottom: 15px;
}
.filter-block__title {
    background-color: #212e44;
    color: #fff;
    font-weight:bold;
    padding: 8px 45px 8px 17px;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
}
.filter-block__title .title-arrow{
    display: block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: 0;
    position: absolute;
    right: 20px;
    bottom: calc(50% - 10px);
    fill: #fff;
    transistion: transform .3s;
}
.filter-block__title.open .title-arrow{
    transform: scale(1,-1);
}
.filter-block__form form {
    border: 1px solid #aaa;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    max-width: calc(100% - 2px);
    flex-basis: calc(100% - 2px);
    background-color: #fff;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;      
    -ms-user-select: none;      
    user-select: none;
}
.filter-block__form .filter-type {
    width: 100%;
    padding: 20px 15px;
    position: relative;
}
.filter-block__form .filter-type:nth-of-type(1){
    flex-basis: 100%;
    max-width: 100%;
    border-bottom: 1px solid #aaa;
}
.filter-block__form .filter-type:nth-of-type(2){
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
}
.filter-block__form .filter-type:nth-of-type(3){
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    padding-bottom: 60px;
    position: relative;
}

.filter-block__form .filter-type:nth-of-type(1):after,
.filter-block__form .filter-type:nth-of-type(3):after{
    display: none;
}
.filter-block__form .filter-type:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #aaa;
}
.filter-block__form .filter-title {
    flex-basis: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    font-weight:bold;
}
.filter-block__form .filter-type .input-group {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 10px 5px 10px 0;
}
.filter-block__form .filter-type .input-group label{
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;      
    -ms-user-select: none;      
    user-select: none;
}
.filter-block__form .filter-type .input-group label .type-image{
    fill: #c7c9cb;
    transition: all 0.15s ease;
    max-width: 70px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.filter-block__form .filter-type .input-group input:checked + label .type-image{
    fill: #212e44;
}
.filter-block__form .filter-type .input-group input{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}
.filter-block__form .filter-type .input-group label .type-title{
    font-size: 13px;
    line-height: 14px;
}
.filter-block__form .filter-type .btn-group {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    bottom: 15px;
    right: 15px;
    max-width: calc(100% - 30px);
}
.filter-block__form .filter-type .btn-group button{
    border: none;
    background-color: transparent;
    font-weight:bold;
    font-size: 20px;
    line-height: 20px;
    margin-right: 10px;
    display: inline-block;
    transition: color .3s;
    text-decoration: underline;
}
.filter-block__form .filter-type .btn-group button:hover{
    text-decoration: none;
}
.filter-block__form .filter-type .btn-group .clean-btn {
    display: inline-block;
    font-weight:bold;
    font-size: 20px;
    line-height: 20px;
    color: #ff5959;
    transition: color .3s;
}
.filter-block__form .filter-type .btn-group .clean-btn:hover{
    text-decoration: none;
}

@media(max-width: 1200px){
    .filter-block__form .filter-type:nth-of-type(1),
    .filter-block__form .filter-type:nth-of-type(2),
    .filter-block__form .filter-type:nth-of-type(3){
        flex-basis: 100%;
        max-width: 100%;
    }
    .filter-block__form .filter-type:after {
        content: '';
        position: absolute;
        top: auto;
        right: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #aaa;
        bottom: 0;
    }
    /* garage systems */
    .b1.garage-system {
        /*margin: 142px 0px 0px 0px; september2022*/
    }
    .garage-system .section{
        /*width: 645px;september2022*/
        padding: 20px;
    }
    .garage-system .thumb-slider .slide-item{
        /*height: 125px;*/
    }
    .garage-system .advantages-block,
    .stellazhs .advantages-block{
        margin-top: 1.75rem;
    }
    .garage-system .advantages-block .advblock__item,
    .stellazhs .advantages-block .advblock__item{
        margin-bottom: 15px;
    }
    .garage-system .types-block .types-title, .garage-system .subtitle{
        font-size: 22px;
    }
    .garage-system .types-block__content{
        margin-top: 30px;
    }
    .garage-system .types-block .type__item .descr-block{
        padding: 10px;
    }
    .b1.garage-system .section .topcat{
        margin-top: 0;
    }
    .b1.garage-system .section .topcat ul li{
        padding: 10px;
        /*flex: 0 0 calc(33.3% - 33px);
        width: calc(33.3% - 33px);september2022*/
    }
    .b1.garage-system .section .topcat li .img{
        height: auto;
    }
    .b1.garage-system .section .topcat li .catlink{
        margin: 5px 0;
    }
    
}
@media(max-width: 1000px){
    .filter-block__form .filter-type .input-group{
        margin: 10px 8px 10px 0;
    }
}
@media(max-width: 780px){
    .filter-block__form .filter-type{
        padding: 20px 10px;
    }
    .filter-block__form .filter-type .input-group label .type-title {
        font-size: 12px;
    }
}

/* add btns styles */
.b1 .section li.product-block p.topis{
    padding: 0px 10px !important;
    color: #fff !important;
    margin-bottom: 0;
    border-bottom: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: fit-content;
}

.b1 .section li.product-block p.size {/*
    font-size: 16px;
    line-height: 20px !important;
    margin: 0;
    height: auto;
    padding: 10px;
    */
    min-height: 22px;
    /*margin: 9px 19/05/2023 */
    margin: 5px 0px 0px 0px;
}
.parameters-block {
    font-size:14px;
}
.b1 .section li.product-block p.price{
    /*
    height: auto;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0px 10px;
    border-bottom: 1px solid #edeff6;
    margin: 10px 0px 0px;
    */
    min-height: 0px;
    margin: 11px;
}

.btn-more {
    margin: 50px auto !important;
    border: none;
}

.b1 .section li.product-block .oneclick-link, .btn-more{
    display: inline-block;
    width: 100%;
    max-width: calc(50%);
    text-align: center;
    background-color: #1976d2;
    font-size: 12px;
    line-height: 14px;
    padding: 20px 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    transition: background-color .3s;
}
.b1 .section li.product-block .oneclick-link:hover,.btn-more:hover{
    background-color: #0d47a1;
}
.b1 .section li.product-block .addcart-link{
    color: #fff;
    display: inline-block;
    width: 100%;
    max-width: calc(50% - 10px);
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding: 20px 0;
    text-decoration: none;
    background-color: #fe0800;
    font-weight: bold;
    transition: background-color .3s;
}
.b1 .section li.product-block .addcart-link:hover{
    background-color: #da0f08;
}
.b1 .section li.product-block .yourprice-link{
    color: rgb(199 40 36);
    text-decoration: none;
    animation: blink 4s linear infinite;
    display: block;
    width: 100%;
    border: 1px solid #edeff6;
    max-width: calc(100% - 10px);
    margin: 5px auto 5px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 14px;
    background-color: rgba(199,40,36, .025);
}
/* new modal styles */
.oneclick_modal {
    width: 100%;
    max-width: 340px;
}
.oneclick_modal h3{
    font-size: 24px;
    line-height: 25px;
    margin: 10px 0;
    text-align: center;
}
.oneclick_modal p{
    font-weight: bold;
}
.oneclick_modal p span{
    font-weight: normal;
}
.oneclick_modal .input-group{
    margin-bottom: 15px;
}
.oneclick_modal .input-group.btn-group{
    margin-bottom: 0;
}
.oneclick_modal input, .oneclick_modal textarea{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    margin: 10px 0px 10px;
}
.oneclick_modal .input-group.btn-group button{
    display: block;
    font-size: 16px;
    line-height: 20px;
    border: none;
    width: 100%;
    padding: 15px 0;
    background-color: #1976d2;
    color: #fff;
    text-align: center;
    transition: background-color .3s;
}
.oneclick_modal .input-group.btn-group button:hover{
    background-color: #0d47a1;
}
/* new form */
.oneclick_modal .input-group select{
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 10px;
    margin-top: 8px;
}
.oneclick_modal .input-group .input-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    margin-top: 15px;
}
.oneclick_modal .input-group .input-row span{
    margin: 0 15px;
}
/* new addcart modal styles */
.fancybox-content.addtocart_modal {
    width: 650px;
    max-width: 550px !important;
    padding: 40px 20px 12px !important;
}
.fancybox-content.addtocart_modal h3{
    font-size: 24px;
    line-height: 25px;
    margin: 10px 0 20px;
}
.fancybox-content.addtocart_modal .row.ms2_product.modifi{
    padding: 10px;
}
.fancybox-content.addtocart_modal .row.ms2_product.modifi .modifi_name{
    line-height: 20px;
}
.fancybox-content.addtocart_modal .row.ms2_product.modifi .modifi_name a{
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
}
.fancybox-content.addtocart_modal .row.ms2_product.modifi .modifi_name span{
    display: block;
    margin: 8px 0;
}

.fancybox-content.addtocart_modal .row.ms2_product.modifi .count-group .modifi_cost .price {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    display: inline-block;
    margin-right: auto;
}
.fancybox-content.addtocart_modal .row.ms2_product.modifi .count-group .modifi_cost {
    float: none;
    display: flex;
    flex-direction: revert;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}
.fancybox-content.addtocart_modal .row.ms2_product.modifi .count-group .modifi_cost button{
    margin-left: 20px;
}
.fancybox-content.addtocart_modal .row.ms2_product.modifi .count-group .modifi_cost .minus, .fancybox-content.addtocart_modal .row.ms2_product.modifi .count-group .modifi_cost .plus{
    padding: 6px 12px;
    border-radius: 3px;
}
.fancybox-content.addtocart_modal .row.ms2_product.modifi .count-group .modifi_cost input[type="number"]{
    padding: 6px 5px;
}
.jGrowl {
    z-index: 999999 !important;
}
@media(max-width: 575px){
    footer .foot1 {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .fancybox-content.addtocart_modal h3 {
        font-size: 22px;
    }
    .fancybox-content.addtocart_modal{
        max-width: 100%  !important;
    }
    .fancybox-content.addtocart_modal .row.ms2_product.modifi .count-group .modifi_cost{
        left: 0;
        justify-content: flex-start;
    }
    .fancybox-content.addtocart_modal .row.ms2_product.modifi .count-group .modifi_cost .price{
        width: 100%;
        margin: 5px 0 15px;
    }
    .row.ms2_product.modifi .count-group .modifi_cost button {
        margin-left: 15px;
        left: 0;
        width: 165px;
    }
}


/* new header update 0806 */
.slider {
    /*margin-top: 151px;*/
}
/*
@media (max-width:1440px){
    .header + div {
    margin-top: 178px;
}
}*/

.header{
    /*position: fixed;*/
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index:99;
}
.header__content{
    max-width: 1425px;
    margin: 0 auto;
}

.header__top{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding: 30px 0 0px;
    position: relative;
    transition: padding .3s;
    column-gap: 1.8vw;
    grid-auto-flow: column;
    grid-template-areas: "a b c d e f";    
    
}
/*.header:after{
    content: '';
    display: block;
    width: 150vw;
    height: 1px;
    background-color: rgba(25,118,210, .2);
    position: absolute;
    top: 109px;
    left: -25vw;
}*/
.header__top .logo-link{
    display: block;
    max-width: 160px;
}
.header__top .logo-link img{
    display: block;
    width: auto;
    max-width: 100%;
}

@media (min-width:800px){
    .header__top .info-row{
            display: grid;
    }
}

.header__top .info-row{
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: auto;
    flex-basis: auto;
    /* margin: 0 auto; */
    column-gap: 0.8vw;
    grid-auto-flow: column;
}
.header__top .info-row .info-row__item {
    flex-basis: auto;
    position: relative;
}
.header__top .info-row .info-row__item:last-child{
    margin-right: 0;
}
.header__top .info-row .info-row__item p{
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.header__top .info-row .info-row__item span,
.header__top .info-row .info-row__item a{
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    letter-spacing: .15px;
}
.header__top .info-row .info-row__item.phone-block:before{
    content: '';
    /* position: relative; */
    display: inline-block;
    vertical-align: super;
    width: 20px;
    height: 20px;
    background-image: url(../images/new/phone_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: auto;
    left: 0;
    /* top: -18px;
    border: 3px solid #e12d48;
    border-radius: 30px;
    padding: 10px; */
}
.header__top .info-row .info-row__item.adress-block{
    /*max-width: 172px;*/
}
.header__top .info-row .info-row__item.adress-block:before{
    content: '';
    /* position: absolute; */
    display: inline-block;
    vertical-align: super;
    width: 27px;
    height: 27px;
    background-image: url(../images/new/adress_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    left: 0;
    top: 11px;
}
.header__top .info-row .info-row__item.mail-block:before{
    content: '';
    position: absolute;/* september2022 */
    display: inline-block;
    vertical-align: super;
    width: 20px;
    height: 20px;
    background-image: url(../images/new/mail_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    left: 0;
    top: 1px;
}
.header__top .info-row .info-row__item.time-block:before{
    content: '';
    /* position: absolute; */
    display: inline-block;
    vertical-align: super;
    width: 20px;
    height: 20px;
    background-image: url(../images/new/time_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    left: 0;
    top: 11px;
}
.header__top .backcall-block{
    /*margin: auto;
    width: 169px;
    height: 42px;*/
    text-align: center;
    background-color: #1976D2;
}
.header__top .backcall-block .backcall-link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    transition: background-color .3s;
}
.header__top .backcall-block .backcall-link:hover{
    background-color: #E12D48;
}
.header__top .cart-block{
    margin-right: 0;
    margin-left: 0;
}
.header__top .cart-block .cart-link{
    display: block;
}
.header__top .cart-block #msMiniCart{
    /*position: relative;*/
    left: 0;
    bottom: 0;
    width: 55px;
    height: 55px;
    background-color: rgba(25,118,210,.1);
    border-radius: 50%;
    background-image: url(../images/new/cart_icon.svg);
    background-repeat: no-repeat;
    background-position: 13px 50%;
    background-size: 24px;
}
.header__top .cart-block #msMiniCart strong{
    position: absolute;
    top: -6px;
    left: auto;
    right: -7px;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    background: #E12D48;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__bottom{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}
header .header__bottom > .menu {
    /*margin: 21px 0;
    padding: 0;*/
    line-height:61px;
}
header .header__bottom > .menu > li {
    margin: 0 57px 0 2px;
}
.leveli1 a{
    font-size: 14px;
    line-height: 20px;
    white-space:nowrap;
}
/*header .header__bottom .menu li:nth-of-type(2):hover ul li a{
    font-size: 14px;
    line-height: 32px;
}*/
.header__bottom .search-block form{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 200px;
    max-width: 306px;
    flex-basis: auto;
}
.header__bottom .search-block form input[name="search"]{
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    padding: 10px 24px;
    border-right: none;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    min-width: calc(100% - 68px);
}
.header__bottom .search-block form button{
    display: block;
    min-width: 68px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    background-image: url(../images/new/search_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 20px;
    background-size: 20px;
    background-color: transparent;
}
header.header.small:after{
    display: none;
}
header.header.small .header__top{
    padding: 15px 0;
}
/* filter new styles */
.filter-block.new_style .filter-block__title{
    display: none;
}
.filter-block.new_style .filter-block__form .filter-type:nth-of-type(1){
    padding: 10px 10px 5px;
    border-bottom: none;
}
.filter-block.new_style .filter-block__form .filter-type .input-group{
    margin: 0 3px 8px;
}
.filter-block.new_style .filter-block__form .filter-type .input-group label{
    border: 1px solid #bbb;
    border-radius: 30px;
    text-align: center;
    padding: 0px 8px;
    font-size: 13px;
    line-height: 20px;
}
.filter-block.new_style .filter-block__form .filter-type .input-group input:checked + label{
    background-color: rgb(25 118 210 / 33%);
    border: 1px solid rgb(25 118 210 / 33%);
}
.filter-block.new_style .filter-block__form .filter-type .input-group label .type-title{
    font-size: 13px;
    line-height: 20px;
}

.b1 .section li.product-block:nth-of-type(3n){
    margin-right: 0;
}
/* sale slider */
.left-side.menu2 .sale.slider-block {
    background-color: #fff;
    margin-top: 20px;
}
.left-side.menu2 .sale.slider-block .slider-title {
    color: #fff;
    text-align: center;
    background-color: #e12d48;
    padding: 10px 0;
    font-size: 18px;
    line-height: 24px;
}
.left-side.menu2 .sale.slider-block .img img {
    max-width: 270px;
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 15px 0;
}
.left-side.menu2 .sale.slider-block p.size{
    text-align: center;
}
.left-side.menu2 .sale.slider-block p.topis{
    padding: 5px 15px;
    line-height: 22px;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    text-align: center;
    color: #fff;
}
.left-side.menu2 .sale.slider-block p.price{
    font-family: 'din-condensed-light';
    color: #131c21;
    font-size: 14px;
    line-height: 43px;
    background: #edeff6;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
.left-side.menu2 .sale.slider-block .oneclick-link {
    display: inline-block;
    width: 100%;
    max-width: calc(50%);
    text-align: center;
    background-color: #fe0800;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    transition: background-color .3s;
}
.left-side.menu2 .sale.slider-block .oneclick-link:hover {
    background-color: #da0f08;
}
.left-side.menu2 .sale.slider-block .addcart-link {
    color: #fff;
    display: inline-block;
    width: 100%;
    max-width: calc(50% - 5px);
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0;
    text-decoration: none;
    background-color: #1976d2;
    font-weight: bold;
    transition: background-color .3s;
}
.left-side.menu2 .sale.slider-block .addcart-link:hover {
    background-color: #0d47a1;
}
.left-side.menu2 .sale.slider-block .yourprice-link {
    color: rgb(199 40 36);
    text-decoration: none;
    animation: blink 4s linear infinite;
    display: block;
    width: 100%;
    border: 1px solid #edeff6;
    max-width: calc(100% - 10px);
    margin: 5px auto 5px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 14px;
    background-color: rgba(199,40,36, .025);
    text-align: center;
}

/* news block */
.left-side.menu2 .news-block{
    margin: 30px 0;
    background-color: #fff;
}
.left-side.menu2 .news-block .news-block__title {
    color: #fff;
    text-align: center;
    background-color: #1976D2;
    padding: 10px 0;
    font-size: 18px;
    line-height: 24px;
}
.left-side.menu2 .news-block .news-block__content{
    padding: 15px 10px;
}
.left-side.menu2 .news-block .news-block__content__item{
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    font-size: 15px;
    line-height: 20px;
}
.left-side.menu2 .news-block .news-block__content__item .date {
    display: block;
    text-align: right;
    color: #aaa;
    font-size: 13px;
    line-height: 20px;
    margin-top: 5px;
}
.left-side.menu2 .news-block .news-block__content__item .news-link:hover{
    text-decoration: none;
    color: #0d47a1;
}
.left-side.menu2 .news-block .news-block__content__item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.left-side.menu2{
    border-bottom: none;
    /*margin: 10px; 20122022 */
}
.left-side.menu2 > ul{
    border-bottom: 1px solid #fff;
}
/* news fix */
.text.new_style.news-list {
    background-color: #fff;
    margin-bottom: 30px;
}
.text.new_style.news-list .row {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.text.new_style.news-list .row:last-child{
    border-bottom: none;
}
.text.new_style.news-list .row h3 {
    margin-bottom: 0;
    margin-top: 0;
}
.text.new_style.news-list .row a{
    text-decoration: none;
}
.text.new_style.news-list .row .info-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}
.text.new_style.news-list .row .info-row .news-date {
    color: #aaa;
    position: relative;
    padding-left: 30px;
}
.text.new_style.news-list .row .info-row .news-date:before{
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/new/time_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    left: 0;
    top: 1px;
    filter: grayscale(100%);
    opacity: .4;
}
.text.new_style.news-list .row .info-row .news-link{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background-color: #1976d2;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 20px;
}
.text.new_style.news-list .row .info-row .news-link:hover{
    background-color: #0d47a1;
}
.b2 .text {
    width: 100%;
}
/* media fixs */
/* 1336 */
@media(max-width:1439px){
    .header__content{
        padding: 0 15px;
    }
    .header__top .info-row{
        /*margin: 0 auto;*/
    }
    .header__top .info-row .info-row__item{
        /*margin-right: 30px;*/
    }
    .header__top .backcall-block {
        /*margin-left: 0;
        margin-right: 25px;*/
    }
}
/* 1200 */
@media(max-width: 1335px){
    /*.header + div {
       margin-top: 161px;
    }*/
    /*.b1 {
        margin: 21px 0px 0px 0px;
    }*/
    .header:after{
        top: 84px;
    }
    .header__top{
        padding: 15px 0;
    }
    .header__top .backcall-block .backcall-link{
        padding: 15px;
        font-size: 15px;
    }
    .header__top .logo-link{
        max-width: 140px;
    }
    .header__top .info-row .info-row__item span, .header__top .info-row .info-row__item a,
    .header__top .info-row .info-row__item span, .header__top .info-row .info-row__item p{
        font-size: 13px;
    }
    .header__top .info-row .info-row__item {
        /*margin-right: 20px;*/
    }
    header .header__bottom .menu li {
        margin: 0 40px 0 2px;
    }
    header .header__bottom .menu {
        margin: 18px 0
    }
    
}
/* 1024 */
@media(max-width: 1199px){
    .header__top .info-row .info-row__item.time-block{
        /*display: none;*/
    }
    .header__top .info-row .info-row__item.adress-block {
        /*max-width: 145px;*/
    }
    header .header__bottom .menu li {
        margin: 0 1.3vw 0 2px;
    }
}
/* 960 */
@media(max-width: 1023px){
    .header .header__bottom .menu {display:none;}
    .header__top .info-row .info-row__item.adress-block{
        /*display: none;*/
    }
    .header__top .info-row {
        margin: 0 auto;
        justify-content: space-around;
        flex-basis: 100%;
        width: auto;
        max-width: 450px;
    }
    .header__bottom #nav-wrap {
        position: relative;
        /*width: 350px;16022023*/
        left: -15px;
    }
    .header__bottom #menu-icon{
        padding: 10px 10px 10px 42px;
        top: 0;
        line-height: 34px;
        margin: 0 0 0 15px;
    }
    .header__bottom #nav li {
        width: 100%;
        clear: both;
        float: none;
        margin: 8px 0 8px 15px;
        max-width: calc(100% - 15px);
    }
    /* garage systems */
    .garage-system .section{
        /*width: 380px; september2022*/
        padding: 15px 35px;
    }
    .b1.garage-system .section .title{
        font-size: 22px;
    }
    .garage-system .main-slider .slick-slide img, .garage-system .thumb-slider .slide-item img{
        max-width: 100%;
    }
    .garage-system .thumb-slider .slide-item {
        /*height: 75px;*/
    }
    .garage-system .advantages-block .adv-title,
    .stellazhs .advantages-block .adv-title{
        font-size: 22px;
    }
    .garage-system .advantages-block .advantages-block__content,
    .stellazhs .advantages-block .advantages-block__content
    {
        margin-top: 1.75rem;
    }
    .garage-system .advantages-block .advblock__item,
    .stellazhs .advantages-block .advblock__item
    {
        margin-bottom: 25px;
        margin-right: 0;
        flex: 1 0 100%;
    }
    .garage-system .types-block .type__item{
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto 30px !important;
    }
    .b1.garage-system .section .topcat ul li {
        padding: 10px;
        /*flex: 0 0 calc(50% - 32px);
        width: calc(50% - 32px);september2022*/
        margin-right: 16px;
    }
    .b1.garage-system .section .topcat ul li:nth-of-type(3n){
        margin-right: 16px;
    }
    .b1.garage-system .section .topcat ul li:nth-of-type(2n){
        margin-right: 0;
    }
}
/* 768 */
@media(max-width: 959px){
    .header__top .info-row{
        max-width: 395px;
    }
    .header__top .backcall-block .backcall-link {
        padding: 10px;
        font-size: 14px;
    }
    .header__top .backcall-block{
        /*margin-right: 15px;*/
    }
    .header__top .logo-link {
        max-width: 120px;
    }
    /* garage system */
    .garage-system{
        padding-top: 25px;
    }
    .b1.garage-system .container{
        width: 100%;
        max-width: calc(100% - 30px);
    }
    .garage-system .section{
        /*max-width: calc(100% - 30px);
        width: calc(100% - 30px);
        padding: 15px;*/
    }
    .b1.garage-system .section .title{
        margin-top: 0;
    }
    .garage-system .thumb-slider .slide-item {
        /*height: 125px;*/
    }
    .garage-system .types-block .type__item {
        /*flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
        margin: 0 auto 30px !important;*/
    }
}
/* 640 */
@media(max-width: 767px){
    .container{
        width: 100%;
        /*max-width: calc(100% - 30px);*/
    }
    .b1 .section{
        width: 100%;
    }
    .header__top .info-row {
        max-width: inherit;
        width: auto;
        flex-basis: auto;
    }
    .header__top .info-row .info-row__item.mail-block{
        /*display: none;*/
    }
    .header__top .logo-link{
        margin-right: auto;
    }
    .header__bottom .search-block form{
        /*width: 255px;*/
        max-width: 255px;
    }
    /* garage systems */
    .garage-system .thumb-slider .slide-item {
        /*height: 105px;*/
    }
    .garage-system .types-block .type__item .descr-block{
        font-size: 14px;
    }
}
/* 576 */
@media(max-width: 649px){
    .header__bottom #nav-wrap{
        width: auto;
    }
    .header__bottom #nav{
        min-width: 320px;
    }
}
@media(max-width: 480px){
    .container{
        /*max-width: calc(100% - 20px);*/
        width: 100%;
    }
    .b1 .section{
        width: 100%;
    }
    .b1 .section li.product-block{
        width: 100%;
    }
    .filter-block.new_style .filter-block__form .filter-type:nth-of-type(1) {
        padding: 8px 8px 5px;
    }
    .filter-block.new_style .filter-block__form .filter-type .input-group {
        margin: 0 2px 5px;
    }
    .filter-block.new_style .filter-block__form .filter-type .input-group label{
        padding: 0px 5px;
        font-size: 12px;
        line-height: 18px;
    }
    .filter-block.new_style .filter-block__form .filter-type .input-group label .type-title {
        font-size: 12px;
        line-height: 18px;
    }
    /* media fix */
    .header__top .info-row{
        display: none;
    }
    .header__top .backcall-block .backcall-link {
        padding: 10px;
        font-size: 14px;
        color: transparent;
        background-image: url(../images/new/phone_white_icon.svg);
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        width: 30px;
        height: 30px;
    }
    .header__bottom #menu-icon{
        padding: 10px 10px 10px 30px;
        font-size: 22px;
        line-height: 38px;
    }
    .header__bottom #nav {
        min-width: 100vw;
    }
    /* garage systems */
    .b1.garage-system .section .title{
        margin: 0;
        width: 100% !important;
    }
    .garage-system .thumb-slider .slide-item {
        /*height: 68px;*/
    }
    .garage-system .types-block .type__item {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto 30px !important;
    }
    .b1.garage-system .section .topcat ul li {
        padding: 10px;
        /*flex: 0 0 calc(100% - 22px);
        max-width: calc(100% - 22px);september2022*/
        margin-right: 0;
    }
    .b1.garage-system .section .topcat ul li:last-child{
        margin-bottom: 0;
    }
    .garage-system .section{
        margin-bottom: 15px;
        padding-bottom: 0;
    }
}
/* 340 */
@media(max-width: 413px){
    .header__bottom .search-block form button{
        min-width: 45px;
    }
    .header__bottom .search-block form input[name="search"]{
        padding: 10px 15px;
    }
    .header__bottom #menu-icon {
        padding: 5px 5px 5px 30px;
        font-size: 18px;
        line-height: 36px;
    }
    .header__bottom .search-block form {
        width: 200px;
        max-width: 155px;
    }
    /*.header + div {
        margin-top: 132px;
    }*/
    /*.b1 {
        margin: 132px 0px 0px 0px;
    }*/
    /* garage systems */
    .b1.garage-system {
        margin: 132px 0px 0px 0px;
    }
    .b1.garage-system .section .title {
        font-size: 20px;
        line-height: 25px;
    }
    .b1.garage-system .thumb-slider{
        display: none;
    }
    .garage-system .main-slider .slick-arrow{
        width: 30px;
        height: 30px;
        left: 10px;
        top: calc(50% - 15px);
    }
    .garage-system .main-slider .slick-arrow.slick-next{
        right: 10px;
    }
    .garage-system .advantages-block .adv-title,
    .stellashz .advantages-block .adv-title
    {
        font-size: 18px;
        line-height: 22px;
        margin: 0;
    }
    .garage-system .advantages-block .advblock__item,
    .stellazhs .advantages-block .advblock__item
    {
        margin-bottom: 15px;
    }
    .garage-system .types-block {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .garage-system .types-block .types-title, .garage-system .subtitle {
        font-size: 18px;
        line-height: 22px;
        margin: 0;
    }
    .garage-system .advantages-block .advblock__item .descr-block,
    .stellazhs .advantages-block .advblock__item .descr-block
    {
        font-size: 14px;
        line-height: 20px;
    }
    .b1.garage-system .section .topcat{
        margin-top: 2rem;
    }
}

/*Alex code */

.fotorama__stage {background:white;}

.mobil_call_but {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 999;
    width: 90px;
    height: 90px;
    animation: radial-pulse 1s infinite;
    border-radius: 50%;
}
/*создаем анимацию пульсации*/
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgb(25 118 209 / 45%);
  }
  100% {
    box-shadow: 0 0 0 20px rgb(25 118 209 / 0);
  }
}

@keyframes radial-pulse-tiski {
  0% {
    box-shadow: 0 0 0 0px rgb(255 126 146);
  }
  100% {
    box-shadow: 0 0 0 15px rgb(255 7 7 / 16%);
  }
}


   .filter-toollip {
    animation: blink 3s infinite; /* Параметры анимации */
    float: right;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
    font-weight: 100;
    font-size: 13px;
   }
   @keyframes blink {
    from { opacity: 1; /* Непрозрачный текст */ }
    to { opacity: 0; /* Прозрачный текст */ }
   }


/*Ползунки*/
    .js-filter {/*display:none;*/border-top: 1px solid rgb(232, 234, 243);}
    .filter_toggle {
    background: url(assets/manager/Filter_products/filter_toggle.png) no-repeat center;
    width: 30px;
    height: 30px;
    float: right;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor:pointer;
        }
    .filter_product_header {
        font-size: 16px;
        font-weight: 800;
        position: relative;
        /*line-height: 70px;*/
        cursor:pointer;
    }
.ui-slider-handle,  .ui-state-active, .ui-state-active:hover,.ui-state-active:focus, .ui-state-focus{
        border: 1px solid rgb(25, 118, 210) !important;
        border-radius: 0px !important;
        height: 20px !important;
        width: 20px !important;
        background: #FFFFFF;
        outline:none;
        top: -9px !important;
    }
.ui-slider-range{
    background: rgb(25, 118, 210) !important;
    height: 5px !important;
    border: none !important;
}

.ui-widget.ui-widget-content {
    height: 5px !important;
    width: 97.2%;
    margin: 0 auto;
}
/* envy 
.ws-chat-btn-el-container.envy-not-scalling{
    inset: auto 3% 1% auto !important;
}
}/*
 end ползунков Ползунки*/
 
 #filter_body {
    /*display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    padding:0px 0px 40px 0px;*/
}
.filter_parameter {
    display: inline-block;
    border: 1px solid #cccccc;
    cursor: pointer;
    min-width: 68px;
    height: fit-content;
    box-sizing: border-box;
    margin: 4px 4px 0px 0px;
    text-align: center;
    padding: 0px 9px;
    text-align:left;
    /* padding: 7px 9px; */
    position: relative;
    font-size: 15px;
}
.filter_parameter_alone {
    display: inline-block;
    border: 1px solid #1976d2;
    color: #1976d2;
    min-width: 68px;
    height: fit-content;
    box-sizing: border-box;
    margin: 4px 4px 0px 0px;
    text-align: center;
    padding: 0px 9px;
    text-align: left;
    /* padding: 7px 9px; */
    position: relative;
    font-size: 15px;
}

.filter_parameter_not_active {
    display: inline-block;
    border: 1px solid #cccccc87;
    color: #808080a8;
    min-width: 68px;
    height: fit-content;
    box-sizing: border-box;
    margin: 4px 4px 0px 0px;
    text-align: center;
    padding: 0px 9px;
    text-align: left;
    /* padding: 7px 9px; */
    position: relative;
    font-size: 15px;
}
#stellazh_clear_filter{
    margin-top: 20px;
    width: fit-content;
    padding: 10px;
    border: 1px solid #1976D2;
    cursor: pointer;
}

#apply_filter{
    color: white;
    background: #1976d2;
    display: inline-block;
    margin: 20px 0px 0px 0px;
    width: fit-content;
    padding: 10px;
    border: 1px solid #1976D2;
    cursor: pointer;
}
.filter-block {
    background: white; padding: 25px; box-sizing: border-box; margin-bottom: 10px;
}
#tab_2{
    display: inline-flex;
    flex-basis: auto;
    flex-flow: row wrap;
    justify-content: space-around;
    width: 100%;
}
.cat-desc {font-weight:bold;}

.metiz {
    display: grid;
    grid-gap: 24px;
    grid-auto-flow: column;
    grid-auto-rows: max-content;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas:
        "a c e"
        "a c e"
        "a c e"
        "b c f"
        "b d f";
    justify-content: space-between;
}

.metiz > div {
    /*width: fit-content;*/
    /* flex-shrink: 0; */
    /* max-width: 100%; */
    height: max-content;
}
.metiz > div:not(:nth-child(3)){
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.metiz > div > a > p {margin: 9.2px;}
.metiz img {
    width: 100%;
}
.break {
  flex-basis: 100%;
  height: 0;
}
.subcategory_f{
    cursor:pointer;
}

.soc-block {
    grid-area: c;
    display: grid;
    justify-content: space-around;/*september2022*/
    grid-auto-flow: column;
}
    .soc-block.mobile {
        display:none;
    }
@media (max-width:1023px) {
    .soc-block.mobile {
        display:grid;
    }
    .soc-block:not(.mobile){
    display:none;
    }
}/*sebtember 2022 */


@media (max-width: 1440px) {
    .header__top .info-row {
        grid-template-rows: auto auto;
    }
}
@media(max-width: 1020px){
.header__top {
        grid-template-areas:
        "a b c e f"
        "a b d e f";
}
.metiz{
display: grid;
    grid-gap: 24px;
    grid-auto-flow: column;
    grid-auto-rows: max-content;
    grid-template-columns: unset;
    grid-template-areas:
        "c"
        "a"
        "b"
        "d"
        "e"
        "f";
    margin: 0 auto;
    justify-content: center;
}
}

.backcall-block {
    width: unset;
    height: unset;
    border-radius: unset;
}

}
@media(max-width: 930px){
.header__top {
     grid-template-areas:
        "a b b c f"
        "a b b e f";
}
.call24{
    display:none;
}
}
@media(max-width: 480px){
   .header__top {
      /*grid-template-areas: "a e c f";*/
      display:inline-flex;
   }
   .call24{
    display:none;
}
    .soc-block {
        display:block;
        margin:0 auto;
    }
      .backcall-block {
        width: 52px;
        height: 52px;
        border-radius: 50%;
   }
}
@media (max-width:800px){
    .info-row {
        display:none;
    }
}

/*web Alex 24.03.2022*/

/*end web Alex*/

/*Alex 30.03.2022*/
.lables{
    position: absolute;top: 0px;left: 0px;width:100%;/*z-index:2222*/;height:100%;
}
.lables > div {
    padding:5px;
    width:fit-content;
}
.fotorama__fullscreen-icon {
    z-index:3333 !important;
}
.lables-cart {
    margin: 10px 0px;
}

.lables-cart > div {
    padding: 5px;
    width: fit-content;
    display: inline-block;
    margin-right: 10px;
}
/* 20/04/2022 */
.b1 .section .title {
    font-weight:bold;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 24px;
    line-height: 30px;
    padding: 0;
    margin: 20px 0px;
}
.sort{
    display: inline-block;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.sort-block {
    margin-bottom:0px;background:none;margin: 15px 0px;background: none;
}
.subcat-block{
    text-align: center;
    background: white;
    padding: 10px;
}

.filter-block.mobile{
    display:none;
}

@media (max-width:980px){
    .left-side.menu2{
    display:none;
}
    .container{
        display:block;
        /*max-width: calc(100% - 30px);*/
    }
    .filter-block.mobile{
        display:block;
        height:71px;
    }
}
/*
@media (max-width: 780px) {
    .b1 {margin: 154px 0px 0px 0px;}
}*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
/*izbrannoe*/
.msFavoriterToggle {    
    width: fit-content;
    position: absolute;
    left: 10px;
    bottom: 5px;
    font-size: 25px;
    color: #1976d2;
}

div.jGrowl div.alex_theme {
background:gray;
bottom:0px !important;
}
.bottom-right.jGrowl{
    bottom:50px !important;
}
/*end izbrannoe*/


/* quick view */
.popup {display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 99;overflow: hidden;}
#tovar.popup {display:block;}
.popup.open {display: block;}
.popup .bcgrnd.close {position: absolute;top:0px;left: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);border-radius: 0px;min-height: 600px;}
.popup .bcgrnd.close:hover {background: rgba(0, 0, 0, 0.6);}
.popup > div {width: 510px;box-sizing: border-box;margin-left: auto;margin-right: auto;background-color: #fff;top:15%;position: relative;padding: 30px;border-radius: 4px;box-shadow: 0px 0px 5px #fff;max-height: 95%;overflow: auto;max-width: 98% !important;}
#tovar.popup > div {   width: fit-content;
    text-align: center;
    max-width: 943px;}
.popup i.close {height: 40px;width: 40px;font-size: 32px;border-radius: 50px;position: absolute;right: 0px;top: 0px;opacity: 1;display: block;text-align: center;cursor: pointer;color: #533423}
.popup > div > .close {z-index: 9999;cursor:pointer;}
.popup .form-group {width: 100%;margin-bottom: 5px;}
.popup .form-group.nobg {background: none;}
.popup .title {font-size: 15px;text-align: center;text-transform: uppercase;}
.popup .form {border: 2px solid #606;border-radius: 5px;box-shadow: 0px 0px 5px #8e008d;}
.popup .form .price {text-align: center;margin-bottom: 5px;}
.popup .form > div {background: rgba(255, 255, 255, 0.6);text-shadow: 0px 0px 3px #fff;}
.popup .alert-success {position: absolute;top: 40%;width: 100%;margin-left: -30px;box-shadow: 0px 0px 100px 50px #f8ffce;text-align: center;}
.popup .submit {width: 200px;display: block;margin: 0px auto;}

.quick_div {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 300px calc(100% - 320px);
    grid-gap: 2vw;
}
@media (max-width: 730px) {
    .quick_div {
        display:block;
    }
}
.quick_view {
    display: none;
    position: absolute;
    top: 97px;
    z-index: 30000;
    left: 0;
    right: 0;
    margin: auto;
    height: fit-content;
    background: #00000063;
    width: fit-content;
    padding: 20px;
    border-radius: 10px;
    color: white;
    cursor: pointer;
}

/*end quick view */


svg.heart{
  display: block;
  width: 25px;
  height: auto;
  float:left;
}
#svg_2 {
fill: #e12d48;
}
.svg_2{
    fill: transparent;
    stroke: #8d8b8b;
    stroke-width: 43px;
    cursor: pointer;
    transition: fill .3s;
}
.svg_2.filled{
  fill:#f00;
}
.msFavoriterToggle._active_ .svg_2{
    fill: #e12d48 !important;
    stroke: #e12d48 !important;
}
.msFavoriterCounter {
    float: left;
    padding: 5px 0px;
}

/* Аксессуары */
 .aks_spoiler {
    display: none;
}
.aks_spoiler.active{
    display:block;
}
/* end Аксессуары */
.topcat{ margin-top:25px; }

/*metiz*/
.metiz a {
    text-decoration:none;
    color:unset;
}
.take-tiski-button {
    padding: 15px;
    border: 1px solid #E12D48;
    /* color: black; */
    display: inline-flex;
    align-content: space-between;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    width: 100%;
}
.prod_content_buttons a{
    color: unset;
    font-size: 15px;
    text-decoration: none;
}

/*menu */

.menu > div > ul {
    left:100%;
    display:none;
}
/*
header .menu li:nth-of-type(2):hover div > ul li  {
	margin: 0px 0px 0px 0px;
	width:100%;
}

header .menu li:nth-of-type(2):hover div > ul li {
	font-size: 15px;
	line-height: 33px;
	background: transparent;
    display:block;
}*/

header .menu > li.dropdown:hover > div  {
    /*width: 268px;
    /*padding: 0px 0px 0px 15px;*/
    display: block;
}
/*
div.level2 > ul > li:hover {
    background:#0d47a1;
}
*/


.menu > li.category > .level2 {
    background: #ffffff;
    position: fixed;
    z-index: 12;
    overflow-y: scroll;
    max-height: 500px;
    width: 100%;
    left: 0px;
    max-width: 1422px;
    right: 0;
    margin: auto;
    top: 181px;
}

.menu > li.page > .level2 {
    background: #ffffff;
    z-index: 12;
    position: fixed;
    /* overflow-y: scroll; */
    max-height: 500px;
    /* width: 100%; */
    max-width: fit-content;
    /* right: 0; */
    margin: auto;
    /*top: 132px;*/
    padding-top:21px;
}
/*.menu > li > .level2 > ul {
    display: grid;
    align-items: baseline;
    gap: 30px;
    grid-auto-flow: row;
    padding: 30px 39px;
}*/

.category .level2 > ul > li {
    /*line-height: 35px; */
   /* Aos 03.11.24 margin: unset !important;*/
    /* width: fit-content; */
   /* Aos 03.11.24 min-width: 438px;*/
   /* Aos 03.11.24 max-width: 320px;*/
}

.menu > .level2 > ul > li > a {
    /*color:#FFFFFF !important; */
    padding: 0px 15px !important;
    font-size: 12px;
    text-transform: none;
}

.level2::-webkit-scrollbar {
    width: 7px;
    background-color: #f9f9fd;
}

.level2::-webkit-scrollbar-thumb {
    background-color: #0d47a1;
}
/*
.level2 > ul:hover {
	overflow-y: scroll;
	width: 500px;
}
*/
.level2 > .level2 {
    position:static;
}

.level2 > .level2 > a {
    text-decoration:none;
}

.leveli3 > a {
    font-size:13px;
}

.level2 .dropdown-toggle, .leveli2 > a {
    text-decoration: none;
    /*border: 1px solid;
    font-size: 20px;
    padding: 6px 10px;*/
}
header .menu > li.dropdown > div {
   display:none; 
}
header .menu > li.dropdown:hover > div  {
    display:block;
}
.menu-overlay {
    position: fixed;
    background: #000000a8;
    width: 100%;
    height: 100%;
    left: 0px;
    display: none;
    z-index:10;
}

.menu > li.category > .level2 > ul {
  /* Aos 03.11.24   display: grid; */
   /* Aos 03.11.24 grid-template-columns: 1fr 1fr 1fr 1fr;*/
   /* Aos 03.11.24 gap: 40px;*/
    /*align-items: baseline;*/
   /* flex-wrap: wrap;*/
   /* gap: 30px 8px;*/
    /* grid-auto-flow: row; */
    /* grid-template-columns: repeat(auto-fit, minmax(max-content, 708px)); */
  /* Aos 03.11.24  padding: 30px 39px;*/
    /* grid-template-rows: repeat(auto-fit, minmax(min-content, 81px)); */
  /* Aos 03.11.24  flex-direction: column;*/
    /*max-height: 750px;*/
  /* Aos 03.11.24  height: fit-content;*/
  /* Aos 03.11.24  align-content: flex-start;*/
}

#nav-wrap > ul > li.dropdown.menu-item > div > ul > li > div > ul {
    display: grid;
    grid-auto-flow: row;
    flex-direction: column;
    /*max-height: 250px; 05012023 */
    flex-wrap: wrap;
    /* grid-template-rows: repeat(auto-fit, minmax(20%, 42px)); */
    /* grid-template-columns: repeat(auto-fit, minmax(430px, 1fr)); */
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    /* max-width: 1250px;*/
}
li.page li.leveli2 {
    padding: 10px 20px;
    /* width: 100%; */
    display: block;
    margin: 0px;
}
.leveli2 > a{
    display: inline-flex;
    align-items: center; gap: 20px;
}

.level2 .dropdown.menu-item.category > a {
    display: inline-flex;
    align-items: center; gap: 20px;
}
/*end menu*/

/*mainSubmenu*/

.mainSubmenu li a{
    font-size: 16px;
    text-decoration: none;
    font-weight:bold;
    border-bottom: 1px solid #8080808f;
}
.menu-item .leveli2{
	font-weight:bold;
		font-size:16px;
		
}
.leveli3 .inner_menu_img {
    display:none;
}
/*end mainSubmenu*/

.subcat-block.service-block img {
    width:100%;
}
.mainSubmenu {
    /*text-align:left;*/
}

/* 04/08/2022
Выравнивание консультантов*/
.ws-chat-btn-el-container.envy-not-scalling {
    bottom: 26px;
}
/*end Выравнивание консультантов*/
.vk-icon-desc {
display:inline-block
}

@media (max-width:480px) {
.vk-icon-desc {
    display:none;
}
.soc-icons {
    width:30px !important;
    display:none;
}
.search-block {
    order: 3;
    display: flex;
}
}
.head_img img{max-width:100%;}

@media (min-width: 780px) { /*august*/
    .slider + .b1 {
    margin: 24px 0px 0px 0px;
}
}
.alex-verst-form {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    gap: 0px 20px;
    padding: 15px;
}

.tabsview table {
    /*display: inline-block;*/
    vertical-align: top;
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    border: none;
    -webkit-overflow-scrolling: touch;
}

@media (max-width:1400px) {
    .tabsview table {
        display: inline-block;
        width: fit-content !important;
    }
}

.tabsview td {padding:15px 0px;}
.mail-link { padding-left: 20px;}

.calking .row {
    margin-left:unset;
    margin-right: unset;
}
.ttx ul {margin-left:25px;}
.ttx li {
list-style-type: disc
}

/*03.10.2022*/
.prod_content_buttons {
    display: inline-flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 16px;
    width: 100%;
}
.prod_content_buttons.but-one a{
    width:100%;
}
.prod_content_buttons.but-one .take-tiski-button{
    justify-content: center;
}
@media (max-width: 586px) {
    .prod_content_buttons {
        display:block;
    }
    .take-tiski-button {
        margin-top:15px;
    }
}

/*15-11-2022 new category view */
.img-category img { width:100%; width: 89px;height: 89px;}
.img-category{ /*float: left;*/ }
.for_subcatitem {
    display: flex;
    /* vertical-align: middle; */
    /* width: 100%; */
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    width: fit-content;
    gap: 0px 10px;
}
.sub_for_subcatitem {
    display: flex;flex-wrap: wrap;align-content: center;
}

@media (min-width: 1372px) {
    .na-sklade-cart {
        height:56px;
    }
}

@media (min-width: 1441px) {
    .menu-overlay {
        top: 159px;
    }
}

@media (max-width: 1440px) {
    .menu-overlay {
        top:200px;
    }
}

@media (max-width: 1332px) {
    .menu-overlay {
        top:185px;
    }
}

/* pagination 08022023 */
.product-block,li.subcat-block {list-style-type: none;}
.pagination li {display: inline-block; padding: 5px 3px}
 
 .minprice table th,.minprice table td {
     font-weight:100;
 }
 
@media (max-width:622px) {
    .license-a{
        width: 45%;
    }
}
    .license-img {
        width:100%;
    }
    
.multi_button {
inset:auto 5% 25% auto !important;
}

.category-banner {
    margin-top:20px;
}

/*.trf-product-grid{
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    display: grid;
    display: grid;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}*/
.trf-product-grid img {
    width:100%;
}
.my-disp-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap:30px;
}

.characteristiki_right{
    width: 100%;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    
}
.characteristika_right{
   display: flex;
   flex-direction: row;
    justify-content: space-between;
    
}
.separator{
        position: relative;
            width: 100%;
}
.separator:after {
    border-bottom: 1px dotted #b5b5b5;
    left: 15px;
    top: 50%;
    right: 15px;
    content: "";
   position: absolute;
}

.product-categories {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(252px, 1fr));
    gap:20px;
    margin: 20px 0px !important;
}

@media (min-width: 688px) {
.trf-fotorama-wrapper .fotorama__stage__frame .fotorama__img {
    max-height: 485px !important;
}
}

/* Aos 03.11.24 */ 
.info-row-1{
 max-width: 130px; 
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-align: left;

}
.info-row-2{
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;

}
.info-row-3{
color: #0265DA;
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: right;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.info-row-4{
   display: flex;
    flex-direction: column;  
}
.info-row-4-phone{
    display: flex;
    flex-direction: column;
font-size: 20px;
font-weight: 700;
line-height: 28px;
text-align: right;

}

.info-row-4-phone-link{
   color: #000000;
   text-decoration: none;
}
.info-row-4-phone-link:hover{
   text-decoration: underline;
}
.info-row-4-info{
    color: #6E6E6D;
font-size: 12px;
font-weight: 400;
line-height: 28px;
text-align: right;
}
.header-icon-row{
        display: flex;
    flex-direction: row;
    gap: 15px;
}
.backcall-block-2{
background-color: #0265DA;
padding: 12px 20px 12px 20px;
border-radius: 50px;
line-height: 25px;

}
.callback-modal{
    color: #FFFFFF;
    text-decoration: none;
}

.whatsapp-flex{
    color: #6E6E6D;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
}
.izbrannoe-flex{
    display: flex;
    flex-direction: row;
    align-items: end;
}

#msMiniCart-2{
    position: relative;
}
.msFavoriterCounter-rel{
    position: relative;
}
#msMiniCart-2 div{
    position: absolute;
    top: -5px;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    background: #F1192D;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.msFavoriterCounter{
     position: absolute;
    top: -5px;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    background: #F1192D;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1100px) {
    .info-row-1{
           display: none;
    }
}
@media (max-width: 990px) {
    .info-row-2{
           display: none;
    }
}
@media (max-width: 810px) {
    .info-row-3{
           display: none;
    }
}
@media (max-width: 660px) {
    .info-row-4{
           display: none;
    }
}
@media (max-width: 510px) {
    .backcall-block-2,
    .whatsapp-flex{
           display: none;
    }
}

@media screen and (max-width: 1023px) {
	#menu-icon {
	width: 33px;
    height: 29px;
		background: url("../../images/header/menu-icon.png") no-repeat left center;
		
	}
}
/* Aos 03.11.24 glavnay start*/ 
/*Банер start*/
.baner-glavn{
 width: 100%;
  overflow: hidden; 
  position: relative;
  }
  .baner-glavn-img{
     background: url("../../images/baner-glavn.png") no-repeat right center; 
     height: 470px;
  }
  
 .blu-stripe{
    background: linear-gradient(to right, #0056b3, #007bff);
    width: 100%;
    right: 630px;
    height: 100%;
    position: absolute;
    transform: skewX(-16deg);
    border-radius: 30px;
    
 } 
 .red-stripe{
    background: #F1192D;
    width: 100%;
    height: 100%;
    right: 604px;
    position: absolute;
    transform: skewX(-16deg);
    border-radius: 30px;
 } 
.image-container-glavn{
    
  float: right; /* Разместить справа */
  
}
.red-stripe-mob{
 display: none;   
}
.blu-stripe-mob{
 display: none;   
}
.glavn-baner-info{
    z-index: 10;
    display: flex;
        flex-direction: column;
            gap: 20px;
    position: absolute;
    top: 20%;
    left: 20%;
        max-width: 550px;
}
.glavn-baner-text{
 color:white;
font-size: 60px;
font-weight: 700;
line-height: 60px;
text-align: left;

}
.glavn-baner-button-catalog{
   color:white;
font-size: 22px;
font-weight: 700;
line-height: 25px;
text-align: center;
border-radius: 20px;
background:red;
    width: fit-content;
    padding: 8px 27px;
    text-decoration: none;

}
@media screen and (max-width: 1460px) {
.glavn-baner-info {
    left: 5%;
}
}
@media screen and (max-width: 1240px) {
.glavn-baner-info{
    max-width: 408px;
    left: 0;
    top: 0;
    padding: 20px;
}
}
@media screen and (max-width: 1060px) {
.glavn-baner-text{
    max-width: 270px;
    font-size: 40px;
}
    
}
@media screen and (max-width: 890px) {
    .baner-glavn{
        height: 740px;
    
    }
    .baner-glavn-img{
        background-size: cover;
        background-position: center;
    }
    .red-stripe{
 display: none;   
}
.blu-stripe{
 display: none;   
}
   .red-stripe-mob{
 display: block; 
 background: #F1192D;
    width: 100%;
    height: 440px;
    position: absolute;
    border-radius: 36px;
    bottom: 0px;
    clip-path: polygon(100% -1.5%, -359% 100%, 100% 100%);
}
.blu-stripe-mob{
         display: block;
        background: linear-gradient(to right, #0056b3, #007bff);
        width: 100%;
        height: 400px;
        position: absolute;
        border-radius: 36px;
        bottom: 20px;
        clip-path: polygon(100% -1.5%, -327% 100%, 100% 100%);
} 
.glavn-baner-info{
    bottom: 0;
    max-width: 100%;
    justify-content: flex-end;
    padding: 60px;
}
.glavn-baner-text{
    max-width: 100%;
}
}
@media screen and (max-width: 460px) {
.glavn-baner-info{
    bottom: 60px;
    padding: 20px;
}
    
}
@media screen and (max-width: 360px) {
.glavn-baner-info{
    bottom: 20px;
    padding: 20px;
}
    
} 
/*Банер end*/
/*Каталог start*/
.container-cat-glavn{
    width: 1428px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px;
}
.cat-glavn-title{

font-size: 40px;
font-weight: 700;
line-height: 16px;
text-align: start;
padding: 80px 20px 40px 20px;

}


.cat-glavn-grid{
    display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.cat-glavn-grid a{
    background: radial-gradient(46.89% 133.13% at 68.1% 6.7%, #0265DA 0%, #013674 100%);
    position: relative;
    border-radius: 20px;
}
.cat-glavn-grid-1 {
    grid-area: 1 / 1 / 2 / 3;
    text-align: end;
    
}
.cat-glavn-grid-1 img{
    padding: 5px 30px;
}

.cat-glavn-grid-2 {
    grid-area: 1 / 3 / 2 / 4;
    text-align: center;
}
.cat-glavn-grid-2 img{
    padding: 5px;
}

.cat-glavn-grid-3 {
    grid-area: 1 / 4 / 2 / 5;
    text-align: center;
}
.cat-glavn-grid-3 img{
    padding: 5px;
}
.cat-glavn-grid-4 {
    grid-area: 2 / 1 / 3 / 2;
    text-align: center;
}
.cat-glavn-grid-4 img{
    padding: 5px;
}
.cat-glavn-grid-5 {
    grid-area: 2 / 2 / 3 / 3;
    text-align: center;
}

.cat-glavn-grid-5 img{
    padding: 5px;
}
.cat-glavn-grid-6 {
    grid-area: 2 / 3 / 3 / 5;
    text-align: end;
}
.cat-glavn-grid-6 img{
    padding: 5px 30px;
}
.cat-glavn-grid-7 {
    grid-area: 3 / 1 / 4 / 3;
    text-align: end;
}
.cat-glavn-grid-7 img{
    padding: 5px 30px;
}

.cat-glavn-grid-8 {
    grid-area: 3 / 3 / 4 / 4;
    text-align: center;
}
.cat-glavn-grid-8 img{
    padding: 5px;
}

.cat-glavn-grid-9 {
    grid-area: 3 / 4 / 4 / 5;
    text-align: center;
}
.cat-glavn-grid-9 img{
    padding: 5px;
}

.cat-glavn-grid-10 {
    grid-area: 4 / 1 / 5 / 2;
    text-align: center;
}
.cat-glavn-grid-10 img{
    padding: 5px;
}
.cat-glavn-grid-11 {
    grid-area: 4 / 2 / 5 / 3;
    text-align: center;
}
.cat-glavn-grid-11 img{
    padding: 5px;
}

.cat-glavn-grid-12 {
    grid-area: 4 / 3 / 5 / 5;
    text-align: end;
}
.cat-glavn-grid-12 img{
    padding: 5px 30px;
}
.cat-glavn-grid-title{
    color: white;
     margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #F1192D;
    border-radius: 20px;
    padding: 10px 20px;
    margin: 5px;
   
}

@media screen and (max-width: 1000px) {
   .cat-glavn-grid{
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.cat-glavn-grid a{
     grid-area: auto;
     text-align: center;
}
.cat-glavn-grid img{
    padding: 5px;
    
}
}
@media screen and (max-width: 680px) {
    .cat-glavn-title{

font-size: 26px;
font-weight: 700;
line-height: 20px;
text-align: start;
padding: 40px 10px;

}
    
   .cat-glavn-grid{
grid-template-columns: 1fr;
grid-template-rows: repeat(12, 1fr);
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.cat-glavn-grid a{
     grid-area: auto;
      text-align: center;
}
.cat-glavn-grid img{
    padding: 5px;
    max-width: 280px;
   
}
}
.container-2{
 width: 1428px;
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 2vw;
    box-sizing: border-box;
    padding: 20px;   
}
/*Каталог end*/

/* Aos 03.11.24 glavnay end*/
/*Меню  start*/
.menu > li.category > .level2 > ul {
    display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 12px;
grid-row-gap: 20px;
    padding: 40px;
    background: #F2F2F2;
}
.menu-item-flex{
    display: flex;
    flex-direction: column;
}
.category .level2 > ul > li{
        margin: 0;
        text-align: center;
        background: #FFFFFF;
        border-radius: 6px;
        padding: 20px 0;
}
div.level2 > ul > li > a {
    color: #000000;
font-size: 16px;
font-weight: 700;
line-height: 22px;

}
div.level2 > ul > li:hover > a {
    color: #00000091;
}
.leveli2 > a {
    display:flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: start;
}

/*Меню  end*/
/*Меню моб  start*/
@media screen and (min-width: 1023px) {
	#nav-wrap.mobile {
		display: none !important;
	}
}
@media screen and (max-width: 1023px){
#nav-wrap {
    position: absolute;
    right: 0;
    z-index: 101;
}

	.mobile #nav {
    clear: both;
    width: 100%;
    z-index: 10000;
    background: #F2F2F2;
    display: none;
    padding: 10px 20px;
    BOX-SIZING: BORDER-BOX;
	}

.mobile #nav a, 
	.mobile #nav ul a {
	color: #000000;
        font: inherit;
        background: none;
        padding: 0;
        border: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
        font-size: 20px;
        line-height: 16px;
        text-decoration: none;
        font-weight: 700;
        max-width: 240px;
        padding: 10px;
		 
	}
	.menu-item-mob{
	 background: #FFFFFF;   
	 border-radius: 6px;
	}
}
/*Aos 07.12.24 */
.dropdown-button {
    font-weight: bold;
    color: #000;
    font-size: 20px;
    line-height: 16px;
    text-decoration: none;
    background: none;
    border: none;
    
}
.level2.open {
    display: block;
}
.level2 {
    display: none;
}

.menu-overlay-2{
    position: fixed;
    background: #000000a8;
    width: 100%;
    height: 100%;
    left: 0px;
    display: none;
    z-index: 10;
}
.menu-overlay-2.open {
    display: block;
}
@media (min-width: 1441px) {
    .menu-overlay-2 {
        top: 181px;
    }
}

@media (max-width: 1440px) {
    .menu-overlay-2 {
        top:200px;
    }
}

@media (max-width: 1332px) {
    .menu-overlay-2 {
        top:185px;
    }
}
/*Стрелки  start*/
.dropdown-button {
  position: relative;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dropdown-button::after {
  content: "";
  background-image: url("../../images/header/open.png"); /* Используем background-image */
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
 padding: 0 5px;
  transition: background-image 0.3s ease; /* Добавляем плавную анимацию */
  
}

.dropdown-button.open-menu::after {
  background-image: url("../../images/header/close.png");
}
/*Убираем Стрелки на первом элементе  start*/
.first-dropdown::after {
       content: '';
       display: none;
   }
   
.first-dropdown::before {
        content: "";
  background-image: url("../../images/header/3-line.png"); /* Используем background-image */
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 13px;
 padding: 0 5px;
  transition: background-image 0.3s ease; /* Добавляем плавную анимацию */ 
       
   }
.dropdown-button.open-menu::before {
  background-image: url("../../images/header/close.png");
}   
   
  /*Убираем Стрелки на первом элементе   end*/ 
/*Стрелки  end*/
/*Красная точка над акции  start*/
ul.menu > li:nth-child(2):after {
    content:'';
    width: 6px;
    height: 6px;
    background-color: #F1192D;
    border-radius: 50%;
    position: absolute;
    top: 0;  
}

/*Красная точка над акции  end*/
/*Поиск  start*/
.search-form{
    display: inline-flex;
     align-items: center;
    border: 1px solid black;
    border-radius: 20px;
        padding: 0 15px;
    font-size: 14px;
    
}
#searchField{
    border: none;
    min-width: 240px;
    line-height: 30px;
}
.search-button{
        border: none;
        background: url("../../images/header/search.png"); 
        width: 16px;
    height: 15px;
}
@media(max-width: 1023px){
    
    .search-form{
        display: none;
    }
/*Поиск  end*/
/*Меню моб  start*/

#nav ul li { /* Скрываем все подпункты по умолчанию */
  display: none;
}

#nav ul.menu-open li { /*  Показываем подпункты, когда menu-open активен */
  display: block;
}
.mobile #nav{
    min-width: 310px;
}

.dropdown-button-mob {
    font-weight: bold;
    color: #000;
    font-size: 20px;
    line-height: 16px;
    text-decoration: none;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
}
.dropdown-button-mob::after {
  content: "";
  background-image: url("../../images/header/open.png"); /* Используем background-image */
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
 padding: 0 5px;
  transition: background-image 0.3s ease; /* Добавляем плавную анимацию */
  
}

.dropdown-button-mob.open-menu::after {
  background-image: url("../../images/header/close.png");
}
.dropdown-2-mob{
    margin: 40px 0;
}
.menu-item-flex-mob{
    margin: 20px 0;
}
.menu-item-flex-mob{
    font-size:16px !important;
}
.leveli1{
        padding-right: 20px;
}

.mobile-menu-overlay{
    position: fixed;
    background: #000000a8;
    width: 100%;
    height: 100%;
    left: 0px;
    display: none;
    z-index: -1;
}
}

@media(max-width: 510px){
  .disp-none-mob{
      display:none;
    }
    .cart-mob{
        position:absolute;
        bottom: 12px;
        right: 48px;
    }
}
/*Меню моб  end*/
/* Aos 03.11.24 */