/* Base Margin Bottom */
.marge-100 {
  --varMarge: 10rem;
  margin: var(--varMarge) 0;
}

.marge-100.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-100.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-75 {
  --varMarge: 7.5rem;
  margin: var(--varMarge) 0;
}

.marge-75.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-75.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-50 {
  --varMarge: 5rem;
  margin: var(--varMarge) 0;
}

.marge-50.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-50.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-35 {
  --varMarge: 3.5rem;
  margin: 3.5rem 0;
}

.marge-35.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-35.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-25 {
  --varMarge: 2.5rem;
  margin: var(--varMarge) 0;
}

.marge-25.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-25.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-20 {
  --varMarge: 2rem;
  margin: var(--varMarge) 0;
}

.marge-20.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-20.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-15 {
  --varMarge: 1.5rem;
  margin: var(--varMarge) 0;
}

.marge-15.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-15.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-10 {
  --varMarge: 1rem;
  margin: var(--varMarge) 0;
}

.marge-10.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-10.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-5 {
  --varMarge: 0.5rem;
  margin: var(--varMarge) 0;
}

.marge-5.toperm {
  margin-top: var(--varMarge);
  margin-bottom: 0;
}

.marge-5.boterm {
  margin-top: 0;
  margin-bottom: var(--varMarge);
}

.marge-0 {
  margin-top: 0;
  margin-bottom: 0;
}

/* Base Padding Bottom */
.padge-100 {
  --varPadge: 10rem;
  padding: var(--varPadge) 0;
}

.padge-100.toperp {
  padding-top: var(--varPadge);
  padding-bottom: 0;
}

.padge-100.boterp {
  padding-bottom: var(--varPadge);
  padding-top: 0;
}

.padge-75 {
  --varPadge: 7.5rem;
  padding: var(--varPadge) 0;
}

.padge-75.toperp {
  padding-top: var(--varPadge);
  padding-bottom: 0;
}

.padge-75.boterp {
  padding-bottom: var(--varPadge);
  padding-top: 0;
}

.padge-50 {
  --varPadge: 5rem;
  padding: var(--varPadge) 0;
}

.padge-50.toperp {
  padding-top: var(--varPadge);
  padding-bottom: 0;
}

.padge-50.boterp {
  padding-bottom: var(--varPadge);
  padding-top: 0;
}

.padge-30 {
  --varPadge: 3rem;
  padding: var(--varPadge) 0;
}

.padge-30.toperp {
  padding-top: var(--varPadge);
  padding-bottom: 0;
}

.padge-30.boterp {
  padding-bottom: var(--varPadge);
  padding-top: 0;
}

.padge-25 {
  --varPadge: 2.5rem;
  padding: var(--varPadge) 0;
}

.padge-25.toperp {
  padding-top: var(--varPadge);
  padding-bottom: 0;
}

.padge-25.boterp {
  padding-bottom: var(--varPadge);
  padding-top: 0;
}

.padge-10 {
  --varPadge: 1rem;
  padding: var(--varPadge) 0;
}

.padge-10.toperp {
  padding-top: var(--varPadge);
  padding-bottom: 0;
}

.padge-10.boterp {
  padding-bottom: var(--varPadge);
  padding-top: 0;
}

.padge-5 {
  --varPadge: 0.5rem;
  padding: var(--varPadge) 0;
}

.padge-5.toperp {
  padding-top: var(--varPadge);
  padding-bottom: 0;
}

.padge-5.boterp {
  padding-bottom: var(--varPadge);
  padding-top: 0;
}


.padge-0 {
  --varPadge: 0;
  padding: var(--varPadge) 0;
}

/*Icons Sizes*/
.ico-12 {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}

