#header{position:sticky;top:0;background:var(--white);z-index:5;color:var(--black);transition:.2s;padding:var(--gap2) 0;border-bottom:1px solid rgba(255,255,255,.5);}
.home #header{position:fixed;left:0;right:0;background:rgba(255,255,255,0);color:var(--white);}
#header.fixed{background:var(--white);color:var(--black);padding:var(--gap3) 0;}
#header.show{background:var(--white);color:var(--black);}
.header{display:flex;gap:var(--gap1);align-items:center;justify-content:space-between;}
.header a{color:inherit;text-decoration:none;}

.menuopen{display:none;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;cursor:pointer;}
.topmenu{display:flex;gap:var(--gap2);align-items:center;}
.topmenu li{display:block;position:relative;list-style:none;white-space:nowrap;}
.topmenu .level1>a{display:flex;align-items:center;color:inherit;text-decoration:none;transition:.2s;line-height:1.2;position:relative;text-transform:uppercase;font-size:var(--font5);height:var(--gap1);}
.topmenu .current>a,.topmenu .active>a,.topmenu a:hover{/*color:var(--yellow);*/}
.topmenu .parent{display:flex;gap:var(--gap4);border:1px solid var(--black);border-radius:2px;align-items:center;}
.topmenu .parent a{padding:0 var(--gap3) 0 0;order:1;}
.topmenu .parent>a{height:var(--gap0);}
.home .topmenu .parent{border-color:var(--white);}
.fixed .topmenu .parent{border-color:var(--black);}
.showlevel{padding:0 0 0 var(--gap3);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.topmenu ul{display:block;position:absolute;top:100%;left:0;width:250px;visibility:hidden;opacity:0;transform:translateY(20px);transition:.2s;background:var(--white);}
.topmenu .level2>a{display:block;padding:var(--gap3);color:var(--black);font-size:var(--font5);}
.parent:hover ul,.showlevel.active+ul{visibility:visible;opacity:1;transform:translateY(0);}

.soc{display:flex;gap:var(--gap3);}
.soc a,.search{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;}
.fill{fill:var(--black);transition:.2s;}
.home .header .fill{fill:var(--white);}
.fixed .header .fill,.show .header .fill{fill:var(--black);}
.stroke{stroke:var(--black);transition:.2s;}
.home .header .stroke{stroke:var(--white);}
.fixed .header .stroke,.show .header .stroke{stroke:var(--black);}

#slider{overflow:hidden;background:#000;}
.slidew .slider{height:100vh;min-height:750px;position:relative;overflow:hidden;}
.slide{display:flex;position:absolute;top:0;width:100%;height:100%;left:0;opacity:0;transition:.2s;background-color:#fbfbfb;transition-timing-function:ease-in-out;background-size:cover;background-position:50%;background-repeat:no-repeat;/*border:6px solid #fbfbfb;*/box-sizing:border-box;align-items:center;overflow:hidden;transform-origin:50% 50%;}
.slide:only-child{opacity:1;}
.prodimg .slide{background-size:contain;}
.init .slide{transform:scale(100%);}
.slide.before{left:-100%;opacity:.0;z-index:1;transform:scale(100%);}
.slide.after{left:100%;opacity:.0;z-index:1;transform:scale(100%);}
.slide.current{opacity:1;z-index:2;transform:scale(100%);}
.slidew .nav{display:flex;flex-direction:column;position:absolute;bottom:var(--gap2);right:var(--gap1);;counter-reset:step;z-index:3;}
.slidew .nav>span{flex:0 0 var(--gap3);background:none!important;counter-increment:step;color:var(--white);font-size:var(--font5);border:1px solid transparent;transition:.2s;width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.slidew .nav .current{border-color:var(--white);cursor:default;}
.slidew .nav>span:before{content:"0"counter(step);}
.slidew .nav>span:nth-child(n+10):before{content:counter(step);}
.slidemobile{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;}
.slidewrap{padding:0 calc((100% - 1650px)/2);}
.slidetext{color:var(--white);max-width:800px;display:flex;flex-direction:column;gap:var(--gap1);align-items:flex-start;}
.slidetitle{font-size:var(--font1);font-weight:bold;padding:0 0 var(--gap1);line-height:1.1;text-transform:uppercase;}
#banner{overflow:hidden;background:#000;}
#banner .slider{height:750px;}

.banner{border-radius:2px;margin:0 0 var(--gap1);}
.date{padding:var(--gap4);background:var(--black);color:var(--white);font-size:var(--font4);margin:0 0 var(--gap2);width:max-content;box-sizing:border-box;}

.prodimg .slider{position:relative;height:580px;}
.prodimg .sliderwrap{overflow:hidden;position:relative;}
.prodimg .nav{display:flex;gap:20px;justify-content:center;padding:20px 0 0;flex-wrap:wrap;}
.prodimg .nav>span{flex:1;background-size:contain;background-repeat:no-repeat;background-position:50%;background-color:#fbfbfb;min-width:100px;max-width:200px;height:100px;}
.prodimg .prev,.prodimg .next{display:block;position:absolute;right:30px;top:220px);width:45px;height:45px;background:url(prev.svg)no-repeat 50%;z-index:3;cursor:pointer;}
.sliderwrap .prev{background-image:url(next.svg);right:90px;}
.disabled .prev,.disabled .next{cursor:initial;}


.bread{padding:0 0 25px;margin:-25px 0 0;font-size: var(--font4);}
.breadcrumbs,.breadcrumbs ul,.breadcrumbs li{display:inline;}
.breadcrumbs li:after{content:" / ";}
.breadcrumbs a{color:inherit;text-decoration:none;}
.gray{color:var(--gray);}

.button,.text .button{display:inline-flex;gap:var(--gap4);line-height:1.1;padding:0 var(--gap2);height:var(--gap0);align-items:center;justify-content:center;text-align:center;border:2px solid var(--yellow);background:var(--yellow);border-radius:2px;box-sizing:border-box;color:var(--black);text-decoration:none;font-size:var(--font5);text-transform:uppercase;transition:.2s;user-select:none;cursor:pointer;max-width:100%;white-space:nowrap;}
.button.invert,.button:hover{background:var(--white);}
.button.invert:hover{background:var(--yellow);}

.heading{font-size:var(--font1);font-weight:bold;padding:0 0 var(--gap1);line-height:1.1;text-transform:uppercase;position:relative;}
.heading2,.text h1,.text h2{font-size:var(--font2);font-weight:bold;padding:0 0 var(--gap1);line-height:1.1;text-transform:uppercase;position:relative;}
.heading3,.text h3{font-size:var(--font3);font-weight:bold;padding:0 0 var(--gap2);line-height:1.1;text-transform:uppercase;}
.headingwrap{display:flex;align-items:center;justify-content:space-between;gap:var(--gap0);padding:0 180px var(--gap1) 0;}
.headingwrap .heading{padding:0;}
.headingwrap .heading2{padding:0;}
.headingwrap .heading2:before{content:"";display:block;position:absolute;top:50%;right:-70px;height:3px;width:150px;background:var(--yellow);}
.headingwrap .heading2 span{position:relative;}
.all{font-size:var(--font3);font-weight:bold;line-height:1.1;border-bottom:3px solid var(--yellow);color:inherit;text-decoration:none;}

.bg{background:url(bg1.png)no-repeat;background-size:100% auto;}
.padtop{padding-top:var(--pad);}
.padbot{padding-bottom:var(--pad);}

.cats{display:flex;gap:var(--gap1);justify-content:space-between;}
.cat{flex:1;color:inherit;text-decoration:none;font-size:var(--font4);position:relative;display:flex;align-items:center;}
.catborder{position:absolute;top:0;left:0;right:0;bottom:0;border:66px solid transparent;border-image:url(border.svg) 66 round;}
.catimg{position:absolute;top:var(--gap3);left:var(--gap3);right:var(--gap3);bottom:var(--gap3);background-size:contain;background-position:100% 0;background-repeat:no-repeat;}
.cattext{padding:var(--gap0) var(--gap0);position:relative;}
.cattitle{font-size:var(--font3);font-weight:bold;max-width:250px;padding:0 0 var(--gap4);}
.more:after{content:"";display:inline-block;width:41px;height:9px;vertical-align:middle;background:url(more.svg)no-repeat;margin:0 0 0 5px;}

.scrollwrap{position:relative;}
.scroll{overflow-x:auto;scrollbar-width:none;user-select:none;-webkit-user-select:none;display:flex;gap:var(--gap15);width:100%;padding:0 calc((100% - 1650px)/2);box-sizing:border-box;}
.scroll::-webkit-scrollbar{width:0;}
.rew,.fwd{display:block;position:absolute;bottom:calc(100% + var(--gap1));right:calc((100% - 1650px)/2);width:48px;height:48px;background:url(fwd.svg)no-repeat 50%;cursor:pointer;z-index:1;}
.rew{right:calc((100% - 1650px)/2 + 80px);transform:rotate(180deg);transform-origin:50%;}

.new{flex:0 0 410px;color:var(--black);text-decoration:none;overflow:hidden;max-width:90vw;}
.newimg{position:relative;border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;height:232px;}
.newimg img{display:block;max-width;100%;max-height:100%;}
.newdate{position:absolute;top:0;left:0;padding:var(--gap4);background:var(--black);color:var(--white);font-size:var(--font4);}
.newtitle{padding:var(--gap2) 0 var(--gap3);font-size:var(--font3);}
.newintro{padding:0 0 var(--gap3);font-size:var(--font4);}
.newintro:empty{display:none;}

.art{flex:0 0 856px;color:var(--black);text-decoration:none;overflow:hidden;max-width:90vw;}
.art .newimg{height:320px;}

.rev{flex:0 0 560px;color:var(--black);text-decoration:none;overflow:hidden;max-width:90vw;background:var(--white);padding:var(--gap15);box-sizing:border-box;}
.revimg{display:flex;align-items:center;gap:var(--gap2);padding:0 0 var(--gap3);}
.revimgimg{width:100px;height:100px;flex:0 0 100px;border-radius:50%;}
.revtitle{padding:0 0 var(--gap4);}
.revtext{flex:1;font-size:var(--font3);}
.revintro{padding:var(--gap4) 0 0;font-size:var(--font4);}

.searchform{display:flex;border:3px solid var(--black);border-radius:2px;overflow:hidden;margin:var(--gap2) 0;}
.searchform label{flex:1;}
.searchform input{display:block;width:100%;padding:var(--gap2) var(--gap3);background:var(--white);border:0;font-size:vat(--font4);}
.searchform button{border:0;background:var(--white);flex:0 0 54px;display:flex;justify-content:center;align-items:center;cursor:pointer;}

.partner{flex:1;width:200px;min-width:200px;padding:var(--gap3) 0 0;display: flex;align-items: center}
.partner img{display:block;margin:0 auto;max-height:120px;}

.form{background:var(--black);position:relative;background:url(form.jpg)no-repeat 50%;background-size:cover;color:var(--white);padding:var(--pad) 0;font-size:var(--font4);}
.form .headingwrap{padding:0 0 var(--gap1);}
.formwrap{display:flex;}
.formcontent{flex:0 0 560px;padding:var(--gap) 0;max-width:100%;background:rgba(0,0,0,.5);border-radius:2px;padding:30px 15px;}
.formsidebar{flex:1;}

.double{display:flex;gap:var(--gap);}
.content{flex:1;min-width:0;}
.sidebar{flex:0 0 380px;min-width:0;}

.filterwrap{position:relative;padding:0;}
.filter{background:var(--white);}
.tvtitle{padding:var(--gap2);background:var(--black);color:var(--white);border-bottom:1px solid var(--white);cursor:pointer;position:relative;}
.tvtitle:after{content:"";display:block;position:absolute;top:50%;right:var(--gap3);width:16px;height:16px;background:url(plus.svg)no-repeat;transform-origin:50% 50%;transition:.2s;margin:-8px 0 0;}
.active .tvtitle:after{transform:rotate(45deg);}
.boxes{padding:var(--gap3) var(--gap2);display:none;}
.filter label{display:flex;gap:var(--gap3);padding:0 0 var(--gap3);cursor:pointer;user-select:none;font-size: var(--font4);}
.filter .button{width:100%;}
.togglefilter{display:none;height:var(--gap0);width:var(--gap0);border:2px solid var(--black);background:var(--black);border-radius:2px;box-sizing:border-box;transition:.2s;user-select:none;cursor:pointer;background:var(--black) url(filter.svg)no-repeat 50%;}

.tovars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap15);}
.tovar{grid-column-start:span 1;color:var(--black);text-decoration:none;background:var(--white);box-shadow:0 5px 15px rgba(207,212,217,.3);position:relative;transition:.2s;padding:0 0 50px;}
.tovar:hover{z-index:1;box-shadow:0 5px 15px rgba(207,212,217,.5);}
.tovarimg{position:relative;border-radius:2px;overflow:hidden;}
.tovarimg img{display:block;width:100%;}
.nova{position:absolute;top:var(--gap5);left:var(--gap5);padding:var(--gap4);background:var(--red);color:var(--white);font-size:var(--font4);}
.tovartext{padding:var(--gap3) var(--gap2)}
.tovartitle{font-size:var(--font4);font-weight:bold;padding:0 0 var(--gap3);}
.prop{padding:var(--gap4) 0;border-bottom:1px solid var(--lightgray);}
.zap {
	margin:10px 0 0
}
.proptitle{font-size:var(--font4);color:var(--gray);}
.proptext{font-size:var(--font4);}
.tovarprice{font-size:var(--font2);font-weight:bold;padding:var(--gap4) 0;}
.tovarprice:after{content:" ₽";}
.tovar .button{position:absolute;bottom:0;left:0;right:0;/*opacity:0;visibility:hidden;*/}
.tovar:hover .button{opacity:1;visibility:visible;}

.subcat{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap15);}

