.eccallbackh,
body {
  font-family: Inter;
}
.flits,
body {
  scrollbar-width: thin;
}
a {
  text-decoration: none;
}
.homecat {
  width: 416px;
  height: 280px;
  color: #272727;
}
.morehomecats {
  width: 100%;
  padding: 0 34px;
  height: 52px;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #272727;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homecat img {
  display: block;
  height: 242px;
  margin: 0 auto;
}
.homecat p {
  position: absolute;
  bottom: 12px;
  left: 18px;
  right: 18px;
  margin: 0;
  font-size: 26px;
  line-height: 46px;
  letter-spacing: 0.02em;
}
.homecat:hover,
.slprod:hover {
  background: #920a0a;
  color: #f5f5f5;
}
.bdblock,
.hdblock {
  margin: auto;
}
.eccallbackh2:hover,
.echeader {
  border-bottom: 1px solid #e6e6e6;
}
.bcatght,
.bdbann h1,
.contrekvsh,
.contrightaddrh,
.eccallbackh,
.eccallbackh2,
.ecnavh li a,
.footcallback,
.footfht,
.footnavs ul li a,
.gform input[type="text"],
.hcllbksubm,
.hmbhtext,
.homecat p,
.morehomecats,
.padh80n0 .padh81n1,
.slprodname,
.slprodph,
.steph {
  text-transform: uppercase;
}
.copyrights,
body,
header {
  background: #f5f5f5;
}
.hdblock,
img {
  max-width: 100%;
}
.eccallbackh,
.echsearch input[type="text"],
.ecnavh li a {
  letter-spacing: 0.02em;
  line-height: 16px;
}
.cardchr span,
.contleft,
.contleftb .footcnbl,
.eccallbackh2:hover,
.gfilecapt span,
.prloneattr span,
.prodlistone:hover .prlonename a,
.productbchr span,
.slprod a:hover,
.slprodch span,
a {
  color: #272727;
}
.cnfrmname,
.eccallbackh,
.eccallbackh2,
.echsearch input[type="text"],
.ecnavh li a,
.modlrsubm {
  font-size: 16px;
  text-transform: uppercase;
}
.eccardh,
.echsearch,
.filtblock,
.hcllbksagree,
.homecat,
.leftmenu > li,
.prloneleft,
.prloneright,
.prodlistone,
.slick-list,
.slick-slider,
.slick-track,
.sortlistcn,
.sortlselc {
  position: relative;
}
*,
.slick-list:focus {
  outline: 0;
}
.leftmenu > li > a,
.leftmenu > li > ul > li > a {
  transition: background 0.2s ease-in-out;
}
.contrightmap,
.homecat,
.prodlistonecn,
.productimg,
.slick-list,
.slprodname {
  overflow: hidden;
}
.dartmodaler,
.modaler {
  bottom: 0;
  right: 0;
  top: 0;
}
@font-face {
  font-family: Inter;
  src: url("Inter-BoldItalic.eot");
  src:
    local("Inter Bold Italic"),
    local("Inter-BoldItalic"),
    url("Inter-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Inter-BoldItalic.woff2") format("woff2"),
    url("Inter-BoldItalic.woff") format("woff"),
    url("Inter-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-MediumItalic.eot");
  src:
    local("Inter Medium Italic"),
    local("Inter-MediumItalic"),
    url("Inter-MediumItalic.eot?#iefix") format("embedded-opentype"),
    url("Inter-MediumItalic.woff2") format("woff2"),
    url("Inter-MediumItalic.woff") format("woff"),
    url("Inter-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-ThinItalicBETA.eot");
  src:
    local("Inter Thin Italic BETA"),
    local("Inter-ThinItalicBETA"),
    url("Inter-ThinItalicBETA.eot?#iefix") format("embedded-opentype"),
    url("Inter-ThinItalicBETA.woff2") format("woff2"),
    url("Inter-ThinItalicBETA.woff") format("woff"),
    url("Inter-ThinItalicBETA.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-Regular.eot");
  src:
    local("Inter Regular"),
    local("Inter-Regular"),
    url("Inter-Regular.eot?#iefix") format("embedded-opentype"),
    url("Inter-Regular.woff2") format("woff2"),
    url("Inter-Regular.woff") format("woff"),
    url("Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url("Inter-Black.eot");
  src:
    local("Inter Black"),
    local("Inter-Black"),
    url("Inter-Black.eot?#iefix") format("embedded-opentype"),
    url("Inter-Black.woff2") format("woff2"),
    url("Inter-Black.woff") format("woff"),
    url("Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url("Inter-BlackItalic.eot");
  src:
    local("Inter Black Italic"),
    local("Inter-BlackItalic"),
    url("Inter-BlackItalic.eot?#iefix") format("embedded-opentype"),
    url("Inter-BlackItalic.woff2") format("woff2"),
    url("Inter-BlackItalic.woff") format("woff"),
    url("Inter-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-LightBETA.eot");
  src:
    local("Inter Light BETA"),
    local("Inter-LightBETA"),
    url("Inter-LightBETA.eot?#iefix") format("embedded-opentype"),
    url("Inter-LightBETA.woff2") format("woff2"),
    url("Inter-LightBETA.woff") format("woff"),
    url("Inter-LightBETA.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url("Inter-SemiBold.eot");
  src:
    local("Inter Semi Bold"),
    local("Inter-SemiBold"),
    url("Inter-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("Inter-SemiBold.woff2") format("woff2"),
    url("Inter-SemiBold.woff") format("woff"),
    url("Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url("Inter-ExtraBoldItalic.eot");
  src:
    local("Inter Extra Bold Italic"),
    local("Inter-ExtraBoldItalic"),
    url("Inter-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Inter-ExtraBoldItalic.woff2") format("woff2"),
    url("Inter-ExtraBoldItalic.woff") format("woff"),
    url("Inter-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-Bold.eot");
  src:
    local("Inter Bold"),
    local("Inter-Bold"),
    url("Inter-Bold.eot?#iefix") format("embedded-opentype"),
    url("Inter-Bold.woff2") format("woff2"),
    url("Inter-Bold.woff") format("woff"),
    url("Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url("Inter-ExtraLightItalicBETA.eot");
  src:
    local("Inter Extra Light Italic BETA"),
    local("Inter-ExtraLightItalicBETA"),
    url("Inter-ExtraLightItalicBETA.eot?#iefix") format("embedded-opentype"),
    url("Inter-ExtraLightItalicBETA.woff2") format("woff2"),
    url("Inter-ExtraLightItalicBETA.woff") format("woff"),
    url("Inter-ExtraLightItalicBETA.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-ExtraLightBETA.eot");
  src:
    local("Inter Extra Light BETA"),
    local("Inter-ExtraLightBETA"),
    url("Inter-ExtraLightBETA.eot?#iefix") format("embedded-opentype"),
    url("Inter-ExtraLightBETA.woff2") format("woff2"),
    url("Inter-ExtraLightBETA.woff") format("woff"),
    url("Inter-ExtraLightBETA.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url("Inter-ExtraBold.eot");
  src:
    local("Inter Extra Bold"),
    local("Inter-ExtraBold"),
    url("Inter-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("Inter-ExtraBold.woff2") format("woff2"),
    url("Inter-ExtraBold.woff") format("woff"),
    url("Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url("Inter-ThinBETA.eot");
  src:
    local("Inter Thin BETA"),
    local("Inter-ThinBETA"),
    url("Inter-ThinBETA.eot?#iefix") format("embedded-opentype"),
    url("Inter-ThinBETA.woff2") format("woff2"),
    url("Inter-ThinBETA.woff") format("woff"),
    url("Inter-ThinBETA.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  src: url("Inter-LightItalicBETA.eot");
  src:
    local("Inter Light Italic BETA"),
    local("Inter-LightItalicBETA"),
    url("Inter-LightItalicBETA.eot?#iefix") format("embedded-opentype"),
    url("Inter-LightItalicBETA.woff2") format("woff2"),
    url("Inter-LightItalicBETA.woff") format("woff"),
    url("Inter-LightItalicBETA.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-Italic.eot");
  src:
    local("Inter Italic"),
    local("Inter-Italic"),
    url("Inter-Italic.eot?#iefix") format("embedded-opentype"),
    url("Inter-Italic.woff2") format("woff2"),
    url("Inter-Italic.woff") format("woff"),
    url("Inter-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-SemiBoldItalic.eot");
  src:
    local("Inter Semi Bold Italic"),
    local("Inter-SemiBoldItalic"),
    url("Inter-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Inter-SemiBoldItalic.woff2") format("woff2"),
    url("Inter-SemiBoldItalic.woff") format("woff"),
    url("Inter-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Inter;
  src: url("Inter-Medium.eot");
  src:
    local("Inter Medium"),
    local("Inter-Medium"),
    url("Inter-Medium.eot?#iefix") format("embedded-opentype"),
    url("Inter-Medium.woff2") format("woff2"),
    url("Inter-Medium.woff") format("woff"),
    url("Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  scrollbar-color: #920a0a #f5f5f5;
  scroll-behavior: smooth;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background-color: #920a0a;
  border-radius: 2px;
  border: 0;
}
* {
  box-sizing: border-box;
}
.bdbann a:hover,
.contleftb .footcnbl:hover,
.ecnavh li a:hover,
.error404 a:hover,
.footcallback:hover,
.modlragree a:hover,
.morehomecats:hover,
.producttab:hover,
.slprod:hover .prodaddcard:hover,
.sortlselc:hover,
.succpage a:hover,
a:hover {
  color: #920a0a;
}
header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1500;
}
.bdblock {
  max-width: 1280px;
}
.echeader {
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
}
.ecleft {
  display: flex;
  align-items: center;
  gap: 40px;
}
.ecright {
  display: flex;
  align-items: center;
  text-align: right;
  gap: 8px;
}
.cardchrs .cardchr:first-child,
.cardchrs .cardchr:nth-child(2),
.footcnblclock span,
.homecat a,
.logo,
.logo img,
.productbtab.active,
.slprod a {
  display: block;
  height: 60px;
  width: 60px;
}
.ecnavh {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 24px;
}
.cardchr,
.cardchrmore,
.ecnavh li a,
.error404 h1,
.error404 p,
.modalerh {
  text-align: left;
}
.echsearch input[type="text"] {
  border: 0;
  width: 200px;
  height: 48px;
  font-family: Inter;
  font-weight: 400;
  background: #e6e6e6;
  color: #272727;
  text-align: left;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 8px;
}
.bdbann a,
.bdbann h1,
.homecat a:hover {
  color: #f5f5f5;
}
.echsearch input[type="text"]::placeholder {
  color: #727272;
}
.echsearch button {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  width: 26px;
  height: 26px;
  border: 0;
  margin: auto;
  padding: 0;
  background: url(../img/search.svg) center no-repeat;
  cursor: pointer;
}
.eccallbackh {
  width: 227px;
  height: 48px;
  padding: 0 34px;
  border-radius: 8px;
  font-weight: 400;
  text-align: center;
  border: 0;
  color: #e6e6e6;
  background: #920a0a;
  cursor: pointer;
}
.bdbann a,
.bdbann h1,
.smhtext {
  text-align: left;
  letter-spacing: 0.02em;
}
.eccallbackh:hover,
.hcllbksubm:hover,
.prodaddclick:hover {
  color: #920a0a;
  background: #f5f5f5;
}
.topfinfo a {
  display: block;
  font-size: 18px;
}
.ecright .topfinfo {
  margin-right: 16px;
}
.eccallbackh2 {
  background: 0 0;
  border: 0;
  color: #920a0a;
  padding: 0;
  margin-top: 4px;
  font-size: 14px;
  font: inherit;
  cursor: pointer;
}
.bdbann h1,
.smhtext {
  font-size: 60px;
  line-height: 72.61px;
}
.eccardh {
  width: 53px;
  height: 48px;
  display: block;
  border-radius: 8px;
  background: url(../img/shoppingcart.svg) center no-repeat #e6e6e6;
}
.eccardh:hover {
  background: url(../img/shoppingcart2.svg) center no-repeat;
}
.blockbanner {
  height: 85dvh;
  background: url(../img/banner.jpg) center/cover no-repeat;
}
.contrekvs,
.contrightaddr,
.homebest,
.homebestsleft,
.homecallbackb,
.homecat,
.morehomecats,
.slprod {
  background: #e6e6e6;
  border-radius: 8px;
}
.bdbann {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0 48px;
}
.bdbann h1 {
  max-width: 960px;
  font-weight: 400;
}
.bdbann a {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  opacity: 0.5;
}
.padh100n0 {
  padding: 100px 0 0;
}
.padh160n0,
.padh80n0 {
  padding: 60px 0 0;
}
.smhtext {
  font-weight: 300;
  margin: 0 0 40px;
}
.hcllbkhtext,
.hmbhtext,
.homebest p,
.homecat p,
.morehomecats,
.steph,
.steps p {
  font-weight: 400;
  text-align: left;
}
.homecats,
.prodtileonecn {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 0 40px;
}
.copycn,
.footcoltw,
.footrow,
.homebests {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bstr2,
.gform,
.homebestsleft,
.slprod {
  width: 416px;
}
.contright,
.homemestsright {
  width: 848px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.homebest {
  padding: 34px;
}
.hmbhtext,
.steph {
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.02em;
  margin: 0 0 40px;
}
.homebest p,
.steps p {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
}
.homebest.homebestwh,
.producttab.active,
.searchcats a:hover,
.slprod:hover .prodaddcard,
.sortlist a.selected,
.sortlist a:hover {
  background: #e6e6e6;
  color: #272727;
}
.homecallbackb {
  padding: 60px 0;
}
.mxwidcllback {
  max-width: 848px;
  margin: auto;
}
.hcllbkhtext {
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 0.03em;
  margin: 0 0 16px;
}
.gform input[type="text"],
.hcllbkstext {
  letter-spacing: 0.02em;
  font-weight: 400;
}
.hcllbkstext {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  margin: 0 0 30px;
}
.gfilecapt,
.gformname,
.hcllbksagree,
.modlrgfilecapt {
  font-size: 14px;
  text-align: left;
  color: #727272;
}
.hcllbksubm,
.nmns2,
.slprod:hover .slprodch,
.slprod:hover .slprodph {
  color: #e6e6e6;
}
.gfilecapt,
.gformname,
.hcllbksagree,
.hcllbksubm,
.modlrgfilecapt {
  line-height: 20px;
  letter-spacing: 0.02em;
  font-weight: 400;
}
.groupform {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 24px 0;
}
.gformname {
  margin: 0 0 4px;
}
.gform input[type="text"] {
  background: #f5f5f5;
  width: 100%;
  height: 48px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  color: #272727;
}
.gform input[type="text"]::placeholder {
  color: #727272;
}
.gfile,
.modlrgfile {
  position: relative;
  display: flex;
  align-items: center;
}
.gfile input[type="file"],
.modlrgfile input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  height: 48px;
  opacity: 0;
  cursor: pointer;
}
.gfilebutt,
.modlrgfilebutt {
  width: 225px;
  height: 48px;
  padding: 0 15px 0 12px;
  border: 0;
  border-radius: 8px;
  background: url(../img/filebutton.svg) no-repeat #f5f5f5;
  flex-shrink: 0;
}
.gfilecapt,
.modlrgfilecapt {
  padding-left: 24px;
}
.hcllbksagree,
.hcllbksagree label {
  position: relative;
  margin: 16px 0;
  display: flex;
  align-items: center;
  line-height: 20px;
}
.hcllbksagree input[type="checkbox"] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: #f5f5f5;
  border-radius: 2px;
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.footcallback,
.hcllbksubm {
  border: 0;
  font-family: Inter;
}
.hcllbksagree input[type="checkbox"]:checked,
.modlragree input[type="checkbox"]:checked {
  background-image: url(../img/check.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.hcllbksagree a {
  color: #727272;
  text-decoration: underline;
}
.hcllbksubm {
  margin: 20px 0 0;
  width: 100%;
  height: 52px;
  padding: 0 34px;
  border-radius: 8px;
  background: #920a0a;
  font-size: 20px;
  cursor: pointer;
}
.footcnbh,
.footfht {
  color: #727272;
  letter-spacing: 0.02em;
  text-align: left;
}
.slicker {
  width: 416px;
  height: 478px;
  padding: 34px;
  border-radius: 8px;
  background: #e6e6e6;
}
.clienthsl {
  min-height: 54px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: url(../img/avatar.png) left center no-repeat;
  padding-left: 74px;
}
.clhslname {
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-align: left;
}
.clhsldate,
.clienttext,
.copypolice,
.copyr,
.prchs2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: left;
}
.clientstar {
  margin: 20px 0 0;
  height: 26px;
  background: url(../img/stars.png) no-repeat;
}
.nextarr,
.prevarr,
.slnextprods,
.slprevprods {
  top: -94px;
  width: 53px;
  height: 48px;
  cursor: pointer;
  position: absolute;
}
.clienttext {
  margin: 30px 0 0;
}
.prevarr,
.slprevprods {
  right: 75px;
  background: url(../img/arrprev1.svg) no-repeat;
}
.nextarr,
.slnextprods {
  right: 0;
  background: url(../img/arrnext1.svg) no-repeat;
}
.nextarr:hover,
.slnextprods:hover {
  background: url(../img/arrnext12.svg) no-repeat;
}
.prevarr:hover,
.slprevprods:hover {
  background: url(../img/arrprev12.svg) no-repeat;
}
.slick-slider {
  padding: 0;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.cardchrmore.active span::after,
.filtblock.active .filtname::after,
.leftmenu > li.active > .lftarrow,
.sortlselc.active::after,
.totop::before {
  transform: rotate(180deg);
}
.slick-track {
  top: 0;
  left: 0;
  display: block;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}
.cnfrmprcrs .cnfrmimg,
.footcnbladdr2,
.footnavs ul li.ftcnone,
.hidsearch,
.mobilemenu,
.slick-arrow.slick-hidden,
.slick-slide,
.slick-slide.slick-loading img {
  display: none;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
footer.hdblock {
  margin: 160px auto 0;
  background: #e6e6e6;
}
.padh30 {
  padding: 30px 0;
}
.footcol,
.leftcatcol {
  width: 308px;
}
.footfht {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 24px;
}
.footcnb {
  margin: 14px 0 0;
}
.footcnbh {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}
.footcnbl,
.footcnblclock,
.footcnblphone {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.footcnblclock,
.footcnblphone {
  letter-spacing: 0.02em;
  color: #920a0a;
  text-align: left;
}
.footcnbl {
  letter-spacing: 0.02em;
  line-height: 32px;
  text-align: left;
  width: 230px;
}
.breadcrumb li a,
.breadcrumb li > span,
.contrekvslist div,
.footcnbladdr {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
}
.footcnblclock {
  display: inline-block;
  padding-right: 46px;
}
.footcallback,
.padh80n0 .padh81n1 {
  padding: 12px 34px;
  margin: 26px 0 0;
  font-size: 20px;
  width: 100%;
  cursor: pointer;
}
.footcnblclock.timeopen {
  color: #0e6804;
}
.footcallback,
.footoferts,
.padh80n0 .padh81n1 {
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.aboutnums,
.aboutst img,
.cardblock,
.cardright,
.cardrightbutt,
.contleft,
.footcallback,
.pcits,
.productbtab,
.productimg,
.productright,
.producttab,
.steps,
.stepscall {
  border-radius: 8px;
}
.footnavs {
  width: 414px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footnavs ul,
.leftmenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footnavs ul li,
.personcities {
  margin: 0 0 16px;
}
.footnavs ul li:last-child,
.leftmenu > li:last-child,
.leftmenu > li > ul > li:last-child {
  margin-bottom: 0;
}
.footnavs ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-align: left;
}
.footnavs ul li.ftctmore a {
  text-transform: none;
  text-decoration: underline;
}
.footoferts {
  padding: 68px 0 0;
  font-size: 14px;
  text-align: left;
}
.padh80n0 .padh81n1 {
  background: #e6e6e6;
  color: #272727;
  border: 0;
  border-radius: 8px;
}
.breadcrumb {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.error404 img,
.h1ndb,
.h1ndb.ctwo {
  margin: 0 0 80px;
}
.breadcrumb li a,
.prchs1,
.prloneattr,
.prloneprh,
.sortltext {
  color: #727272;
}
.breadcrumb li a::after {
  content: "/";
  margin: 0 12px;
}
.h1ndb {
  font-size: 60px;
  font-weight: 300;
  line-height: 72.61px;
  letter-spacing: 0.02em;
  text-align: left;
}
.bcatght,
.slprodname,
.smhtextsm {
  font-weight: 400;
}
.bcatalog {
  margin: 0 0 60px;
}
.bcatght {
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.02em;
  text-align: left;
  display: inline-flex;
  align-items: center;
  margin: 0 0 20px;
}
.bcatght::after {
  content: "";
  width: 26px;
  height: 26px;
  background: url(../img/arrowcats.svg) no-repeat;
  margin-left: 10px;
  transition: 0.2s ease-in-out;
}
.bcatght:hover::after {
  background: url(../img/arrowcats2.svg) no-repeat;
  margin-left: 20px;
}
.smhtextsm {
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 0.03em;
  text-align: left;
  margin: 0 0 40px;
}
.slprodch,
.slprodname,
.slprodph {
  letter-spacing: 0.02em;
  text-align: left;
}
.slprodimg {
  width: 416px;
  height: 280px;
}
.cardimg img,
.cnfrmimg img,
.prloneimg img,
.productimg img,
.slprodimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slprodname {
  height: 52px;
  padding: 0 34px;
  margin: 20px 0;
  font-size: 16px;
  line-height: 26px;
}
.slprodch,
.slprodph {
  font-size: 14px;
  line-height: 20px;
  color: #727272;
  font-weight: 400;
}
.cardname a,
.contlefth,
.prlonename a,
.slprodpb {
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.slprodchrs {
  padding: 0 34px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.slprodch {
  width: 48%;
}
.slprodpricers {
  padding: 0 34px;
  margin: 30px 0 0;
}
.cardname a,
.contlefth,
.slprodpb {
  font-weight: 600;
  text-align: left;
}
.leftmenu > li > a,
.leftmenu > li > ul > li > a,
.prodaddcard,
.prodaddclick {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.slprodbtns {
  padding: 0 34px 34px;
  margin: 20px 0 0;
}
.leftmenu > li,
.prodaddcard,
.succpage h1,
.textcat p {
  margin: 0 0 20px;
}
.prodaddcard,
.prodaddclick {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border-radius: 8px;
  font-family: Inter;
  cursor: pointer;
  color: #e6e6e6;
}
.prodaddcard {
  border: 0;
  background: #920a0a;
}
.prodaddcard span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.prloneaddcard::after,
.prlprodaddcard::after,
.prodaddcard span::after {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background: url(../img/shopcart.svg) no-repeat;
}
.prodaddclick {
  border: 1.5px solid #e6e6e6;
  background: 0 0;
}
.filtname::after,
.leftmenu > li > .lftarrow,
.sortlselc::after {
  width: 26px;
  height: 26px;
  background: url(../img/drop.svg) no-repeat;
  display: block;
}
.slprod:hover .prodaddcard span::after {
  background: url(../img/shopcart2.svg) no-repeat;
}
.prloneaddcard:hover::after,
.prlprodaddcard:hover::after,
.slprod:hover .prodaddcard:hover span::after {
  background: url(../img/shopcart3.svg) no-repeat;
}
.catalgrow,
.contcn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.rightcatcol {
  width: 956px;
}
.leftmenu > li > a {
  display: block;
  padding: 16px 50px 16px 20px;
  border-radius: 8px;
  background: #f5f5f5;
  text-align: left;
}
.leftmenu > li > ul,
.prodlistone:hover {
  background: #e6e6e6;
}
.leftmenu > li > .lftarrow {
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.leftmenu > li > ul {
  display: none;
  margin: 0;
  padding: 4px;
  list-style: none;
  border-radius: 0 0 8px 8px;
}
.leftmenu > li > ul > li {
  margin: 0 0 10px;
}
.leftmenu > li > ul > li > a {
  padding: 11px 16px;
  border-radius: 8px;
  display: block;
  text-align: left;
}
.leftmenu > li:hover > a {
  color: #e6e6e6;
  background: #727272;
}
.leftmenu > li.active > a {
  background: #920a0a;
  color: #e6e6e6;
  border-radius: 8px 8px 0 0;
}
.leftmenu > li > ul > li > a:hover {
  background: #e7203e;
  color: #e6e6e6;
}
.filtsbjtext {
  font-size: 28px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0.02em;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 30px;
}
.filtname,
.prchs1,
.prloneattr,
.sortlselc,
.sortltext {
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.filtlistcn {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 20px;
}
.filtname,
.sortlistcn,
.sortlselc,
.sortvars {
  align-items: center;
  display: flex;
}
.filtname,
.reset-filters-btn {
  padding: 6px 10px 6px 16px;
  border-radius: 8px;
  border: 1.5px solid #e6e6e6;
  gap: 16px;
  cursor: pointer;
}
.filtname::after,
.sortlselc::after {
  content: "";
}
.sortlistcn {
  gap: 40px;
  height: 40px;
}
.sortlselc {
  gap: 16px;
  cursor: pointer;
}
.prloneprb,
.prloneprh {
  font-weight: 400;
  line-height: 20px;
  text-align: right;
}
.prlonename a,
.prlprodprb,
.prlprodprh,
.productbchr,
.productbh,
.productdesch,
.producth,
.producttab {
  text-align: left;
  font-weight: 400;
}
.sortlselc:hover::after {
  background: url(../img/drop2.svg) no-repeat;
}
.prodlistonecn {
  background: #f5f5f5;
  border-radius: 8px;
  margin-bottom: 32px;
}
.prodlistone {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #e6e6e6;
  padding: 16px;
  margin: 0;
}
.prodlistonecn .prodlistone:last-child {
  border-bottom: none;
  margin: 0;
}
.prloneleft {
  width: 100%;
  padding-right: 80px;
}
.prlonetop {
  display: flex;
  justify-content: space-between;
  gap: 38px;
  min-height: 120px;
}
.cardimg,
.cnfrmimg,
.prloneimg {
  width: 100px;
  height: 86px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.contrekvs,
.prloneattrs,
.prloneright,
.stepsblocks {
  flex-wrap: wrap;
  display: flex;
}
.cnfrminfo,
.prlonename,
.prlonepricer {
  width: 100%;
}
.prlonename a {
  color: #272727;
}
.prloneattrs {
  gap: 10px;
  margin: 20px 0 0;
}
.prloneright {
  width: 168px;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
}
.prloneprh {
  font-size: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.prloneprb {
  font-size: 24px;
  letter-spacing: 0.02em;
  margin: 8px 0 16px;
  text-transform: uppercase;
}
.prloneaddcard,
.prloneaddclik,
.prlprodaddcard,
.prlprodaddclik {
  width: 100%;
  height: 48px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #e6e6e6;
  cursor: pointer;
  font-weight: 400;
  text-transform: uppercase;
  font-family: Inter;
}
.prlonebuys {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.prloneaddcard,
.prlprodaddcard {
  border-radius: 8px;
  background: #920a0a;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.prloneaddclik,
.prlprodaddclik {
  border-radius: 8px;
  border: 1.5px solid #e6e6e6;
  background: #f5f5f5;
  color: #272727;
}
.cardrightbutt:hover,
.cnfrmbuttright:hover,
.footcallback:hover,
.prloneaddcard:hover,
.prloneaddclik:hover,
.prlprodaddcard:hover,
.prlprodaddclik:hover,
.stepscall:hover {
  background: #272727;
  color: #f5f5f5;
}
.textcat h2 {
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0.03em;
  margin: 0 0 40px;
}
.prlprodprb,
.prlprodprh,
.productbchr,
.productbh,
.productdesch,
.producth,
.producttab,
.searchcats a,
.textcat h3,
.textcat h4 {
  letter-spacing: 0.02em;
}
.producth,
.textcat h3 {
  font-size: 28px;
  line-height: 42px;
}
.textcat h3,
.textcat h4 {
  font-weight: 400;
  margin: 0 0 30px;
}
.textcat h4 {
  font-size: 24px;
  line-height: 32px;
}
.textcat ol li,
.textcat p,
.textcat ul li {
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.textcat img[align="left"] {
  margin: 20px 20px 20px 0;
}
.textcat img[align="right"] {
  margin: 20px 0 20px 20px;
}
.searchcats {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 0 20px;
}
.searchcats a {
  padding: 11px 16px;
  border-radius: 8px;
  border: 1.5px solid #e6e6e6;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}
.sortvars {
  justify-content: space-between;
}
.varslistcn {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 40px;
}
.varlist,
.vartile {
  width: 26px;
  height: 26px;
  cursor: pointer;
}
.varlist {
  background: url(../img/list.svg) no-repeat;
}
.varlist.active {
  background: url(../img/listactive.svg) no-repeat;
}
.vartile {
  background: url(../img/tile.svg) no-repeat;
}
.vartile.active {
  background: url(../img/tileactive.svg) no-repeat;
}
.productcons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 80px 0 0;
}
.productdesch,
.producth {
  margin: 0 0 20px;
  text-transform: uppercase;
}
.productleft {
  width: calc(100% - 416px);
  padding-right: 48px;
}
.productinfo {
  display: flex;
  justify-content: space-between;
}
.productimg {
  width: 416px;
  height: 300px;
  flex-shrink: 0;
}
.productdes {
  width: 100%;
  padding-left: 48px;
}
.productdesch {
  font-size: 20px;
  line-height: 32px;
}
.productchrs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1.5px solid #f5f5f5;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.productright {
  width: 416px;
  padding: 34px;
  background: #e6e6e6;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.prlprodprh {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #727272;
}
.prlprodprb {
  font-size: 28px;
  line-height: 42px;
  text-transform: uppercase;
}
.productbh,
.producttab {
  font-size: 20px;
  text-transform: uppercase;
}
.prlprodbuys {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.producttabs {
  display: flex;
  gap: 16px;
  margin: 0 0 16px;
}
.producttab {
  cursor: pointer;
  padding: 15px 34px;
  line-height: 20px;
  color: #272727;
}
.productbtab {
  display: none;
  padding: 34px;
  border: 1px solid #e6e6e6;
}
.aboutnum,
.aboutnums,
.aboutst,
.cardbot,
.cardchrmore,
.cardchrs,
.cardclsd,
.cardcn,
.cardleft,
.cardpric,
.cardrlistb,
.cardtop,
.contleft,
.homebestwt {
  display: flex;
}
.productbh {
  line-height: 32px;
  margin: 0 0 26px;
}
.productbchrs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.productbchr {
  width: calc(33.33% - 10px);
  font-size: 14px;
  line-height: 20px;
  color: #727272;
}
.cardcn {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.cardleft {
  width: 848px;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
}
.cardblock {
  padding: 34px 34px 20px;
  background: #e6e6e6;
}
.cardtop {
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 0 40px;
}
.cardname {
  width: 100%;
  padding: 0 40px 0 20px;
}
.cardclsd {
  width: 158px;
  flex-shrink: 0;
  align-items: center;
}
.crdclminus {
  width: 20px;
  height: 20px;
  background: url(../img/cardminus.svg) no-repeat;
  cursor: pointer;
}
.cnfrmcol,
.crdclcol {
  width: 46px;
  height: 26px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-align: center;
}
.cardchr,
.cardchrmore,
.cardclsd span,
.cardprich {
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #727272;
}
.cardchr,
.cardchrmore,
.cardclsd span {
  line-height: 20px;
}
.crdclplus {
  width: 20px;
  height: 20px;
  background: url(../img/cardplus.svg) no-repeat;
  cursor: pointer;
}
.crdcldel {
  width: 26px;
  height: 26px;
  background: url(../img/trash.svg) no-repeat;
  cursor: pointer;
  margin-left: 18px;
}
.cardclsd span {
  margin-left: 8px;
  text-align: center;
}
.cardbot {
  justify-content: space-between;
  align-items: flex-start;
}
.cardchrs {
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  padding-right: 30px;
}
.cardchr {
  width: calc(50% - 16px);
  display: none;
}
.cardchrs .cardchr.active {
  display: block !important;
}
.cardchrmore {
  width: 100%;
  height: 40px;
  align-items: center;
}
.cardchrmore span {
  cursor: pointer;
  display: flex;
  gap: 16px;
  align-items: center;
}
.cardchrmore span::after {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background: url(../img/carddrop.svg) no-repeat;
}
.cardpric {
  width: 210px;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 20px;
  align-items: center;
}
.cardprich {
  line-height: 16px;
  text-align: right;
  text-transform: uppercase;
}
.cardpricb,
.crdlrh {
  line-height: 20px;
  text-align: left;
}
.cardpricb {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.cardright {
  width: 416px;
  padding: 34px;
  background: #e6e6e6;
}
.crdlrb,
.crdlrh {
  width: 50%;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.cardrlist {
  border-bottom: 1.5px solid #f5f5f5;
  margin: 0 0 40px;
}
.cardrlistb {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 40px;
}
.crdlrh {
  font-size: 14px;
  color: #727272;
  padding-right: 14px;
}
.crdlrb {
  font-size: 28px;
  line-height: 42px;
  text-align: right;
}
.aboutnum,
.aboutnum span {
  text-align: left;
  letter-spacing: 0.02em;
}
.cmptycard {
  margin-bottom: 64px;
}
.cardrightbutt {
  width: 100%;
  height: 48px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.02em;
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
  background: #920a0a;
  color: #e6e6e6;
}
.contrekvsh,
.contrightaddrb,
.contrightaddrh {
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.02em;
}
.contleft {
  width: 416px;
  padding: 34px;
  gap: 36px;
  background: #e6e6e6;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.footcallback {
  background: #920a0a;
  color: #e6e6e6;
}
.contrightaddr {
  width: 100%;
  padding: 40px;
  align-items: flex-start;
}
.contrightaddrh {
  flex-shrink: 0;
  line-height: 32px;
  font-weight: 400;
}
.contrightaddrb {
  line-height: 30px;
  width: 100%;
  padding-left: 30px;
}
.contrightmap {
  width: 100%;
  border-radius: 8px;
}
.contrekvs {
  margin: 16px 0 0;
  padding: 40px;
  justify-content: space-between;
  align-items: flex-end;
}
.bstr2,
.nmns1,
.nmns2 {
  flex-shrink: 0;
}
.contrekvsh {
  line-height: 32px;
  margin: 0 0 30px;
}
.rekvcopy,
.stepscall {
  color: #e6e6e6;
  letter-spacing: 0.02em;
  font-weight: 400;
  cursor: pointer;
  font-family: Inter;
}
.rekvcopy {
  padding: 15px 16px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 16px;
  background: #fff;
  margin: 16px 0;
  border: none;
  color: #272727;
  text-transform: uppercase;
}
.homebestwt {
  gap: 16px;
  margin: 16px 0 0;
}
.stepsblocks {
  gap: 16px;
  justify-content: space-between;
  margin: 0 0 30px;
}
.steps {
  width: calc(33.33% - 11px);
  padding: 34px;
  background: #e6e6e6;
}
.stepscall {
  width: 100%;
  height: 52px;
  background: #920a0a;
  border: 0;
  font-size: 20px;
  line-height: 20px;
}
.aboutst {
  gap: 16px;
  margin: 0 0 20px;
}
.aboutst img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.aboutnums {
  padding: 40px;
  background: #e6e6e6;
  color: #272727;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.nmns1 {
  width: 32.5%;
}
.nmns2 {
  background: #920a0a;
  color: #e6e6e6;
  width: 57.8%;
}
.nmns3 {
  color: #272727;
  background: #e6e6e6;
  width: 66.25%;
  flex-shrink: 0;
}
.aboutnum {
  justify-content: space-between;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.aboutnum span {
  font-size: 140px;
  font-weight: 300;
  line-height: 130px;
}
.cnfrmclsd span,
.error404,
.succpage {
  text-align: center;
}
.aboutnums p {
  margin: 0;
}
.pcits {
  padding: 15px 34px;
  border: 1px solid #e6e6e6;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.bodymodaler,
.error404 a,
.ginpts input[type="text"],
.succpage a {
  width: 100%;
  border-radius: 8px;
  color: #272727;
}
.personcities.slick-initialized .slick-slide {
  padding: 0 8px;
}
.error404 h1 {
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0.03em;
  margin: 0 0 20px;
}
.error404 a,
.error404 p,
.ginpname,
.ginpts input[type="text"],
.modalert,
.modlragree,
.succpage a,
.succpage p {
  font-weight: 400;
  letter-spacing: 0.02em;
}
.error404 p {
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 60px;
}
.error404 a,
.succpage a {
  padding: 16px 34px;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  background: #e6e6e6;
}
.modalerh,
.succpage h1 {
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0.03em;
}
.cnfrmbuttleft,
.cnfrmbuttright,
.cnfrmclsd span,
.cnfrmname,
.cnfrmprice,
.modlrsubm {
  font-weight: 400;
  letter-spacing: 0.02em;
}
.succpage img {
  margin: 0 0 40px;
}
.succpage p {
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 80px;
}
.modaler {
  position: fixed;
  left: 0;
  z-index: 3000;
  display: none;
}
.modaler.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dartmodaler {
  position: absolute;
  left: 0;
  background: rgb(25 26 32 / 70%);
}
.bodymodaler {
  position: relative;
  max-width: 848px;
  padding: 60px;
  background: #e6e6e6;
}
.closemodaler {
  position: absolute;
  top: 40px;
  right: 30px;
  width: 42px;
  height: 42px;
  background: url(../img/mdlclose.svg) no-repeat;
  cursor: pointer;
}
.flits label,
.modlrsubm {
  width: 100%;
  font-family: Inter;
  cursor: pointer;
}
.modalert {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  margin: 0 0 32px;
}
.ginpname,
.modlragree {
  font-size: 14px;
  color: #272727;
  text-align: left;
}
.ginpts {
  margin: 0 0 24px;
}
.ginpname {
  line-height: 20px;
  margin: 0 0 6px;
}
.ginpts input[type="text"] {
  height: 48px;
  padding: 8px 12px;
  border: 0;
  background: #f5f5f5;
  font-family: Inter;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
}
.ginpts input[type="text"]::placeholder {
  color: #727272;
}
.modlrgfilecapt span {
  color: #272727;
  display: block;
}
.modlragree {
  position: relative;
  margin: 16px 0;
  display: flex;
  align-items: center;
  line-height: 20px;
}
.flitopts,
.sortlist {
  position: absolute;
  top: 100%;
}
.modlragree input[type="checkbox"] {
  margin: 0 14px 0 0;
  width: 24px;
  height: 24px;
  background: #f5f5f5;
  border: 2px solid #d9d9d9;
  border-radius: 8px;
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.modlragree a {
  color: #272727;
  text-decoration: underline;
}
.cnfrmclsd span,
.cnfrmprice,
.modlrsubm {
  color: #e6e6e6;
}
.modlrsubm {
  margin: 16px 0 0;
  height: 48px;
  border-radius: 8px;
  background: #920a0a;
  border: 0;
  line-height: 16px;
}
.cnfrmminus,
.cnfrmplus {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.modlrsubm:hover {
  color: #920a0a;
  background: #e6e6e6;
  border: 1.5px solid #920a0a;
}
.cnfrmprodi {
  display: flex;
  gap: 40px;
  margin: 32px 0 0;
}
.cnfrmname {
  line-height: 26px;
  text-align: left;
  margin: 0 0 20px;
}
.cnfrmclsd span,
.cnfrmprice,
.flits label,
.scfrmld,
.sortlist a {
  font-size: 14px;
}
.cnfrmprcrs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cnfrmclsd {
  display: flex;
  align-items: center;
}
.cnfrmminus {
  background: url(../img/cardminus2.svg) no-repeat;
}
.cnfrmplus {
  background: url(../img/cardplus2.svg) no-repeat;
}
.cnfrmclsd span {
  margin-left: 8px;
  line-height: 20px;
}
.cnfrmprice span,
.flits label,
.sortlist a {
  line-height: 20px;
  text-align: left;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.cnfrmprice {
  line-height: 16px;
  text-align: right;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.cnfrmbuttleft,
.cnfrmbuttright {
  width: 316px;
  height: 48px;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  font-family: Inter;
  cursor: pointer;
}
.cnfrmprice span {
  font-size: 20px;
  color: #272727;
}
.cnfrmbutts {
  margin: 60px 0 0;
  display: flex;
  justify-content: space-between;
}
.cnfrmbuttleft {
  border-radius: 8px;
  border: 1.5px solid #f5f5f5;
  color: #272727;
  background: 0 0;
}
.cnfrmbuttright {
  border-radius: 8px;
  background: #920a0a;
  color: #e6e6e6;
  border: 1.5px solid #920a0a;
}
.flitopts,
.sortlist,
.totop {
  background: #f5f5f5;
}
.cnfrmbuttleft:hover {
  color: #920a0a;
  border: 1.5px solid #920a0a;
}
.filtname:hover {
  border: 1.5px solid #e6e6e6;
  background: #e6e6e6;
}
.filtblock.active .filtname {
  border-radius: 8px 8px 0 0;
}
.flitopts {
  left: 0;
  border: 1px solid #e6e6e6;
  min-width: 156px;
  margin: 8px 0;
  padding: 10px 5px;
  border-radius: 8px;
  z-index: 100;
  display: none;
}
.flits {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.colcrd,
.sortlist,
.totop {
  display: none;
}
.flits::-webkit-scrollbar-button {
  background-image: url("");
  background-repeat: no-repeat;
  width: 4px;
  height: 0;
}
.flits::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.flits::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0;
  background-color: #e6e6e6;
}
.flits::-webkit-scrollbar-thumb:hover {
  background-color: #e6e6e6;
}
.flits::-webkit-resizer {
  background-image: url("");
  background-repeat: no-repeat;
  width: 4px;
  height: 0;
}
.flits::-webkit-scrollbar {
  width: 4px;
  scrollbar-width: auto;
}
.flits label {
  color: #272727;
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px;
  white-space: nowrap;
}
.flits label:hover {
  background-color: #e6e6e6;
}
.flits label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background: #f5f5f5;
  margin: 0;
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.flits label input[type="checkbox"]:checked {
  background-image: url(../img/check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
  background-color: #e6e6e6;
}
.sortlist {
  left: 112px;
  width: 200px;
  padding: 4px;
  border-radius: 8px;
  z-index: 500;
}
.totop {
  box-shadow: 0 2px 2px rgb(0 0 0 / 25%);
}
.sortlist a {
  width: 100%;
  padding: 6px 16px;
  border-radius: 8px;
  display: block;
}
.producttabers {
  width: 100%;
  margin: 60px 0 0;
}
.scfrmld,
.scfrmlh {
  margin-bottom: 10px;
}
form input.redinp {
  border: 1.5px solid #d01216 !important;
}
.totop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
  z-index: 1000;
}
.totop::before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background: url(../img/drop.svg) no-repeat;
}
.colcrd.active,
.totop.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.colcrd {
  background: #920a0a;
  position: absolute;
  top: 6px;
  right: 4px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  font-size: 12px;
  color: #e6e6e6;
}
.scfrmlblock {
  position: sticky;
  top: 100px;
  padding: 16px;
  background: #e6e6e6;
  border-radius: 8px;
}
.scfrmlh {
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 1290px) {
  .homecat,
  .prodtileonecn .slprod {
    width: calc(33.33% - 11px);
  }
  .bdblock {
    max-width: 100%;
    padding: 0 20px;
  }
  .ecnavh,
  .ecright {
    gap: 20px;
  }
  .bdbann {
    padding: 0 20px 92px;
  }
  .homecat {
    height: auto;
  }
  .bstr2,
  .contleft,
  .homebestsleft {
    width: 33%;
  }
  .contright,
  .homemestsright {
    width: 66%;
  }
  .personprods,
  .personslick {
    margin-left: -6px;
    margin-right: -20px;
  }
  .prevarr,
  .slprevprods {
    right: 90px;
  }
  .nextarr,
  .slnextprods {
    right: 20px;
  }
  .personprods.slick-initialized .slick-slide,
  .personslick.slick-initialized .slick-slide {
    padding: 0 6px;
  }
  .cardright,
  .productimg,
  .productright,
  .slicker,
  .slprod,
  .slprodimg {
    width: 376px;
  }
  .footnavs {
    width: 374px;
  }
  .prodtileonecn .slprod .slprodimg,
  .slprodch {
    width: 100%;
  }
  .leftcatcol {
    width: 24%;
  }
  .rightcatcol {
    width: 74%;
  }
  .prodlistonecn {
    padding: 40px 34px 60px;
    margin: 0 0 26px;
  }
  .prloneleft {
    padding-right: 40px;
  }
  .productcons {
    margin: 80px 0 0;
  }
  .productleft {
    width: calc(100% - 376px);
  }
  .cardleft {
    width: calc(100% - 392px);
  }
  .aboutnums {
    padding: 34px;
  }
  .aboutnum {
    flex-wrap: wrap;
  }
}
@media (max-width: 1199px) {
  .echsearch {
    display: none;
    position: absolute;
    top: 22px;
    left: 20px;
    right: 20px;
  }
  .echsearch.active,
  .gfilecapt span,
  .hidsearch {
    display: block;
  }
  .cardrlist .crdlrb,
  .echsearch input[type="text"] {
    width: 100%;
  }
  .hidsearch {
    width: 48px;
    height: 48px;
    background: url(../img/hidsearch.svg) no-repeat;
    cursor: pointer;
  }
  .aboutst,
  .contright,
  .homecats,
  .prodtileonecn,
  .stepsblocks {
    gap: 12px;
  }
  .homecat {
    width: calc(50% - 6px);
  }
  .homebestsleft {
    width: 34%;
  }
  .homemestsright {
    gap: 12px;
    width: 65%;
  }
  .contleft,
  .homebest,
  .productbtab {
    padding: 20px;
  }
  .hmbhtext {
    margin: 0 0 34px;
    font-size: 20px;
    line-height: 32px;
  }
  .homecallbackb {
    padding: 40px 0;
  }
  .mxwidcllback {
    max-width: 664px;
  }
  .hcllbkhtext {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 6px;
  }
  .gform {
    width: 324px;
  }
  .footnavs,
  .productimg,
  .slicker,
  .slprod,
  .slprodimg {
    width: 320px;
  }
  .gfilecapt {
    padding-left: 20px;
  }
  .footnavs {
    padding-left: 12px;
  }
  .slprodimg {
    height: 220px;
  }
  .slprodchrs,
  .slprodname,
  .slprodpricers {
    padding: 0 20px;
  }
  .slprodbtns {
    padding: 0 20px 30px;
  }
  .prodaddcard {
    margin: 0 0 12px;
  }
  .prodlistonecn {
    padding: 30px 20px 40px;
  }
  .cardname a,
  .prlonename a {
    font-size: 16px;
    line-height: 26px;
  }
  .prloneattrs {
    margin: 20px 0 0;
  }
  .prloneprb {
    font-size: 20px;
    line-height: 20px;
    text-align: right;
  }
  .searchcats {
    gap: 12px;
    margin: 0 0 16px;
  }
  .prodtileonecn .slprod {
    width: calc(33.33% - 8px);
  }
  .productright {
    width: 320px;
    padding: 20px;
  }
  .prlprodprb,
  .steph {
    font-size: 20px;
    line-height: 32px;
  }
  .productimg {
    height: 256px;
  }
  .productdes {
    padding-left: 32px;
  }
  .productleft {
    padding-right: 32px;
    width: calc(100% - 320px);
  }
  .cardright {
    width: 319px;
    padding: 20px;
  }
  .cardrlist .crdlrh {
    width: 100%;
    padding: 0;
  }
  .cardrlistb {
    padding: 0 0 20px;
  }
  .cardrlist {
    margin: 0 0 20px;
  }
  .cardleft {
    width: calc(100% - 335px);
  }
  .cardtop {
    margin: 0 0 24px;
  }
  .cardpric {
    width: 185px;
    gap: 10px;
    margin-top: -40px;
  }
  .cardchrs {
    width: 100%;
    padding-right: 0;
    gap: 10px;
  }
  .cardchr {
    width: calc(50% - 5px);
  }
  .contleftb {
    word-break: break-all;
  }
  .contrightaddr {
    padding: 20px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .contrightaddrb {
    padding-left: 0;
  }
  .contrekvs {
    margin: 12px 0 0;
    padding: 20px;
  }
  .homebestwt {
    gap: 12px;
    margin: 12px 0 0;
  }
  .bstr2 {
    width: 38%;
  }
  .steps {
    width: calc(33.33% - 8px);
    padding: 20px;
  }
  .error404 p {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 1000px) {
  .bcatalog,
  .h1ndb,
  .h1ndb.ctwo,
  .hmbhtext,
  .homecats,
  .smhtext,
  .steph,
  .stepsblocks {
    margin: 0 0 20px;
  }
  .cardleft,
  .ecright,
  .homebests {
    gap: 12px;
  }
  body {
    padding: 76px 0 0;
  }
  .bdblock {
    padding: 0 18px;
  }
  .eccardh,
  .ecnavh,
  .filtsbjtext,
  .footcnbh,
  .footcnbladdr,
  .hidsearch,
  .leftmenu > li > .lftarrow,
  .sortltext {
    display: none;
  }
  .echsearch {
    display: block;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
  .topfinfo {
    flex-shrink: 0;
  }
  .ecleft {
    width: 80px;
    flex-shrink: 0;
  }
  .echeader {
    gap: 12px;
    padding: 14px 0;
  }
  .ecright {
    width: 100%;
    justify-content: space-between;
  }
  .echsearch input[type="text"] {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
  }
  .eccallbackh {
    width: 50%;
    font-size: 14px;
    line-height: 14px;
  }
  .bdbann {
    padding: 0 18px 92px;
  }
  .bdbann h1 {
    max-width: 358px;
    font-size: 32px;
    line-height: 38.73px;
  }
  .aboutnum,
  .bdbann a,
  .contrekvslist div,
  .succpage p {
    font-size: 16px;
    line-height: 26px;
  }
  .padh100n0 {
    padding: 64px 0 0;
  }
  .h1ndb,
  .smhtext,
  .succpage h1 {
    font-size: 28px;
    line-height: 33.89px;
  }
  .homecat p {
    font-size: 20px;
    line-height: 28px;
  }
  .hcllbksubm,
  .morehomecats {
    height: 50px;
    font-size: 16px;
    line-height: 16px;
  }
  .breadcrumb li a,
  .breadcrumb li > span,
  .contrightaddrb,
  .crdlrh,
  .hcllbkstext,
  .homebest p,
  .modalert,
  .steps p,
  .textcat ol li,
  .textcat ul li {
    line-height: 20px;
    font-size: 14px;
  }
  .padh160n0 {
    padding: 80px 0 0;
  }
  .homebest {
    min-height: 225px;
  }
  .bstr2,
  .cardleft,
  .cardright,
  .contleft,
  .contrekvsr,
  .contright,
  .footcoltw,
  .gform,
  .homebestsleft,
  .homemestsright,
  .leftcatcol,
  .nmns2,
  .nmns2 + div,
  .productleft,
  .rekvcopy,
  .rightcatcol,
  .steps {
    width: 100%;
  }
  .gfile input[type="file"],
  .gfilebutt,
  .modlrgfile input[type="file"] {
    width: 214px;
  }
  .footfht,
  .homebest p,
  .steps p,
  .textcat h3 {
    margin: 0 0 16px;
  }
  .aboutnums,
  .homecallbackb,
  .steps {
    padding: 20px;
  }
  .mxwidcllback {
    max-width: 100%;
  }
  .hcllbkhtext {
    margin: 0 0 8px;
  }
  .groupform {
    gap: 16px;
  }
  .cardrightbutt,
  .gform input[type="text"],
  .ginpts input[type="text"],
  .modlrsubm,
  .prloneaddcard,
  .prloneaddclik {
    font-size: 14px;
    line-height: 14px;
  }
  .gfilebutt {
    background-size: contain;
  }
  .gfilecapt span {
    display: inline-flex;
  }
  .slicker {
    width: 350px;
    height: 390px;
  }
  .personprods,
  .personslick {
    margin-right: -18px;
  }
  .personprods .slick-dots,
  .personslick .slick-dots {
    margin: 20px 0 0 -12px;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .personprods .slick-dots li,
  .personslick .slick-dots li {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background: #e6e6e6;
    cursor: pointer;
  }
  .personprods .slick-dots li.slick-active,
  .personslick .slick-dots li.slick-active {
    background: #e6e6e6;
  }
  .personprods .slick-dots li button,
  .personslick .slick-dots li button {
    opacity: 0;
    width: 100%;
    height: 100%;
  }
  footer.hdblock {
    margin: 80px auto 65px;
  }
  .padh30 {
    padding: 20px 0;
  }
  .footcol {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 34px;
    align-items: flex-start;
  }
  .footcnbl,
  .footcnblclock,
  .footcnblphone {
    padding-left: 40px;
    height: 26px;
    align-items: center;
    display: flex;
  }
  .footcnb {
    margin: 6px 0 0;
  }
  .footcnbl {
    font-size: 16px;
    line-height: 26px;
    background: url(../img/icemail.svg) no-repeat;
  }
  .contleftb .footcnblclock span,
  .crdlrb,
  .footcnblclock,
  .footcnblphone,
  .producth,
  .textcat h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .footcnblphone {
    background: url(../img/icphone.svg) no-repeat;
  }
  .footcnblclock {
    padding-right: 34px;
    background:
      url(../img/hours_opening.svg) right center/18px no-repeat,
      url(../img/ictime.svg) no-repeat;
  }
  .footcallback {
    margin: 34px 0 0;
    height: 50px;
    font-size: 16px;
    line-height: 16px;
  }
  .footcnbladdr2,
  .mobilemenu a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
  }
  .footnavs ul li a {
    font-size: 13px;
    line-height: 20px;
  }
  .contrekvsh,
  .footnavs ul li {
    margin: 0 0 10px;
  }
  .footnavs {
    width: 66%;
    padding: 0;
  }
  .footcoltw .footnavs:nth-child(2) {
    width: 33%;
  }
  .footcoltw .footnavs:first-child ul {
    columns: 2;
  }
  .footoferts {
    padding: 34px 0 0;
  }
  .copycn {
    gap: 2px;
  }
  .copypolice {
    text-decoration: underline;
  }
  .footcnbladdr2 {
    line-height: 20px;
    text-align: left;
    margin: 34px 0 0;
    background: url(../img/map_pin.svg) left center no-repeat;
    padding-left: 34px;
    min-height: 26px;
    display: flex;
    align-items: center;
  }
  .mobilemenu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: #2f3036;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
  }
  .mobilemenu a {
    position: relative;
    line-height: 20px;
    text-align: center;
    color: #e6e6e6;
    padding-top: 24px;
    margin-top: -2px;
  }
  .mobilemenu a.mm1 {
    background: url(../img/tabhome.svg) top center no-repeat;
  }
  .mobilemenu a.mm2 {
    background: url(../img/tabtile.svg) top center no-repeat;
  }
  .mobilemenu a.mm3 {
    background: url(../img/tabphone.svg) top center no-repeat;
  }
  .mobilemenu a.mm4 {
    background: url(../img/tabshopping_cart.svg) top center no-repeat;
  }
  .bodymodaler {
    width: 98%;
    max-width: 732px;
    padding: 20px;
  }
  .modalerh {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 8px;
  }
  .closemodaler {
    position: absolute;
    top: 8px;
    right: 6px;
    width: 26px;
    height: 26px;
    background: url(../img/mdlclose.svg) center/100% no-repeat;
  }
  .modlrgfilebutt {
    width: 214px;
    background-size: 100%;
  }
  .cnfrmbuttleft,
  .cnfrmbuttright {
    font-size: 14px;
    line-height: 14px;
    width: 48%;
  }
  .slprod,
  .slprodimg {
    width: 350px;
  }
  .padh80n0 {
    padding: 12px 0 0;
  }
  .breadcrumb,
  .searchcats {
    margin: 0 0 40px;
  }
  .bcatght {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 32px;
    text-transform: none;
  }
  .slprodimg {
    height: 206px;
  }
  .slprodch {
    width: 48%;
  }
  .smhtextsm {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 20px;
  }
  .leftmenu > li > ul {
    display: none !important;
  }
  .leftmenu {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 40px;
  }
  .leftmenu > li {
    margin: 0;
  }
  .leftmenu > li > a {
    width: 210px;
    height: 48px;
    padding: 0 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
  }
  .leftmenu > li.active > a {
    background: #f5f5f5;
    border-radius: 8px;
  }
  .prodlistonecn {
    margin-left: -18px;
    margin-right: -18px;
    border-radius: 0;
    padding: 34px 18px 40px;
  }
  .cardname a,
  .cardpricb,
  .prlonename a {
    font-size: 14px;
    line-height: 22px;
  }
  .prloneright {
    width: 156px;
  }
  .prloneprb {
    line-height: 32px;
  }
  .prodlistone {
    padding: 0 0 20px;
    margin: 0 0 34px;
  }
  .prodlistone:hover::before {
    top: -34px;
  }
  .textcat h2 {
    font-size: 28px;
    line-height: 33.89px;
    margin: 0 0 30px;
  }
  .cardprich,
  .textcat p {
    line-height: 20px;
  }
  .textcat p {
    font-size: 14px;
    margin: 0 0 16px;
  }
  .sortlist {
    left: 0;
  }
  .searchcats a {
    font-size: 13px;
    line-height: 13px;
  }
  .contleftb .footcnb,
  .prodtileonecn .slprod {
    width: calc(50% - 6px);
  }
  .prodtileonecn .slprod .slprodimg {
    height: 273px;
  }
  .productcons {
    flex-wrap: wrap;
    margin: 40px 0 0;
    gap: 20px;
  }
  .productleft {
    padding-right: 0;
  }
  .productright {
    width: 100%;
    gap: 60px;
  }
  .cardcn {
    gap: 30px;
  }
  .cardblock {
    padding: 34px 20px 20px;
  }
  .cardrlist .crdlrh {
    width: 50%;
    font-size: 13px;
    line-height: 18px;
  }
  .cardrlist .crdlrb {
    width: 50%;
    font-size: 20px;
    line-height: 32px;
  }
  .contcn {
    gap: 40px;
  }
  .contleftb {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .contleftb .footcnb:first-child,
  .nmns3 + div {
    order: 1;
  }
  .contleftb .footcnb:nth-child(2),
  .nmns3 {
    order: 0;
  }
  .contleftb .footcnb:nth-child(3) {
    order: 2;
  }
  .footcnblclock span {
    margin-left: 10px;
  }
  .contlefth {
    margin: 0 0 80px;
  }
  .contrekvs,
  .contrekvsr {
    margin: 40px 0 0;
  }
  .contleftb .footcnbl {
    background: url(../img/icemail2.svg) no-repeat;
  }
  .contleftb .footcnblphone {
    background: url(../img/icphone2.svg) no-repeat;
  }
  .contleftb .footcnblclock {
    font-size: 16px;
    line-height: 26px;
    background:
      url(../img/hours_opening.svg) 240px center/18px no-repeat,
      url(../img/ictime2.svg) no-repeat;
  }
  .contleftb .footcallback {
    order: 3;
    margin: 28px 0 0;
  }
  .contrightaddr {
    gap: 8px;
  }
  .aboutst.abstr,
  .homebestwt {
    flex-wrap: wrap;
  }
  .homebestwt .homebest {
    min-height: auto;
  }
  .aboutnum span {
    font-size: 120px;
    line-height: 120px;
  }
  .nmns3 {
    width: 50%;
  }
  .pcits {
    padding: 16px 20px;
    font-size: 16px;
    line-height: 16px;
  }
  .error404 img {
    margin: 80px 0;
    width: 484px;
  }
  .error404 h1 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 10px;
  }
  .error404 p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 40px;
  }
  .error404 a,
  .succpage a {
    padding: 17px 34px;
    font-size: 16px;
    line-height: 16px;
  }
  .succpage img {
    margin: 80px 0 40px;
  }
}
.city-topline a,
.city-topline button,
.citylist-item,
.citylist-item a {
  text-decoration: none;
  color: #272727;
}
@media (max-width: 820px) {
  .productbtab,
  .productbtab.active {
    border: 1px solid #e6e6e6;
  }
  .productbh,
  .productbtab.active .productbh {
    color: #e6e6e6;
  }
  .productdes,
  .producttabs {
    display: none;
  }
  .productimg {
    width: 100%;
    height: 400px;
  }
  .productleft {
    order: 0;
  }
  .producttabers {
    order: 1;
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .productbchr span,
  .productbtab {
    display: block;
  }
  .productright {
    order: 2;
  }
  .productbtab {
    width: 100%;
    padding: 0;
  }
  .productbbody {
    display: none;
    padding: 0 20px 16px;
  }
  .productbh {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .productbh::after {
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    background: url(../img/dropgr.svg) no-repeat;
    transform: rotate(180deg);
  }
  .productbtab.active .productbh::after {
    content: "";
    background: url(../img/dropwh.svg) no-repeat;
    transform: rotate(0);
  }
}
@media (max-width: 660px) {
  .bdblock {
    padding: 0 24px;
  }
  .echsearch {
    display: none;
    position: absolute;
    top: 14px;
    left: 24px;
    right: 24px;
    width: auto;
  }
  .cardchr span,
  .hidsearch,
  .prloneattr span,
  .slprodch span {
    display: block;
  }
  .hidsearch {
    width: 45px;
    height: 48px;
    background: url(../img/hidsearch2.svg) no-repeat;
  }
  .prodtileonecn .slprod .slprodimg,
  .slprodimg {
    height: 206px;
  }
  .eccallbackh {
    width: 200px;
    padding: 0;
  }
  .aboutst > div,
  .cardchr,
  .contleftb .footcnb,
  .footcolcont,
  .footcoltw .footnavs:nth-child(2),
  .footnavs,
  .gfile input[type="file"],
  .gfilebutt,
  .homecat,
  .leftmenu > li > a,
  .modlrgfile input[type="file"] {
    width: 100%;
  }
  .ecright {
    justify-content: flex-end;
    gap: 8px;
  }
  .bdbann {
    padding: 0 24px 92px;
  }
  .padh100n0 {
    padding: 60px 0 0;
  }
  .contright,
  .homebests,
  .homecats,
  .stepsblocks {
    gap: 8px;
  }
  .gfile,
  .modlrgfile {
    flex-wrap: wrap;
    gap: 12px;
  }
  .gfilebutt {
    background: url(../img/upload.svg) center no-repeat;
    border: 1.6px solid #e6e6e6;
    border-radius: 8px;
  }
  .gfilecapt {
    padding-left: 0;
  }
  .slicker {
    padding: 20px;
  }
  .clhslname {
    font-size: 16px;
    line-height: 26px;
  }
  .footlogo {
    margin: 0 0 16px;
    width: 80px;
  }
  .footcnblclock {
    display: inline-flex;
  }
  .footcoltw {
    gap: 34px;
  }
  .footnavs ul {
    columns: 2;
  }
  .footoferts {
    padding: 20px 0 0;
  }
  .modlrgfilebutt {
    width: 100%;
    border: 2px solid #d9d9d9;
    border-radius: 8px;
    background: url(../img/upload2.svg) center no-repeat #e6e6e6;
  }
  .slprod,
  .slprodimg {
    width: 306px;
  }
  .modlrgfilecapt {
    padding: 0;
  }
  .bcatght {
    margin: 0 0 8px;
  }
  .personprods,
  .prodlistonecn {
    margin-right: -24px;
  }
  .leftmenu > li {
    width: calc(50% - 6px);
  }
  .cardchrs .cardchr:nth-child(2),
  .filtlistcn {
    display: none;
  }
  .prodlistonecn {
    margin-left: -24px;
    padding: 34px 24px 20px;
  }
  .prodlistone {
    flex-wrap: wrap;
    gap: 34px;
  }
  .cardblock,
  .cardtop {
    flex-wrap: wrap;
  }
  .prloneleft {
    padding-right: 0;
  }
  .prloneright {
    width: 100%;
    gap: 20px;
  }
  .prloneprb,
  .prloneprh {
    text-align: left;
  }
  .searchcats {
    gap: 10px;
  }
  .productbchr {
    width: calc(50% - 5px);
  }
  .productright {
    gap: 20px;
  }
  .productimg {
    height: 328px;
  }
  .cardblock {
    padding: 20px 20px 10px;
  }
  .cardimg,
  .contleftb .footcnb:first-child {
    order: 0;
  }
  .cardname {
    order: 2;
    padding: 0;
    margin: 6px 0 0;
  }
  .cardclsd,
  .contleftb .footcnb:nth-child(2) {
    order: 1;
  }
  .cardpric {
    margin: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: inherit;
    width: 40%;
  }
  .cardpricb {
    width: 100%;
    line-height: 20px;
  }
  .cardprich {
    text-transform: lowercase;
  }
  .cardchrs {
    width: 56%;
  }
  .contlefth {
    margin: 0 0 16px;
  }
  .contleftb {
    gap: 6px;
  }
  .contleftb .footcallback {
    margin: 10px 0 0;
  }
  .contrekvsr {
    margin: 20px 0 0;
  }
  .homebestwt {
    gap: 8px;
    margin: 8px 0 0;
  }
  .aboutst {
    flex-wrap: wrap;
    gap: 8px;
  }
  .nmns1 {
    width: 100%;
    height: 458px;
  }
  .nmns2 {
    height: 260px;
  }
  .nmns3 {
    height: 309px;
  }
  .error404 img {
    margin: 60px 0;
    width: 328px;
  }
}
@media (max-width: 560px) {
  .cnfrmprice,
  .cnfrmprodi {
    flex-wrap: wrap;
  }
  .cnfrmimg {
    display: none;
  }
  .cnfrmprcrs .cnfrmimg {
    display: block;
  }
  .cnfrmprcrs {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .cnfrmprice {
    width: 100%;
    margin: 20px 0 0;
  }
  .cnfrmprice span {
    line-height: 28px;
    width: 100%;
  }
  .cnfrmbutts {
    margin: 32px 0 0;
    gap: 8px;
    flex-wrap: wrap;
  }
  .cnfrmbuttleft,
  .cnfrmbuttright {
    width: 100%;
  }
  .prodaddclick {
    padding: 0;
  }
}
@media (max-width: 479px) {
  .hidsearch {
    width: 48px;
    height: 48px;
    background: url(../img/hidsearch.svg) no-repeat;
  }
  .eccallbackh {
    width: 160px;
  }
  .slicker {
    width: 300px;
  }
  .mobilemenu {
    gap: 30px;
  }
  .cardchrs,
  .leftmenu > li,
  .prodtileonecn .slprodch {
    width: 100%;
  }
  .prodtileonecn .slprod .slprodimg {
    height: 140px;
  }
  .prodtileonecn .slprodname {
    padding: 0 8px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
  }
  .prodtileonecn .slprodchrs,
  .prodtileonecn .slprodpricers {
    padding: 0 8px;
  }
  .prodtileonecn .slprodbtns {
    padding: 0 8px 30px;
  }
  .prodtileonecn .slprodpb {
    font-size: 16px;
    line-height: 24px;
  }
  .prodtileonecn .prodaddcard,
  .prodtileonecn .prodaddclick {
    font-size: 14px;
    line-height: 14px;
  }
  .cardbot {
    flex-wrap: wrap;
  }
  .cardpric {
    width: 110px;
    margin-left: -110px;
  }
  .cardchr {
    width: 52%;
  }
  .aboutnum {
    flex-wrap: nowrap;
  }
  .nmns2 {
    height: 300px;
  }
  .nmns2 .aboutnum span {
    margin-right: calc(100% - 225px);
  }
}
@media (max-width: 420px) {
  .prodtileonecn .slprod {
    width: 100%;
  }
  .prodtileonecn .slprod .slprodimg {
    height: 206px;
  }
  .prodtileonecn .slprodch {
    width: 48%;
  }
}
@media (max-width: 374px) {
  .ecleft {
    width: 72px;
  }
  .productbchr {
    width: 100%;
  }
  .rekvcopy {
    padding: 15px 0;
  }
}
#scats,
.texter {
  transition: opacity 0.3s ease-in-out;
}
.loading {
  animation: 1.5s ease-in-out infinite pulse;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
.no-results {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  border: 1px dashed #ddd;
  border-radius: 4px;
  margin: 20px 0;
}
.city-topline-inner,
.error {
  align-items: center;
  display: flex;
}
.error {
  min-height: 100px;
  justify-content: center;
  background: #ffe6e6;
  border: 1px solid #fcc;
  border-radius: 4px;
  margin: 20px 0;
}
.city-topline {
  border-bottom: 1px solid #e6e6e6;
  color: #272727;
  line-height: 1;
}
.city-topline-inner {
  justify-content: space-between;
  gap: 20px;
  padding: 12px 0;
}
.city-topline-left,
.city-topline-right {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
}
.city-topline .eccityh2 {
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
}
.citylist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 36px;
  max-height: 320px;
  overflow-y: auto;
}
.citylist::-webkit-scrollbar {
  width: 6px;
}
.citylist::-webkit-scrollbar-thumb {
  background-color: #920a0a;
  border-radius: 3px;
}
.citylist-item,
.citylist-item a {
  display: block;
  border: none;
}
.citylist-item.active a {
  border-color: #7d0000;
  color: #7d0000;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .city-topline-inner {
    padding: 10px 0;
  }
  .citylist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .city-topline-inner,
  .city-topline-right {
    align-items: flex-start;
    gap: 10px;
    font-size: 12px;
  }
  .citylist {
    grid-template-columns: 1fr;
  }
}