.ico-16 {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.ico-20 {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.ico-24 {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.ico-28 {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
}

.ico-32 {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}

.ico-40 {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}

.ico-100 {
  width: 100px;
  height: 100px;
  flex: 0 0 100px;
}

/* Gap */
.gap-5 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

.gap-40 {
  gap: 40px;
}

.face-slider .slick-dots {
  bottom: 0;
}

.face-slider .slick-dots li.slick-active button:before {
  color: #fff;
}

.face-slider .unit {
  position: relative;
  max-height: 700px;
}

.face-slider .unit .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4392156863);
}

.face-slider .unit .pod-title {
  position: absolute;
  z-index: 99;
  color: #fff;
  top: 35%;
  right: 5%;
  bottom: 0;
  left: 5%;
}

.face-slider .unit .pod-title .title {
  font-size: 3.6rem;
  margin-bottom: 20px;
  font-weight: 600;
  padding: 0 10px;
}

.face-catalog-holder .hlr-grid .unit {
  display: inline-block;
  max-width: 280px;
}

.face-catalog-holder .img-holder {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 275px;
  height: 260px;
}

.header-holder {
  position: relative;
  border-bottom: 1px solid var(--colorRoot);
  margin-bottom: 50px;
  transition: 0.2s;
}

.header-holder .header {
  padding: 0 0 50px 0;
}

.new-items a {
  color: #5F5F5F;
}

.new-items .slick-list {
  margin: 0 -10px;
}

.new-items .slick-slide {
  margin: 0 10px;
}

.new-items .img-holder {
  position: relative;
  background: #F1F1F1;
  border-radius: 5px;
  overflow: hidden;
}

.new-items .img-holder img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.new-items .img-holder .in-cart {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  z-index: 2;
}

.face-projects .unit {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.face-projects .unit img {
  display: inline-block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* .form-grid {
  grid-template-columns: 1fr 1fr 1fr;
} */
.furniture-catalog-holder {
  grid-template-columns: 0.3fr 1fr;
  gap: 40px;
}

.furniture-catalog-holder .sidebar .unit {
  margin-bottom: 50px;
}

.furniture-catalog-holder .furniture-catalog {
  grid-template-columns: repeat(3, minmax(100px, 1fr));
  border-top: 1px solid #C4C4C4;
  border-left: 1px solid #C4C4C4;
}

.furniture-catalog-holder .furniture-catalog .unit {
  padding: 10px 10px 15px 10px;
  border-bottom: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  transition: 0.2s;
}

.furniture-catalog-holder .furniture-catalog .unit:hover {
  box-shadow: 0px 0px 17.69px -4px rgba(0, 0, 0, 0.25);
  transition: 0.2s;
}

.furniture-catalog-holder .furniture-catalog .unit .topic {
  font-size: 1.8rem;
}

.footer-nav {
  grid-template-columns: repeat(4, 1fr);
  margin: 30px 0;
}

.footer-nav a {
  text-decoration: none;
  color: #bfbfbf;
}

.footer-nav>ul .u_1 {
  order: 2;
}

.footer-nav>ul .u_2 {
  order: 3;
}

.footer-nav>ul .u_3 {
  order: 4;
}

.footer-nav>ul .u_4 {
  order: 0;
}

.footer-nav>ul .u_5 {
  order: 6;
}

.footer-nav>ul .u_6 {
  order: 1;
}

.footer-nav>ul .footer-cont {
  order: 5;
}

.footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-nav ul a {
  display: inline-flex;
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 10px;
  transition: 0.2s;
}

.footer-nav ul a:hover {
  color: rgb(202, 202, 202);
  transition: 0.2s;
}

.footer-nav ul .level_1>a {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
}

.contact-us {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.contact-us input:is([type=text], [type=email], [type=tel]),
.contact-us textarea {
  border: none;
  width: 100%;
  border-bottom: 1px solid #999;
  outline: none;
  background: inherit;
  border-radius: 0;
}

.prod-block {
  gap: 40px;
  grid-template-columns: 0.7fr 1fr;
}

.prod-block .title {
  font-size: 2.5rem;
  margin: 0;
  font-weight: 700;
}

.prod-block .price {
  font-size: 2.5rem;
  font-weight: 600;
}

.product-face-slider-holder {
  position: relative;
  background: #F1F1F1;
  border-radius: 5px;
}

.product-face-slider-holder .slick-slide {
  padding: 50px 10px;
}

.proj-title-line {
  margin-bottom: 50px;
}

.in-cart {
  padding: 0;
  margin: 0;
  background: none;
}

/*Share Block*/
.option-box {
  position: relative;
  padding: 5px;
}

.share-box-holder {
  position: relative;
}

.share-box-holder .unit {
  margin-bottom: 10px;
}

.share-box-holder .topic {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 0 25px 0 0;
  height: 22px;
  background-size: 20px;
  background-position: 100% -82px;
}

.option-box .share-box {
  position: absolute;
  display: none;
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  top: 20px;
  box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.2);
  z-index: 9;
}

.option-box:hover .share-box {
  display: block;
}

.share-box .ico img {
  width: 22px;
}

.share-box .ico a {
  vertical-align: middle;
  line-height: 22px;
}

.share-box #vk,
.share-box #ok,
.share-box #tg,
.share-box #fb {
  background-size: 22px;
}

.share-box #ok {
  background-position: 0 -22px;
}

.share-box #tg {
  background-position: 0 -44px;
}

.share-box #fb {
  background-position: 0 -66px;
}

.options input {
  border: none;
  outline: none;
  width: 40px;
  border-radius: 0;
  padding: 3px 5px;
  font-size: 1.4rem;
}

.wishCounter {
  position: absolute;
  right: -5px;
  bottom: -10px;
  font-size: 1.4rem;
  color: #ff796c;
}

.heart-ico svg {
  stroke: #494949;
}

.removeToWish .heart-ico svg {
  fill: #ff796c;
  stroke: #ff796c !important;
}

.pay-gray {
  background: #F1F1F1;
  border-radius: 5px;
}

.pay-list {
  overflow: hidden;
  padding: 0;
}

.pay-list .unit {
  margin: 0 20px;
}

.il {
  position: absolute;
  right: -5px;
  bottom: -10px;
  font-size: 1.2rem;
  border-radius: 50px;
  color: var(--colorRoot);
}

.cart-block {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  min-width: 200px;
  border-radius: 5px;
  background: #fff;
  z-index: 99;
  box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.25);
}

.carter {
  position: relative;
}

.carter:hover .cart-block {
  display: block;
}

.ms-cart {
  table tr:hover {
    background: none;
  }
}

.delete-cart {
  padding: 0;
  background: none;
}

.table-responsive {
  border: 1px solid #999;
  padding: 10px;
}

.nosee-full {
  height: 100%;
}