.prodflex{display:flex;gap:var(--gap);}
.prodimg{flex:1;position:relative;}
.prodimg img{display:block;}
.prodtext{flex:1;}
.stock{padding:var(--gap4);background:none;color:var(--black);font-size:var(--font4);border:1px solid var(--black);margin:0 0 var(--gap2);width:max-content;}
.pricewrap{display:flex;gap:var(--gap1);align-items:center;padding:0 0 var(--gap2);}
.price{font-size:var(--font1);font-weight:bold;padding:var(--gap4) 0;white-space:nowrap;}
.price:after{content:" ₽";}
.pricetext{font-size:var(--font5);color:var(--gray);}
.buttons{display:flex;padding:0 0 var(--gap2);gap:var(--gap4);align-items:center;flex-wrap:wrap;}
.dots{display:flex;justify-content:space-between;margin:0 0 var(--gap3);align-items:flex-end;}
.dots span{font-size:var(--font4);line-height:1.1;}
.dots span:last-child{text-align:right;}
.dots i{flex:1;min-width:40px;border-bottom:1px dashed #0e0e0e;}

.tov{flex:0 0 410px;color:var(--black);text-decoration:none;overflow:hidden;max-width:90vw;background:var(--white);box-shadow:0 5px 15px rgba(207,212,217,.3);position:relative;}

.tabs{display:flex;gap:var(--gap2);padding:0 0 var(--gap1);flex-wrap:wrap;}
.tab{font-size:var(--font3);font-weight:bold;text-transform:uppercase;border-bottom:2px solid transparent;cursor:pointer;}
.tab.active{border-color:var(--black);}
.tab-items{}
.tab-item{display:none;}
.tab-item.active{display:block;}

.trades{display:flex;gap:var(--gap2);}
.trade{flex:1;border:1px solid var(--black);padding:var(--gap2);display:flex;gap:var(--gap2);flex-direction:column;}
.tradeflex{display:flex;gap:var(--gap1);align-items:center;}
.tradetitle{font-size:var(--font3);font-weight:bold;}
.tradetext{font-size:var(--font4);}

.share{display:flex;gap:var(--gap4);color:var(--gray);font-size:var(--font5);align-items:center;}
.share .fill{fill:var(--gray);}

.mission{border:1px solid var(--black);padding:var(--gap1);display:flex;gap:var(--gap2);align-items:center;}
.missiontitle{font-size:var(--font2);font-weight:bold;line-height:1.1;text-transform:uppercase;white-space:nowrap;}
.missionline{flex:0 0 var(--gap1);height:2px;background:var(--black);}
.missiontext{font-size:var(--font4);}

.half{display:flex;gap:var(--gap);padding:0 0 0 calc((100% - 1650px)/2);align-items:center;}
.half .content{padding:var(--gap2) 0;}
.halfimg{max-width:45%;}
.halfimg img{display:block;}

#map{height:400px;}

#empty{height:500px;clear:both;}
#footer{min-height:500px;padding:var(--pad) 0;overflow:hidden;margin-top:-500px;background:var(--bg);z-index:1;box-sizing:border-box;font-size:var(--font4);}
.footer{display:flex;justify-content:space-between;gap:var(--gap1);}
.footer a{color:inherit;text-decoration:none;}
.footer li{padding:0 0 var(--gap2);list-style:none;}
.botmenu a{color:inherit;text-decoration:none;}

.phone{display:flex;gap:var(--gap4);align-items:center;white-space:nowrap;}
.phone:before{content:"";width:32px;height:32px;flex:0 0 32px;background:url(phone.svg)no-repeat;}
.adres{display:flex;gap:var(--gap4);align-items:center;white-space:nowrap;}
.adres:before{content:"";width:32px;height:32px;flex:0 0 32px;background:url(pin.svg)no-repeat;}
.email{display:flex;gap:var(--gap4);align-items:center;white-space:nowrap;}
.email:before{content:"";width:32px;height:32px;flex:0 0 32px;background:url(mail.svg)no-repeat;}

.contacts li{padding:0 0 var(--gap2);list-style:none;}
.contacts a{color:inherit;text-decoration:none;}


/*модалки и формы*/
.modal{display:none;visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;}
.modal.init{display:flex;background:rgba(0,0,0,.0);overflow:auto;z-index:5;transition:.2s;}
.modalinner{opacity:0;top:-100px;margin:auto;position:relative;width:320px;padding:50px 30px 20px;background:var(--black);border-radius:2px;transition:.2s;color:var(--white);}
.modal.visible{visibility:visible;background:rgba(0,0,0,.6);}
.modal.visible .modalinner{opacity:1;top:0;transition:.2s .2s;}
.close{display:block;position:absolute;top:0;right:0;width:44px;height:44px;background:url(close.svg)no-repeat 50% 50%;cursor:pointer;}
.ajaxform label{display:block;padding:0 0 var(--gap2);}
.ajaxform input,.ajaxform textarea{display:block;width:100%;box-sizing:border-box;border:3px solid var(--white);border-radius:2px;padding:var(--gap2) var(--gap3);background:transparent;text-align:left;line-height:1.2;font-size:20px;color:var(--white);font-size:var(--font4);}
.ajaxform textarea{resize:vertical;min-height:150px;}
.ajaxform .button{width:100%;margin:var(--gap3) 0 0;font-size:var(--font4);height:var(--gap);}
.ajaxform input[type="checkbox"]{display:initial;width:initial;border:initial;padding:initial;background:initial;border-radius:1px;margin:0 8px 0 0;cursor:pointer;}
.ajaxform label a{color:inherit;}
.ajaxform input::placeholder,.ajaxform textarea::placeholder {
	color:silver;
}

@media (min-width:1400px){
	#main .mobile,#footer .mobile{display:none;}
}

@media (max-width:1680px) {
	.scroll{padding:0 15px;}
	.rew,.fwd{right:15px;}
	.rew{right:95px;}
	.logo svg{width:220px;height:auto;}
	.sidebar{flex:0 0 320px;}
	.slidewrap{padding:0 15px;}
	.half{padding:0 0 0 15px;}
}



/*планшетики*/
@media (max-width:1400px){
	#main .nomobile,#footer .nomobile{display:none;}

	.footer{flex-direction:column;width:max-content;margin:0 auto;}

	#empty{height:0;}
	#footer{height:auto;margin:0;}
	#main{min-height:auto;}

	.scroll{overflow:auto;scrollbar-width:none;user-select:none;-webkit-user-select:none;}
	/*.scroll>:first-child{margin:0 0 0 15px;}
	.scroll>:last-child{margin:0 15px 0 0;}*/
	.scroll::-webkit-scrollbar{width:0;}

	.menuopen{cursor:pointer;display:flex;}
	.topmenu{display:none;visibility:hidden;opacity:0;position:absolute;top:100%;left:-15px;right:-15px;z-index:12;overflow:auto;background:var(--white);transition:.2s;}
	.topmenu .level1{--white:var(--black);}
	.topmenu .level1 a{padding:20px 15px;height:auto;color:var(--black);font-size:var(--font4);}
	.topmenu.show{visibility:visible;opacity:1;display:block;}
	.topmenu li{white-space:initial;display:block;}
	.topmenu ul{flex:0 0 100%;position:relative;top:0;width:auto;order:1;transform:none;background:none;visibility:visible;opacity:1;box-sizing:border-box;}
	.topmenu .showlevel.active+ul{display:block;}
	.topmenu .parent{border:0;flex-wrap:wrap;}
	.topmenu ul a{font-size:var(--font4);}
	.topmenu .mobile{padding:15px;}
	.topmenu .soc{margin:0 0 15px;}

	.catimg{top:120px;bottom:-12px;background-position:0 100%;left:var(--gap);}
	.cattext{padding:var(--gap1) var(--pad) 200px;}

	.tovars{grid-template-columns:repeat(2,1fr);}
	.tovar .button{/*position:relative;*/opacity:1;visibility:visible;/*top:0;width:100%;*/}
	.subcat{grid-template-columns:repeat(3,1fr);}
}

/*чуть поменьше обычного экрана*/
@media (max-width:1200px) {
	.cats{flex-direction:column;}
	.rew,.fwd{display:none;}
	.headingwrap{padding:0 0 var(--gap1);}

	.form{background-position:0 50%;padding:0;}
	.formwrap{flex-direction:column;}
	.formcontent{flex:1;padding:var(--pad) 15px;margin:0 -15px;}

	.double{flex-direction:column;}
	.togglefilter{display:block;}
	.filter{display:none;}
	.sidebar{flex:1;}

}

/*планшетики*/
@media (max-width:991px) {
	.tovars{grid-template-columns:repeat(1,1fr);}
	.prodflex{flex-direction:column;}
	.trades{flex-direction:column;}
	.trade{}
	.mission{flex-direction:column;}
	.missionline{flex:0 0 2px;width:100%;}
	.half{flex-direction:column;align-items:flex-end;}
	.half .content{padding:0 15px 0 0;width:100%;box-sizing:border-box;}
	.halfimg{max-width:90%;}

	.prodimg .slider{height:80vw;}
	.subcat{grid-template-columns:repeat(2,1fr);}



}
/*маленькие планшетики и большие телефончики*/
@media (max-width:767px){

	.catimg{top:100px;background-position:50% 100%;left:var(--gap3);}

	.subcat{grid-template-columns:repeat(1,1fr);}
	.logo img { max-width: 150px;}

}
/*телефончики*/
@media (max-width:480px) {
	@-ms-viewport{width:480px;}
	@-o-viewport{width:480px;}
	@viewport{width:480px;}
}


.pol {
    margin:30px 0;
    background:#f6ba01;
    padding:20px;
}

.pol .subtitle {
    font-weight:bold;
    font-size:24px;
    margin-bottom:20px;
}