.container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}
.column,
.columns{width:100%;float:left;box-sizing:border-box}
@media (min-width:400px){.container{width:98%;padding:0}
}
@media (min-width:550px){.container{width:98%}
.column,
.columns{margin-left:4%}
.column:first-child,
.columns:first-child{margin-left:0}
.one.column,
.one.columns{width:4.66666666667%}
.two.columns{width:13.3333333333%}
.three.columns{width:22%}
.four.columns{width:30.6666666667%}
.five.columns{width:39.3333333333%}
.six.columns{width:48%}
.seven.columns{width:56.6666666667%}
.eight.columns{width:65.3333333333%}
.nine.columns{width:74.0%}
.ten.columns{width:82.6666666667%}
.eleven.columns{width:91.3333333333%}
.twelve.columns{width:100%;margin-left:0}
}
html{font-size:62.5%}
body{font-size:1.6em;line-height:1.8em;font-weight:400;color:#333;margin:0;padding:0}
h1, h2, h3, h4{margin:0}
h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}
h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}
h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem}
h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}
h5{font-size:2.4rem}
h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}
@media (min-width:550px){h1{font-size:5.0rem}
h2{font-size:4.2rem}
h3{font-size:3.6rem}
h4{font-size:3.0rem}
h5{font-size:2.4rem}
h6{font-size:1.5rem}
}
.tal{text-align:left}
.tar{text-align:right}
.tac{text-align:center}
.taj{text-align: justify}
a{text-decoration: none}
a[href^="tel:"] {cursor: text}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{text-align:center;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{min-height:65px;padding-top:6px;padding-bottom:6px}
label,
legend{display:block;margin-bottom:.5rem;font-weight:600}
fieldset{padding:0;border-width:0}
input[type="checkbox"],
input[type="radio"]{display:inline}
label > .label-body{display:inline-block;margin-left:.5rem;font-weight:normal}
ul{list-style:circle inside}
ol{list-style:decimal inside}
ol, ul{padding-left:0;margin-top:0}
ul ul,
ul ol,
ol ol,
ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}
li{margin-bottom:1rem}
code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}
pre > code{display:block;padding:1rem 1.5rem;white-space:pre}
.container:after,.row:after{content:"";display:table;clear:both}