.nosee-full .unit {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.nosee-full .unit img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.header-bg {
  position: relative;
}

.header-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.header-bg .title-holder {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 600;
}

.header-bg .title-holder .title {
  margin: 0;
  color: #fff;
  font-weight: 600;
  max-width: 800px;
}

.map {
  width: 100%;
  height: 400px;
}

.bars-5 {
  border-radius: 5px;
  overflow: hidden;
}

.achive-holder {
  grid-template-columns: repeat(3, 1fr);
}

.achive-holder .topic {
  /* text-transform: uppercase; */
  max-width: 250px;
}

.abs-logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 350px;
  height: 90px;
}

.oft-select .unit {
  background: #F1F1F1;
  border-radius: 5px;
}

.zoomin {
  top: 10px;
  left: 10px;
}

.looked-slider-holder .slick-arrow {
  top: 40%;
}

.looked-slider-holder .unit {
  text-decoration: none;
  color: #1f1f1f;
}

.looked-slider-holder .unit .img-holder {
  /* width: 240px; */
  height: 240px;
  background: #F1F1F1;
  border-radius: 5px;
}

.prod-gallery-holder .slick-slide {
  border-radius: 5px;
  overflow: hidden;
}

.ms-cart table {
  width: 100%;
}

.ms-cart table tr {
  border-bottom: 1px solid #999;
}

.ms-cart table tr:last-child {
  border: none;
}

.ms-cart table tr td {
  vertical-align: top;
  padding: 20px 5px;
}

.ms-cart table .ms-image {
  padding: 10px;
  background: #F5F5F5;
}

.ms-cart table input[type=number] {
  width: 100px;
  border: solid 1px #3C3B40;
}

.slick-gall {
  padding: 0 50px;
}

.fly-filters input:is([type=text], [type=email], [type=tel]) {
  border: 1px solid #C4C4C4;
}

.fly-filters sup {
  font-size: 1.2rem;
  border-radius: 50px;
  color: var(--colorRoot);
}

.fly-filters fieldset {
  margin: 0 0 50px 0;
}

.fly-filters fieldset .filter_title {
  text-transform: uppercase;
  font-size: 1.8rem;
  margin: 0 0 20px 0;
}

.fly-filters .filter_slider {
  text-transform: lowercase;
  color: #C4C4C4;
}

.fly-filters .filter_slider input:is([type=text], [type=email], [type=tel]) {
  padding: 5px;
}

.fly-filters .ui-slider-range,
.fly-filters .ui-slider-handle {
  background: var(--colorRoot) !important;
}

.fly-filters .ui-slider-handle {
  border: none;
  border-radius: 100px;
}

.fly-filters .ui-widget.ui-widget-content,
.fly-filters .ui-widget-content {
  border: none;
  background: #eaeaea;
}

.fly-filters .ui-slider-horizontal {
  height: 0.5em;
}

.fly-filters .ui-slider-handle {
  border: none !important;
  outline: none;
  cursor: pointer !important;
}

.filter-btn {
  display: none;
}

.achive-holder.btb {
  grid-template-columns: repeat(4, 1fr);
}

.form-bg {
  padding: 40px;
  background: url(../img/form-bg-1.jpg) no-repeat center;
  background-size: cover;
}

.form-bg .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: hsla(0, 0%, 0%, 0.4);
}

.form-bg .cont {
  color: #fff;
  position: relative;
  z-index: 2;
}

.form-bg input:is([type=text], [type=email], [type=tel]),
.form-bg textarea {
  background: #fff;
}

.how-work {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 50px;
  gap: 50px;
}

.how-work .unit {
  gap: 20px;
}

.how-work .unit .count {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 2px solid var(--colorRoot);
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
}

.whis-grid {
  grid-template-columns: repeat(3, 1fr);
}

.nosee-full .unit {
  min-height: 350px;
}

.bb-line {
  border-bottom: 1px solid #C4C4C4;
}

.markmodal {
  height: 80vh;
  width: 80vw;
  max-width: 100%;
}

.project-slider-holder {
  position: relative;
  background: #F1F1F1;
  border-radius: 5px;
  padding: 10px 0;
  overflow: hidden;
}

.project-slider-holder .slick-slide {
  opacity: 0.5;
}

.project-slider-holder .slick-slide.slick-current {
  opacity: 1;
}

.title-nav li {
  margin: 0;
}

.title-nav li.current {
  color: var(--colorRoot);
}

.title-nav li a {
  color: #494949;
}

.b2b-form.contact-us input:is([type=text], [type=email], [type=tel]),
.b2b-form.contact-us textarea {
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.nav-socials {
  display: none;
  padding: 10px;
  margin-top: auto;
  margin-bottom: 0;
}

.nav-socials .socials {
  justify-content: end;
}

.search-collect {
  display: none;
  position: absolute;
  background: #fff;
  padding: 0 35px 35px;
  -moz-text-align-last: left;
  text-align-last: left;
  top: 100%;
  left: 0;
  right: 0;
}

.search-collect .unit {
  text-align: left;
}

.progress-holder {
  display: none;
  height: 6px;
  width: 100%;
  background: #ccc;
}

.progress-holder .bar {
  width: 0%;
  height: 100%;
  background: var(--colorRoot);
}

/* Greenline */
@keyframes scroll {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

.greenline {
  white-space: nowrap;
  overflow: hidden;
}

.greenline .greentext {
  padding-left: 100%;
  animation: scroll 15s infinite linear;
}

.criss {
  position: relative;
  width: 30px;
  height: 20px;
  z-index: 99;

  &.threelines {
    display: none;
    justify-content: space-between;
    flex-direction: column;
    cursor: pointer;
    transition: 0.2s;

    .line {
      position: relative;
      width: 100%;
      height: 2px;
      background: #000;
      transition: 0.2s;
    }

    &.cross {
      .l1 {
        transform: rotate(-45deg);
        position: relative;
        top: 9px;
        transition: 0.2s;
      }

      .l2 {
        display: none;
        transition: 0.2s;
      }

      .l3 {
        transform: rotate(45deg);
        position: relative;
        bottom: 9px;
        transition: 0.2s;
      }
    }
  }
}

/* FlyMessage */
.fly-message {
  display: flex;
  position: fixed;
  right: 30px;
  bottom: 50px;
  justify-content: center;
  align-items: center;
  --coubForm: 60px;
  width: var(--coubForm);
  height: var(--coubForm);
  border-radius: var(--coubForm);
  background-color: var(--colorRoot);
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20d%3D%22M7%209H17M7%2013H12M21%2020L17.6757%2018.3378C17.4237%2018.2118%2017.2977%2018.1488%2017.1656%2018.1044C17.0484%2018.065%2016.9277%2018.0365%2016.8052%2018.0193C16.6672%2018%2016.5263%2018%2016.2446%2018H6.2C5.07989%2018%204.51984%2018%204.09202%2017.782C3.71569%2017.5903%203.40973%2017.2843%203.21799%2016.908C3%2016.4802%203%2015.9201%203%2014.8V7.2C3%206.07989%203%205.51984%203.21799%205.09202C3.40973%204.71569%203.71569%204.40973%204.09202%204.21799C4.51984%204%205.0799%204%206.2%204H17.8C18.9201%204%2019.4802%204%2019.908%204.21799C20.2843%204.40973%2020.5903%204.71569%2020.782%205.09202C21%205.51984%2021%206.0799%2021%207.2V20Z%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: calc(var(--coubForm) - 20px);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  box-shadow: 0px 0px 15px #747474c9;
  transition: background-color .2s, background-image .2s, box-shadow .2s;
  z-index: 99;

  &:hover {
    background-color: var(--colorRootHov);
    box-shadow: 0px 0px 10px #747474c9;
  }

  .unit {
    position: absolute;
    display: block;
    --unitCoubForm: 50px;
    width: var(--unitCoubForm);
    height: var(--unitCoubForm);
    border-radius: var(--unitCoubForm);
    background-size: calc(var(--unitCoubForm) - 15px);
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s, visibility .4s, transform .4s, background-color .2s;

    &.tg {
      background-color: #40B3E0;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 192 192' xmlns='http://www.w3.org/2000/svg' fill='none'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath stroke='%23ffffff' stroke-width='12' d='M23.073 88.132s65.458-26.782 88.16-36.212c8.702-3.772 38.215-15.843 38.215-15.843s13.621-5.28 12.486 7.544c-.379 5.281-3.406 23.764-6.433 43.756-4.54 28.291-9.459 59.221-9.459 59.221s-.756 8.676-7.188 10.185c-6.433 1.509-17.027-5.281-18.919-6.79-1.513-1.132-28.377-18.106-38.214-26.404-2.649-2.263-5.676-6.79.378-12.071 13.621-12.447 29.891-27.913 39.728-37.72 4.54-4.527 9.081-15.089-9.837-2.264-26.864 18.483-53.35 35.835-53.35 35.835s-6.053 3.772-17.404.377c-11.351-3.395-24.594-7.921-24.594-7.921s-9.08-5.659 6.433-11.693Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
      background-position: center;
      background-repeat: no-repeat;

      &:hover {
        background-color: #219aca;
      }
    }

    &.wap {
      background-color: #25d366;
      background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' width='151px' height='151px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Ewhatsapp%3C/title%3E%3Cpath d='M26.576 5.363c-2.69-2.69-6.406-4.354-10.511-4.354-8.209 0-14.865 6.655-14.865 14.865 0 2.732 0.737 5.291 2.022 7.491l-0.038-0.070-2.109 7.702 7.879-2.067c2.051 1.139 4.498 1.809 7.102 1.809h0.006c8.209-0.003 14.862-6.659 14.862-14.868 0-4.103-1.662-7.817-4.349-10.507l0 0zM16.062 28.228h-0.005c-0 0-0.001 0-0.001 0-2.319 0-4.489-0.64-6.342-1.753l0.056 0.031-0.451-0.267-4.675 1.227 1.247-4.559-0.294-0.467c-1.185-1.862-1.889-4.131-1.889-6.565 0-6.822 5.531-12.353 12.353-12.353s12.353 5.531 12.353 12.353c0 6.822-5.53 12.353-12.353 12.353h-0zM22.838 18.977c-0.371-0.186-2.197-1.083-2.537-1.208-0.341-0.124-0.589-0.185-0.837 0.187-0.246 0.371-0.958 1.207-1.175 1.455-0.216 0.249-0.434 0.279-0.805 0.094-1.15-0.466-2.138-1.087-2.997-1.852l0.010 0.009c-0.799-0.74-1.484-1.587-2.037-2.521l-0.028-0.052c-0.216-0.371-0.023-0.572 0.162-0.757 0.167-0.166 0.372-0.434 0.557-0.65 0.146-0.179 0.271-0.384 0.366-0.604l0.006-0.017c0.043-0.087 0.068-0.188 0.068-0.296 0-0.131-0.037-0.253-0.101-0.357l0.002 0.003c-0.094-0.186-0.836-2.014-1.145-2.758-0.302-0.724-0.609-0.625-0.836-0.637-0.216-0.010-0.464-0.012-0.712-0.012-0.395 0.010-0.746 0.188-0.988 0.463l-0.001 0.002c-0.802 0.761-1.3 1.834-1.3 3.023 0 0.026 0 0.053 0.001 0.079l-0-0.004c0.131 1.467 0.681 2.784 1.527 3.857l-0.012-0.015c1.604 2.379 3.742 4.282 6.251 5.564l0.094 0.043c0.548 0.248 1.25 0.513 1.968 0.74l0.149 0.041c0.442 0.14 0.951 0.221 1.479 0.221 0.303 0 0.601-0.027 0.889-0.078l-0.031 0.004c1.069-0.223 1.956-0.868 2.497-1.749l0.009-0.017c0.165-0.366 0.261-0.793 0.261-1.242 0-0.185-0.016-0.366-0.047-0.542l0.003 0.019c-0.092-0.155-0.34-0.247-0.712-0.434z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;

      &:hover {
        background-color: #1ea951;
      }
    }

    &.phon {
      background-color: #575757;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M20.9995 19.1864V16.4767C21.0105 16.0337 20.858 15.6021 20.5709 15.264C19.7615 14.3106 16.9855 13.7008 15.8851 13.935C15.0274 14.1176 14.4272 14.9788 13.8405 15.5644C11.5747 14.2785 9.69864 12.4062 8.41026 10.1448C8.99696 9.55929 9.85994 8.96036 10.0429 8.10428C10.2772 7.00777 9.66819 4.24949 8.72138 3.43684C8.38835 3.151 7.96253 2.99577 7.52331 3.00009H4.80817C3.77364 3.00106 2.91294 3.92895 3.00713 4.96919C3.00006 13.935 10.0001 21 19.0265 20.9929C20.0723 21.0873 21.0037 20.2223 20.9995 19.1864Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;

      &:hover {
        background-color: #3d3d3d;
      }
    }

    &.mail {
      background-color: #8d6acf;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M3.02832 10L10.2246 14.8166C10.8661 15.2443 11.1869 15.4581 11.5336 15.5412C11.8399 15.6146 12.1593 15.6146 12.4657 15.5412C12.8124 15.4581 13.1332 15.2443 13.7747 14.8166L20.971 10M10.2981 4.06879L4.49814 7.71127C3.95121 8.05474 3.67775 8.22648 3.4794 8.45864C3.30385 8.66412 3.17176 8.90305 3.09111 9.161C3 9.45244 3 9.77535 3 10.4212V16.8C3 17.9201 3 18.4802 3.21799 18.908C3.40973 19.2843 3.71569 19.5903 4.09202 19.782C4.51984 20 5.07989 20 6.2 20H17.8C18.9201 20 19.4802 20 19.908 19.782C20.2843 19.5903 20.5903 19.2843 20.782 18.908C21 18.4802 21 17.9201 21 16.8V10.4212C21 9.77535 21 9.45244 20.9089 9.161C20.8282 8.90305 20.6962 8.66412 20.5206 8.45864C20.3223 8.22648 20.0488 8.05474 19.5019 7.71127L13.7019 4.06879C13.0846 3.68116 12.776 3.48735 12.4449 3.4118C12.152 3.34499 11.848 3.34499 11.5551 3.4118C11.224 3.48735 10.9154 3.68116 10.2981 4.06879Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;

      &:hover {
        background-color: #482c7d;
      }
    }
  }

  &.active {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9498 8.46447C17.3404 8.07394 17.3404 7.44078 16.9498 7.05025C16.5593 6.65973 15.9261 6.65973 15.5356 7.05025L12.0001 10.5858L8.46455 7.05025C8.07402 6.65973 7.44086 6.65973 7.05033 7.05025C6.65981 7.44078 6.65981 8.07394 7.05033 8.46447L10.5859 12L7.05033 15.5355C6.65981 15.9261 6.65981 16.5592 7.05033 16.9497C7.44086 17.3403 8.07402 17.3403 8.46455 16.9497L12.0001 13.4142L15.5356 16.9497C15.9261 17.3403 16.5593 17.3403 16.9498 16.9497C17.3404 16.5592 17.3404 15.9261 16.9498 15.5355L13.4143 12L16.9498 8.46447Z' fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");

    .unit {
      opacity: 1;
      visibility: visible;
    }

    .unit:nth-child(1) {
      transform: translateY(-70px);
    }

    .unit:nth-child(2) {
      transform: translateY(-130px);
    }

    .unit:nth-child(3) {
      transform: translateY(-190px);
    }

    .unit:nth-child(4) {
      transform: translateY(-250px);
    }
  }
}

@media (max-width: 480px) {
  .fly-message {
    right: 15px;
    bottom: 30px;
    --coubForm: 50px;

    &.active {
      .unit:nth-child(1) {
        transform: translateY(-60px);
      }

      .unit:nth-child(2) {
        transform: translateY(-110px);
      }

      .unit:nth-child(3) {
        transform: translateY(-160px);
      }

      .unit:nth-child(4) {
        transform: translateY(-210px);
      }
    }

    .unit {
      --unitCoubForm: 40px;
    }
  }
}

.old_price {
  text-decoration: line-through;
  color: #ac2b2b;
}

.slick-dots {
  position: relative;
}

/* Switch */

.switch {
  --switch-width: 50px;
  --switch-height: calc(var(--switch-width) / 2);
  --switch-border-radius: 999vw;
  /* this will also adjust the radius on the toggle */
  --switch-clr-border: rgba(255 255 255 / .25);
  --switch-clr-bg: #474747;
  --switch-clr-bg-on: green;
  --switch-inset: 2px;
  --switch-duration: 300ms;

  --toggle-size: calc(var(--switch-height) - var(--switch-inset) * 3);
  --toggle-gap: calc(var(--toggle-size) * 1.5);
  --toggle-bg: #F3F4F6;
  --toggle-bg-on: #F3F4F6;

  --led-size: 8px;
  --led-color-off: rgba(255 255 255 / .15);
  --led-color-on: rgb(56, 189, 248);
  --led-color-loading: rgb(234 179 8);
  --led-duration: 3s;
  --led-delay: 500ms;
  --led-blur: 12px;
  --led-blur-distance: -.5rem;

  display: flex;
  align-items: center;
  gap: .75rem;
  width: fit-content;
}

.switch label {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: var(--switch-width);
  height: var(--switch-height);
  border-radius: var(--switch-border-radius);
  border: 1px solid var(--switch-clr-border);
  outline: 1px dashed transparent;
  outline-offset: 4px;
  color: var(--switch-clr-txt);
  background-color: var(--switch-clr-bg);
  isolation: isolate;
  transition-property: background-color;
  transition-duration: var(--switch-duration);
  transition-timing-function: ease-in-out;
  transition-delay: var(--switch-delay, 0ms);
}

.switch>.icon {
  display: grid;
  grid-template-areas: "stack";
}

.switch>.icon>svg {
  grid-area: stack;
  scale: var(--icon-on, 0);
  transition: scale 150ms ease-in-out var(--icon-delay, 0ms);
}

.switch>.icon>svg:last-of-type {
  scale: var(--icon-off, 1);
}

.switch input[type="checkbox"] {
  position: absolute;
  pointer-events: none;
  appearance: none;
  border: none;
  outline: none;
  border-radius: inherit;
  background-color: var(--toggle-bg);
  top: var(--switch-inset);
  left: var(--toggle-x, var(--switch-inset));
  width: var(--toggle-size);
  height: var(--toggle-size);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--toggle-gap);

  transition-property: left, background-color;
  transition-duration: var(--switch-duration);
  transition-timing-function: ease-in-out;
}

.switch input[type="checkbox"]::before,
.switch input[type="checkbox"]::after {
  position: relative;
  color: white;
  transition: scale var(--switch-duration);

}

.switch input[type="checkbox"]::before {
  content: attr(data-on);
  scale: var(--label-scale-on, .75);
}

.switch input[type="checkbox"]::after {
  content: attr(data-off);
  scale: var(--label-scale-off, 1);
}

.switch>.led {
  position: relative;
  width: var(--led-size);
  height: var(--led-size);
  display: block;
  border: 1px solid rgba(255 255 255 / .25);
  border-radius: 50%;
  background-color: var(--led-color-off);
  transition: background-color 50ms;
  animation: var(--led-animation, "")
}

.switch>.led:before {
  content: '';
  position: absolute;
  inset: var(--led-blur-distance);
  z-index: -1;
  border-radius: inherit;
  filter: blur(var(--led-blur));
  opacity: .75;
  animation: var(--led-animation, "")
}

.switch:has(input[type="checkbox"]:focus-visible) label {
  outline-color: white;
}

.switch input {
  margin: 0;
  padding: 0;
}

/* switch "on" */
.switch:has(input[type="checkbox"]:checked) {
  --switch-clr-bg: var(--switch-clr-bg-on);
  --switch-delay: 250ms;
  /* slight delay on background color change */
  --toggle-x: calc(50% + var(--switch-inset));
  --toggle-clr-bg: green;
  --toggle-bg: var(--toggle-bg-on);
  --led-animation: toggle var(--led-duration) linear forwards var(--led-delay);
  --icon-on: 1;
  --icon-off: 0;
  --icon-delay: 250ms;
  --label-scale-off: .75;
  --label-scale-on: 1;
}

@keyframes toggle {

  0%,
  10%,
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80% {
    background-color: var(--led-color-off);
  }

  5%,
  15%,
  25%,
  35%,
  45%,
  55%,
  65%,
  75%,
  85% {
    background-color: var(--led-color-loading);
  }

  100% {
    background-color: var(--led-color-on);
  }
}

.spoila-tabs-holder {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  /* Три столбца */
  grid-template-rows: auto auto;
  /* Два ряда */
  gap: 10px;

  .spoiladoor {
    display: none;
    overflow: hidden;
    /* max-height: 0; */
    transition: max-height 0.3s ease-in-out;

    .info {
      padding: 20px 0 0 0;
      max-width: 700px;
    }
  }

  .spoilakey {
    position: relative;
    background: #fff;
    margin: 0 0 5px 0;

    &.active {
      .topic {
        background: hsl(0, 0%, 90%);
      }

    }

    .topic {
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-transform: inherit;
      background: #F1F1F1;
      padding: 15px 20px;
      border-radius: 5px;
      font-weight: 400;
      margin: 0;
      cursor: pointer;
      transition: 0.2s;

      &:hover {
        background: hsl(0, 0%, 90%);
        transition: 0.2s;
      }

    }

    .cross {
      position: relative;
      display: none;
    }
  }

  .topic .cross {
    transition: 0.2s;
  }

  .spoiladoor {
    display: none;
    /* padding: 5px; */
    grid-column: 1 / -1;
    /* Растягиваем на три столбца */
  }

  .spoilakey.active {
    .cross {
      transform: rotate(45deg);
      transition: 0.2s;
    }
  }

  .spoilakey.active+.spoiladoor {
    display: block;
    padding: 15px 20px;
    margin-bottom: 20px;
    order: 99;
  }
}

@media (max-width: 640px) {

  .fdc-640{
    flex-direction: column;
  }
  .spoila-tabs-holder {
    display: block;

    .topic {
      .cross {
        display: flex;
      }
    }
  }


}

/* Adaptive */
@media (max-width: 1240px) {
  .header-holder .header {
    padding: 0 0 30px 0;
  }

  .pay-list {
    /* gap: 20px; */
  }
}

@media (max-width: 1024px) {
  .pay-list .title {
    font-size: 1.5rem;
  }

  .pay-list .descript {
    font-size: 1.3rem;
  }
}

@media (max-width: 980px) {
  .fdc-980 {
    flex-direction: column;
  }

  .how-work {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  .how-work .unit {
    gap: 20px;
  }

  .how-work .unit .count {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #ff796c;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }

  .face-about.hlr .right {
    max-height: 350px;
  }

  .hlr.hlr-rev-980 .left {
    order: 1;
  }

  .hlr.hlr-rev-980 .right {
    order: 0;
  }

  .flexnav ul {
    gap: 30px;
  }

  .prod-block {
    gap: 20px;
  }

  .prod-share {
    flex-direction: column;
    align-items: end;
  }

  .furniture-catalog-holder {
    grid-template-columns: 0.4fr 1fr;
    gap: 20px;
  }

  .furniture-catalog-holder .furniture-catalog {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 840px) {
  html {
    font-size: 9px;
  }

  h1 {
    font-size: 3.6rem;
  }

  h2 {
    font-size: 3.2rem;
  }

  h3 {
    font-size: 2.8rem;
  }

  h4 {
    font-size: 2.6rem;
  }

  h5 {
    font-size: 2.4rem;
  }

  h6 {
    font-size: 2.2rem;
  }

  .fdc-840 {
    flex-direction: column;
  }

  .nosee-full .unit {
    min-height: 200px;
  }

  .slick-gall {
    padding: 0 30px;
  }

  .slick-gall .slick-next {
    right: -10px;
  }

  .slick-gall .slick-prev {
    left: -10px;
  }

  .flexnav ul {
    gap: 30px;
  }

  .footer-nav {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .np-768 {
    padding: 0;
  }

  .criss {
    &.threelines {
      display: flex;
    }
  }

  .nav-socials {
    display: block;
  }

  /* .flexnav {
    display: flex;
    flex-direction: column;
  } */

  .markmodal {
    height: 60vh;
    width: 90vw;
    max-width: 100%;
  }

  .filter-btn {
    display: block;
  }

  .sidebar-filters {
    position: fixed;
    top: 0;
    height: 100%;
    bottom: 0;
    left: -100%;
    width: 100%;
    visibility: hidden;
    overflow-y: auto;
    animation-duration: 0.2s;
    animation-name: shadBg;
    animation-fill-mode: forwards;
    transition: 0.2s;
    z-index: 102;
  }

  .sidebar-filters .criss-filter {
    position: absolute;
    display: flex;
    right: 15px;
    top: 25px;
    width: 30px;
    height: 20px;
    justify-content: space-between;
    flex-direction: column;
    cursor: pointer;
    transition: 0.2s;
    z-index: 99;

    .line {
      position: relative;
      width: 100%;
      height: 2px;
      background: #000;
      transition: 0.2s;
    }

    .l1 {
      transform: rotate(-45deg);
      position: relative;
      top: 9px;
      transition: 0.2s;
    }

    .l2 {
      display: none;
      transition: 0.2s;
    }

    .l3 {
      transform: rotate(45deg);
      position: relative;
      bottom: 9px;
      transition: 0.2s;
    }

  }

  .sidebar-filters .fly-filters {
    width: 80%;
    height: 100%;
    padding: 80px;
    background: #fff;
  }

  .showFilter {
    left: 0;
    visibility: visible;
    transition: 0.2s;
  }

  .centro {
    padding: 0 10px;
  }

  .face-catalog-holder .img-holder {
    width: 200px;
    height: 200px;
  }

  .achive-holder {
    padding: 0 10px;
    gap: 20px;
  }

  .achive-holder .topic {
    text-transform: none;
  }

  .face-slider .unit .pod-title {
    top: 30%;
  }

  .face-slider .unit .pod-title .title {
    font-size: 3.2rem;
  }

  .header-holder {
    margin-bottom: 35px;
  }

  .section {
    padding: 30px 0 50px;
  }

  .proj-title-line {
    margin-bottom: 25px;
  }

  .header-holder .header {
    padding: 0 0 2.5rem 0;
  }

  .prod-block {
    grid-template-columns: repeat(1, 1fr);
  }

  .footer-holder {
    padding: 20px 0 0 0;
  }

  .furniture-catalog-holder {
    grid-template-columns: repeat(1, 1fr);
  }

  .header {
    grid-template-columns: repeat(1, 1fr);
  }

  .footer {
    grid-template-columns: repeat(1, 1fr);
  }

  .logo {
    max-width: 180px;
  }

  .z100 {
    position: relative;
    z-index: 100;
  }

  .toggle {
    position: relative;
    display: block;
    margin-left: 5px;
    z-index: 100;
  }

  .flexnav {
    /* position: fixed; */
    /* top: -100%; */
    /* height: 100%; */
    /* bottom: 0; */
    padding: 10px 0;
    /* width: 100%;
    background: #fff; */
    /* box-shadow: 0px 0px 17.69px -4px rgba(0, 0, 0, 0.25); */
    transition: 0.2s;
  }

  .flexnav ul {
    gap: 0;
  }

  .flexnav:after {
    content: "";
    position: absolute;
    display: block;
  }

  .flexnav .vertical_nav {
    flex-direction: column;
  }

  .flexnav ul li a {
    display: flex;
    text-align: left;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }

  .flexnav ul li.current a {
    border-bottom: none;
  }

  .flexnav ul li:hover ul {
    position: relative;
    box-shadow: none;
    background: #c7c7c7;
    border-radius: 0;
  }

  .nav-holder.showNav {
    /* left: 0; */
    display: block;
    visibility: visible;
    transition: 0.2s;
  }

  .nav-holder.showNav .flexnav {
    left: 0;
  }

  .nav-holder {
    position: absolute;
    width: 100%;
    left: 0;
    /* visibility: hidden; */
    display: none;
    background: #fff;
    top: 101%;
    height: 100vh;
    /* bottom: 0; */
    transition: 0.2s;
    z-index: 99;
  }

  .showNav {
    animation-duration: 0.2s;
    animation-name: shadBg;
    animation-fill-mode: forwards;
    transition: 0.2s;
  }

  .nav-holder .toggle {
    display: inline-flex;
  }

  @keyframes shadBg {
    0% {
      /* background: rgba(255, 255, 255, 0); */
      background: #fff;
    }

    100% {
      /* background: hsla(0, 0%, 26%, 0.4); */
      background: #fff;
    }
  }
}

@media (max-width: 680px) {
  .fdc-680 {
    flex-direction: column;
  }

  .tabs__caption {
    gap: 25px;
  }

  .achive-holder.btb {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .fdc-640 {
    flex-direction: column;
  }
}

@media (max-width: 580px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.8rem;
  }

  h3 {
    font-size: 2.6rem;
  }

  h4 {
    font-size: 2.4rem;
  }

  h5 {
    font-size: 2.2rem;
  }

  h6 {
    font-size: 2rem;
  }

  .fdc-580 {
    flex-direction: column;
  }

  .markmodal {
    height: 90vh;
    width: 90vw;
    max-width: 100%;
  }

  .tabs__caption {
    gap: 15px;
  }

  .tabs__caption li {
    margin: 0;
  }

  .pay-list .unit {
    margin: 0 10px;
  }

  .hlr.hlr-rev-580 .left {
    order: 1;
  }

  .hlr.hlr-rev-580 .right {
    order: 0;
  }

  .sidebar-filters .fly-filters {
    padding: 40px;
  }

  .np-560 {
    padding: 0;
  }

  .face-catalog-holder .img-holder {
    width: 150px;
    height: 150px;
  }

  .face-slider .unit .pod-title {
    top: 10%;
  }

  .face-slider .unit .pod-title .title {
    font-size: 2.6rem;
  }

  .news-content .inside-img {
    display: inline-block;
    float: none;
    max-width: 100%;
    margin: 0 0 25px 0;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 8px;
  }

  h1 {
    font-size: 2.8rem;
  }

  h2 {
    font-size: 2.6rem;
  }

  h3 {
    font-size: 2.4rem;
  }

  h4 {
    font-size: 2.2rem;
  }

  h5 {
    font-size: 2rem;
  }

  h6 {
    font-size: 1.8rem;
  }

  .how-work {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  .how-work .unit {
    gap: 20px;
  }

  .how-work .unit .count {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #ff796c;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
  }

  .achive-holder {
    grid-template-columns: repeat(1, 1fr);
  }

  .furniture-catalog-holder .furniture-catalog {
    grid-template-columns: repeat(1, 1fr);
  }

  .copyright {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .fdc-420 {
    flex-direction: column;
  }

  .title-nav h1 {
    margin-bottom: 15px;
  }

  .how-work {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }

  .how-work .unit {
    gap: 20px;
  }

  .how-work .unit .count {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #ff796c;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
  }

  .sidebar-filters .fly-filters {
    padding: 20px;
  }

  .logo {
    max-width: 150px;
  }

  .face-catalog-holder .img-holder {
    width: 120px;
    height: 120px;
  }

  .footer-nav {
    grid-template-columns: repeat(1, 1fr);
  }

  .footer-nav.lisn li {
    margin: 0;
  }
}

@media (max-width: 360px) {
  .logo {
    max-width: 120px;
  }
}