body{font-family: 'Montserrat', sans-serif;font-weight:400;color:#24211d}
.ovhi{overflow:hidden}

.t1 {background:#b11517;color:#fff;font-size:1.2rem;line-height:3rem}
.t2{background:#fff;color:#fff;padding:2rem 0}
a, .toplogo img{transition: .3s all ease}
.flex{display:flex}

.t1 svg{fill:#fff}

.worktime{float:left}
.topcontacts{float:right}
.topcontacts a{float:right;color:#fff}
.toplogo{float:left;padding-right:2rem}
.toplogo img{height:7rem;float:left;margin:-1rem 0}
.toplogo  a img:hover{transform: scale(1.1)}
.tcphone, .tcmail, .worktime span{padding-left:1.5rem;margin-left:2rem}
.tcphone {background: url(../img/icon/phone.svg) left center no-repeat;background-size: 1.2rem}
.tcmail{background: url(../img/icon/mail.svg) left center no-repeat;background-size: 1.2rem;margin-left:0}
a.tcmail:hover{opacity:.8}
.worktime span{background: url(../img/icon/clock.svg) left center no-repeat;background-size: 1.2rem;margin-left:0}

.catbtn{float: left;position: relative;padding: 1rem 2rem;border-left: .1rem dashed #757575;border-right: .1rem dashed #757575;height: 3rem;width:10rem;margin-left: 1rem}
.mainmenu{float: right;padding-right: 2rem}
.mainmenu li{display:block;list-style: none;margin: 1rem;line-height: 3rem;float: left}
.mainmenu li:last-child{margin-right:0}
.mainmenu li a{color:#3c3c3c;text-transform: uppercase;letter-spacing: -.1rem;font-size: 1.4rem;font-weight: 600;user-select: none}
.mainmenu li a:hover{color:#da1a1c}

.topsearch {float:right;height:4.4rem;margin-top:.3rem;margin-right:2rem;display:none}
.topsearch input{height: 4rem;line-height: 4rem;border:.2rem solid #da1a1c;border-radius:.4rem;border-top-right-radius: 0;border-bottom-right-radius: 0;padding: 0 0 0 1rem;outline: none;width: 25rem;margin:0;float: left;border-right:none}
.topsearch input[type="submit"]{height: 4.4rem;line-height: 4.4rem;padding: 0;background-color: #da1a1c;border-radius:.4rem;border-top-left-radius: 0;border-bottom-left-radius: 0;width: 6rem;transition: all ease .3s;background-image: url(../img/icon/srch.svg);background-size: 2rem;background-position: center;background-repeat: no-repeat}
.topsearch input[type="submit"]:hover{background-color:#b11517;border-color:#b11517}

input#menu, .backtomenu{display: none}

.icon {cursor: pointer;display: block;height: 2.4rem;width: 2.4rem;
}

label.icon {position: relative}

label.icon span{display: block;padding-left: 2.6rem;line-height: 3rem;text-transform: uppercase;letter-spacing: -.1rem;font-size: 1.6rem;color:#3c3c3c;transition: transform ease .3s}
label.icon:hover span{color:#000}

.icon .menu,.icon .menu::before,.icon .menu::after {background: #3c3c3c;content: '';display: block;height: .2rem;position: absolute;transition: background ease .3s, top ease .3s .3s, transform ease .3s;width: 2rem}

.icon:hover .menu,
.icon:hover .menu::before,
.icon:hover .menu::after {
    background: #000;
}

.icon .menu {
    left: 0;
    top: 1.3rem;
}

.icon .menu::before {
    top: -.6rem;
}

.icon .menu::after {
    top: .6rem;
}

#menu:checked + .icon .menu {
    background: transparent;
}

#menu:checked + .icon .menu::before {
    transform: rotate(45deg);
}

#menu:checked + .icon .menu::after {
    transform: rotate(-45deg);
}

#menu:checked + .icon .menu::before,
#menu:checked + .icon .menu::after {
    top: 0;
    transition: top ease .3s, transform ease .3s .3s;
}


.buttonsblock {float:right;padding-left:2rem;height:5rem;border-left: .1rem dashed #757575}
.buttonsblock div {float:left}
.buttonsblock div svg{float:left;height:2rem;height:2rem;fill:#3c3c3c;transition: .3s all ease;cursor:pointer}
.buttonsblock div:first-child svg, .buttonsblock div.backtomenu svg{margin:1.5rem 0}
.buttonsblock div svg{margin:1.5rem 0 1.5rem 1.5rem}
.buttonsblock div:hover svg{fill:#da1a1c}


.block{padding:4rem 0}
p.desc{color:#fff}
p.desc img {height:1.2rem;margin: 0 .4rem -.1rem .4rem;filter: brightness(20)}
.newsbody{margin-bottom: -10.5rem;margin-top: -2rem}
.nitem{float:left;width:calc(33.3333% - 5.4rem);padding:1.7rem;position: relative;z-index: 1;background:#fff}
.nitem:nth-child(3n+2){margin: 0 3rem}
.nitem img{float:left;width:100%}
.newscatitems .nitem img {width: 80%;padding: 10%}
.newscatitems .nitem img:hover{filter: brightness(1.1)}
.nitem h3{font-size: 1.9rem;font-weight: 600;float:left;width:100%;color:#383838;line-height:2.4rem;margin:2rem 0 0}
.newscatitems .nitem h3{text-align: center;margin: -2rem 0 2rem;font-weight: 600;font-size: 2.1rem}
.nitem span{color:#b11517;font-size:1.3rem;font-family: 'Source Sans Pro', sans-serif;margin-bottom:1.5rem}
.nitem p{color:#a4a9ab;font-size:1.5rem;margin:1rem 0 1.5rem;line-height: 1.4em}
.nitem a{font-size: 1.3rem;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;text-transform: uppercase;letter-spacing: .1rem;color: rgb(59 61 66);border-bottom: .1rem solid rgb(59 61 66 / 100%)}
.nitem a:hover{border-bottom: .1rem solid rgb(59 61 66 / 0%)}
.newscontent div.flex{display:block}
.newscontent div.newsbody{margin:2rem 0;float: left;width: 100%}
.newscontent    div.nitem{border: .2rem solid #f5f5f5;width:calc(33.3333% - 5.8rem)}

.ncat .nitem{margin-bottom:2rem}
.ncat .nitem h3{display: block;font-size: 1.8rem;line-height: 2.2rem;height: 4.4rem;overflow: hidden;text-transform: none}

.topcats{width:25rem;height:calc(80vh - 16rem);padding:2rem 0;float:left;background: #f9f9f9;overflow-y:auto;overflow-x: hidden}
.botcats{width:calc(100% - 29rem);height:calc(80vh - 16rem);padding:2rem;float:left;background: #fff;overflow-y:auto;overflow-x: hidden}


.gotocat{font-size: 1.3rem;font-weight: 600;line-height: 1.8rem;padding: inherit;padding: 1.2rem 1rem 1.2rem .3rem;letter-spacing: -.05rem;word-spacing: -.1rem;cursor:pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s all ease;user-select: none}
.gotocat:hover, .tcacvtive{background:#fff;color:#da1a1c}
.tcacvtive {cursor:default}
.gotocat img{float: left;width: 1.8rem;padding-right: 0.5rem}

.catdesc, .citemlist{padding: 3rem 0 0;float: left;width: 100%}


.catnav{height:calc(80vh - 12rem);width: 100%;z-index: 20;position:absolute;top:12rem;left:0;background: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 50%, rgba(255,255,255,1) 50%);box-shadow: 0 .2rem .3rem 0 rgb(0 0 0 / 20%);opacity:1;transition: .7s all ease;overflow: hidden}

.viewcat{height:0px;opacity:0}

.vendortable span{float: right;font-size: 90%;}
.vendortable a{color:#333;border-bottom:.1rem dashed #b11517;}
.vendortable a:hover{color:#fff;border-bottom:.1rem dashed #fff;}


.catlist{float: left;width:100%}
.topcat{column-count: 4;column-gap: 2rem;float: left;width: 100%;display:none}
.bcacvtive{display:block}
.topcat a h2{font-size: 2.4rem;color: #da1a1c;line-height: 3rem;transition: .3s all ease;float: left;width: 100%}
.topcat a h2:hover{color:#252525}

.cat2{display: inline-block;margin: 0 0 2rem;width: 100%;font-size:1.3rem}
.cat2 h4{font-size:1.3rem}
.cat2 a{color:#24211d;line-height:1.8rem;margin-bottom:.6rem}
.cat2 a:hover{color:#da1a1c}

.catitem{float:left;width:calc(20% - 1.6rem);margin:0 0 2rem 2rem;padding-bottom:1rem;transition: .3s all ease;border-radius: 0.5rem}
.catitem:hover{box-shadow: 0 6px 16px rgb(0 26 52 / 16%), 0 0 0 rgb(0 26 52 / 5%)}
.catitem:nth-child(5n+1), .catitem:first-child{margin-left:0}

.itimage, .mainimage{position: relative;width: 100%;overflow: hidden}
.itimage:after , .mainimage:after {content: "";padding-top: 100%;display: block}     
.itimage img, .mainimage img{width: calc(100% - 2rem);position: absolute;padding: 1rem;background: #fff;margin: auto;top: 0;bottom: 0;left: 0;right: 0}
.itnmae{position: absolute;bottom: 0;width: calc(100% - 2rem);padding: 1rem;line-height: 1.6rem;font-size: 1.4rem;font-weight: 600;color: #24211d;background: rgb(255 255 255 / 65%)}
.itinfo{border-top: .1rem solid #b11517;padding: 1rem .5rem 0}
.itprice{display: block;float: left;font-size: 1.3rem;font-weight: 900;line-height: 2rem}
.ita {display: block;float: right;font-size: 1.2rem;line-height: 2rem;letter-spacing: -.5px}
.ita div{width:1rem;height:1rem;border-radius:50%;float:right;margin:.5rem 0 .5rem .5rem}
.itafalse{background: #d60404}
.itatrue{background: #0e9e2d}
.itaxz{background: #c37703}
.itdisc{position: absolute;z-index: 2;top: 1rem;right: 1rem;background: #f91155;font-size: 1.1rem;font-weight: 900;color: #fff;line-height: 2.2rem;padding: 0 .5rem;border-radius: 1rem}

.itnmae[tooltip]:hover span{display:none}
.itnmae[tooltip]:hover:after{content: attr(tooltip)}

.disccat{color:#f91155}


.fcat{width:calc(25% - 2rem);float:left;margin:1rem 1rem 0}
.fcat a{font-size: 1.5rem;color: #333}

.bantext{padding: 2rem 55% 3rem 2rem}
.banbtn{display: inline-block;position: relative;padding: 1.2rem 2.5rem;cursor: pointer;text-transform: uppercase;font-size: 1.5rem;border:.1rem solid #fff;font-weight:200;color:#fff;transition: .3s all ease}
.banbtn:hover{background:#fff;color:#24211d}

.fphear{padding:3rem 0}

.mainimage{width:36rem;float:left;margin-right:2rem;box-shadow: 0 6px 16px rgb(0 26 52 / 16%), 0 0 0 rgb(0 26 52 / 5%);border-radius: .5rem}
.mainimage img{max-height: 100%;width: 100%;object-fit: cover;top: 0;right: 0;left: 0;bottom: 0;margin: auto;padding: 0}
.maininfo{float: left;width: calc(100% - 75rem);padding: 0 3rem}
.maininfo h2, .priceinfo p.priceop, .ptext h3{font-size: 2.2rem;line-height: 3rem;padding-bottom: 2rem;font-weight: 900;margin-top:1rem}
.priceinfo {float: left;width: 29rem;padding: 2rem 1rem 1rem 1rem;box-shadow: 0 6px 16px rgb(0 26 52 / 16%), 0 0 0 rgb(0 26 52 / 5%);border-radius: .5rem}
.priceinfo p.priceop {text-align:right;margin:0;padding:0}
.priceinfo p.oldproceop{font-size:1.2rem;line-height:1.6rem;position: relative;text-align:right;margin:0;float:right;padding: 0 .2rem}
.priceinfo p.oldproceop:after{content: "";display: block;position: absolute;width: 100%;background-color: #f91155;height: 1px;top: calc(50% - 1px);transform: rotate(-2deg);left: 0;z-index: -1}
.pos{color:#f91155}

.count{width: 3.6rem;height: 3.6rem;top:1.5rem;left:1.5rem;position: absolute;text-align:right;line-height:3.6rem;font-size: 1.4rem;font-weight: 700;padding:.4rem;background: rgb(255 255 255 / 65%);border:.1rem solid #f5f5f5;border-radius:.5rem}
.count img{position: relative;width:2rem;float:left;padding: .8rem .5rem .8rem 0;background-color: transparent}

.pib {padding-top:1.5rem;margin-top:1.5rem;border-top: 1px solid #b3bcc5;float: left;width: 100%}
.pibpr{margin:0;padding:0;border:none}

.deliv{font-size: 1rem;line-height: 1.3rem;text-align: justify}
.deliv img{width: 2rem;float: left;padding: 0 .6rem 0.4rem 0}

.deliv2 p{font-size: 1rem;line-height: 1.3rem;display: block;float: left;width: calc(100% - 7rem);margin: 0}
.deliv2 img{width: 6rem;float: left;padding: 0 1rem 0 0}
.deliv2 h4{font-size: 1.5rem;font-weight: 900;text-transform: uppercase;line-height:2rem;float: left;padding-bottom:.3rem}
.deliv2 {padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom: 1px solid #b3bcc5}

.ptext {padding:2.5rem 0;line-height: 2.4rem;font-size: 1.5rem}
.ptext h3 {font-size: 2.4rem}

.prevtext a, .getit, a.setcookie{display: inline-block;padding: 1rem 2.5rem;margin-top:2rem;cursor: pointer;text-transform: uppercase;font-size: 1.5rem;border: .1rem solid #da1a1c;font-weight: 200;color: #fff;background-color:#da1a1c;transition: .3s all ease;border-radius: .5rem}
.prevtext a:hover, .getit:hover, a.setcookie:hover{color: #da1a1c;background-color:#fff}
.getit{width: calc(100% - 5.2rem);text-align: center;margin-top:2rem;letter-spacing: .1rem}
.priceinfo .getit{margin-top:0}




.infoline{font-size: 1.4rem;border-bottom: 1px dotted #b3bcc5;line-height: 2.6rem;margin-bottom: 1rem}
.infoline span{float:right;font-weight:600}
.infoline span.avok{color:#0e9e2d}
.infoline span.avno{color:#d60404}
.infoline span.avxz{color:#c37703}
.infoline span a{color: #da1a1c;border-bottom: 1px dashed #da1a1c}
.infoline span a:hover{color: #24211d}

.orderwin h4{font-size: 2.4rem;font-weight: 600;line-height: 3rem;letter-spacing:.4rem;font-weight: 400;margin-bottom: 0;color: #000;text-align: center}
.orderwin h4 span{font-size: 1.3rem;line-height: 1.7rem;letter-spacing: 0;font-family: Comfortaa, cursive;font-weight: 400;margin-top: -1px;display: block;margin-bottom: 1rem}

.orderwin{width:40rem;height: 28rem;position:fixed;margin:calc(50vh - 17rem) calc(50% - 20rem);left:0;top:0;z-index:29;text-align: center;display:none}
.orderwin input, .vendorlist button{font-family: 'Montserrat', sans-serif;float: left;width: calc(100% - 2.2rem);margin:.5rem 0 1rem;padding: 0 1rem;outline: none;transition: .3s all ease;line-height: 4.3rem;border-radius: .3rem;background: transparent;border: .1rem solid #da1a1c;color:#000}
.orderwin  input:hover, .orderwin  input:focus  {border: .1rem solid #b2cdff}
.orderwin input[type="submit"], .vendorlist button{float:left;padding: 1rem 0;background-color:#da1a1c;text-transform: uppercase;font-size: 1.5rem;font-weight:200;letter-spacing: .1rem;color:#fff;border: .1rem solid #da1a1c;width: 100%;margin: 0;border-radius:.5rem;line-height:30px;transition: .3s all ease;user-select: none}
.orderwin input[type="submit"]:hover , .vendorlist button:hover{background-color:transparent;color:#da1a1c;border: .1rem solid #da1a1c}

.vendorlist button{margin-top: 2rem}

.orderclose, .closeser{float: left;font-size: 13px;border-bottom: 1px dashed #da1a1c;color: #da1a1c;line-height: 16px;width:58px;text-align: center;margin: 1rem calc(50% - 29px) 0;cursor: pointer;transition: .3s all ease;user-select: none}
.orderclose:hover, .closeser:hover{border-bottom: 1px dashed rgb(148 121 101 / 0%)}
.message {display:none;line-height: 2.2rem;font-size: 1.5rem;padding: 5rem 0}
.loader{width: 16.5rem;padding: 3.5rem 0;display:none}

.sloader{width:16rem;margin:calc(50vh - 8rem) calc(50% - 8rem)}

.mask, .smask{display:none;width: 110%;height: 110vh;left: -5%;top: -5vh;position: fixed;z-index: 19;background: rgb(255 255 255 / 95%);transition: 2s all ease-out}
.smask{z-index:9999;backdrop-filter: blur(0.5rem)}
.acmask{backdrop-filter: blur(0.5rem);background: rgb(255 255 255 / 90%)}

.topcats::-webkit-scrollbar-button, .botcats::-webkit-scrollbar-button, .vendorbody::-webkit-scrollbar-button, .ptext table::-webkit-scrollbar-button{background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
.topcats::-webkit-scrollbar-track, .botcats::-webkit-scrollbar-track, .vendorbody::-webkit-scrollbar-track, .ptext table::-webkit-scrollbar-track{background-color:rgb(255 255 255 / 10%)}
.topcats::-webkit-scrollbar-thumb, .botcats::-webkit-scrollbar-thumb, .vendorbody::-webkit-scrollbar-thumb, .ptext table::-webkit-scrollbar-thumb{-webkit-border-radius: 0px;border-radius: 0px;background-color:#da1a1c}
.topcats::-webkit-scrollbar-thumb:hover, .botcats::-webkit-scrollbar-thumb:hover, .vendorbody::-webkit-scrollbar-thumb:hover, .ptext table::-webkit-scrollbar-thumb:hover{background-color:#b11517}
.topcats::-webkit-resizer, .botcats::-webkit-resizer, .vendorbody::-webkit-resizer, .ptext table::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:4px;height:0px}
.topcats::-webkit-scrollbar, .botcats::-webkit-scrollbar, .vendorbody::-webkit-scrollbar, .ptext table::-webkit-scrollbar{width: 4px;height:4px}

.citemlist, .pagination{padding-bottom:3rem}
.pagination a{color:#fff;display:block}
.pagination ul{display:block;float:right}
.pagination ul li{display: block;float: left;width: 3rem;line-height: 3rem;height:3rem;font-size: 1.4rem;border: .1rem solid #da1a1c;text-align: center;margin-left: .5rem;font-weight: 600;background: #da1a1c;color: #fff}
.pagination ul li:hover{opacity:.85}
.pagination ul li.activep{background: #fff;color: #da1a1c}
.pagination ul li.activep:hover{opacity:1}
.pagination ul li.activep:after {content: ""}
.pagination ul li img{width: 8px;margin: 11px}
.pagination ul li.prevp img, .pagination ul li.firstp img{transform: scale(-1, 1) }

.toppagination{padding:0}
.toppagination ul{display:none}

.botcatdescr{padding: 2rem 0 5rem;}

.totalitems{float: left;display: block;line-height: 3.2rem;font-size: 1.4rem;color: #777}

footer{position: relative;background:#212121;color:#777}
.fll{position: absolute;bottom: 0;width:26rem;padding:1.5rem 0;margin:0 calc(50% - 13rem);background:#fff}
.fll img{width:80%;float: left;padding:0 10%}

.ffl{padding:4rem 0}
.fsl{line-height:2rem;padding:3rem 0;color:#777;border-top: .1rem solid #777;font-size:1.4rem;font-weight: 600;letter-spacing: -.1rem;background: rgb(0 0 0 / 20%)}
.fsl a, .fsl b{color:#da1a1c}
.fsl a:hover{color:#fff}
.copy{text-align: center}
.dev{float:right}

.fomenu h3{display:none}

.incat{float: left;width: 100%;padding: 2rem 0 2rem;border-bottom: .1rem solid #f5f5f5;margin-bottom: 2rem}
.incatitem{width: calc(20% - 2.4rem);float: left;margin: 1rem;position: relative;text-align:center;height: 20rem;border: .2rem solid #f5f5f5;transition: .3s all ease;border-radius: 0.5rem;overflow: hidden}
.incatitem:hover{box-shadow: 0px 1rem 50px 0px rgb(53 82 99 / 9%);border: .2rem solid #fff}
.incatitem h4{display:block;position:absolute;width: calc(100% - 1.6rem);bottom: 0;left: 0;padding: 1.5rem .8rem;line-height: 1.5rem;font-size: 1.4rem;color: #1a1a1a}
.incatitem img{width: 60%;position: absolute;margin: auto;inset: 0px;padding-bottom: 2.5rem;transition: .1s all ease}
.incatitem:hover img{width:64%}

.sorting {padding: 1rem 0 2rem;text-align: right;border-bottom: 0.1rem solid #f5f5f5;font-size: 1.4rem;margin-bottom: 2rem;line-height: 2rem;float: left;width: 100%;}
.sortby{float:right;margin-right:1.8rem}
.sortby:first-child{margin-right:0}
.sortby select {height: 2rem;width: 8.6rem;color:#b11517;font-weight:600;font-size: 1.4rem;outline: none;appearance: none;background-image: url(../img/icon/downred.svg);background-position: calc(100% - 1rem) center;background-repeat: no-repeat;background-color: #fff;background-size: 1rem;border:none;margin-left: .3rem;transition: .3s all ease;cursor: pointer}
.sortby span{color:#b11517;font-weight:600;font-size: 1.4rem;margin-left: .3rem;cursor: pointer}

p.sosad{padding-bottom: 3rem;text-align: center;font-size: 1.5rem;margin: 0}

.vendorlist{display:none;z-index:20;position: fixed;width: 38rem;top: 0;right: 0;left: 0;bottom: 0;margin: auto;background: #fff;padding: 1.5rem 2rem;height: min-content;box-shadow: 0 6px 16px rgb(0 26 52 / 16%), 0 0 0 rgb(0 26 52 / 5%);border-radius: .5rem;}
.vendorclose {float:right}
.vendorclose svg{float: left;height: 2rem;height: 2rem;fill: #3c3c3c;transition: .3s all ease;cursor: pointer;}
.vendorclose:hover svg{fill: #b11517;}
.vendorbody{height: 31rem;overflow-y: scroll;}
.vendorhead{line-height: 2rem;padding: 1rem 0 3rem;font-size: 2rem;font-weight: 900;text-transform: uppercase;}


.checkbox{float: left;width: 99%;padding-left:1%;margin: .4rem 0;}
.custom-checkbox {position: absolute;z-index: -1;opacity: 0;}
.custom-checkbox+label {display: inline-flex;align-items: center;user-select: none;line-height: 1.7rem;font-size:1.5rem;float: left;font-weight:500}
.custom-checkbox+label  span{font-size: 1.3rem;padding-left: .5rem;}
.custom-checkbox+label::before {content: '';display: inline-block;width: 1.6rem;height: 1.6rem;flex-shrink: 0;flex-grow: 0;border: 1px solid #8c8c8c;border-radius: 0.25rem;margin-right: 0.8rem;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {border-color: #b11517;}
.custom-checkbox:not(:disabled):active+label::before {background-color: #b11517;border-color: #b11517;}
.custom-checkbox:focus+label::before {box-shadow: 0 0 0 0.2rem rgba(177 21 23 / 25%);}
.custom-checkbox:focus:not(:checked)+label::before {border-color: #80bdff;}
.custom-checkbox:checked+label::before {border-color: #b11517;background-color: #b11517;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.custom-checkbox:disabled+label::before {background-color: #e9ecef;}


.cookie{background:#fff;box-shadow: 0 6px 16px rgb(0 26 52 / 16%), 0 0 0 rgb(0 26 52 / 5%);border-radius: .5rem;width: 85rem;padding:3rem 2.5rem;position: fixed;left: calc(50% - 45rem);bottom: 5rem;z-index:5}
.cookie img{float:left;width:5rem;margin-right:1.5rem}
.cookie p{float: left;width: calc(100% - 25.5rem);margin: 0;font-size: 1.4rem;line-height: 2.5rem;}
.cookie a.gocook{color: #24211d;border-bottom: 0.1rem dashed #da1a1c;}
.cookie a.gocook:hover{color: #da1a1c;border-bottom: 0.1rem dashed #fff;}
a.setcookie{margin: 0;}

.g8{float:left;width:34%;margin-right:3%}
.g4{float:left;width:31%}
.g4-1{float:left;width:29%;margin-right:3%}
.ffl h4{font-family: 'Comfortaa', cursive;font-size: 2rem;letter-spacing: -.1rem;text-transform: none;color: #fff;margin-bottom: 2rem;font-weight: 600}

.fotinfo, .fomenu {line-height:2rem;margin-top:1.2rem;font-size: 1.3rem;font-weight: 600;letter-spacing: .1rem}
.fomenu {margin-top:0}
.fotinfo img{float: left;width: 1.4rem;margin: .3rem 1.4rem .3rem 0}
.fotinfo a, .fomenu a, a.pol{color:#777}
.fomenu a, a.pol{line-height:2rem;margin-top:1.2rem;font-size: 1.3rem;display: table}
.fotinfo a:hover, .fomenu a:hover, a.pol:hover{color:#fff}
a.tomain{display:none}

p.fabout{font-size: 1.4rem;line-height: 2.4rem;margin: 0 0 2rem}
.dinfo{display: block;margin-top: 1.2rem;line-height: 2rem}

img.w100{float:left;width:100%}

.heeadingbg{background-image: url(../img/bg/vwbg.webp);background-size: cover;background-position: center;background-repeat: no-repeat}
.colorbg{padding: 5rem 0 6rem;background: rgb(0 0 0 / 65%);backdrop-filter: blur(.2rem)}
.colorbg h1{color:#fff;font-size: 2.8rem;line-height: 3.8rem;text-transform: uppercase;letter-spacing: -.2rem}
.breadcrumbs {font-size:11px;line-height: 2rem;color:#fff;font-family: 'Comfortaa', cursive}
.breadcrumbs  a{position: relative;color:#fff;margin-right:15px}
.breadcrumbs  a:hover{color:#b11517}
.breadcrumbs  a::after {content: "";position: absolute;background-image: url(../img/icon/rarrw.svg);background-size: .8rem;background-position: center;background-repeat: no-repeat;width: 1.2rem;
height: 1.2rem;right: -1.5rem;top: .1rem}

.inline{float:left;width:100%;color: #fff;line-height: 4rem;font-size: 1.4rem;margin-bottom: .6rem}
.inline img{float: left;width: 1.6rem;margin: 1.2rem .7rem 0 0}
.ilitem{float: left;margin-right: 3rem}
.nbg{padding: 10rem 0 11rem}
.newsitem{padding: 4rem 0}
.newsitem h2{line-height: 3.6rem;margin-bottom: .5rem;font-size: 2.8rem;}

.newshead p {margin: 0;text-align: justify}
.newshead .block{border-bottom: .1rem solid #f5f5f5;padding: 3rem 0 2rem;margin-bottom: 1rem}

.rfb {padding-top: 3rem}
.rfb h2{font-size: 2.7rem;text-transform: uppercase;font-weight: 900;line-height: 4rem;padding: 1rem 0}
.rfb p.desc {color: #b11517;font-weight: 600;margin-bottom: 1rem;display: block;text-transform: uppercase;font-size: 1.4rem;line-height: 2rem;margin: 0}
.rfb p.desc img{filter: brightness(1)}
.rfb .block{padding-top: 0}

.block5{position: relative;width:100%;padding:50px 0;background:#4a4a4a;overflow: hidden;}

.aq {width: 100%;float:left}
.aq h3{float:left;display:block;width:340px;margin-right:20px;color: #b11517;font-size: 24px;letter-spacing: 1px;line-height: 22px;}
.aq h3 span{font-size: 15px;letter-spacing: 0;font-weight: 200;color: #fff;}
.aq form{float:left;display:block;width:calc(100% - 360px);}
.aq  input{float: left;width: calc(50% - 62px);margin: 0 15px 0 0;padding: 0 10px;line-height: 45px;background: transparent;border: .1rem solid #fff;color: #fff;}
.aq  input:hover, .aq  input:focus{border: .1rem solid #fff;}

.aq p {color: #fff;font-size: 17px;text-align:center;font-weight: 600;float: left;line-height: 24px;margin-top: 0;margin-bottom: 0;width:100%}

.aq input[type="submit"]{font-size:0px;color:transparent;border:none;font-size: 0px;color: transparent;border: none;width: 47px;height: 47px;margin: 0;padding: 0;background-color: #da1a1c;background-image: url("../img/icon/enter.svg");background-size:22px;background-position: center;background-repeat: no-repeat; border-radius: 0;}
.aq input[type="submit"]:hover{background-color:#b11517}


table{border-collapse: collapse;width: 100%;margin: 25px 0;text-align: left;float:left;text-align:center}
th{padding: 0 1rem;line-height:30px; background:#da1a1c;color:#fff}
td{padding: 6px 1rem;line-height:22px;font-size:14px}
tr:nth-child(2n+2){background:#e7e7e7}
tr:nth-child(2) th{text-align:center}
tr:hover{background:#da1a1c;color:#fff}
td:first-child, th:first-child{text-align:left}
td:first-child{width:40%}
.fullib{width: 100%}

.mobmenu, .mainmenu h5, .catnav h5, .topsearch h3, .closeser{display:none}


.ptext table{display: block;overflow-x: auto;}
.ptext table tbody {display: table;width: 100%}

.newsitem p{margin:0}
.newsitem h3{font-size: 2.6rem;line-height: 4rem;color: #b11517;margin-top:1.5rem}

.stitle{padding: 3rem 0 0;font-size: 3rem;line-height: 5rem}
.sc p, .sq p{margin: 0;line-height: 3rem;font-size: 1.4rem;color: #777}

.ivideo {position:relative;padding-bottom:56.25%;height:0}
.ivideo iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.dtabs{border-bottom: 1px solid #b3bcc5;float: left;width: 100%}
.dtab{border: 1px solid #b3bcc5;float: left;padding: 0.75rem .9rem;user-select:none;position: relative;font-size: 1.4rem;font-weight: 900;text-transform: uppercase;cursor:pointer;transition: .3s all ease;margin-bottom:-.1rem}
.dtabs div:first-child{border-top-left-radius: 0.5rem}
.dtabs div:last-child{border-top-right-radius: 0.5rem}
.ptab{border-left: 0}
.dtabsbody{float: left;width: 100%}
.dtabsbody .dtd, .dtabsbody .dtv, .dtabsbody .dtr, .dtabsbody .dtk{display:none}
.dtabsbody div:first-child{display:block}
.dtab:hover{border-color: #da1a1c}
.atab{background: #da1a1c;color: #ffffff;border-color: #da1a1c;cursor:default}

.dtv{padding-top: 2rem}


@media (max-width:1100px){
.priceinfo{width:calc(100% - 2rem);display:flex;position:relative}
.pib {float:left;border-bottom:none;border-top:none}
.pibpr, .getit{position: absolute}
.getit{right: 1rem;bottom: 1rem;width: 25rem}
.pibpr{right:1.5rem;top:2rem}
.priceinfo .pos{margin-top: -1rem!important}
.deliv, .deliv2{padding:0 2rem 0 0;width:calc(50% - 17rem);margin:0}
.maininfo {width: calc(100% - 41rem);padding: 0 0 0 3rem}
.deliv2 h4 {font-size: 1.4rem}
.colorbg h1{font-size: 2.6rem;line-height: 4rem}
.nitem{float:left;width:calc(33.3333% - 3.93334rem);padding:1.3rem;position: relative;z-index: 1;background:#fff}
.nitem:nth-child(2){margin: 0 2rem}
.ncat  div.nitem{width: calc(33.3333% - 4.4rem);margin-bottom:2rem}
.nitem h3, .ncat  div.nitem h3{font-size: 1.7rem;line-height: 2.2rem}
.catitem, .catitem:nth-child(5n+1){float:left;width:calc(25% - 1.5rem);margin:0 0 2rem 2rem;padding-bottom:1rem;transition: .3s all ease;border-radius: 0.5rem}
.catitem:nth-child(4n+1){margin-left:0}
}
@media (max-width:1040px){
.incatitem {width: calc(25% - 2.4rem)}
.topcat {column-count: 3}
.catnav, .topcats, .botcats  {height: calc(90vh - 12rem)}
.viewcat { height: 0px; opacity: 0; }
}
@media (max-width:940px){
.mobmenu{display:block}
.mainmenu {display:none;opacity:0;position: fixed;width: 30rem;height: 110%;margin: 0;top: 0;right: -40rem;background: #fff;border-left: 1px solid #3c3c3c;transition: .3s all ease;padding: 0;z-index: 999}
.navhere{right: 0;display:block;opacity:1}
.mainmenu li{margin: 0;width: 100%}
.mainmenu a{margin: 0 2rem;display: block;color: #333;line-height: 4.9rem;border-bottom: 1px dashed #3c3c3c;text-shadow: none}
.mainmenu h5{display: block;line-height: 6rem;padding: 0 2rem;background: #b11517;font-size: 18px;font-weight: 600;letter-spacing: 2px;margin: 0}
.mainmenu h5 img{width: 24px;float: right;margin: 18px 0;filter: invert(1);cursor:pointer}
.buttonsblock{padding:0;border: none}
.catbtn{border: none;background: #b11517;border-radius: .5rem;padding: .7rem 1.2rem;margin-top: .3rem}
label.icon span, label.icon:hover span{color:#fff}
.icon .menu, .icon .menu::before, .icon .menu::after, .icon:hover .menu, .icon:hover .menu::before, .icon:hover .menu::after  {background:#fff}
.cookie{width:65rem;padding: 3rem 2rem;left: calc(50% - 34.5rem);}
.cookie p{line-height: 1.8rem;}
.cookie img, a.setcookie{margin-top:.2rem}
}
@media (max-width:900px){
.nitem, .ncat  div.nitem{float:left;width:calc(50% - 4.5rem);padding:1.5rem;position: relative;z-index: 1;background:#fff}
.nitem:nth-child(2){margin: 0 0 0 2.9rem}
.ncat  div.nitem:nth-child(even){margin: 0 0 2rem 2rem}
.nitem:last-child{display:none}
.ncat  div.nitem{display:block}
}

@media (max-width:900px){
.priceinfo{display:block;margin-top: 2.5rem}
.deliv, .deliv2{padding:10rem 0 0 0;width:calc(50% - 1.5rem)}
.deliv2{margin-left:3rem}
.pibpr{left: 1.5rem;right: auto;width: auto;top: 4rem}
.getit{top: 3rem;bottom: auto}
.maininfo {width: calc(100% - 39rem);padding: 0 0 0 1rem}
.maininfo h2 {font-size: 1.8rem;line-height: 2.6rem}
}
@media (max-width:860px){
.catitem, .catitem:nth-child(5n+1), .catitem:nth-child(4n+1){float:left;width:calc(33.3333% - 1.5rem);margin:0 0 2rem 2rem;padding-bottom:1rem;transition: .3s all ease;border-radius: 0.5rem}
.catitem:nth-child(3n+1){margin-left:0}
.rfb .catitem:last-child{display:none}
.topcat {column-count: 2}
.catnav, .topcats, .botcats {height: calc(100vh - 12rem)}
.viewcat { height: 0px; opacity: 0; }
}
@media (max-width:800px){
.heeadingbg{text-align: center}
.colorbg h1 {font-size: 2.4rem;line-height: 3.4rem}
.inline{width: 27rem;padding: 0 calc(50% - 13.5rem)}
.ilitem:last-child{margin-right:0}
.newsitem h3{font-size: 2.2rem;line-height: 3rem}
.infoline {font-size: 1.3rem;line-height:2.4rem}
.incatitem {width: calc(33.33333% - 2.4rem)}
.incatitem h4 {line-height: 1.5rem;font-size: 1.4rem}
}

@media (max-width:780px){
.g8{width: 100%;margin:0 0 3rem 0;text-align:center}
.g4, .g4-1{width:48%}
.g4-1{margin-right:4%}
.itnmae{line-height: 1.4rem;font-size: 1.2rem}
.ptext {line-height: 2.2rem;font-size: 1.4rem}
.newshead p, .newsitem p {font-size: 1.5rem;line-height: 2.4rem;text-align: justify}
.topsearch{position: fixed;top: -1rem;left: 0;width: 100%;height: 120%;background: rgb(255 255 255 / 90%);z-index: 999;backdrop-filter: blur(.2rem)}
.topsearch input:first-child{width: 22.8rem;margin-left: calc(50% - 15rem)}
.topsearch h3{display:block;line-height: 5rem;font-size: 2.3rem;color: #1a1a1a;text-align: center;font-weight: 900;padding: .5rem 0 1rem;margin-top: calc(50vh - 8rem)}
.closeser{display: block}
}
@media (max-width:710px){
.topcat {column-count: 1}
.cookie{width:45rem;padding: 3rem 2rem;left: calc(50% - 24.5rem);}
a.setcookie{width: calc(100% - 5.2rem);text-align: center;margin: 2rem 0 0;}
.cookie p {width: calc(100% - 6.5rem)}
.aq h3 {width: 100%;margin-right: 0;text-align: center;margin-bottom: 20px;}
.aq form{width: 100%;}
}

@media (max-width:660px){
.colorbg h1 {font-size: 2.2rem;line-height: 3rem}
.breadcrumbs {font-size: 1rem;line-height: 1.8rem}
.breadcrumbs a::after {background-size: 0.7rem}
.mainimage{width:100%;margin:0}
.maininfo {width: 100%;padding: 0;margin-top:2rem}
.priceinfo {margin-top:2rem}
.maininfo h2{display:none}
}

@media (max-width:600px){
.worktime{display:none}
.topcontacts{width:100%}
.topcontacts a.tcmail{float:left}
.nitem, .ncat  div.nitem{width:calc(100% - 3rem);padding:1.5rem;position: relative;z-index: 1;background:#fff}
.ncat  div.nitem{width:calc(100% - 3.2rem);margin-left: 0}
.nitem:nth-child(2){display:none}
.ncat  div.nitem:nth-child(even){doisplay:block;margin:0 0 2rem 0}
.deliv, .deliv2{width:100%;margin:1.5rem 0 0;padding:1.5rem 0 0;border-top: 1px solid rgb(179, 188, 197)}
.deliv{margin-top:15rem}
.deliv2{margin-bottom: 1.5rem}
.getit{width: 28rem;margin: 0 calc(50% - 16.6rem);right: 0;top: 9.5rem}
.pibpr{width: 100%;left: 0}
.priceinfo p.priceop {text-align: center}
.ptext {line-height: 2rem;font-size: 1.3rem;text-align: justify}
.ptext h3 {text-align: center}
.sortby, .sortby span {font-size: 1.3rem;}
.sortby select {font-size: 1.3rem;width: 8.2rem;}
}

@media (max-width:580px){
.catitem, .catitem:nth-child(5n+1), .catitem:nth-child(4n+1), .catitem:nth-child(3n+1){float:left;width:calc(50% - 1rem);margin:0 0 2rem 2rem;padding-bottom:1rem;transition: .3s all ease;border-radius: 0.5rem}
.catitem:nth-child(2n+1){margin-left:0}
.rfb .catitem:last-child{display:block}
.itnmae{line-height: 1.2rem;font-size: 1.1rem}
.itimage img{width: calc(100% - 1rem);padding:.5rem}
.itprice{font-size:1.2rem}
.colorbg h1 {font-size: 2.1rem;line-height: 2.8rem}
.breadcrumbs {font-size: 1rem;line-height: 1.6rem}
.breadcrumbs a::after {background-size: 0.6rem}
.incatitem {width: calc(50% - 1.4rem);margin: .5rem}
.t2{padding: 2rem 0 1.5rem}
.toplogo{padding-right: 1.2rem}
.toplogo img {height: 6rem}
.catbtn{padding: .5rem 1rem;margin-top: 0}
.buttonsblock div svg, .buttonsblock div:first-child svg{margin-top:1rem;margin-bottom:1rem}
.catnav, .topcats, .botcats {height: calc(100vh - 11.5rem)}
.catnav{top: 11.5rem}
.viewcat { height: 0px; opacity: 0; }
.vendorlist{width: calc(90% - 4rem)}
}

@media (max-width:520px){
.catnav h5{display: block;color:#fff;line-height: 6rem;padding: 0 2rem;background: #b11517;font-size: 1.8rem;font-weight: 600;letter-spacing: 2px;margin: 0 0 .5rem}
.catnav h5 img{width: 2.4rem;float: right;margin: 1.8rem 0;filter: invert(1);cursor:pointer}
.catnav h5 img.backcat{height: 1.6rem;padding: .4rem .6rem;margin-right: .5rem;display:none}
.topcats, .botcats {height: calc(100vh - 10.5rem);padding: 0 0 4rem;}
.catnav{height: 110vh;top: 0;position: fixed}
.viewcat { height: 0px; opacity: 0; }
.topcats {width: 100%;transition: transform ease .3s}
.botcats {width: 0;transition: transform ease .3s}
.go0{width:0}
.go100{width:100%}
.cookie{width:40rem;padding: 2rem 1rem;left: calc(50% - 21rem);}
.cookie img{margin-right:1rem}
.cookie p {width: calc(100% - 6rem);font-size: 1.3rem;}
}

@media (max-width:470px){
.g4, .g4-1{width:100%; margin:0 0 3rem 0;text-align:center}
.g4{margin:0}
.fomenu a{margin: 1.2rem auto 0}
.fotinfo{width: 24rem;margin: 1.2rem calc(50% - 12rem) 0}
.itprice{font-size:1.1rem}
.colorbg h1 {font-size: 1.9rem;line-height: 2.6rem}
.breadcrumbs {font-size: .9rem;line-height: 1.4rem}
.breadcrumbs a{margin-right: 1.1rem}
.breadcrumbs a::after {background-size: 0.5rem;height: .8rem;width: 1rem;right: -1.1rem}
.deliv, .deliv2 p{font-size:1.1rem}
.cookie{width:35rem;left: calc(50% - 18.5rem);}

}
@media (max-width:410px){
.orderwin{width:94%;margin:calc(50vh - 14rem) 3%}
.orderwin h4 {font-size: 2rem;line-height: 2.6rem;    letter-spacing: 0.2rem}
.orderwin h4 span {font-size: 1.2rem;line-height: 1.6rem}
}
@media (max-width:400px){
.catnav div.container{padding:0!important}
.gotocat img {padding-left:.4rem}
.cat2{padding-left: 0.5rem;width:calc(100% - 0.5rem)}
}

@media (max-width:390px){
.getit{width: calc(100% - 7.3rem);margin: 0;left: 1rem}
.colorbg h1 {font-size: 1.7rem;line-height: 2.2rem}
.incatitem{height: 18rem}
.incatitem h4 {line-height: 1.4rem;font-size: 1.3rem}
.cookie{width:calc(100% - 4rem);padding: 2rem 1rem;left: 1rem;}
.cookie img{display:none}
.cookie p {width:100%;font-size: 1.3rem;}

}