@font-face {
    font-family: 'UA-brand';
    src: url('../fonts/uaBrand/UA-brand.woff2') format('woff2'),
        url('../fonts/uaBrand/UA-brand.woff') format('woff'),
        url('../fonts/uaBrand/UA-brand.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UA-brand';
    src: url('../fonts/uaBrand/UA-brand-Bold.woff2') format('woff2'),
        url('../fonts/uaBrand/UA-brand-Bold.woff') format('woff'),
        url('../fonts/uaBrand/UA-brand-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UA-brand';
    src: url('../fonts/uaBrand/UA-brand-Black.woff2') format('woff2'),
        url('../fonts/uaBrand/UA-brand-Black.woff') format('woff'),
        url('../fonts/uaBrand/UA-brand-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

::-moz-selection {
  background-color: #1f2229;
  color: #fff;
}

::selection {
  background-color: #1f2229;
  color: #fff;
}

input:focus:required:invalid,
textarea:focus:required:invalid {
  border-color: #d31543;
}

input:required:valid,
textarea:required:valid {
  border-color: #bc9e7b;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  color: var(--main-dark);
  font-family: 'Manrope', sans-serif;
  font-size: 1.8rem;
  height: 100%;
  line-height: 1.2222222;
  min-width: 32rem;
  overflow-x: hidden;
  position: relative;
  margin: 0 auto;
  background: #f3f3f3;
  padding-top: 7.2rem;
  font-weight: 400;
    transition: .3s;
}

:root {
  scroll-behavior: auto;
  --grey-txt:#888888;
  --main: #E36829;
  --main-hover: #fe6d22;
  --dark:#2B2B2B;
  --main-dark:#1B1B1B;
  --main-dark-hover: #505050;
  --stroke: #E1E1E1;
  --main-red: #D15252;
  --main-red-hover: #ee4e4e;
}

*{
  box-sizing: border-box;
}
div,section,*:before,*:after{
    background-repeat: no-repeat;
}
html {
  font-size: 10px;
  height: 100%;
  scroll-behavior: auto;
}
a:hover{
    text-decoration: none;
    color: var(--main);
}
a{
    text-decoration: none;
    color: var(--main);
    letter-spacing: 0.01em;
    transition: .3s;
}
p{
  margin:0;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
/*  overflow: hidden;*/
}

footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
    position: relative;
    z-index: 9;
}
button {
    border: 0;
}
.formhid {
    display: none;
}
.m-b-0{
    margin-bottom: 0!important;
}
.m-b-5 {
    margin-bottom: 5rem;
}
.title{
    font-weight: 800;  
    font-size: 3.2rem;
}
.threeCol{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}
.redColor{
  color:var(--main-red);
}
a.redColor:hover{
  color:var(--main-red-hover);  
}
.blackBtn {
    background: var(--main-dark);
    color: white;
}
.blackBtn:hover {
    background: var(--main-dark-hover);
}
.btn{
    font-size: 1.8rem;
    line-height: 1.15;
    border-radius: .8rem;
    padding: 1.8rem 3.2rem;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    transition: .3s;
    position: relative;
}
.btn.outlined {
    border: 0.2rem solid;
}
.btn.outlined:hover {
    background-color: var(--main);
    color: white;
    border-color: var(--main);
}

body.hVisible,body{
    padding-top:11.2rem!important;
}
body.hVisible #HLine,body.hVisible #HLine2{
    visibility: visible;
    height: 6rem;
    opacity: 1;
    transition: 0s;
}
.HLineStyle{
    background: #1c1c14;
    align-items: center;
    display: flex;
/*     visibility: hidden;
opacity: 0;
height: 0; */
    visibility: visible;
    height: 4rem;
    opacity: 1;
    transition: 0s;
    overflow:hidden;
}
.HLineStyle .fancybox-button  {
    padding: 0;
    right: 2rem;
    position: absolute;
}
.HLineStyle .inner {
    height: 100%;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 2.4rem;
    padding: 0.5rem 0;
    position:relative;
}
.HLineStyle .inner .img {
    display: block;
    height: 3rem;
    width: 4rem;
    background-position: center;
    background-size: contain;
}
#HLine2.HLineStyle .img{
    background-image: url(../images/dist/hline-kalkul.svg);
    height: 4rem;
    width: 5rem;
    background-size: 7rem;
    background-position: left center;
}
.HLineStyle .link {
    height: 4rem;
    display: flex;
    color: white;
    font-weight: 600;
    gap: 2rem;
    align-items: center;
    line-height: 1;
    cursor:pointer;
}
.HLineStyle .inner img {
    max-height: 100%;
}
@media(max-width:767px){
    .HLineStyle .link{
        gap:1rem;
    }
    .HLineStyle .inner  {
        padding-right: 1rem;
        font-size: 2rem;
    }
    .HLineStyle .inner .img{
        margin-left: .5rem;
        height: 3.5rem;
        min-width: 4rem;
    }
    .HLineStyle .fancybox-button {
        padding: .5rem;
        right: 0rem;
    }
}
@media(max-width:480px){
    .HLineStyle .inner {
        font-size: 2rem;
    }
    #HLine2.HLineStyle .img {
        background-size: 8rem;
        width: 7rem;
        height: 5rem;
        margin-left: 0;
    }
    .HLineStyle .link {
        font-size: 1.7rem;
        font-weight: 700;
    }
}
header {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    background: #FFF;
    box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.06);
}
header a {
    color: var(--main-dark);
}
.hbottom {
    background: #FFFFFF;
    transition: .3s;
    height: 7.2rem;
    display: flex;
    align-items: center;
}
.hbottom .row {
    gap: 3rem ;
}

header .row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    font-size: 1.4rem;
    line-height: 164%;
}
.wrapper {
    max-width: 148rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
    box-sizing: border-box;
}
.container{
    max-width: 168rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}
main.container{
    min-height: calc(100vh - 32.2rem);
}
.logo {
    color: var(--main-dark);
    font-family: Manrope;
    font-size: 3.2rem;
    font-weight: 200;
    line-height: 112%;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    max-width:15rem;
    height:7.5rem;
}
.logo svg {
    width: 100%;
    height: 100%;
    fill: #12100B;
    transition:.3s;
}
.logo svg:hover {
    fill: var(--main);
}
.greenBtn.lightGreen,.orangeBtn.lightOrange{
    border-radius: .8rem;
    background: #E368291f;
    color: var(--main, #E36829);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 112%;
    display: flex;
    height: 4rem;
    padding: 0 1.6rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.menuList {
    display: flex;
    gap: 2rem;
    font-family: Manrope;
    font-size: 1.7rem;
    font-weight: 600;
}
.workPhone {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    font-size:1.4rem;
}
.workPhone span {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--grey-txt);
    line-height: 1.5;
    letter-spacing: 0.012rem;
}

ul.socLinks {
    gap: 1.6rem;
    display: flex;
    font-weight: 600;
    text-transform: uppercase;
}
ul.socLinks li {
    font-size: 1.8rem;
    transition: .3s;
}
ul.socLinks li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.7rem;
    font-weight: 700;
    font-size: 1.8rem;
    color:var(--main-dark);
    line-height: 1.3;
    text-transform: none;
}
ul.socLinks li .circle {
    width: 5.6rem;
    height: 5.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-dark);
    border-radius: 3rem;
    transition: .3s;
}
ul.socLinks li:hover .circle {
    background-color: var(--main-dark-hover);
}
ul.socLinks li i {
    color: white;
    font-size: 3.4rem;
}
ul.socLinks li i.fa-paper-plane{
    font-size: 2.6rem;
}
#mobile-menu ul.socLinks li i.fa-paper-plane {
    font-size: 1.6rem;
}
ul.socLinks li a svg {
    width: 3.6rem;
}
ul.socLinks li i.fa-vk {
    font-size: 2.6rem;
}
header ul.socLinks li a svg,footer ul.socLinks li a svg {
    width: 3rem;
}
header ul.socLinks li .circle,footer ul.socLinks li .circle{
    width: 4rem;
    height: 4rem;
}
header ul.socLinks li i,footer ul.socLinks li i {
    font-size: 2.6rem;
}
header ul.socLinks li i.fa-vk,footer ul.socLinks li i.fa-vk {
    font-size: 2rem;
}
header ul.socLinks li i.fa-paper-plane, footer ul.socLinks li i.fa-paper-plane{
    font-size: 2rem;
    margin-left: -0.3rem;
}

.socLinks .waColor .circle {
    background-color: #28d347;
}
.socLinks .vkColor .circle {
    background-color: #0077ff;
}
.socLinks .tgColor .circle {
    background-color: #29a9ea;
}
.socLinks .maxColor .circle {
    background: linear-gradient(45deg, #56cafd, #294cf9, #983ddb);
}
.socLinks .maxColor .circle svg {
    fill: white;
    transition:.3s;
}

.socLinks .waColor:hover .circle{
    background-color: #21eb6d;
}
.socLinks .vkColor:hover .circle{
    background-color: #2289ff;
}
.socLinks .tgColor:hover .circle{
    background-color: #32b3f1;
}
.socLinks .maxColor:hover .circle svg {
    fill: #d4f2ff;
}

footer .menu {
/*     display: grid;
grid-template-columns: repeat(3, 1fr); */

    display: flex;
    gap:2.4rem;
}
footer .menuList {
    flex-direction: column;
    gap: 1.5rem;
    flex:auto;
}
@media(min-width:767px){
    footer .menuList:last-child {
        flex: 20rem;
    }
}
footer .menuList b{
    color:var(--grey-txt);
}

.svg-hidden{
  display:none;
}
.mainBanner {
    justify-content: center;
    height: 80rem;
    background-position: bottom center;
    background-size: cover;
    display: flex;
    align-items: end;
    padding-bottom: 12rem;
    margin-bottom: 8rem;
}
.bannerInner {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 5rem;
    align-items: end;
}
.bannerInner .text {
    color: white;
}
.bannerInner .text h1 {
    font-size: 8rem;
    font-weight: 800;
    margin: 0;
    line-height: 110%;
    margin-bottom: 2rem;
}
.bannerInner .text h2 {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
}
.greenColor,.orangeColor {
    color: var(--main);
}
.greenNewBtn {
    background: #37C645;
    color: white;
}
.greenNewBtn:hover{
    background: #41de50;
    color:white;
}
.blueNewBtn{
    background: #29a9ea;
    color: white;
}
.blueNewBtn:hover{
    background: #4fc4ff;
    color:white;
}
.bannerTabs .text {
    color: var(--main-dark);
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.bannerTabs .text b{
    color: var(--main);
}
.bannerTabs p {
    margin: 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 140%;
}
.bannerTabs .tab {
    display: none;
}
.bannerTabs .tab.active {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.bannerTabs {
    height: auto;
    padding: 3rem;
    border-radius: 0 .8rem .8rem .8rem;
    background: rgba(255, 255, 255, 0.95);
}
ul.topToggle {
    display: flex;
    position: relative;
    z-index: 0;
}
ul.topToggle li.active {
    background: rgba(255, 255, 255, 0.95);
}

ul.topToggle li {
    color: var(--main-dark);
    font-family: Manrope;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 112%;
    border-radius: .8rem .8rem 0 0;
    background: rgba(255, 255, 255, 0.72);
    padding: 2.4rem 3.2rem;
    transition: .5s;
}
ul.topToggle li:not(.active):hover {
    background: rgba(255, 255, 255, 0.82);
    cursor: pointer;
}
.bannerTabs .greenBtn {
    margin: 1rem auto 0 0;
}
.greenBtn,.orangeBtn {
    background: var(--main);
    color: #FFF;
    font-weight: 800;
    display: flex;
    height: 6rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.greenBtn:hover,.orangeBtn:hover{
    background: var(--main-hover);
    color: white;
}

.blocktitle {
    line-height: 1.18;
    display: flex;
    flex-direction: column;
    margin-bottom: 4.6rem;
}
.blocktitle b, .blocktitle strong, .blocktitle h2, .blocktitle h1 {
    font-weight: 900;
    font-size: 5.4rem;
    margin:0;
}
.blocktitle.big b, .blocktitle.big h2, .blocktitle.big h1 {
    font-weight: 900;
    font-size: 7.2rem;
    line-height: 1.12;
}
.blocktitle h2 b{
    color:var(--main);
}
.kitchenListBL{
    background-image: url(../images/dist/kitchenlistbl-bg.jpg);
    color: white;
    padding: 10rem 0 7rem;
    position: relative;
    margin-bottom:8rem;
    background-size:cover;
}
/* .kitchenListBL:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/dist/kitchenlistbl-fig-bg.png);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: luminosity;
    opacity: 0.5;
} */
.kitchenListBL .wrapper {
    position: relative;
    z-index: 2;
}
.kitchenListBL .kItem:hover .bottom,.kitchenListBL .kItem:first-child .bottom  {
    color:var(--main-dark);
}
.kitchenListRow {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2.2rem;
    min-height: 54rem;
    align-items: baseline;
}
.kItem {
    display: flex;
    flex-direction: column;
    position: relative;
}
.kItem .img {
    overflow: hidden;
    border-radius: .8rem;
    /* height: 34.2rem; */
    height: 45.2rem;
    width: 100%;
    position:relative;
}
.kItem .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kItem .bottom {
    display: flex;
    flex-direction: column;
    padding: 2rem 0 0;
    gap: 0.3rem;
    position:relative;
}
.kItem .bottom .orangeColor{
    font-size: 1.3rem;
    font-weight: 600;
}
.kItem .name {
    font-size: 2.2rem;
    font-weight: 700;
}
.kItem .category {
    font-weight: 500;
    color: var(--grey-txt);
}
.prices {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    justify-content: space-between;
}
.prices .line{
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}
.prices .row {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.prices .discont {
    border-radius: 2.4rem;
    background-color: #e13434;
    color: white;
    padding: 0.4rem 0.5rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.1;
    color: white;
}
.kItem .prices .discont {
    position: relative;
    top: -0.5rem;
}
.prices .price {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
}
.prices .price span {
    font-size: 1.8rem;
}
.prices .oldprice {
    color: var(--grey-txt);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 140%;
    text-decoration-line: line-through;
}
.prices .oldprice svg {
    fill: var(--grey-txt);
}

.catalogBl .prices {
    justify-content: flex-start;
    gap: 2rem;
}

.catalogBl .prices .price {
    font-size: 3.4rem;
}
.onhover {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
}
.kItem:hover .onhover,.kitchenListBL .kItem:first-child .onhover {
    opacity: 1;
    height: 4rem;
    visibility: visible;
    margin-top: 0.6rem;
}
.kItem .greenBtn {
    height: 4rem;
    padding: 0 1.6rem;
    font-size: 1.4rem;
    font-weight: 600;
    width: 16.3rem;
    text-align:center;
}
.showMore.dots {
    display: flex;
    align-items: center;
    padding-right: 2rem;
    color: var(--main-dark);
}
.showMore:hover{
    color: var(--main-hover);
}
.showMore.dots svg {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
}
.kItem:hover:before,.kitchenListBL .kItem:first-child:before {
    transform: scale(1.05);
    box-shadow: 0 0 4.8rem 0 rgba(0, 0, 0, 0.08);
}

.kItem:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .3s;
    border-radius: .8rem;
}
.kItem:hover:before,.kitchenListBL .kItem:first-child:before{
    background: white;
}
/* Кухня месяца */
.kitchenMonth {
    margin-bottom: 8rem;
    margin-top: 10rem;
}
.kmRow {
    margin: 5rem 0;
    padding-bottom: .5rem;
}
.kmItem {
    border-radius: 1.6rem;
    display: grid;
    grid-template-columns: 90rem 46rem;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 64rem;
    padding-right:1rem;
}
.kmItem .vidNav{
    position:relative;
}
.kmItem .vidNav .play_btn {
    width: 4rem;
    height: 4rem;
}
.kmItem .vidNav .play_btn:after,.kmItem .vidNav .play_btn:before{
    display:none;
}
.kmItem .img{
    background-size:cover;
    background-position:center;
    border-radius: 1.6rem;
}
.kmItem .autorBl {
    margin: 0 0 2.4rem;
}
.kmItem .text {
    border-radius: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0.5rem;
}
.kmItem .autorBl h3 {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 0.8rem;
}
.quoteIcon {
    position: relative;
}
.quoteIcon svg {
    position: absolute;
    left: -4rem;
    width: 3.2rem;
    height: 3.2rem;
    top: 0;
}
.kmItemTitle {
    display: flex;
    flex-direction: column;
    font-size: 1.8rem;
    font-weight: 400;
    gap: 0.8rem;
}
.kmItemTitle .category {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--grey-txt);
}
.kmItemTitle .name {
    line-height: 1;
    font-size: 3.2rem;
    font-weight: 800;
    margin:0;
    margin-bottom:0.8rem;
}
.kmItemTitle .price {
    font-size: 4.4rem;
    line-height:1;
}
.kmItemTitle .prices {
    flex-wrap:wrap;
    gap: 0.5rem 2rem;
    margin-top: 1rem;
    align-items: end;
    justify-content: start;
    font-size:2.2rem;
}
.kmItemTitle .prices .row:first-child {
    gap: 1rem;
    align-items: baseline;
}
.kmItemTitle .prices > p {
    position: relative;
}
.kmItemTitle .price .oldprice {
    padding-right: 2rem;
}
.kmItemTitle .card__table-item {
    font-size: 1.4rem;
    max-width: 34rem;
}
.kmItemTitle > p {
    font-size: 1.4rem;
}
.kmItemTitle .card__table-item b {
    max-width: 10.5rem;
}

.kmItem .text .descr {
    font-size: 1.8rem;
    margin-top: 1.6rem;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 5;
    line-height: 1.45;
}
.kmItem .btnRow,.kmItemTitle .btnRow  {
    display: flex;
    gap: 1.6rem;
}
.kmItem .btnRow,.kmItemTitle .btnRow {
    flex-direction:column;
    text-align:center;
}
.kmItem .text .btnRow .lightGreen,.kmItemTitle .btnRow .lightGreen{
    height: 6rem;
    width: auto;
}
.kmItem .btnRow .outlined {
    background-color: unset;
}
.kmItem .btnRow .outlined:hover {
    color: var(--main-red-hover);
}
.kmItem .btnRow a {
    line-height: 1.1;
    text-align:center;
    margin: 0;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 800;
    height:6rem;
}
ul.perfList li img {
    position: absolute;
    left: 0;
    max-width:2rem;
}
ul.perfList li {
    padding-left: 2.8rem;
    position: relative;
}
ul.perfList b {
    font-weight: 800;
}
ul.perfList {
    margin: 2.5rem 0 3.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
ul.perfList .disBl img,ul.perfList .disBl svg {
    position: unset;
    max-width: 4rem;
    max-height:4rem;
}
ul.perfList .disBl {
    background: #f5edd4;
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 1.2;
    padding: 1rem 1.6rem;
    display: flex;
    align-items: center;
    gap: 1.6rem;
    border-radius: 50rem;
}
ul.perfList .pogonMetr {
    background: var(--stroke);
    display:none;
}

/* !---! */

footer {
    background: var(--main-dark);
    border-radius: 1.6rem 1.6rem 0 0;
    color: white;
}
footer a{
  color:white;
}
.frow {
    display: grid;
    grid-template-columns: 24.4rem 72rem 31rem;
    padding-top: 6rem;
    padding-bottom: 2rem;
    justify-content: space-between;
}
.frow .grey {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: var(--grey-txt);
    display: block;
}
.frow .policy {
    grid-column: 1 / span 3;
    max-width: 102rem;
    margin: 4rem auto 0;
    opacity: .4;
}
.fleft {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
footer .logo {
    margin-bottom: 2rem;
    color: white;
    height: 7rem;
    max-width: 14rem;
}
footer .logo svg {
    fill: white;
    margin-bottom: -2.5rem;
}
.fright {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4rem;
    text-align: right;
}
.fright .rating,.prodCol .right .rating {
    display: flex;
    gap: 3.2rem;
    flex-wrap: wrap;
    justify-content: end;
}
.fright .rating {
    flex-direction: column;
}
.rating svg{
    width:8.5rem;
    height:2.4rem;
    transition:.3s;
}

.fright .rating svg{
    fill:white;
}
.rating a,.rating .item {
    display: flex;
    align-items: end;
    gap: 1rem;
    font-weight: 800;
    font-size: 2rem;
    width: 13rem;
}
.fright .rating img {
    width: 8.5rem;
}
.fright .phone {
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 118.5%;
}
.fright .time{
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--grey-txt);
}
.fright .adress {
    margin: 0;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 118.5%;
}
.fright img{
    max-width:100%;
}
.fright .col{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
}

/* Стат бл*/ 
.statBl.threeCol {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}
.blocktitle.inline {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.circleBg svg {
    position: absolute;
    left: -5rem;
    top: -3.3rem;
    width: 36rem;
    height: 10.8rem;
}
.blocktitle.inline p {
    font-size: 3.2rem;
    font-weight: 500;
    position: relative;
    min-width: 22rem;
}
.statBl {
    margin: 6rem auto 10rem;
}
.statBl .statItem {
    font-weight: 700;
    display: grid;
    gap: 1.4rem;
    grid-template-columns: 8.2rem 1fr;
    align-items: center;
}
.statBl .statItem b {
    font-size: 6rem;
    font-weight: 800;
    display: block;
    margin-bottom: .8rem;
}
.statBl .statItem p {
    line-height: 1.3;
    font-size: 2rem;
    font-weight: 600;
    max-width:30rem;
}
.statBl .statItem .circle:before {
    opacity: 0.12;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--main);
    border-radius: 100%;
    left: -2rem;
}

.statBl .statItem .circle {
    position: relative;
    width: 7.2rem;
    height: 7.2rem;
}
.statBl .statItem .circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Форма дизайна */
form input,form textarea,form button{
    font-family: 'Manrope';
}
.askBl {
    padding: 12rem 0 11rem;
    background-position: center;
    background-size: cover;
    /* margin-bottom:-2rem; */
}
.askBl .blocktitle {
    gap: 2rem;
    margin-bottom: 2.7rem;
}
.askBl .blocktitle > span {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.4;
}
.inputStyle {
    background: #FFF;
    font-size: 1.8rem;
    line-height: 1.45;
    padding: 1.6rem;
    border: 1px solid var(--stroke);
    border-radius: 0.8rem;
    letter-spacing: 0.01em;
    font-family: 'Manrope';
    min-width: 36rem;
}
#callbackPhoneMain .inputStyle {
    height: 100%;
    min-width: 29.7rem;
}
#callbackPhoneMain .greenBtn{
    height:5.6rem;
}
#callbackPhoneMain .row{
    align-items: center;
}

form .row {
    display: flex;
    gap: 1.6rem;
}
.askBl form .descr{
  max-width: 56.5rem;
  display:block;
}
.askBl.reverse form .descr a{
    color:white;
}
form .descr {
    color: #c9c9c9;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 1.6rem;
}
/* частые вопросы */
.questionBl {
    margin: 8rem auto;
}
.questionRow {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 4.8rem;
}
.questItem.big {
    grid-column: span 2;
}
.questItem.big .img{
    height: 48rem;
}
.questItem {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 140%;
    transition: .3s;
    cursor: pointer;
}
.questItem .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .3s;
}
.questItem .img {
    height: 32rem;
    border-radius: .8rem;
    overflow: hidden;
    margin-bottom: 1.7rem;
}
.questItem:hover{
  color:var(--main);
}
.questItem:hover .img img {
    transform: scale(1.1);
}
.greenBtn.toPage {
    display: inline-flex;
}
/* Блок связаться с нами */
.contactUsBl {
    padding: 12rem 0;
    margin-top: 12rem;
    background-size: cover;
}
.contactUsBl .inner {
    background-color: white;
    max-width: 69rem;
    padding: 3.2rem;
    border-radius: .8rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}
.contactUsBl .inner .blocktitle {
    margin: 0;
}
.contactUsBl .socLinks {
    padding-right: 1rem;
    justify-content: space-around;
}
.contactUsBl .inner hr {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #E1E1E1;
}
.contactUsBl form .row {
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 21.5rem;
    align-items: center;
}
.contactUsBl form {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin: 0;
}
.contactUsBl form p{
    margin: 0;
}

/* Блок отзывов */
.replyBl {
    background-color: #FBFAFA;
    background-image: url(../images/dist/heart-bg.png);
    background-position: center left -9rem;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
}
.replyBl:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 15rem;
    background: var(--main);
}
.replyBl .wrapper > div {
    padding: 4rem 0;
}
.replyBl .right {
    color: white;
    background: var(--main);
}
.replyBl .replyItem {
    grid-template-columns: 63.8rem 27.2rem;
}
.replyBl .replyItem .img {
    background: #e36829;
    border: 0.2rem solid white;
    padding: 0.9rem;
    border-radius: 2rem;
    display: flex;
}
.replyBl .replyItem .img:before, .replyBl .replyItem .img:after {
    opacity: 0;
}
.replyBl .replyItem .text {
    grid-column: 1;
    grid-row: 1;
    padding-left: 4rem;
}


.replyBl .wrapper {
    display: grid;
    grid-template-columns: 47.4rem 95rem;
    gap: 1.6rem;
    justify-content: space-between;
}
.replyBl .left .bottom {
    display: grid;
    margin-top: 6.2rem;
    grid-template-columns: 18rem 20rem;
    justify-content: space-between;
    align-items: revert;
}

.replyBl .left p,.replyPageRow aside p  {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 140%;
    max-width: 33.3rem;
}
.replyBl .left b.greenColor,.replyPageRow aside .greenColor {
    font-size: 7.2rem;
    font-weight: 800;
    line-height: 0.7;
    display: block;
    margin-bottom: 1.8rem;
}
.replyItem {
    display: grid;
    grid-template-columns: 27.2rem 63.8rem;
    gap: 3.6rem;
    align-items: start;
    padding: .7rem .4rem;
}
.replyItem .img {
    position: relative;
    border-radius: 2.7rem;
    background: #1B1B1B;
    padding: 1.2rem;
}
.replyItem .img img {
    width: 100%;
    min-height: 46.2rem;
    object-fit: cover;
    border-radius: 1.5rem;
    object-position: center;
}
.replyItem .img:before {
    content: '';
    position: absolute;
    background-image: url(../images/dist/reply-btn-left.png);
    height: 7.7rem;
    width: .5rem;
    left: -0.4rem;
    top: 31%;
    background-repeat: no-repeat;
}
.replyItem .img:after {
    content: '';
    position: absolute;
    background-image: url(../images/dist/reply-btn-right.png);
    height: 6.4rem;
    width: .5rem;
    right: -0.4rem;
    top: 35%;
    background-repeat: no-repeat;
}
.replyGallery {
    display: flex;
    gap: 1rem;
}
.replyGallery img {
    width: 100%;
    border-radius: .8rem;
    height: 100%;
    object-fit: cover;
}
.replyGallery .fancybox {
    height: 12.8rem;
    width: 12.8rem;
    border-radius: .8rem;
}
.replyItem .text {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    padding-top: 4.4rem;
    line-height: 1.46;
}
.replyItem .title {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
}
.replyItem .text .name {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.replyGallery {
    display: flex;
    gap: 1rem;
    margin-top: 0.6rem;
}
.replySlider{
  position: relative;
    overflow: hidden;
}
.replyBl .sliderBtns {
    position: relative;
    display: grid;
    grid-template-columns: 7rem 1fr;
    width: 20rem;
    height: 6rem;
    gap: 1.6rem;
}
.replyBl .swiper-pagination {
    display: grid;
    font-size: 3.2rem;
    font-weight: 400;
    color: #888;
    align-items: baseline;
    gap: 0.4rem;
    grid-template-columns: 2rem 1rem 2rem;
}
.replyBl .swiper-pagination-current {
    font-weight: 500;
    color: var(--main);
}
.replyBl .swiper-pagination-total {
    font-size: 1.8rem;
}
.replyBtnRow {
    position: relative;
}
.replyBtnRow > div {
    background-image: none;
    width: 6rem;
    height: 6rem;
    margin: 0;
    top: 0;
}
.replyBtnRow svg {
    width: 6rem;
    height: 6rem;
}
.replyBtnRow .swiper-button-prev{
  left: 0;
}
.replyBtnRow .swiper-button-next{
  right:0;
}

.breadcrumbs.hidden {
    opacity: 0;
    visibility: hidden;
}
.breadcrumbs ul li:after {
    content: '';
    display: block;
    width: .6rem;
    height: 1rem;
    background-image: url(data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB7SURBVHgBbU45DoAgEGTBB/gnwnuMHVRiRaDyQZBo53fsOWQtjBImmd3NTCazxDk3WWsX0oDGGKGUoluThRBOzjnUWwshiPf+eAwc1dxbE75xY4wGgKVypr9CSgvunPP4JrAcn6hclVIaeiJq0BMRQ0rpYozNUsrt23cDJchLTMdOpTMAAAAASUVORK5CYII=);
}
.breadcrumbs ul li:last-child:after{
    display: none;
}
.breadcrumbs ul li {
    position: relative;
    display: flex;
    gap: 1.4rem;
    align-items: center;
}
.breadcrumbs {
    margin: 1.6rem auto;
}
.breadcrumbs ul a{
    color: #888888;    
}
.breadcrumbs ul a:hover{
    color:var(--main);
}
.breadcrumbs ul li span{
    color: var(--main-dark);
}
main .breadcrumbs ul {
    display: flex;
    flex-direction:row;
    font-weight: 400;
    font-size: 1.2rem;
    letter-spacing: 0.01em;
    gap: 1.4rem;
    padding: 0;
}

.catalogPage .blocktitle.inline, .doppage .blocktitle.inline{
    display:grid;
    grid-template-columns: 1fr 40.3rem;
    align-items:center;
    gap:2rem;
}
.catalogPage .blocktitle div {
    display: flex;
    align-items: baseline;
    gap: 1.6rem;
}
.catalogPage .blocktitle p {
    color: var(--grey-txt);
}
.catalogPage .blocktitle p b{
    color:var(--main-dark);
    margin-right:1rem;
}
.catalogPage .blocktitle p.small {
    font-size: 1.8rem;
    color: var(--main-dark);
}
.catalogPage .blocktitle p.small:before,.doppage .blocktitle p.small:before {
    content: '';
    background-image: url(../images/dist/circle-green.png);
    background-position: center;
    position: absolute;
    width: 41.5rem;
    height: 19rem;
    z-index: -1;
    top: -7rem;
    left: 0;
    background-size:41.5rem 19rem;
}

.catalogBl {
    display: flex;
    /* grid-template-columns: 33.3rem 1fr; */
    flex-direction: column;
    gap: 3.2rem;
    margin-bottom:8rem;
    margin-top:5rem;
}
.catalogBl .kitchenListRow {
    grid-template-columns: repeat(3,1fr);
    gap: 3rem;
    align-items: start;
    margin-bottom:3rem;
}
.catalogBl .kitchenListRow .kItem{
    min-height:63.6rem;
}
.catalog__content-sort-items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction:row;
    gap: 1.6rem;
}
.catalog__content-sort-item {
    position: relative;
    width: 100%;
}
.catalog__content-sort-item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.2rem;
    color: #475156;
    font-size: 1.8rem;
    padding: 1.6rem;
    width: 100%;
    border-radius: .8rem;
    border: 1px solid var(--stroke, #E1E1E1);
    background: #FFF;
}
.catalog__content-sort-item:after {
    background: url(../images/dist/arrow-up.png) 50% / contain no-repeat;
    content: "";
    height: 2.4rem;
    pointer-events: none;
    position: absolute;
    right: 1.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.4rem;
}
.filtrRow .orangeBtn.lightOrange {
    width: 22.5rem;
    padding: 1.65rem;
    height: auto;
    margin-right: 0;
    margin-left: auto;
    flex: 0 0 auto;
    text-align: center;
}
.needHelpBl {
    border-radius: .8rem;
    background: #FBFAFA;
    padding: 1.2rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    font-size: 2.2rem;
    font-weight: 700;
    /* background-image:url(../images/dist/i-stars1.png); */
    background-position: top -0.8rem right;
    background-repeat: no-repeat;
}
.filtrRow hr{
    width:100%;
    border:0;
    border-bottom:1px solid var(--stroke);
}
.filtrRow {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}

.prodCol {
    display: grid;
    grid-template-columns: 90rem 46rem;
    margin: 3rem auto 10rem;
    justify-content: space-between;
    gap:4rem;
}
.prodCol .right.mobileBl{
    display:none;
}
.prodCol #openGallery{
    display:none;
    padding: 1.2rem;
    height: 4rem;
    margin-bottom: 3rem;
}
.cartGalleryCol {
    display: grid;
    grid-template-columns: repeat(2,43.8rem);
    justify-content: space-between;
    gap: 2.4rem;
    margin-bottom: 4rem;
}
.cartGalleryCol .galItem:first-child, .cartGalleryCol .galItem:nth-child(4) {
    /* grid-column: 1 / span 2; */
}
.cartGalleryCol .galItem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cartGalleryCol .galItem .descr {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: #ffffffc7;
    padding: 1rem 2rem;
    color: var(--main-dark);
    font-weight: 600;
    border-radius: 5rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    max-width: 30rem;
}
.cartGalleryCol .galItem {
    border-radius: 0.8rem;
    overflow: hidden;
    max-height:54rem;
    position:relative;
}

.prodCol .right {
    position: relative;
}
.prodCol .right .sticky {
    position: sticky;
    top: 9rem;
}
.kmItemTitle .prodOptionsBl {
    margin-top: 3.2rem;
}
.prodOptionsBl .openOptions {
    color: var(--main);
    font-weight: 600;
}
.prodOptionsBl .prodOptionsList b {
    color: var(--main-dark);
}
.prodOptionsBl .prodOptionsList {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    color: var(--grey-txt);
}
.prodOptionsBl {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.cardBanner {
    width: 100%;
    margin-bottom: 3rem;
}

.optionsRow {
    display: grid;
    grid-template-columns: repeat(2,43.8rem);
    gap: 2.4rem;
    margin-top: 2.4rem;
    margin-bottom: 4rem;
}
.optionsRow .title {
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
    display: block;
}
.card__table {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-bottom: 4rem;
}
.card__table-item {
    position: relative;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.4rem;
    justify-content: space-between;
    align-items: end;
}
.card__table-item span {
    width: auto;
    padding-right: 1rem;
    color: var(--grey-txt);
}
.card__table-item > *{
    background: #f3f3f3;  
}
.card__table-item b {
    max-width: 20.5rem;
    width: 100%;
    display: inline-block;
    padding-left: 1rem;
}
.card__table-item:after {
    position: absolute;
    border-bottom: 0.2rem dotted #949494;
    bottom: 0.3rem;
    width: 100%;
    left: 0;
    content: '';
    z-index: -1;
}
.card__table .table_title {
    margin-bottom: -0.8rem;
}

.infoText .saleBl {
    margin-bottom: 5rem;
}
.description {
    line-height: 1.46;
}
.description ul,.openlistItem .answer ul,.textBl ul {
    list-style: disc;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem 0;
}

.description b.title {
    margin-bottom: 1.6rem;
    display: block;
}

.askBl.reverse {
    padding: 5.6rem 4.8rem;
    min-height: 50rem;
    display: flex;
    align-items: center;
    color: white;
    border-radius: .8rem;
    margin-top: 12rem;
    margin-bottom:5rem;
}
.askBl.reverse .blocktitle {
    gap: 1rem;
    margin-bottom: 1.6rem;
}
.askBl.reverse .blocktitle > span {
    font-size: 4.4rem;
    font-weight: 800;
}
.askBl.reverse p:not(.descr) {
    margin: 1.6rem 0 3.2rem;
}

/* 404 */
.pageNotFound {
    position: relative;
    display: grid;
    grid-template-columns: 77rem 1fr;
    gap: 0 9rem;
    padding: 9rem 0;
    margin: 0 auto;
}
.pageNotFound .numb {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--main);
}
.pageNotFound .numb b {
    font-style: italic;
    font-weight: 900;
    font-size: 20rem;
    line-height: 1.2;
}
.pageNotFound .numb h1{
    font-weight: 800;
    font-size: 4.4rem;
    text-transform: uppercase;
}
.pageNotFound .pages {
    padding-top: 3.5rem;
}
.pageNotFound .pages b {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 3rem;
    display: block;
}
.pageNotFound .pages ul {
    padding: 0;
    display: grid;
    grid-template-columns: 47% 47%;
    gap: 2.4rem;
    justify-content: space-between;
}
.pageNotFound .pages ul li {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2;
}
.pageNotFound .pages ul li a {
    color: var(--main);
    transition: .3s;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5;
}
.pageNotFound .pages ul li a:hover{
    color: var(--main-hover);
}
/* точки слайдера */
.slick-dots li{
    margin:0;
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    color: #afafaf;
}
.slick-dots li button:before {
    color: #E368294d;
    opacity: 1;
    transition:.3s;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--main);
    font-size: 1rem;
    top: 1px;
}
.slick{
    opacity:0;
    transition:.5s;
}
.slick-initialized {
    opacity: 1;
}
.modalform label.descr {
    margin: 0;
}
button.submitBtn[disabled="disabled"] {
    opacity: .5;
    pointer-events: none;
}
.needs-validation .form-control-feedback.glyphicon.glyphicon-remove {
    display: none;
}

/* Модальная форма */
.modalform {
    margin: 0 auto;
    max-width: 49rem;
    box-shadow: 0 .4rem 5rem rgb(0 0 0 / 10%);
    border-radius: 2.2rem;
    width: 100%;
    padding: 4rem;
    background: #FFFFFF;
}
.modalform .title {
    display: block;
    font-size: 2.4rem;
    line-height: 1.2;
    font-family: 'UA-brand';
    font-weight: 700;
    text-transform: none;
    padding-right:3rem;
}
.modalform .row {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 2.2rem 0 0;
    gap: 1.6rem;
}
.modalform .col-2 {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
}
.modalform select, .modalform input, .modalform textarea{
    background: #FFFFFF;
    padding: 1.7rem 1.2rem;
    resize: none;
    font-weight: 500;
    font-size: 1.6rem;
    outline: none;
    border: 1px solid #CCCCCC;
    border-radius: 1.6rem;
}
.modalform textarea {
    min-height: 9rem;
}
.modalform button.fancybox-close-small {
    top: 3.2rem;
    right: 2.5rem;
    color:black;
    width: 4.4rem;
    height: 4.4rem;
    padding: 0.7rem;
}
.modalform .btText {
    text-align: center;
    font-weight: 500;
}
.modalform .socLinks {
    margin: 2rem auto 3rem;
    flex-wrap: wrap;
}

input[type=file] {
    display: none;
}
#saleForm .fileBtn {
    margin: 0;
}
.fileBtn {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 150%;
    display: flex;
    align-items: center;
    gap: 1.4rem;
    margin: 1rem 0;
    cursor:pointer;
}
.fileBtn .pushBtn {
    transition:.3s;
}
.fileBtn:hover .pushBtn {
    color: var(--main);
}
.custom-file-upload {
    display: flex;
    align-items: center;
}
.fileBtn:before {
    content: '';
    background-image: url(data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGMSURBVHgBrVQ7UoRAEB1gD4C1BQkJZnwCCQ33BnqDxROomdliZLh4gzU09ARiaKQGfIyWHII9AfiaAgsR2NlPVz1mmOl5TPdrWmCcZhjGTJKkBaZOWZayIAgB5qswDJ/afhIPmWVZCxCsaA6yZwzvwDngKorCsix7Y7xGZEAJeD17Hu3R7Q8ma/msbdt+bd7FMTIMHnAfRZHXrJumeQ3ctFxfkAZnlHCIrM6lD8idIzIbu1lfmCPrayA4Flm1jhzOj0bWKxhk12kTyfYPJZvQQxRFEiGFWn77EBsQhg2oj0FoVL4EgiRJ0vqQuwvZH/WbcGuSxuGjqxxv+EOFTT9/uU/4EwoTG5t2tWP+iGHZ/FJ4nzHO8Ksb4jafwNxxnKri4zgmca5AdAKcArc8ZL9G3aIu0CXbYtsaRtUP8zxP0dcETO9UVZWn0+k31jZtR13XZU3THshn8GYUbefr5FTVJBAAVeNEyGeoVZc69RjZP0IyKiPk0wPBRU1AOSbRvoqi8CBiwPY1IifscuYHGxT1+/zZrVMAAAAASUVORK5CYII=);
    width: 1.8rem;
    height: 2.1rem;
    display: inline-block;
    background-position: center;
    background-size: cover;
}
.fileBtn input{
  display: none;
}

/* BootStrap Validation */

.form-floating {
    position: relative;
    font-weight: 500;
    font-size: 1.6rem;
    font-family:'UA-brand';
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(5.4rem + .2rem);
    line-height: 1.25;
    width: 100%;
}

.form-floating>label:not(.descr){
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.6rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none;
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext {
    padding: 1.6rem;
}

.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder {
    color: transparent;
}

.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder {
    color: transparent;
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 2.625rem;
    padding-bottom: .625rem;
}

.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 2.625rem;
    padding-bottom: .625rem;
}

.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill {
    padding-top: 2.625rem;
    padding-bottom: .625rem;
}

.form-floating>.form-select {
    padding-top: 2.625rem;
    padding-bottom: .625rem;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .65;
    transform: scale(.8) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.8) translateY(-.5rem) translateX(.15rem);
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.8) translateY(-.5rem) translateX(.15rem);
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0;
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.has-success .form-control,.was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIsSURBVHgBrZa/TxRBFMffm70Tc9UZYjTRYi2MiY1cQSwoXBIbJXqYeEjHyvkH0Gh7XGuljZU5zo5IwSkBS7hCY2IhWlptQWGihK2A27udx5she4G7G2CX/Ta78+vznZ2deW8QTpG7PJnPZC6OSBHaQqKt6iiLO9jGX+8fLW6cNh5NDS9Wph2wZJEIXC7mDd18RjTCoFWtP2l4ZzJQMxZDFypIMAcxhAhvOq1AGflGA/fLtG0RrQORDcnkhUEwfvRrMEX4QBMR1VoULqQAV7KtoexCVNAGs6slFwgdSEvMml17Ntc1QBQVSFlIpJlYXpmaZJtlSKjh3GUYu+7A5z9L/SZSjAsQWISEUvBXdyswdu0e5LK5vnYSNMNLJEcggSK40uvvVdht7w7oRQ4boNHg1vDtM8G39/6ZEHlhailcHYWXDHl8s5QU3jXwB7X8/PsDvm012eBp1yQmXCtDiD5vqYHBrPb7nX4qE/UTC1dGY8FZmxmU1OSAYZt6RCb37YcaGgPOQjYgUSeUMyd1Uyb/Gfp1ayMGXPHpkw525dWpHTDH/EQiDnq1iY839C4iklVIWShgXj+jivJaaT2tgEdAzdrEkqPeu+cgROs57ygPzim1NDJou1G5L6MJTjqYMC8cwo9ntGMnuf5g0ZOtVgEkvYW44jEML/Qmf+OtQqfQUM4TQhENO4xn7CPQB5RWw3SFMRoclbrCUJbuYJsu6ckK8oS0vE5nf7P3FtGrA8bh/JWTShFYAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: 2.5rem;
}

.has-success .form-control:focus,.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.was-validated textarea.form-control:valid,textarea.has-success .form-control {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
	background-image: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIsSURBVHgBrZa/TxRBFMffm70Tc9UZYjTRYi2MiY1cQSwoXBIbJXqYeEjHyvkH0Gh7XGuljZU5zo5IwSkBS7hCY2IhWlptQWGihK2A27udx5she4G7G2CX/Ta78+vznZ2deW8QTpG7PJnPZC6OSBHaQqKt6iiLO9jGX+8fLW6cNh5NDS9Wph2wZJEIXC7mDd18RjTCoFWtP2l4ZzJQMxZDFypIMAcxhAhvOq1AGflGA/fLtG0RrQORDcnkhUEwfvRrMEX4QBMR1VoULqQAV7KtoexCVNAGs6slFwgdSEvMml17Ntc1QBQVSFlIpJlYXpmaZJtlSKjh3GUYu+7A5z9L/SZSjAsQWISEUvBXdyswdu0e5LK5vnYSNMNLJEcggSK40uvvVdht7w7oRQ4boNHg1vDtM8G39/6ZEHlhailcHYWXDHl8s5QU3jXwB7X8/PsDvm012eBp1yQmXCtDiD5vqYHBrPb7nX4qE/UTC1dGY8FZmxmU1OSAYZt6RCb37YcaGgPOQjYgUSeUMyd1Uyb/Gfp1ayMGXPHpkw525dWpHTDH/EQiDnq1iY839C4iklVIWShgXj+jivJaaT2tgEdAzdrEkqPeu+cgROs57ygPzim1NDJou1G5L6MJTjqYMC8cwo9ntGMnuf5g0ZOtVgEkvYW44jEML/Qmf+OtQqfQUM4TQhENO4xn7CPQB5RWw3SFMRoclbrCUJbuYJsu6ckK8oS0vE5nf7P3FtGrA8bh/JWTShFYAAAAAElFTkSuQmCC");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 2.5rem;
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.form-control-color.is-valid,.was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .375rem
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.has-error .form-control,.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHmSURBVHgBtVa9bsIwED4b6MCUSmyVKipV6lh4g/QJ6AyRmi7M7AzAwF5WllIJdvoElCeA7h1QpW5IzcRQkrp3aQIhyiWh0E9yYvvs7/P552wBCZiZpga2XQIhiqBU0av+xPRaHg5fkvoLltgwdClE5VspE4sa08xC4TFkMp3yYLBIJeCO2HFaONoG7AMhHjwhixVA8iKs1xN3Ov4CpRaQy90EvRFHI2dE5MZg248HkxOIg7g8uAKzatXEnw7Hgz6r1RobAVRtRbXK5PNwUiiwLLF2j1Pidrzlpua8XofLZjOShOquul04MwxgoHlbXVS4Fh/DofsPi1Ce6oJtIqHUnVRKlTj713IJbzjKoEiQnGzUJga6QDcUJCBI6iMFOcGSkAJE9N7vbzygfApygkYCVlIrIqUFJ1JKlI/bXUFI3EFWEnlwzsNrEgul5hI/07TkvgepRaSc0xQNOLu/x8MLGhSJOQfgKPXsBjvcSXSBaFEeOKuVmzgPWTsGvfJodCG9QieKgEbKkaewt+mzDdeGMYHjBbwpXqc6ZbbnIJu9d2P5oSCObNb0i/9+o+2cZNeQy5Ux24P90aO+4cuff1WQN7bdxixFW/5VAfCEacw9YViBHTGM6/i7xnT620ssvLmeh18RYfwAvtHze3QIZqoAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: 2.5rem;
}

.has-error .form-control:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.was-validated textarea.form-control:invalid,textarea.has-error .form-control {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
	background-image: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHmSURBVHgBtVa9bsIwED4b6MCUSmyVKipV6lh4g/QJ6AyRmi7M7AzAwF5WllIJdvoElCeA7h1QpW5IzcRQkrp3aQIhyiWh0E9yYvvs7/P552wBCZiZpga2XQIhiqBU0av+xPRaHg5fkvoLltgwdClE5VspE4sa08xC4TFkMp3yYLBIJeCO2HFaONoG7AMhHjwhixVA8iKs1xN3Ov4CpRaQy90EvRFHI2dE5MZg248HkxOIg7g8uAKzatXEnw7Hgz6r1RobAVRtRbXK5PNwUiiwLLF2j1Pidrzlpua8XofLZjOShOquul04MwxgoHlbXVS4Fh/DofsPi1Ce6oJtIqHUnVRKlTj713IJbzjKoEiQnGzUJga6QDcUJCBI6iMFOcGSkAJE9N7vbzygfApygkYCVlIrIqUFJ1JKlI/bXUFI3EFWEnlwzsNrEgul5hI/07TkvgepRaSc0xQNOLu/x8MLGhSJOQfgKPXsBjvcSXSBaFEeOKuVmzgPWTsGvfJodCG9QieKgEbKkaewt+mzDdeGMYHjBbwpXqc6ZbbnIJu9d2P5oSCObNb0i/9+o+2cZNeQy5Ux24P90aO+4cuff1WQN7bdxixFW/5VAfCEacw9YViBHTGM6/i7xnT620ssvLmeh18RYfwAvtHze3QIZqoAAAAASUVORK5CYII=");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 2.5rem;
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.form-control-color.is-invalid,.was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.form-floating.form-group small {
    color: red;
    display: block;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top:.5rem;
}
small.help-block[data-bv-validator="emailAddress"] {
    display: none!important;
}
/* ! BootStrap Validation ! */

.modalform .messengers, .modalform .phone {
    display: flex;
    align-items: center;
    font-weight: 800;
    font-size: 2rem;
    line-height: 1;
    margin: 1rem 0;
    max-width: 42rem;
    gap: 2rem;
}
.modalform .phone a {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 900;
}
.modalform .phone a:hover{
    color: var(--main-hover);
}
.modalform .messengers ul.socLinks {
    margin: 0;
}
.modalform .messengers ul.socLinks li .circle i {
    font-size: 2.5rem;
}
.modalform .messengers ul.socLinks li .circle i.fa-paper-plane{
    font-size: 2rem;
}
.modalform .messengers ul.socLinks li .circle {
    width: 4rem;
    height: 4rem;
}
@media(max-width:767px){
    .modalform .messengers, .modalform .phone {
        flex-direction: row;
        flex-wrap:wrap;
        gap: 0.7rem;
        align-items: baseline;
    }
    
}

/* SEO tb */
.seoTextBl.inTwo {
display: grid;
    grid-template-columns: 65rem 4.3rem 60rem;
    align-items: center;
    line-height: 1.4;
    justify-content: space-between;
}
.seoTextBl.inTwo h2 {
    font-weight: 800;
    font-size: 6rem;
    line-height: 1.1;
    margin: 0 0 2rem;
}
.seoTextBl.inTwo b {
    font-size: 3.2rem;
}
.seoTextBl.inTwo .right {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 2rem;
}
.seoTextBl.inTwo > svg {
    height: 29rem;
    width: 5.2rem;
}
.seoTextBl.inTwo ul.type {
    display: flex;
    justify-content: space-between;
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
    width: 100%;
}
.seoTextBl.inTwo ul.type a:not(:hover){
    color: var(--dark);
}
.seoTextBl.inTwo ul.type li {
    position: relative;
}
.seoTextBl.inTwo ul.type li svg {
    position: absolute;
    z-index: -1;
    top: -3rem;
    left: 0.2rem;
    height: 4.8rem;
    width: 4.8rem;
}
.seoTextBl.inTwo p {
    line-height: 1.5;
}

.catalogPage .catalogBl .seoTextBl {
    margin: 0 auto 2rem;
}
.catalogPage .catalogBl .seoTextBl .btn {
    height: 5.3rem;
}
.catalogPage .catalogBl .seoTextBl.topBtn {
    display: grid;
    grid-template-columns: 1fr 22.7rem;
    gap: 4rem;
}

.seoTextBl.twoCol div {
    column-count: 2;
    column-gap: 4rem;
}
@media(max-width:767px){
    .seoTextBl.twoCol div {
        column-count: 1;
    }
}
.seoTextBl {
    margin: 6rem auto 8rem;
}
.seoTextBl .title {
    display: block;
}
.seoTextBl h2 {
    margin-bottom: 3rem;
    font-size: 3.4rem;
}
.seoTextBl .textCol {
    column-count: 2;
}
/*! SEO tb !*/

/* Акции */
.doppage {
    padding-bottom: 12rem;
}
.doppage .blocktitle.inline .small {
    display: flex;
    align-items: center;
    justify-content: right;
    padding-right:7rem;
}

.saleBlRow {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 5rem;
    margin-top: 3rem;
}
.saleBlRow.saleSlider{
    grid-template-columns: unset;
    display: flex;
}
.saleSliderThree.slick-initialized {
    grid-template-columns: unset;
    display: none;
    margin: 0 -1rem;
}
.saleSliderThree.slick-initialized {
    display: flex;
}
.saleBlRow .item {
    margin-right: 2rem;
}
.saleBlRow.nav-40 .nav-custom {
    top: 40%;
}
.saleBlRow .item .img {
    /* height: 37.4rem; */
    height: auto;
    display: block;
    border-radius: .8rem;
    overflow:hidden;
    position: relative;
}
.saleBlRow .item .img .saleEndTitle {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    box-shadow: 0 0 .5rem -0.2rem;
    border-radius: 13.4rem;
    z-index: 9;
}
@media(min-width:767px){
    .saleBlRow .item .endofSale svg {
        height: 2.8rem;
        width: 2.8rem;
    }
    .saleBlRow .item .endofSale{
        font-size: 1.7rem;
        max-width: 18rem;
        padding: 0.4rem 1.3rem;
    }
}
.saleBlRow.saleSliderThree .img {
    height:auto!important;
    
}
.saleBlRow .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .8rem;
    transition: .3s;
}
.saleBlRow .item:hover img {
    transform: scale(1.05);
}
.saleBlRow .item .title {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.4;
    margin-top: 0.8rem;
    display: block;
    color:var(--main-dark);
}

.saleBlRow .item:hover .title{
    color:var(--main);
}
.saleBlRow .item .info {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 0.8rem;
}
.saleBlRow .item .date {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.4;
    border: 2px solid #e13434;
    border-radius: 50rem;
    padding: .5rem 1.6rem;
    margin-top: 2.4rem;
    color: #e13434;
}
.salePageDetailRow {
    display: grid;
    grid-template-columns: 70rem 68rem;
    gap: 5rem;
    margin-bottom:5rem;
}
.salePageDetailRow .preview{
    height: auto;
    display: block;
    max-height: 40rem;
    position:relative;
}
.salePageDetailRow .preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 0.8rem;
}
.salePageDetailRow .preview .saleEndTitle {
    position: absolute;
    bottom: 2rem;
    left: 1rem;
}
.salePageDetailRow .imgForm {
    position: sticky;
    top: 10rem;
}
.whiteForm {
    margin-top: -1rem;
    background: white;
    padding: 2rem 3.2rem;
    border-radius: 0.8rem;
    position: relative;
}
.salePageDetailRow .whiteForm .fancybox {
    display: flex;
    align-items: center;
    width: 21rem;
}
.salePageDetailRow .whiteForm .bannerFortunaClick {
    padding: 1.8rem 1rem;
    font-size: 1.6rem;
    text-align: center;
}
.salePageDetailRow .whiteForm {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
}
.whiteForm form {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.whiteForm form .descr {
    margin: 0;
}
.salePageDetailRow .info .title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 4.4rem;
    line-height: 1.4;
    display:block;
    margin-bottom:.8rem;
    margin-top:0;
}
.salePageDetailRow .info hr {
    border: 0;
    border-top: 1px solid #e1e1e1;
    margin: 1.6rem 0;
}
.salePageDetailRow .info .text{
    line-height:1.4;
}
.salePageDetailRow .info .text img{
    max-width:100%;
}
.salePageDetailRow .info .text ul{
    list-style: disc;
}
.salePageDetailRow .info .text ul, .salePageDetailRow .info .text ol{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-left: 2rem;
    margin-bottom: 2rem;
}
.salePageDetailRow .info .text ul li::marker {
    content: '✔  ';
}
.salePageDetailRow .info .text > *{
    margin-bottom: 0.8rem;
    display:block;
}
.salePageDetailRow .info .text h3 {
    position: relative;
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
    padding-left: 3.2rem;
    margin: 0;
    margin-bottom: 1.2rem;
}
.salePageDetailRow .info .text h3:before {
    content: '';
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    left:0;
    top: 0.5rem;
    background-image: url(data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG6SURBVHgBzVRBTsJAFJ1fBiysujUhsV2YwEo8gd7AcAJlh7qgnoSy0sSF3MB4Az0BXRkTFzTE6NKutOC03z9FiUBpp0YS34I0w7w377//Zxj7T3g62W48n9a38nC0PJsj5KYQ0MjDyXWAhnBAP/t5OKC6cWg3jGIwHiAyQ5TfLcvxfBWecgU8mNjImEmWDB7oHVWeUgUv7ZopUBswQCNeQOYLwF3r4sHL4ipVIACuZ+JTWwantaFtGllcnvanFCgEZYccL08OrRWDSpe+WmkaKyOKY5HOk8TnFVyB2FwVFyS55kHFJuHOXCxpoJ7Q3p7QA2dxuuIDhuS2ABE5LexBBEfKwkvnMI8kbxmIG02gV718dKdNDjWDAUcN0QBApflOAiCQTujHWiX+OqvgJ74i6pAdWz0iINHIoYh6iRElYdpkjZqMf9vkRYza9T5tOkwmQ/9DfztLezZS74FEqG/YfDzZWaqEnFfP71tZ/MybbDmuzzFqxjl/g75lLEwBSk/FpswXmDNboIaqvEPKB0gIvdSTzuWsy2lh68DouN4dtWtXeTiZTV7AHaPrmIeQ64AQ0WWR+NUzsjZ8AhGMt9rRWqJQAAAAAElFTkSuQmCC);
    background-position: center;
    background-size: 2.4rem 2.4rem;
}

.salePageDetailRow .timerBl {
    max-width: 37rem;
    margin: 0 auto;
}
.salePageDetailRow .timerBl .saleEndTitle {
    font-size: 2.4rem;
    font-weight: 700;
    position: relative;
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Контакты */
.contactPageRow {
    display: grid;
    grid-template-columns: 67.6rem 64.7rem;
    margin: 4rem auto 8rem;
    padding: 1rem;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.contactPageRow:nth-child(1) {
    grid-template-columns: 80.6rem 62.7rem;
    margin-bottom: 4rem;
}
.contactPageRow .pagetitle {
    font-weight: 800;
    font-size: 7.2rem;
    max-width: 50rem;
    line-height: 1.1;
    margin: 0;
}
.contactPageRow .left {
    position: relative;
    height: 100%;
    width: 100%;
}
.contactPageRow .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}
.contactPageRow .map {
    height: 100%;
}
.contactPageRow .left .icon {
    height: 26.9rem;
    width: 27.3rem;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 24.3rem 23.9rem;
    background-repeat: no-repeat;
    z-index:-1;
}

.contactPageRow .right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-left: 2rem;
}
.contactPageRow .right .item {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    font-size: 2rem;
}
.contactPageRow .right .item b {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.4;
}
.contactPageRow .right .item .phone {
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
}
.contactPageRow .right .item .socLinks {
    gap: 4rem;
}

.contactPageRow .contactFormBl{
    grid-template-columns: 1fr;
    padding: 1rem 2rem;
}
.contactFormBl {
    display: grid;
    grid-template-columns: 1fr 62.1rem;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    background: #fbfafa;
    padding: 4rem;
    border-radius: 0.8rem;
}
.contactFormBl .blocktitle {
    margin: 0;
}
.contactFormBl .blocktitle p {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 1rem;
    max-width: 70rem;
}
.contactFormBl h1, .contactFormBl h1 b{
    font-weight: 800;
    font-size: 4.5rem;
}
.contactFormBl h1 b{
    color:var(--main);
}

.vrow {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
#contactForm .row,#officeVisitForm .vrow .row {
    gap: 2.4rem;
    align-items: center;
}
#contactForm .row, #officeVisitForm .vrow .row label{
    margin:0;
}
#contactForm .btn,#officeVisitForm .vrow .btn {
    max-width: 30rem;
    width: 100%;
}

/* Отзывы */
.replyPageRow {
    /*grid-template-columns: 36.7rem 95rem;*/
    grid-template-columns: 36.7rem 1fr;
    display: grid;
    justify-content: space-between;
    gap: 5rem;
    margin: 5rem auto;
}
.replyPageRow review-lab .widget__layout.grid,.replyPageRow review-lab .widget__header.grid{
    margin: 1rem auto!important;
}
.replyPageRow aside .blocktitle {
    margin-bottom: 2.4rem;
}
.countKitchen picture {
    display: block;
    margin: -1.2rem -1.6rem -3.2rem;
}
.countKitchen picture img {
    width: 36.7rem;
    object-position: center;
    object-fit: cover;
    margin: 0 auto;
}
.countKitchen {
    border-radius: 0.8rem;
    padding: 1.2rem 1.6rem 1.6rem;
    background: #3c3028;
    color: white;
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
    margin-top:3.2rem;
    overflow:hidden;
}
aside .countKitchen{
    position: sticky;
    top: 10rem;
}
.countKitchen .btn {
    margin-top: 1.6rem;
}
.replyPageRow aside .greenColor {
    position: relative;
}
.replyPageRow aside .greenColor:after {
    content: '';
    background-image: url(../images/dist/i-reply-stars.png);
    height: 12.2rem;
    width: 15.1rem;
    display: block;
    position: absolute;
    right: 0;
    top: -5rem;
    z-index: -1;
    background-size: 15.1rem 12.2rem;
}
.replyPageRow .replyRow{
    display:flex;
    flex-direction: column;
    gap: 5rem;
}

/* Paginator */

#pdopage .btn-more {
    width: unset;
}
#pdopage .pagination:first-child {
    margin-top: 0;
}
ul.pagination {
    display: flex;
    gap: 0.8rem;
    margin: 7rem auto 3rem;
}
li.page-item.disabled {
    display: none;
}
li.page-item.active a {
    color: white;
}
li.page-item.active {
    background: var(--main);
}
li.page-item {
    display: flex;
    width: 4rem;
    height: 4rem;
    border-radius: 5rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.6;
    transition:.3s;
    border-radius: 50%;
}
li.page-item:hover {
    background-color: #E368291A;
}
li.page-item .page-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color:var(--main-dark);
}
li.page-item svg {
    width: 2.8rem;
    height: 100%;
    transition:.3s;
}
li.page-item.arrow{
    border:0;
}
li.page-item.arrow:hover {
    background-color: var(--main-hover);
}
li.page-item.arrow:hover svg{
    filter: invert(1);
}
/* ! Paginator !*/

.kitchenListBL .kItem.bannerItem {
    display: none;
}
.catalogBl .kitchenListRow .bannerItem,.bannerCol .bannerItem{
    color: white;
    background-color: #3c3028;
    padding: 2.2rem 3.2rem;
    min-height: unset;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.4;
    gap: 2.6rem;
    background-position: right top;
    background-repeat: no-repeat;
    border-radius: .8rem;
    background-size: 31rem 36.8rem;
}
.catalogBl .kitchenListRow .bannerItem.orangeBG,.bannerCol .bannerItem.orangeBG {
    background-color: var(--main);
}
.bannerItem.orangeBG .descr a, .bannerItem.orangeBG .descr{
    color:white;
}
.bannerItem.orangeBG .btn {
    background-color: var(--main-dark);
}
.bannerItem.orangeBG .btn:hover {
    background-color: var(--main-dark-hover);
}
.catalogBl .kitchenListRow .bannerItem form,.bannerCol .bannerItem form {
    margin-top: 4rem;
}
.kItem.bannerItem b,.bannerCol .bannerItem b {
    font-weight: 800;
    font-size: 4.4rem;
}
.catalogBl .kitchenListRow .bannerItem label,.bannerCol .bannerItem label {
    color: var(--main-dark);
}
.catalogBl .kitchenListRow .bannerItem button,.bannerCol .bannerItem button {
    width: 100%;
    height: 6rem;
}
.bannerItem .descr, .bannerItem .descr {
    font-weight: 400;
    font-size: 1.2rem;
    color: #888;
}
.catalogBl .kitchenListRow .bannerItem:before,.calculatorPage .kItem.bannerItem:before {
    display:none;
}
.calculatorPage .bannerCol .bannerItem{
    margin: 0 auto;
    width: 100%;
    padding: 0;
    background-color: unset;
}
.calculatorPage .bannerCol .bannerItem img {
    border-radius: 2.4rem;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.catalogBl .kitchenListRow .bannerItem,.bannerCol .bannerItem{
    height: -webkit-fill-available;
    height: 100%;
    background-size: cover;
    transition:.3s;
    cursor:pointer;
}

.bannerCol {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.bannerCol .bannerItem{
    max-height: 46rem;
    background-size: contain;
}
.catalogBl .kitchenListRow .bannerItem:hover,.bannerCol .bannerItem:hover {
    transform: scale(1.03);
}
@media (max-width:767px){
    .bannerCol{
        flex-direction: row;
    }
}

/* Инфо страницы */
.asided {
    display: grid;
    grid-template-columns: 34rem 1fr;
    gap: 3.2rem;
    margin-top: 3rem;
    align-items: start;
    padding-bottom: 5rem;
}
.asided aside {
    position: relative;
    height: 100%;
}
.asided aside .sticky{
    position: sticky;
    top: 14rem;
    background: #FFF;
    padding: 2.4rem;
    border-radius: .8rem;
}
.asided aside ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.2;
    margin-top: 2rem;
}
.asided aside ul a:not(:hover){
    color:var(--main-dark);
}
.asided .textBl {
    font-weight: 400;
}
.asided .textBl img {
    max-width:100%;
}
.asided .textBl img.topImg {
    margin: 0 auto 4rem;
    display: block;
}
.asided .textBl p {
    margin-bottom: 2rem;
}
.asided .textBl h2 {
    font-size: 3.2rem;
}

.infoBanner .inner {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    align-items: baseline;
    font-weight: 800;
    line-height: 1.4;
    max-width: 50rem;
}
.infoBanner.lightColor {
    background-color: #f3e8c9;
    color: var(--main-dark);
}
.infoBanner {
    margin-top:4rem;
    background-color: #3c3028;
    border-radius: .8rem;
    color: white;
    font-size: 4.4rem;
    padding: 4.8rem;
  /*   background-image: url(../images/dist/infopage-banner.png); */
    background-position: right bottom;
    background-size: auto 100%;
}
/* FAQ */
.asided .textBl #faqBl {
    margin: 1rem auto;
}
.openlistItem{
    border-bottom: 1px solid #e1e1e1;
    padding: 1.5rem 0;
}
.openlistItem a{
    transition: .3s;
}
.openlistItem a:hover {
    text-decoration:underline;
}
.openlistItem label {
    position: relative;
    display: flex;
    cursor: pointer;
    padding: 1rem 0;
    align-items: center;
    margin-bottom: 0;
    padding-right: 2rem;
    font-size: 3.2rem;
}
.openlistItem label:after {
    display: flex;
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    right: 0;
    transform: rotate(180deg);
    transition: 0.3s;
    content:"";
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    margin: auto;
    color: var(--main-dark);
    line-height: 1;
    background-image: url(../images/dist/i-list-circle.svg);
    background-position: center;
}
.openlistItem b {
    display: block;
    font-weight: 700;
    transition: .3s;
}
.openlistItem b:hover {
    color: var(--main-red);
}
.openlistItem.visible label:after {
    transform: rotate(0deg);
    color:var(--main-dark);
}
.openlistItem:last-child{
  border: 0;
}
.openlistItem .answer {
    max-height: 0;
    transition: 0.3s;
    box-sizing: content-box;
    visibility:hidden;
    padding-right: 3rem;
    opacity:0;
}
.openlistItem.visible .answer{
    padding-bottom: 2rem;
    opacity:1;
    visibility:visible;
}
.openlistItem.visible .answer p {
    opacity: 1;
}
.openlistItem .answer p {
    transition: 0.2s;
    opacity: 0;
    margin: 0;
    font-weight: 400;
    line-height: 1.6;
}
.openlistItem:first-child {
    padding-top: 0;
}
.openlistItem:last-child {
    padding-bottom: 0;
}
/*! FAQ !*/

.openlistItem .answer table {
    border: 0;
}
.openlistItem .answer table td {
    border: 1px solid black;
    border-top: 0;
}
.openlistItem .answer table tr:first-child td {
    border-top: 1px solid black;
}

.saleBl .btn {
    display: table;
    margin-top: 5rem;
}

/* Mobile Menu */

.menu_container {
    display: none;
    width: 2.4rem;
    height: 2.3rem;
    align-items: center;
    position: relative;
    padding: 0;
}
.hum_open {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.hum_open span.humburger {
    width: 2.4rem;
    background: var(--main-dark);
    height: 2px;
    position: absolute;
    top: .9rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.1s;
}
.hum_open span.humburger:before, .hum_open span.humburger:after {
    content: '';
    position: absolute;
    top: -.8rem;
    width: 100%;
    height: 2px;
    background: var(--main-dark);
    transition: 0.3s;
}
.hum_open span.humburger:after {
    top: .9rem;
}
.hum_open.open .humburger {
    height: 0;
}
.hum_open.open .humburger:before {
    transform: rotate(-45deg);
    top: 0;
}
.hum_open.open .humburger:after {
    transform: rotate(45deg);
    top: 0;
}

#mobile-menu {
    position: fixed;
    z-index: 101;
    width: 100%;
    height: calc(100vh - 11rem);
    top: 11rem;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    display: none;
    border-top: 1px solid #3c3028;
}
#mobile-menu.active {
    opacity: 1;
    visibility: visible;
}
#mobile-menu .bg {
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #00000061;
    position: relative;
    cursor: pointer;
}
#mobile-menu.active .menubl {
    opacity: 1;
    right: 0;
}
#mobile-menu .menubl .workPhone a{
    font-size: 2.8rem;
    font-weight: 900;
    color: white;
}
#mobile-menu .workPhone span{
    font-size: 1.8rem;
    font-weight: 400;
}
#mobile-menu .menubl {
    right: -100%;
    background-color: #3c3028;
    max-width: 41rem;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    padding: 2.4rem;
    overflow-y: auto;
    z-index: 3;
    opacity: 0;
    transition: 0.5s;
}
#mobile-menu .menubl .menu {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 2.4rem;
}
#mobile-menu .menubl hr {
    margin: 4rem 0;
}
#mobile-menu .menubl .menu a, #mobile-menu .menubl .menu span {
    color: #fff;
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1.6rem 0;
    line-height: 1.1;
    position: relative;
    display:inline-block;
}
#mobile-menu .menubl .menu.big a {
    font-size: 2.8rem;
    font-weight: 900;
}

#mobile-menu .menubl .orangeBtn {
    min-height: 4rem;
    height: auto;
    text-transform: none;
    text-align: center;
    padding: 0.4rem 0.7rem;
}
#mobile-menu .menubl .orangeBtn:hover{
    color:white;
}
#mobile-menu .menubl a:not(.orangeBtn):hover {
    color: var(--main-hover);
}
#mobile-menu ul.socLinks {
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 0.8rem;
}

#mobile-menu .menubl .socLinks a {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: none;
    gap:0.8rem;
}
#mobile-menu ul.socLinks li a svg {
    width: 3rem;
}
#mobile-menu ul.socLinks li .circle {
    width: 4rem;
    height: 4rem;
}
#mobile-menu ul.socLinks li:hover .circle i{
    color: var(--main-dark);
}
#mobile-menu ul.socLinks li:hover .circle{
    background-color: white;
}
#mobile-menu ul.socLinks li .circle path {
    fill: var(--main-dark);
}
#mobile-menu ul.socLinks li i.fa-vk {
    font-size: 2rem;
}
#mobile-menu ul.socLinks li i {
    font-size: 2.6rem;
}

#mobile-menu .menubl p, #mobile-menu .menubl p b {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
}
#mobile-menu .menubl p b {
    display: block;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.1;
}
#mobile-menu .menubl .mobVisible {
    display: grid;
    margin: 0;
    justify-content: space-between;
    grid-template-columns: 1fr 15rem;
    gap: 1rem;
    align-items: center;
    margin-bottom: 2.4rem;
}
#mobile-menu .menubl .menu > li:not(:last-child){
    border-bottom: 1px solid rgb(255 255 255 / 16%);
}
#mobile-menu .menubl .menu li.parent .subMenu {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    position: unset;
    padding: 0;
}
#mobile-menu .menubl .menu .parent.visible .subMenu {
    opacity: 1;
    visibility: visible;
    margin-bottom:2rem;
}
#mobile-menu .menubl .menu li.parent .subMenu .inner {
    background: none;
    min-height: unset;
    padding: 0;
    padding-left: 1.6rem;
}
#mobile-menu .menubl .menu li.parent .subMenu .inner ul {
    gap: 0;
}
#mobile-menu .menubl .menu li.parent .subMenu .inner ul a,#mobile-menu .menubl .menu li.parent .subMenu .inner ul span {
    padding: 1rem 0;
}
#mobile-menu .menubl .menu .parent {
    position: relative;
}
#mobile-menu .menubl .menu .parent.visible .openList:after {
    transform: rotate(180deg);
}
#mobile-menu .menubl .menu .parent .openList:after {
    content: '';
    background: url(../images/menu-arrow.svg) 100% / contain no-repeat;
    width: 1.4rem;
    height: 0.7rem;
    display: block;
    transition: .3s;
    position: absolute;
    right: 1rem;
    top: 2.2rem;
}
#mobile-menu .menubl .menu .openList {
    position: absolute;
    right: 0;
    width: 4rem;
    top: 0;
    padding: 2.6rem;
}

header.active .hum_open span.humburger:before, header.active .hum_open span.humburger:after {
    background: var(--main);
}
header.active .hbottom a {
    color: white;
}
header.active .hbottom a svg {
    fill: white;
}
header.active .hbottom {
    background: #3c3028;
}
.hbottom .orangeBtn.lightOrange {
    font-size: 1.6rem;
}
header.active .hbottom .workPhone {
    opacity: 0;
}

/* Автор */
.autorBl {
    margin: 5rem 0;
}
.autorBl .grey {
    line-height: 1.4;
    color: var(--grey-txt);
    margin-bottom: 2.4rem;
    display: block;
}
.autorBl .item {
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: 2.4rem;
    align-items: center;
    line-height: 1.4;
}
.autorBl .item .img {
    width: 10rem;
    height: 10rem;
    border-radius: 50rem;
    overflow: hidden;
}
.autorBl .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.autorBl .item .info {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 1.8rem;
}
.autorBl .info b {
    font-weight: 700;
    font-size: 2.6rem;
}

.autorBanner {
    background: #3c3028;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 3.2rem 4rem;
    margin-top: 5rem;
    border-radius: .8rem;
}
.autorBanner > div {
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.autorBanner .img{
    width:16rem;
    height:16rem;
    border-radius:20rem;
    overflow: hidden;
    box-shadow: -3rem 2rem #635953;
}
.autorBanner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.autorBanner b {
    font-weight: 800;
    font-size: 4.4rem;
    line-height: 1.4;
    max-width: 35rem;
}
.autorBanner .phone {
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
}

.stepsBl .countKitchen {
    margin: 0;
    margin-right: 2rem;
    position: relative;
}
.stepsBl .countKitchen picture {
    margin: -2.3rem 0 1rem;
    text-align: right;
}
.stepsBl .countKitchen b {
    display: block;
    text-align: center;
}
.stepsBl .countKitchen .logo {
    position: absolute;
    left: 0;
    top: 4rem;
    height: 15rem;
    max-width: unset;
    width: 29rem;
    fill: white;
}

.stepsRow .item {
    padding-right: 6rem;
    border-radius: .8rem;
    position: relative;
}
.stepsRow .item .inner {
    background-color: #f3f3f3;
    box-shadow: 1.6rem 0 5rem 0 rgba(0, 0, 0, 0.12);
    height: 100%;
    padding: 1.6rem 1.2rem 1.6rem 4rem;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.4;
    gap: 4rem;
    position: relative;
}
.stepsRow .item .inner .row {
    display: flex;
    align-items: center;
    gap: 4rem;
}
.stepsRow .item .inner .btn {
    padding: 1rem;
    height: auto;
    font-weight: 500;
}
.stepsRow .item:after {
    content: '';
    width: 6rem;
    height: 100%;
    top: 0;
    right: 0.1rem;
    position: absolute;
    z-index: 5;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    background: #f3f3f3;
}
.stepsRow .item .inner .num {
    font-weight: 800;
    font-size: 6rem;
    line-height: 1;
    color: rgb(27 27 27 / 16%);
    position: relative;
}
.stepsRow .item .inner .num svg {
    position: absolute;
    left: 3rem;
    bottom: -3rem;
    width:6.4rem;
    height:6.4rem;
}
.stepsRow .item .inner .title {
    margin-bottom: .8rem;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.4;
    color: var(--main);
    display: block;
}
.stepsBl .countKitchen picture img {
    margin-right: -6rem;
    width: 30rem;
}
.stepsRow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem 1rem;
}

.autorBlDetail {
    display: grid;
    grid-template-columns: 22rem 1fr;
    margin-top: 5rem;
}
.autorBlDetail .img{
    width:18.5rem;
    height:18.5rem;
    border-radius:20rem;
    overflow: hidden;
    box-shadow: -3rem 2rem rgba(99, 89, 83, 0.24);
}
.autorBlDetail .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.autorBlDetail .title {
    line-height: 1.1;
}
.autorBlDetail .name {
    display: block;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.4;
    margin-bottom: .8rem;
}
.autorBlDetail .info {
    margin-top: 2.4rem;
}
.autorBlDetail hr {
    border: 0;
    margin: 3.2rem 0;
    border-top: 1px solid #e1e1e1;
}
.autorBlDetail .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.autorBlDetail .bottom .phone {
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
    text-align: right;
}
.autorBlDetail ul.socLinks {
    flex-direction: row;
    list-style: none;
    padding: 0;
}

.freeInProjBl {
    position: relative;
    background: #FBFAFA;
    margin-bottom: 5rem;
    border-radius: 2.4rem;
}
.freeInProjBl .inner {
    position: relative;
    z-index: 2;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}
.freeInProjBl .item {
    display: flex;
    align-items: center;
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 1.1;
    gap: 2.4rem;
}
.freeInProjBl .item svg {
    width: 6rem;
    height: 6rem;
}
.freeInProjBl .img {
    position: relative;
    padding-left: 3rem;
}
.freeInProjBl .img:before {
    content: '';
    position: absolute;
    width: 6rem;
    background: rgb(197 197 197 / 16%);
    height: 6rem;
    border-radius: 5rem;
    left: 0;
}
.freeInProjBl .inner .title {
    margin-bottom: -3rem;
}

.garantBl {
    border-radius: .8rem;
    background: #FBFAFA;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem;
    margin: 0;
    padding: 0;
}
.garantItem b {
    font-size: 2.4rem;
    color: var(--main-dark);
}
.garantBl .garantItem img {
    width: 6rem;
}
.garantBl .garantItem .img {
    grid-row: 1 / span 2;
}
.garantBl .garantItem {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--main);
    display: grid;
    grid-template-columns: 9rem 1fr;
    align-items: center;
    gap: 0 2.4rem;
}

.prodCol .right .rating {
    margin: 3.2rem auto;
}
.prodCol .right .rating a:hover svg {
    fill: var(--main);
}
.prodPage .saleBlRow {
    gap: 2rem;
}
.prodPage .saleBlRow .item .img {
    height: 23rem;
}

.prodItemGal .galItem {
    height: 55rem;
    display: block;
    position:relative;
}
.prodItemGal .galItem img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 1.6rem;
}

.nav-custom:before{
    display:none;
}
.nav-custom {
    position: absolute;
    margin: auto;
    height: 6rem;
    width: 6rem;
    z-index: 95;
    border-radius: 50rem;
    background: #FFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    padding: 1.2rem;
    opacity:.7;
}
.nav-custom:hover,.nav-custom:focus {
    opacity: 1;
    background: white;
}
.nav-custom svg {
    transition: .3s;
    height: 100%;
    width: 100%;
    fill: var(--main);
}
.nav-custom:hover svg {
    fill: var(--main-hover);
}

.slider-nav {
    margin-top: 0.4rem;
}
.slider-nav img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-nav .slick-slide {
    max-height: 12rem;
    display: flex;
    align-items: center;
    border-radius: 1.6rem;
    overflow: hidden;
    margin: 0 4px;
    cursor:pointer;
    box-shadow: 0 0 .6rem -2px #7d7d7d;
    transition:.3s;
}
.slider-nav .slick-slide:hover{
    box-shadow: 0 0 .6rem 0 #7d7d7d;
}
.slider-nav .slick-track {
    padding: 4px 0;
}

.vacancy {
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
        max-height: 32rem;
            margin-bottom: 3rem;
}

.vacancy .wrapper {
    display: grid;
    grid-template-columns: 58rem 44.4rem;
    gap: 1.6rem;
    justify-content: space-between;
}

.vacancy .left {
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
}


.vacancy h2 {
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 4rem;
    text-align: left;
    margin-bottom: 1.5rem;
}

.introtext {
font-size: 1.8rem;
font-weight: 400;
line-height: 2.6rem;
text-align: left;
}
.more {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2rem;
    text-align: left;
    color: #E36829;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.more svg {
transition: .3s;
    height: 4rem;
    width: 4rem;
    fill: var(--main);
    margin-left: 1rem;

}

.vac .replyPageRow {
    grid-template-columns: 36.7rem 106rem;
}

.vac .countKitchen {
    margin-top: 0;
}




.vacancy_page .asided {
    display: grid;
    grid-template-columns: 40rem 118rem;
    gap: 3.6rem;
    margin-top: 2rem;
    align-items: start;
    padding-bottom: 1rem;
}

.vacancy_page .asided aside .sticky {
    padding: 0 0;
}

img.vacImg {
    width: 100%;
    border-radius: 1.6rem 1.6rem 0 0;
}

.vacancy_page .form.modalform {
    padding: 0 0;
}

.vacancy_page .sticky form {
    padding: 1rem 2rem;
}

.vacancy_page .row {
    padding: 0 0;
}

.tabs {
    background: #fff;
    padding: 1.5rem;
    border-radius: 1.6rem;
    width: fit-content;
}

a.atab {
    padding: 1rem;
    border-radius: 1.6rem;
    margin: 3px 3px;
}

a.atab:hover {
    background: #E368291f;
}


@media (max-width: 767px) {
   .vac .replyPageRow {
        grid-template-columns: 100%;
        gap: 5rem;
    }
    .vacancy_page .asided
    {
            display: inline-block;
    }
    a.atab {
    
    display: inline-block;
}

.vacancy h2 {
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 4rem;
    text-align: left;
    margin-bottom: 1.5rem;
}

.vacancy .wrapper {
        grid-template-columns: none;
        padding: 0;
        width: 100%;
        display: block;
}

.vacancy .left {
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    padding: 1rem;
}

.vacancy {
    max-height: 40rem;

}
}

.no_more {
font-size: 1.8rem;
    font-weight: 600;
    line-height: 2rem;
    text-align: left;
    color: var(--grey-txt);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.5rem
}

.vacancy img {
    width: 100%;
}

.vacancy_page li {
    list-style: disc;
}

/* New accordion block START */

.flexbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.accordion__block {
    padding: 5rem 0;
    gap: 7rem;
}
.accordion__block h3 {
    font-size: 4.4rem;
    line-height: 6.1rem;
    font-weight: 800;
    margin: 0 0 2.4rem;
}
.accordion__block p {
    line-height: 2.4rem;
}
.accordion__block p:not(:last-child) {
    margin-bottom: 2rem;
}
.accordion__block .txt__block {
    width: 100%;
    max-width: 32.6%;
}

.accordion__list {
    width: 100%;  
    max-width: 61.1%;
}
.accordion__list ul {
    list-style: inside;
    margin: 1rem 0;
}
  .accordion__item {
    position: relative;
    width: 100%;
    margin-bottom: 3.3rem;
}  
  .accordion__item:not(:first-child) {
    border-top: 1px solid #E1E1E1;
  }
  .accordion__item.active {
    max-height: 100%;
  }  
  
  .accordion__item .heading {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .accordion__item.active .heading {
    height: auto;
  }
  .accordion__item.heading:active,
  .accordion__item .heading:focus {
    outline: none;
  }

  @media (min-width: 40rem) {
    .accordion__item .heading {
      font-size: 2rem;
      line-height: 2.7rem;
      font-weight: 700;
    }
  }
  .accordion__item .heading .title {
    max-width: 93%;
    font-weight: 800;
    font-size: 2.8rem;
    line-height: 3.4rem;
    color: var(--main-dark);
    transition: 0.1s ease-in-out;
    margin:0;
  }
  .accordion__item:not(:first-child) {
    padding-top: 3.3rem;
  }
  .accordion__item .heading .title span {
    color: var(--main);
  }
  .accordion__item .heading:hover .title {
    color: var(--main); 
}
  .accordion__item .heading:hover .icon:before, .accordion__item .heading:hover .icon:after {
    background: var(--bg-color);
  }
  .accordion__item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid var(--main);
    border-radius: 50%;
  }
  .accordion__item .icon svg {
    transform: rotate(-180deg);
  }
  .accordion__item.active .icon svg {
    transform: rotate(0deg);
  }

  
  .accordion__item .content {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.1s ease-in-out;

  }
.accordion__item.active .content {
    height: 100%;
    visibility: visible;
    opacity: 1;
    padding: 2rem 0 0;
}
  
  @media (min-width: 40rem) {
    .accordion__item .content {
      position: relative;
    }
  }

@media screen and (max-width: 1469px) {
    .accordion__block .txt__block {
        max-width: 30.1%;
    }
    .accordion__block {
        gap: 7rem;
    }
    .accordion__block h3 {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }
    .accordion__item .heading .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 1199px) {
    .accordion__block .txt__block {
        max-width: 40%;
    }
    .accordion__list {
        max-width: 50.5%;
    }
    .accordion__block h3 {
        font-size: 2.7rem;
        line-height: 3.7rem;
    }
    .accordion__item .heading .title {
        font-size: 1.9rem;
        line-height: 2.5rem;
    }
    .accordion__item .content p {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .accordion__item .content p:not(:first-child) {
        margin-bottom: 1.2rem;
    }
    .accordion__item {
        margin-bottom: 1.5rem;
    }
}

@media screen and (max-width: 992px) {
    .accordion__block .txt__block,
    .accordion__list {
        max-width: 100%;
    }
}


@media screen and (max-width: 575px) {
    .accordion__item .heading .title {
        max-width: 90%;
    }
}

/* New accordion block END */

/* О нас */

.aboutPage .topBl {
    display: grid;
    grid-template-columns: 72rem 1fr;
    align-items: center;
    justify-content: space-between;
}
.aboutPage .topBl .text {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1.4;
}
.aboutPage .topBl h2, .aboutPage .topBl h1 {
    font-weight: 800;
    font-size: 7.2rem;
    line-height: 1.1;
    margin: 0;
}
.aboutPage .topBl h1 {
    font-size: 3.2rem;
    max-width: 63rem;
}
.aboutPage .topBl .img {
    margin: -7rem 0 -1rem;
}
.aboutPage .topBl .img img {
    width: 100%;
}
.ourJob{
    margin-bottom:10rem;
}
.ourJob .garantBl {
    background: none;
    margin-top: 4rem;
    grid-template-columns: repeat(5, 27rem);
}
.ourJob .garantBl .garantItem,.chooseUsBl .garantBl .garantItem {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1.4;
    color: unset;
    align-items: baseline;
    max-width: 25rem;
}
.ourJob .garantBl .garantItem:last-child {
    max-width: unset;
}
.ourJob .garantItem .img{
    position: relative;
    padding-left: 2.5rem;
}
.ourJob .garantItem .img:before,.chooseUsBl .garantItem .img:before {
    content: '';
    position: absolute;
    width: 6rem;
    background: rgba(227, 104, 41, 0.16);
    height: 6rem;
    border-radius: 5rem;
    left: 0;
}
.ourJob .garantItem .img svg,.chooseUsBl .garantItem .img svg {
    width: 6.2rem;
    height: 6.2rem;
}
.aboutPage .textBl hr {
    margin: 10rem 0;
}
.aboutPage .textBl .grey {
    max-width: 57rem;
    display: block;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.4;
    color: var(--grey-txt);
}
.twoCol.figureCenter {
    display: grid;
    grid-template-columns: 72rem 1fr;
    gap: 13rem;
    margin-top: 2.4rem;
}
.twoCol.figureCenter .left {
    font-weight: 800;
    font-size: 4.4rem;
    line-height: 1.45;
    position: relative;
}
.textBl ul.tags {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0;
    gap: 2.4rem;
}
.textBl ul.tags li {
    display: inline-flex;
    background: var(--main);
    color: white;
    font-weight: 800;
    font-size: 3.2rem;
    padding: 2.2rem 3.2rem;
    border-radius: 13.4rem;
}
.twoCol.figureCenter .left:after {
    background-size: 4.7rem 32rem;
    content: '';
    position: absolute;
    top: 0;
    right: -5rem;
    height: 32rem;
    width: 4.7rem;
    background-image: url(../images/i-figure.png);
}
hr.m-tb-8{
    margin: 8rem auto;
    border: 0;
    border-bottom: 1px solid #E1E1E1;
}
.aboutPage .textBl .resultsBl {
    display: grid;
    grid-template-columns: 50rem 80rem;
    justify-content: space-between;
    margin-bottom:5rem;
}
.aboutPage .resultsBl .left {
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 140%;
}
.aboutPage .resultsBl .right {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.aboutPage .resultsBl .right b.num {
    font-size: 12rem;
    line-height: 0.8;
    color: var(--main);
}
.aboutPage .resultsBl .right b {
    font-weight: 800;
    font-size: 6rem;
    line-height: 1.1;
    max-width: 70rem;
}
.aboutPage .resultsBl .grey {
    max-width: unset;
}
.aboutPage .resultsBl .circleBg{
    position:relative;
}
.aboutPage .resultsBl svg {
    height: 15rem;
}

.rostBl {
    background-size: cover;
    padding: 8rem 0;
    border-radius: 2rem 2rem 0rem 0rem;
    margin-top: 8rem;
}
.rostBl .blocktitle {
    max-width: 100rem;
}
.rostRow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 5rem;
}
.rostRow .item {
    background: white;
    display: flex;
    flex-direction: column;
    padding: 2.4rem;
    font-size: 2.6rem;
    gap: 1.6rem;
    border-radius: .8rem;
}
.rostRow .item svg {
    width: 4.8rem;
    height: 4.8rem;
}
.rostRow b {
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
    max-width: 34rem;
}
.rostBl .bottom {
    font-weight: 800;
    font-size: 3.2rem;
}
.whoWorkBl {
    position: relative;
    background: #3C3028;
    color: white;
    padding: 12rem 0;
    border-radius: 0;
}
.whoWorkBl:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/dist/about-work-fig-bg.png);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: luminosity;
    opacity: 0.25;
}
.whoWorkBl .row {
    display: grid;
    grid-template-columns: repeat(2, 70rem);
}
.whoWorkBl .grey {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.4;
    color: #c9c9c9;
    margin-bottom: 1.6rem;
}
.whoWorkBl .row ul {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
.whoWorkBl .row ul li {
    position: relative;
    display: inline-grid;
    align-items: center;
    grid-template-columns: 5rem 1fr;
    gap: 1.6rem;
    font-weight: 800;
    font-size: 4.4rem;
    line-height: 1.4;
}
.whoWorkBl .row svg {
    width: 4.8rem;
    height: 4.8rem;
    display: inline-flex;
}
.whoWorkBl .row .right ul li {
    grid-template-columns: 3rem 1fr;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1.4;
    align-items:start;
}
.whoWorkBl .row .right svg {
    width: 3rem;
    height: 3rem;
    margin-top: 0.5rem;
}

.territoryBl {
    background-color: white;
    display: grid;
    grid-template-columns: 87.2rem 76.8rem;
    min-height: 60rem;
    align-items: center;
    justify-content: space-between;
    
    background-image: url(../images/dist/i-location.jpg);
    background-size: 15.4rem 14.1rem;
    background-position: top left;
}
.territoryBl .map{
    height:100%;
}
.territoryBl .left {
    padding-left: 12rem;
    padding-right: 10rem;
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    font-size: 3.4rem;
    font-weight: 800;
    line-height: 1.2;
}
.territoryBl .left .blocktitle {
    margin: 0;
}
.territoryBl .left .small {
    font-size: 1.8rem;
    display: grid;
    align-items: center;
    gap: 1rem;
    grid-template-columns: 3.2rem 1fr;
}

.factoryBl {
    margin-bottom: 12rem;
}
.factoryBl .topRow{
    display: grid;
    grid-template-columns: 72rem 81rem;
    align-items: center;
    justify-content: space-between;
}
.factoryBl .text {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.4;
}
.factoryBl .text h2 {
    font-size: 7.2rem;
    line-height: 1;
    max-width: 64rem;
    margin: 0;
    margin-bottom: 2rem;
    font-weight: 800;
}
.factoryBl .text b {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.2;
}
.factoryBl .img {
    margin-bottom: -11rem;
}
.factoryBl .img img {
    width: 100%;
}

.factoryBl .bottomRow {
    display: grid;
    grid-template-columns: repeat(2, 70rem);
    align-items: baseline;
    justify-content: space-between;
    font-size: 2.6rem;
}
.factoryBl .bottomRow ul {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.factoryBl .bottomRow ul li {
    grid-template-columns: 3rem 1fr;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1.4;
    align-items: start;
    display: inline-grid;
    gap:1.6rem;
}
.factoryBl .bottomRow ul li svg {
    width: 3rem;
    height: 3rem;
    margin-top: 0.5rem;
}
.partnersBl .greenBtn {
    margin-right: auto;
    margin-left: 0;
    display: inline-block;
    border-radius: 5rem;
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
    padding: 2.4rem 3.2rem;
    height: auto;
    margin-bottom: 4rem;
}
.partnersBl ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: center;
    justify-content: center;
}
.partnersBl ul li {
    width: 21rem;
    text-align: center;
}
.partnersBl ul li img {
    max-width: 100%;
    filter: grayscale(1);
    transition:.3s;
}
.partnersBl ul li img:hover{
    filter: grayscale(0);
}

.chooseUsBl {
    background-size: cover;
    color: white;
    margin-top: 12rem;
    padding: 8rem 0;
}
.chooseUsBl .blocktitle h2 {
    font-size: 7.4rem;
    max-width: 130rem;
    margin-bottom: 7rem;
}
.chooseUsBl .garantBl {
    grid-template-columns: repeat(4, 34rem);
    background: none;
    gap: 7.2rem 1.6rem;
    justify-content: space-between;
}
.chooseUsBl .garantBl .garantItem {
    max-width: unset;
}
.chooseUsBl .garantItem .img {
    position: relative;
    padding-left:3rem;
}
.chooseUsBl .garantItem .img svg{
    width: 8rem;
    height: 8.8rem;
}
.chooseUsBl .garantItem .img:before {
    width: 8.8rem;
    height: 8.8rem;
}
/* ! О нас ! */
.topbanner__container,
.teaser__container {
    max-width: 148rem;
    padding: 2rem;
    margin:auto;
}

#topbanner .slider-carousel.pk,#topbanner .slider-carousel.mob{
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition:.5s;
}
#topbanner .slider-carousel.pk.slick-initialized,#topbanner .slider-carousel.mob.slick-initialized{
    opacity: 1;
    height: auto;
    visibility: visible;
}
#topbanner {
    gap: 2.4rem;
}
@media(min-width:767px){
    #topbanner {
        display: grid;
        grid-template-columns: 65% 1fr;
    }
}
#topbanner .topbanner__slider {
    position: relative;
    width: 100%;
    /* max-width: 90rem; */
    margin: 0;
    padding: 0;
    z-index: 2;
}
#topbanner .topbanner__slider .item__slider {
    position: relative;
    height: 62.4rem;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    padding: 4.8rem 4rem;
    border-radius: .8rem;
    overflow: hidden;
    z-index: 3;
    display: flex;
    flex-direction: column;
}
#topbanner .topbanner__slider .item__slider h1,#topbanner .topbanner__slider .item__slider h2 {
    margin: 0 0 3.2rem;
    font-size: 6.4rem;
    line-height: 1.1;
    font-weight: 800;
    max-width: 56rem;
    color: #fff;
}
#topbanner .topbanner__slider .item__slider .btn {
    margin-right: auto;
}
#topbanner .topbanner__slider .item__slider.slick-active h1,#topbanner .topbanner__slider .item__slider.slick-active h2 {
    animation: fadeInDown 1s both;
}
#topbanner .topbanner__slider .item__slider.slick-active .subtitle__txt {
    animation: zoomIn 1s both;
}
#topbanner .topbanner__slider .item__slider.slick-active .target__button {
    animation: fadeInRight 1.3s both;
}
#topbanner .topbanner__slider .item__slider .subtitle__txt {
    font-size: 3.2rem;
    line-height: 1.3;
    color: #fff;
    font-weight: 600;
    margin-bottom: 4.8rem;
    max-width: 54.8rem;
}
#topbanner .item__slider.darkText h1, #topbanner .item__slider.darkText h2,#topbanner .item__slider.darkText .subtitle__txt{
    color: var(--main-dark);
}
#topbanner .topbanner__slider .item__slider .target__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3.2rem;
    height: 6rem;
    border-radius: .8rem;
    max-width: 21rem;
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
    transition: all 0.3s ease-in-out;
    background: #E36829;
}
#topbanner .topbanner__slider .item__slider .target__button:hover {
    color: var(--main-dark);
}
#topbanner .topbanner__slider .flexbox.buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24rem;
    height: 7.6rem;
    border-radius:.8rem 0 0 0;
    align-items: center;
    justify-content: center;
    gap: 2.3rem;
    background: #f3f3f3;
    z-index: 5;
}

#topbanner .topbanner__slider .flexbox.buttons button {
    background: none;
    cursor: pointer;
}
#topbanner .topbanner__slider .flexbox.buttons .number-slide {
    font-weight: 500;
    font-size: 3.2rem;
    color: #E36829;
}

#topbanner .topbanner__slider .flexbox.buttons .slider__num {
    font-size: 1.8rem;
    font-weight: 400;
    color: #888888;
}
#topbanner .topbanner__slider .flexbox.buttons .slick__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.3rem;
}
#topbanner .topbanner__slider .flexbox.buttons .slick__buttons button {
    display: block;
    width: 4.3rem;
    height: 3.3rem;
}
#topbanner .topbanner__slider .flexbox.buttons .slick__buttons button svg {
    width: 100%;
    height: 100%;
    position: relative;
}
#topbanner .topbanner__slider .flexbox.buttons .slick__buttons button:hover svg path {
    fill: #888888;
}

#topbanner .righttop__banner {
    width: 100%;
    /* max-width: 46.4rem; */
    margin: 0;
    padding: 0;
}
#topbanner .righttop__banner .bitem {
    display: flex;
    height: 30rem;
    background-size: cover;
    color: white;
    padding: 2rem 2.4rem;
    font-size: 2.6rem;
    line-height: 1.2;
    flex-direction: column;
    gap: 1rem;
    background-position: right bottom;
    border-radius: 1.6rem;
    position:relative;
}
#topbanner .righttop__banner .bitem.custom-fancy-video {
    overflow: hidden;
    padding: 0;
}
#topbanner .righttop__banner .bitem.custom-fancy-video:before {
    transition: .3s;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #ffffff26;
}
#topbanner .righttop__banner .bitem.custom-fancy-video:hover:before{
    background-color: unset;
}
#topbanner .rating {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    flex-direction: column;
}
#topbanner .rating a:not(:hover){
    color:white;
}
#topbanner .rating svg {
    fill: white;
}
#topbanner .righttop__banner .bitem .title{
    color:white;
    transition:.3s;
}
#topbanner .righttop__banner .bitem:hover .title {
    color: var(--main-hover);
}
#topbanner .righttop__banner .bitem:not(:last-child) {
    margin-bottom: 2.4rem;
}
#topbanner .righttop__banner a img {
    display: block;
    width: 100%;
    height: auto;
}
#topbanner .topbanner__slider .item__slider .arrowAnim {
    height: 8rem;
    width: 3rem;
    margin: -4rem auto 1rem;
    position: relative;
}
#topbanner .topbanner__slider .item__slider .arrowAnim img {
    height: 6rem;
    position: absolute;
    left: 50%;
    right: 0;
    margin: auto;
    animation: arrowMove 1s ease-in-out infinite;
    transform: translateX(-50%);
}
.teaser__container .flexbox {
    justify-content: space-between;
}

.teaser__container .flexbox .itembox {
    display: block;
    width: 100%;
    max-width: 14.9%;
    position: relative;
    padding: 0 2rem 2rem 3rem;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}
.teaser__container .flexbox .itembox:before {
    position: absolute;
    top: 1.2rem;
    left: 0;
    border-radius: 50%;
    background: #E36829;
    content: "";
    z-index: 2;
    width: 7.2rem;
    filter: opacity(0.2);
    transition: all 0.2s ease-in-out;
    height: 7.2rem;
}
.teaser__container .flexbox .itembox:hover:before {
    width: 100%;
    height: 90%;
    border-radius: 1.2rem;
    top: inherit;
    box-shadow: 0 .5rem .5rem 0 rgba(0, 0, 0, 0.58);
    bottom: 0;
}
.teaser__container .flexbox .itembox .icon {
    position: relative;
    z-index: 5;
    width: 4.8rem;
    height: 4.8rem;
    margin-bottom: 1rem;
    transition: all 0.2s ease-in-out;
}
.teaser__container .flexbox .itembox h4 {
    position: relative;
    z-index: 5;
    font-size: 2.9rem;
    line-height: 3.3rem;
    font-weight: 800;
    color: #1B1B1B;
    transition: all 0.2s ease-in-out;
    margin: 0;
}
.teaser__container .flexbox .itembox .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    height: auto;
    transition: all 0.2s ease-in-out;
    
}
.teaser__container .flexbox .itembox:hover .icon {
    background: #E36829;
    border-radius: .6rem;
}
.teaser__container .flexbox .itembox:hover img {
    width: 80%;
    filter: invert(1) brightness(10);
}

/* Animations START */
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}
@keyframes arrowMove {
  0% {
    top:0;
  }
  50% {
    top:2rem;
  }
  100%{
      top:0;
  }
}
/* END */ 

.mob{
    display:none;
}

@media screen and (max-width: 1407px) {
    .teaser__container .flexbox .itembox {
        max-width: 14.5%;
    }
    .teaser__container .flexbox .itembox h4 {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 1199px) {
    #topbanner .topbanner__slider .item__slider h1, #topbanner .topbanner__slider .item__slider h2{
        font-size: 5.5rem;
    }
    #topbanner .topbanner__slider .item__slider .subtitle__txt {
        font-size: 2.7rem;
    }
    .teaser__container .flexbox .itembox {
        max-width: 14%;
    }
    .teaser__container .flexbox .itembox h4 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }


}
@media screen and (max-width: 992px) {

#topbanner .righttop__banner .bitem {
    width: 100%;
}
.teaser__container .flexbox .itembox {
    max-width: 30.6%;
}


}

@media screen and (max-width: 767px) {
    
    #topbanner .topbanner__slider .item__slider {
        background-position: top center;
        height:45rem;
    }
    #topbanner .topbanner__slider .item__slider h1,#topbanner .topbanner__slider .item__slider h2 {
        font-size: 4rem;
        margin-bottom:2rem;
    }
    #topbanner .righttop__banner{
        display:flex;
        flex-direction:column;
        gap:2rem;
        align-items: center;
    }
    #topbanner .righttop__banner .bitem {
        max-width: 46rem;
    }
    .teaser__container .flexbox .itembox {
        max-width: 29.3%;
    }

    #topbanner .righttop__banner .bitem {
        padding: 2rem 1.4rem;
        font-size: 2rem;
    }

}

@media screen and (max-width: 575px) {
        
    #topbanner .topbanner__slider .item__slider .subtitle__txt {
        font-size: 2.2rem;
    }
    #topbanner .topbanner__slider .item__slider .subtitle__txt br{
        /* display:none; */
    }
    .topbanner__container
     {
        max-width: 143.5rem;
        padding: 1rem .5rem 2rem!important;
        margin:auto;
    }
        
    .mob{
        display:block!important;
    }
    
    .pk{
        display:none!important;
    }
    
    #topbanner .topbanner__slider .item__slider {
        padding: 3rem;
        text-align: center;
    }
    
    #topbanner .righttop__banner .bitem:not(:last-child){
        margin-bottom: 0;
    }
    #topbanner .topbanner__slider .item__slider h1,#topbanner .topbanner__slider .item__slider h2 {
        font-size: 3.6rem;
    }
    #topbanner .topbanner__slider .item__slider {
        height: auto;
        padding: 3rem 1rem 6rem;
        min-height: 50rem;
        background-position: center;
        justify-content: space-around;
    }
    #topbanner .topbanner__slider .item__slider .target__button {
        margin: 0 auto;
    }
    #topbanner .righttop__banner .bitem {
        max-width: 100%;
    }
    .teaser__container .flexbox .itembox {
        max-width: 45.1%;
    }
    .teaser__container {
        padding-top: 0;
    }

}
@media(max-width:480px){
    #topbanner .righttop__banner .bitem{
        height:25rem;
    }
    #topbanner .rating a {
        text-shadow: 0 0 5px black;
    }
}

/* Portfolio slider START */
#portfolio-slider {
    overflow-x: hidden;
}
.portfolio-double {
    margin-top: 10rem;
    margin-bottom:5rem;
}
.top__content  {
    position: relative;
    max-width: 143.5rem;  

}  
.top__content:before {
    position: absolute;
    top: 0;
    left: -20%;
    content: "";
    z-index: 10;
    background: #F3F3F3;
    width: 20%;
    height: 100%;
}
.top__content .flexbox {
    gap: 3rem;
    margin-bottom: 5rem;
}
.top__content h2,
.right__content {
    max-width: 48.9%;
}
.top__content h2 {
    font-size: 7.2rem;
    font-weight: 800;
    line-height: 8rem;
    width: 100%;
    margin: 0;
}
.top__content h2 span {
    color: #E36829;
}
.right__content {
    width: 100%;
}
.right__content p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
}

.portfolio__slider .item__sslide {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 34.2rem !important;
    margin-right: 2.4rem;
    margin-bottom: 5rem;
    transition: all 0.3s ease-in-out;
    border-radius: .8rem;
    height: 47rem;
    overflow: hidden;
    color:var(--dark);
}
.portfolio__slider .item__sslide .product__information .orangeColor {
    font-size: 1.2rem;
    font-weight: 600;
}
.portfolio__slider .item__sslide:hover img {
    
    scale: 1.1;
}


.portfolio__slider .slick-list {
    overflow: visible;
}

.portfolio__slider .item__sslide a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.portfolio__slider .item__sslide figure {
    width: 100%;
    height: 34.2rem;
    overflow: hidden;
    border-radius: .8rem;
    margin: 0;
    transition: all 0.2s ease-in-out;
}
.portfolio__slider .item__sslide figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    transition: all 0.1s ease-in-out;
}

.portfolio__slider .item__sslide .product__information {
    padding: 1.6rem 0 2rem;
    transition: all 0.2s ease-in-out;
}
.portfolio__slider .item__sslide:hover {
    background: #fff;
    box-shadow: 0 1.5rem 1rem 0 rgba(0, 0, 0, 0.15);
}
.portfolio__slider .item__sslide:hover .product__information {
    padding: 1.6rem 0.8rem;
}
.portfolio__slider .item__sslide .product__information .title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3rem;
}
.portfolio__slider .item__sslide .product__information .flexbox.price {
    padding: 0;
}
.portfolio__slider .item__sslide .product__information .cat__name {
    font-size: 1.8rem;
    font-weight: 500;
    color: #888888;
}
.portfolio__slider .item__sslide .product__information .price {
    gap: 0 0.6rem;
    align-items: center;
    margin-bottom: 0;
    flex-wrap:nowrap;
}
.portfolio__slider .item__sslide .product__information .price .newprice {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.3rem;
}
.portfolio__slider .item__sslide .product__information .price .newprice span {
    display: inline-block;
/*     margin-right: .6rem; */
    font-size:1.8rem;
}
.portfolio__slider .item__sslide .product__information .price .old__price {
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 700;
    color: #888;
    text-decoration: line-through;
}
#portfolio-slider button {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    color: #fff;
    background: #E36829;
    cursor: pointer;
    z-index: 10;

}
#portfolio-slider button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    width: 2.8rem;
    height: 2.2rem;
}
#portfolio-slider button svg path {
    fill: #fff;
}
#portfolio-slider .case-prev {
    left: -3rem;
}
#portfolio-slider .case-next {
    left: inherit;
    right: 0;
}

.all__items-show {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 800;
    color: #fff;
    padding: 0 1.5rem;
    width: 100%;
    max-width: 23.4rem;
    height: 6rem;
    border-radius: .8rem;
    transition: all 0.3s ease-in-out;
    background: #E36829;
}
.all__items-show:hover {
    background: #1B1B1B;
}

@media screen and (max-width: 1500px) {
    .portfolio__slider {
        width: 97%;
        margin: 0 auto;
    }
    .top__content .flexbox {
        padding-left: 2rem;
    }
    .all__items-show {
        margin-left: 2rem;
    }
    #portfolio-slider .case-prev {
        left: 1rem;
    }
    #portfolio-slider .case-next {
        right: 1rem;
    }
    #portfolio-slider button {
        top: 60%;
    }
    .top__content h2, .right__content {
        max-width: 48.8%;
    }
    .portfolio__slider .item__sslide .product__information .price .newprice {
        font-size: 2.4rem;
        line-height: 3rem;
    }
}
@media screen and (max-width: 1365px) {
    .top__content {
        overflow: hidden;
    }
    .portfolio__slider {
        width: 96%;
        margin: 0 auto;
    }
    #portfolio-slider .case-prev {
        left: .7rem;
    }
    #portfolio-slider .case-next {
        right: 3.5rem;
    }
    #portfolio-slider button {
        top: 61%;
    }
    .portfolio__slider .item__sslide .product__information .title {
        font-size: 2rem;
        line-height: 2.7rem;
    }
    .portfolio__slider .item__sslide .product__information .price .newprice {
        font-size: 2rem;
        line-height: 2.6rem;
    }
    .portfolio__slider .item__sslide .product__information .price .old__price {
        font-size: 1.7rem;
    }
    .top__content h2, .right__content {
        max-width: 48.7%;
    }


}


@media screen and (max-width: 1199px) {
    #portfolio-slider button {
        top: 65%;
    }
    .top__content h2 {
        font-size: 5.2rem;
        line-height: 6.1rem;
    }
    .top__content h2, .right__content {
        max-width: 48.4%;
    }


}

@media screen and (max-width: 992px) {
    .top__content h2 {
        font-size: 4rem;
        line-height: 4.8rem;
    }
    .top__content h2, .right__content {
        max-width: 47.9%;
    }
    .portfolio__slider .item__sslide .product__information .price .newprice,
    .portfolio__slider .item__sslide .product__information .price .old__price {
        width: 100%;
    }
    .portfolio__slider .item__sslide {
        height: auto;
    }
    .portfolio__slider .item__sslide .product__information .price {
        gap: 0;
    }
    #portfolio-slider button {
        top: 55%;
    }

}

@media screen and (max-width: 767px) {
    .top__content h2, .right__content {
        max-width: 100%;
    }
    #portfolio-slider button {
        top: 58%;
    }
    .all__items-show {
        margin: 0 auto;
    }
    
} 

@media screen and (max-width: 575px) {
    #portfolio-slider button {
        display: none;
    }
    .portfolio__slider .item__sslide .product__information .price {
        gap: 1.5rem;
        
    }
    .top__content .flexbox {
        padding: 0 2rem;
    }
    .portfolio__slider .item__sslide .product__information .price .newprice, 
    .portfolio__slider .item__sslide .product__information .price .old__price {
        max-width: 47.2%;
    }
    .portfolio__slider .item__sslide .product__information .price .old__price {
        
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .portfolio__slider .item__sslide .product__information .price .newprice {
        font-size: 2.2rem;
    }
    .portfolio__slider .item__sslide:hover .product__information {
        padding: 1.6rem 0;
    }
    .portfolio__slider .item__sslide:hover {
        background: none;
        box-shadow: none;
    }
}
/* Portfolio slider END */

/* Header SubMenu*/
.subMenu li.active a {
    color: var(--main);
}
.parent.small .subMenu .inner {
    min-height: unset;
    padding: 2rem 3rem;
    width: max-content;
}
.parent.small .subMenu .inner ul {
    display: flex;
    flex-direction: column;
    width: auto;
}

.subMenu {
    position: absolute;
    top: 2.4rem;
    left: -2.4rem;
    padding-top: 1.4rem;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
}
.hbottom ul li.parent:hover > .subMenu {
    opacity: 1;
    visibility: visible;
}
.subMenu .inner {
    background: #ffffff;
    min-height: 28rem;
    border-radius: 0 0 1.6rem 1.6rem;
    padding: 3.2rem;
    font-size: 1.7rem;
    box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.06);
}
.subMenu .inner .orangeBtn {
    height: 6rem;
}
.subMenu .inner .row{
    display: grid;
    grid-template-columns: repeat(6, 16rem);
    justify-content: space-between;
    gap: 1.6rem;
    align-items: baseline;
    margin-bottom:3.2rem;
}

.subMenu .inner ul {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 1.1;
    color: #1b1b1b;
    text-transform: none;
    gap: 1.6rem;
}
.subMenu .inner ul b {
    font-weight: 700;
    color: var(--main);
}
.hbottom ul li {
    position: relative;
}
.hbottom ul li.parent > a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position:relative;
    z-index:2;
}
.hbottom ul li.parent > a:after {
    content: '';
    background: url(../images/dist/arrow-up.png) 100% / contain no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    background-size: contain;
    transition: .3s;
}
.hbottom ul li.parent:hover > a:after{
    transform: rotateX(180deg);
}
.hbottom ul li.parent:hover:before {
    opacity: 1;
}

.hbottom ul li.parent:before {
    position: absolute;
    content: '';
    background: white;
    width: 11.2rem;
    height: 5.2rem;
    top: -1.4rem;
    left: -2.4rem;
    z-index: 1;
    box-shadow: 0 -.4rem 1.2rem -.4rem rgba(0, 0, 0, 0.08);
    border-radius: .8rem .8rem 0 0;
    opacity: 0;
    transition: .3s;
}
/* Виджет отзывов */
.replyMain {
    margin: 8rem auto;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    max-width: 130rem;
}
.replyMain .blocktitle{
    margin:0 auto;
    text-align:center;
}
.replyMain .centered {
    margin: 2rem auto 0;
    width: 100%;
    max-width: 100rem;
}
.replyMain .rating,.replyPageRow .rating {
    display: flex;
    gap: 3.2rem;
    flex-wrap: wrap;
    justify-content: end;
    margin: 3rem 0;
}
.replyMain .rating{
    justify-content: space-between;
}
.replyMain .rating a,.replyPageRow .rating a {
    width: 18rem;
    font-size: 3rem;
    align-items: center;
}
.replyMain .rating svg,.replyPageRow .rating svg {
    width: 13.5rem;
    height: 5rem;
}
.replyPageRow .rating {
    justify-content: start;
}
.replyMain .btn {
    margin: 0 auto;
}

.rating a.vkRating {
    width: 11rem;
}
.rating a.vkRating svg {
    width: auto;
}
@media(max-width:767px){
    .replyMain .rating,.replyPageRow .rating {
        gap: 2rem 3rem;
        justify-content: left;
    }
    .replyMain .rating a,.replyPageRow .rating a {
        width: auto;
        font-size: 2rem;
    }
    .replyMain .rating svg, .replyPageRow .rating svg {
        width: 10.5rem;
        height: 4rem;
    }
}
@media(max-width:575px){
    .replyMain .rating, .replyPageRow .rating {
        gap: 2rem;
        
        display: flex;
        width: auto;
        justify-content: center;
        margin: 3rem auto;
    }
    .replyMain .rating a, .replyPageRow .rating a {
        font-size: 1.6rem;
        display: grid;
        grid-template-columns: 20rem auto;
        justify-content: center;
    }
    .replyMain .rating svg, .replyPageRow .rating svg {
        height: 3rem;
        max-width: 20rem;
        width: 100%;
    }
}

review-lab .widget__show-more {
    color: white!important;
    background-color: var(--main)!important;
    font-size: 1.6rem!important;
    line-height: 1.15!important;
    border-radius: .8rem!important;
    padding: 1.4rem!important;
    font-weight: 500!important;
    width: 16rem!important;
    transition:.3s;
}
review-lab .widget__show-more:hover {
    background: var(--main-hover)!important;
}
.replyMain review-lab .widget__show-more{
    display:none!important;
}
review-lab .widget {
    max-width: unset !important;
}
review-lab .widget__layout.grid {
    grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr))!important;
}
@media(min-width:767px){
    .replyMain review-lab .widget__layout.grid {
        grid-template-columns: repeat(auto-fill, minmax(34rem, 1fr)) !important;
        margin: 1rem 0 !important;
    }
}
/* Mobile Bottom Buttons */
.mobileBtns{
    display: flex;
    flex-direction: column;
    position: fixed;
    align-items: center;
    gap: 1rem;
    margin: 0 auto;
    left: auto;
    right: 15px;
    justify-content: center;
    bottom: -8rem;
    transition: .3s;
    z-index: 99;
}
.mobileBtns a, .mobileBtns .greenBtn,.mobileBtns .blueNewBtn {
    line-height: 1.2;
    min-height: 4.5rem;
    box-shadow: 0 0 1rem -5px #000000d6;
    height: auto;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    background-color: #00BEA2;
    color: white;
    max-width: 13rem;
    padding: 0.8rem 1.2rem;
    align-items: center;
    white-space: normal;
    display:none;
}
.mobileBtns .greenBtn:hover {
    background-color: #06cbaf;
}
.mobileBtns .blueNewBtn{
    background: #29a9ea;
}
.mobileBtns .blueNewBtn:hover{
    background: #4fc4ff;
}
.mobileBtns .lightGreen {
    background-color: var(--main-dark);
}
.mobileBtns .lightGreen:hover {
    background-color: var(--main-dark-hover);
}
.mobileBtns.fixed{
    bottom: 2rem;
}

.mobileBtns:not(.fixed) #smallBottomVideo{
    left:1rem;
    opacity:0;
}
#smallBottomVideo.enlarged + .greenBtn,#smallBottomVideo.enlarged + .blueNewBtn{
    max-width:30rem;
}
.mobileBtns.fixed .greenBtn,.mobileBtns.fixed .blueNewBtn{
    display:flex;
}

/* Timer Form */
.fancybox-white .fancybox-bg {
    background: #f3f3f3;
}
#timerModal {
    padding: 2.4rem;
    border-radius: 8px;
    overflow: visible; 
    max-width: 83rem;
/*     background-image: url(../images/dist/timermodal-bg.jpg);
background-repeat: no-repeat;
background-position: right 1rem bottom 25rem;
background-size: 11rem 21.2rem; */
}
#timerModal .fancybox-button svg path {
    color: white;
}
#timerModal .twoCol {
    display: grid;
    grid-template-columns: 45rem 30rem;
    gap: 3rem;
}
#timerModal .video {
    background: #1f2229;
    max-height: 62rem;
    border-radius:1.5rem;
}
#timerModal .timerList {
    display: flex;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
    gap: 1rem 3rem;
}
#timerModal .timerList li {
    display: flex;
    flex-direction: column;
    color: var(--grey-txt);
}
#timerModal .timerList b {
    font-size: 2.6rem;
    font-weight: 400;
    color:var(--main);
}
#timerModal .fancybox-close-small {
    right: -5rem;
    top: 0rem;
    background: rgba(201, 201, 201, 0.32);
    border-radius: 5rem;
}
#timerModal .title {
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 1.1;
    font-family: 'Manrope';
    margin-top: 2.2rem;
}
#timerModal .orangeBG {
    position: relative;
    color: white;
    font-weight: 700;
    display: inline-flex;
    padding: 0.9rem 1.5rem;
    align-items: center;
    line-height: 1.2;
    margin: 0.5rem 0 0.5rem -1rem;
    font-size: 3.4rem;
}
#timerModal .orangeBG span {
    position: relative;
}
#timerModal .orangeBG:before {
    content: '';
    background: #e36829;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 1.5rem;
    transform: skewX(-15deg);
}
@media(max-width:767px){
    #timerModal {
        padding: 0;
        border-radius: 1.5rem;
    }
    #timerModal .left {
        padding: 0 1.6rem 1.6rem;
    }
    #timerModal .fancybox-close-small {
        right: 0.5rem;
        top: 0.5rem;
        background: rgb(201 201 201 / 79%);
    }
    #timerModal .twoCol {
         display:flex;
        flex-direction: column-reverse;
    }
    #timerModal .twoCol .video { 
        object-fit: cover;
        max-height: 20rem;
        aspect-ratio: 16 / 9;
        width: 100%;
    }
}
@media(max-width:575px){
    #timerModal {
        background-size: 8rem 16.2rem;
        font-size: 1.4rem;
    }
    #timerModal .timerList li {
        display: grid;
        grid-template-columns: 4rem 1fr;
        gap: 1rem;
    }
    #timerModal .timerList {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        line-height: 1.2;
    }
    #timerModal .title {
        font-size: 2.2rem;
        max-width: 31rem;
    }
    #timerModal .orangeBG {
        font-size: 2.2rem;
        padding: 0.6rem 1rem;
        margin: 0.5rem 0;
    }
    #timerModal .orangeBG:before{
        border-radius:1rem;
    }
}

/* Страница зафиксируй скидку */
body.no-tp {
    padding: 0!important;
}
.saleNewForm_Right .endofSale {
    background: var(--main);
}

.saleDopPage {
    background-image: url(../images/saledoppage-bg.jpg);
    background-size: cover;
    /* background-size: 172rem 90rem; */
    background-position: center;
    background-repeat: no-repeat;
}
.saleDopPage .inner {
    max-width: 148rem;
    margin: 0 auto;
    padding: 0 2rem;
}
.saleDopBanner {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 55rem 42rem;
    position: relative;
    min-height: 90rem;
}
.saleDopPage .logo {
    position: absolute;
    top: 3.5rem;
}
.saleDopBanner .saleNewForm_Left {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin-top: 7rem;
}
.saleDopBanner .title {
    text-transform: none;
    position: relative;
    font-weight: 800;
    font-size: 7.2rem;
    line-height: 1.2;
}
.saleDopBanner .title .small {
    font-weight: 800;
    font-size: 3.6rem;
    line-height: 1.2;
}

.saleDopBanner .title .orangeBG {
    position: relative;
    color: white;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    line-height: 1.3;
    font-size: 7.2rem;
}
.saleDopBanner .orangeBG:before {
    content: '';
    background: #e36829;
    width: 100%;
    height: 100%;
    padding: 1.5rem 2rem;
    position: absolute;
    z-index: 1;
    left: -2rem;
    right: 0;
    top: 0.5rem;
    margin: auto;
    bottom: 0;
    border-radius: 2.8rem;
    transform: skewX(-15deg);
}
.saleDopBanner .title .orangeBG span {
    position: relative;
    z-index:3;
}

.saleDopBanner .garantBl {
    display: flex;
    flex-direction: column;
    background: none;
    gap: 3.5rem;
}
.saleDopBanner .garantBl .garantItem {
    color: var(--main-dark);
    font-size: 2rem;
    gap: 0 1rem;
}
.saleDopBanner .garantBl .garantItem .img {
    position: relative;
    height: 7rem;
}
.saleDopBanner .garantBl .garantItem .img:before {
    content: '';
    position: absolute;
    width: 7rem;
    background: var(--main);
    height: 7rem;
    opacity: 0.12;
    border-radius: 100%;
    left: -2rem;
}
.saleDopBanner .garantBl .garantItem img,.saleDopBanner .garantBl .garantItem .img svg {
    width: 7rem;
    height: 7rem;
}
.saleDopBanner .garantItem b {
    font-size: 3.2rem;
    color: var(--main);
}

.saleNewForm_Right .close {
    right: 0.5rem;
    top: 0.5rem;
    position: absolute;
    width: 3rem;
    height: 3rem;
    display: none;
    opacity: 0;
    transition: .3s;
    visibility: hidden;
    z-index: 9;
}
.saleNewForm_Right form {
    display: block;
    border-radius: 2.4rem;
    background: #FFF;
    min-height: 54.4rem;
    padding: 3.2rem;
    position: unset;
}
.saleNewForm_Right .saleEndTitle {
    font-size: 2.4rem;
    font-weight: 700;
    position: relative;
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.saleEndTitle svg {
    fill: transparent;
    height: 2.4rem;
    width: 2.4rem;
}
.endofSale {
    display:none;
    background: var(--main-dark);
    display: flex;
    flex-direction: row;
    padding: 0.4rem 1rem;
    gap: 0.4rem;
    max-width: 16rem;
    align-items: center;
    color: white;
    border-radius: 3.6rem;
    font-weight: 700;
    font-size: 1.6rem;
    position: relative;
    z-index: 1;
}

.saleEnd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
#saleDateInfo {
    display: none;
}
.saleEnd #timer {
    display: flex;
    gap: 4.8rem;
    line-height: 1;
    margin-top: 1rem;
}
.saleEnd #timer p {
    font-size: 1.6rem;
    color: rgb(199, 199, 199);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0;
}
.saleEnd #timer p span {
    font-size: 3.8rem;
    color: rgb(0, 0, 0);
    font-weight: 800;
}
.saleEnd #timer p:after {
    content: ':';
    position: absolute;
    right: -2.5rem;
    color: #888;
    font-size: 3.8rem;
}
.saleEnd #timer p:last-child:after{
    display:none;
}
.saleNewForm_Right .row {
    gap: 2rem;
    align-items: unset;
    display: flex;
    flex-direction: column;
    padding:0;
    margin-top: 5rem;
}
.saleNewForm_Right .row .text{
    font-size:2.4rem;
}
#salePageForm .descr {
    color: #888;
}
.saleNewForm_Right .openForm {
    display: none;
}
@media (max-width: 1024px) {
    .saleDopBanner{
        grid-template-columns: 100%;
        min-height: unset;
        padding: 7rem 0 4rem;
        z-index:100;
    }    
    .saleDopPage {
        background-image: url(../images/saledoppage-bg-mob.jpg);
        position: relative;
    }
    .saleDopBanner .title,.saleDopBanner .title .orangeBG{
        font-size: 4rem;
    }
    
    .saleDopBanner .title .small{
        font-size: 2.4rem;
    }
    .saleDopBanner .orangeBG:before{
        left:-1rem;
        padding:0.5rem 1rem;
        border-radius:1rem;
    }
    .saleDopBanner .title:after {
        background-size: 10rem 10rem;
        width: 8rem;
        height: 8rem;
        right: 8rem;
    }
    .saleDopPage .logo {
        top: 0;
    }
    .saleDopBanner .title p {
        margin: 0;
        line-height: 1.3;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
    .saleDopBanner .title {
        max-width: 40rem;
        z-index:2;
    }
    .saleDopBanner .list {
        display: flex;
        flex-direction: column;
        gap: 2.2rem;
        max-width: 50rem;
    }
    .saleDopBanner .list .item {
        font-size: 2rem;
        max-width: 23rem;
        display: flex;
        flex-direction: column;
        align-items: baseline;
        gap: 1rem;
    }
    .saleDopBanner .list .item b {
        font-size: 4rem;
        padding-right: 4rem;
    }
    .saleDopBanner .list .item b.subline:after {
        background-size: 5.6rem 2.9rem;
        width: 5.6rem;
        height: 2.9rem;
        right: 3.8rem;
    }
    .saleDopPage:after {
        content: '';
        background-image: url(../images/saledoppage-woman.png);
        bottom: 0;
        right: 0;
        position: absolute;
        height: 59rem;
        width: 35.8rem;
        background-size: auto 59rem;
        background-position: left;
    }
    .saleDopBanner .list .item b span {
        font-size: 2.8rem;
    }
    
    .saleNewForm_Right,.saleNewForm_Right.infoPage_Right {
        width: 100%;
        background: white;
        max-width: unset;
        border-top-left-radius: 2.4rem;
        border-top-right-radius: 2.4rem;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        box-shadow: 0 0 15px -7px #5e5e5e;
    }
    #salePageForm .descr{
        margin-top:0;
    }
    .saleNewForm_Right form, .saleNewForm_Right.infoPage_Right form{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        min-height: unset;
        padding: 1.6rem 1.6rem 2rem;
        max-width: 38rem;
        margin: 0 auto;
        position:relative;
        top:unset;
        z-index:1;
        gap: 0.5rem;
        background: #fff;
        box-shadow:unset;
    }
    .saleNewForm_Right .saleEndTitle::after {
        width: 4rem;
        height: 4rem;
        right: unset;
        left: 18rem;
        top: -1rem;
        background-size: contain;
        display:none;
    }
    .saleEnd #timer {
        gap: 2rem;
    }
    .saleEnd #timer p span {
        font-size: 2.8rem;
    }
    .saleEnd #timer p:after {
        font-size: 2.8rem!important;
        right: -1.5rem;
    }
    .saleNewForm_Right .saleEnd {
        margin-bottom: 1rem;
    }
    .saleNewForm_Right .bg {
        width: 100%;
        position: fixed;
        background: #ffffff73;
        top: 0;
        height:0;
        opacity:0;
        visibility:hidden;
        transition:.3s;
    }
    .saleNewForm_Right.active .bg{
        height: 100vh;
        opacity:1;
        visibility:visible;
    }
    
    .saleNewForm_Right .close {
        display:block;
        cursor:pointer;
    }
    .saleNewForm_Right.active .close{
        opacity:1;
        visibility:visible;
    }
    
    .saleNewForm_Right .row{
        height:0;
        opacity:0;
        visibility:hidden;
        transition:.3s;
        margin:0;
    }
    .saleNewForm_Right.active .row{
        height: 32.7rem;
        opacity: 1;
        visibility: visible;
    }
    
    .saleNewForm_Right .openForm{
        display:flex;
        opacity:1;
        visibility:visible;
        transition:0;
        height:5.4rem;
        margin-top:1rem;
    }
    .saleNewForm_Right.active .openForm{
        height:0;
        opacity:0;
        visibility:hidden;
        padding:0;
    }
    
}
@media (max-width: 767px) {
    .saleEnd #timer p span{
        font-size:2.4rem;
    }
    .saleDopPage {
        background-position: top -7rem left -34rem;
        background-size: 112rem 76rem;
    }
    .saleDopBanner .saleNewForm_Left {
        gap: 3rem;
        margin-top: 1rem;
    }
    .saleDopBanner .garantBl .garantItem .img {
        height: 4rem;
    }
    .saleDopBanner .garantBl .garantItem{
        font-size:1.4rem;
        grid-template-columns: 7rem 1fr;
    }
    .saleDopBanner .garantItem b {
        font-size: 2.2rem;
    }
    .saleDopBanner .garantBl {
        gap:2rem;
    }
    .saleDopBanner .garantBl .garantItem img, .saleDopBanner .garantBl .garantItem .img svg {
        width: 4rem;
        height: 4rem;
        margin-left: 2rem;
    }
    .saleDopBanner .garantBl .garantItem .img:before {
        width: 4rem;
        height: 4rem;
        left: 0;
    }
    .saleDopPage:after {
        height: 49rem;
        width: 28rem;
        background-size: auto 49rem;
        background-position: left;
        z-index: 0;
    }
}
@media (max-width: 575px) {
    .saleNewForm_Right .saleEndTitle::after {
        width: 3rem;
        height: 3rem;
        left: 16rem;
    }
    .saleDopPage:after {
        height: 45rem;
        width: 22rem;
        background-size: auto 45rem;
        background-position: left;
        z-index: 0;
    }
    .saleDopBanner .list {
        gap: 1.2rem;
    }
    .saleDopBanner .list .item {
        font-size: 1.6rem;
        max-width: 19rem;
    }
    .saleDopBanner .list .item b {
        font-size: 3rem;
    }
    .saleDopBanner .list .item b span {
        font-size: 2rem;
    }
    .saleDopBanner .title:after {
        background-size: 7.5rem 7.5rem;
        width: 6rem;
        height: 6rem;
        left: 17rem;
        right: 0;
    }
    .saleDopPage .inner{
        padding: 0 1rem;
    }
}
@media (max-width: 460px) {
    .saleDopPage {
        background-position: top -18rem left -38rem;
        background-size: 112rem 96rem;
    }
    .saleDopBanner .garantBl {
        max-width: 20rem;
    }
    .saleNewForm_Right.active form, .saleNewForm_Right.infoPage_Right.active form{
        padding-top:3.5rem;
    }
    .saleDopPage:after {
        height: 45rem;
        width: 17rem;
        background-size: auto 45rem;
        background-position: left;
        z-index: 0;
    }
    .saleDopBanner {
        padding: 5rem 0 4rem;
    }
    .saleDopPage .logo img {
        width: 100%;
    }
    .saleDopPage .logo {
        width: 10rem;
    }
    .saleDopBanner .list .item {
        font-size: 1.4rem;
        max-width: 16rem;
    }
}
/* */
.textWrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: linear-gradient(0deg, #f3f3f3, transparent);
}
.textOpened .textWrapper:after{
        background: none;
}
.textWrapper {
    max-height: 20rem;
    overflow: hidden;
    position: relative;
    transition: .5s;
}
.descriptionText .textWrapper h2 {
    margin-top: 0;
}
.descriptionText .text img {
    max-width: 100%;
    height: auto;
}
.openDesc {
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: var(--main);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    gap: 1rem;
    transition: .3s;
}
.openDesc svg {
    width: 1.8rem;
    height: 1.8rem;
    transform: rotate(90deg);
    transition: .3s;
}
.textOpened .openDesc svg {
    transform: rotate(-90deg);
}

/* Плашки видео и места*/
.iconsVidPlace {
    position: absolute;
    gap: 1rem;
    align-items: baseline;
    z-index: 2;
    left: 0rem;
    top: 1rem;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    transform: unset;
    padding: 0 1rem;
    display: flex;
}

.iconsVidPlace > div {
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 1.6rem;
    display: grid;
    grid-template-columns: 2.9rem 1fr;
    align-items: center;
    gap: 1.6rem;
    color: var(--main);
    transform: scale(1);
    max-width: 31rem;
}
.iconsVidPlace > div:before {
    content: '';
    height: 3.3rem;
    position: absolute;
    left: 3.2rem;
    background-image: url(../images/card-icon-center.svg);
    width: 2.3rem;
    z-index: 0;
    background-size: 2.2rem 3.3rem;
}
.iconsVidPlace .video:before {
    content: '';
    background-image: url(../images/card-icon-center-vid.png);
}
.iconsVidPlace > div svg {
    margin: 0 auto;
    width: 2rem;
    height: 2.5rem;
    border-radius: 2rem 0 0 2rem;
    padding-right: 0.1rem;
}
.iconsVidPlace div > * {
    padding: 0.4rem 0.8rem;
    box-sizing: content-box;
    background: white;
    border-radius: 1.3rem 2rem 2rem 1.3rem;
}
.iconsVidPlace div span {
    padding-left: 1rem;
    line-height: 1;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
}

.iconsVidPlace > div.video {
    display: flex;
}
.iconsVidPlace .video > * {
    color: white;
    background: var(--main);
}
.iconsVidPlace > div.video svg{
    padding: 0.4rem;
    border-radius: 2rem;
    width: 4rem;
    height: 2.5rem;
    display: flex;
}
.iconsVidPlace > div.video span, .iconsVidPlace > div.video:before {
    display: none;
}
.iconsVidPlace .place svg {
    width: 2.4rem;
}

.cartGalleryCol .iconsVidPlace {
    top: 1rem;
}

.play_btn  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: var(--main);
    width: 6rem;
    height: 6rem;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    z-index:2;
}
.custom-fancy-video:hover .play_btn::after,.custom-fancy-video:hover .play_btn::before,
.vertical-video:hover .play_btn::after,.vertical-video:hover .play_btn::before{
    border: 0;
}
.play_btn::after,
.play_btn::before {
  content: '';
  position: absolute;
  border: 2px solid var(--main);
  left: -2rem;
  opacity: 0;
  right: -2rem;
  top: -2rem;
  bottom: -2rem;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite;
}
.play_btn::after {
  animation-delay: 1.25s;
}
.custom-fancy-video:hover .play_btn,.vertical-video:hover .play_btn, .item:hover .play_btn {
    background-color: var(--main-hover);
    width: 7rem;
    height: 7rem;
}
.play_btn svg{
    width: 90%;
    height: 90%;
}
.cartGalleryCol .galItem.custom-fancy-video img,.cartGalleryCol .galItem.vertical-video img{
    opacity: 0.6;
    transition:.3s;
}
.cartGalleryCol .galItem.custom-fancy-video video,.cartGalleryCol .galItem.vertical-video video {
    z-index: -1;
    object-fit: cover;
    position: relative;
}
.cartGalleryCol .galItem.custom-fancy-video video::-webkit-media-controls-panel,.cartGalleryCol .galItem.vertical-video video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;
}
.cartGalleryCol .galItem.custom-fancy-video:hover img,.cartGalleryCol .galItem.custom-fancy-video:hover video  {
    opacity: 1;
}
@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}


.fancybox-custom-video .fancybox-content {
    max-width: 92rem;
    max-height: 52rem;
}
.fancybox-vertical-video .fancybox-content {
    max-width: 49rem;
    max-height: 92rem;
}
@media(max-width:767px){
    .fancybox-vertical-video .fancybox-content {
        max-width: 32rem;
        max-height: 58rem;
    }
    .fancybox-custom-video .fancybox-content {
        max-width: 58rem;
        max-height: 34rem;
    }
}

/* Слайдер видео */
.videoMainBl .replyMain {
    margin-top: 0;
}
.videoMainBl .btn.greenBtn {
    display: table;
    margin: 3rem auto 0;
}
.videoMainBl .videoPageRow .item .text .bottom .btn.greenBtn{
    margin:0;
}
.videoMainBl {
    margin-top: 3rem;
    margin-bottom: 6rem;
}
.videoMainSlider .slick-list {
    margin-right: -2rem;
}
.videoMainSlider .item iframe {
    width: 100%;
    height: 100%;
}
.videoMainSlider .item {
    margin-right: 2rem;
}
.videoMainSlider .item .top {
    height: 40rem;
    border-radius: 1.5rem;
    overflow: hidden;
    position:relative;
    display:block;
}
@media(min-width:767px){
    .videoMainSlider.threeInRow .item .top{
        height:25rem;
    }
}
.videoMainSlider.threeInRow .slick-next,.videoMainSlider.threeInRow .slick-prev{
    top:40%;
}
.videoMainSlider .item .top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videoMainSlider .item .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.4rem;
    margin-top: 2rem;
}
.videoMainSlider .item .bottom a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-position: under;
    font-size: 2rem;
    text-transform: capitalize;
}
.videoMainSlider .item .bottom a:hover{
    color:var(--main-hover);
}
@media(max-width:767px){
    .videoMainSlider .slick-list {
        margin:0 -1rem;
        padding:0.1rem 0;
    }
    .videoMainSlider .item {
        margin: 0 1rem;
        width: 25rem;
    }
    .videoMainSlider .item .bottom {
        font-size: 1.8rem;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }
    .videoMainSlider .item .bottom a {
        font-size: 1.8rem;
    }
    .videoMainSlider .item .top {
        height: 45rem;
        width: 25rem;
        margin: 0 auto;
    }
}
@media(max-width:545px){
    .videoMainSlider .item .top {
        height: 40rem;
        width: 22rem;
    }
    .videoMainSlider .item{
        width:22rem;
    }
}

/* OKTO logo */
#madeBy{
    font-size: 1.2rem;
    color: var(--grey-txt);
}
#madeBy b{
    font-weight:900;
}
#madeBy a:hover u {
    color: #05b8fa;
    text-decoration: none;
}
#madeBy a u {
    background: linear-gradient(90deg, #057efa, #1fd1ff, #00ffb2, #05b8fa, #057efa);
    background-size: 3200px 200px;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-animation: animate-logo;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    transition: font-size 500ms ease-in-out;
    font-size: 1.8rem;
}
@-webkit-keyframes animate-logo {
 0% {
 background-position: 0 3200px;
 }
 100% {
 background-position: 3200px 0;
 }
}
/* ! OKTO logo ! */


/* Видео в отзывы */
.replyPage.videoBlock .replyPageRow {
    display: flex;
}
.replyPage.videoBlock aside {
    max-width: 36.7rem;
    width: 26%;
}
.replyPage.videoBlock .replyPageRow > div {
    width: 100%;
}
.replyPage.videoBlock .videoMainSlider .slick-list {
    margin-right: 0 
}
.replyPage.videoBlock .videoMainSlider .item .top {
    height: 25rem;
}
.replyPage.videoBlock .videoMainBl {
    margin-bottom: 2rem;
}

.replyPage .videoMainCols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem 3rem;
    margin-bottom: 8rem;
}
.replyPage .videoMainCols .item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.replyPage .videoMainCols .item .img {
    display: flex;
}
.replyPage .videoMainCols .item img {
    width: 100%;
}
.replyPage .videoMainCols .item .top{
    height:auto;
}
.replyPage .videoMainCols .item .top {
    border-radius: 1.5rem;
    overflow: hidden;
    position: relative;
    display: block;
}
.replyPage .videoMainCols .item .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2rem;
}
.replyPage .videoMainCols .item .bottom a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-position: under;
    font-size: 1.8rem;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .replyPage .videoMainCols {
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem 2rem;
        margin-bottom: 8rem;
    }
    .replyPage .videoMainCols .item .bottom {
        font-size: 1.6rem;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }
    .replyPage .videoMainCols .play_btn {
        width: 4rem;
        height: 4rem;
    }
    .replyPage .videoMainCols .item:hover .play_btn {
        width: 5rem;
        height: 5rem;
    }

    .replyPage.videoBlock .replyPageRow {
        flex-direction: column;
    }
    .replyPage.videoBlock aside {
        width: 100%;
    }
    .replyPage.videoBlock .replyPageRow > div {
        width: 100%;
    }
    .replyPage.videoBlock .videoMainSlider .slick-list {
        margin: 0 -2rem;
    }
    .replyPage.videoBlock .videoMainSlider .item .top {
        width: 100%;
        height: 45rem;
    }
    .replyPage.videoBlock .videoMainSlider .item {
        margin: 0 1rem;
        width: 24rem;
    }
}

/* Страница видео */
.videoPage {
    margin-bottom: 10rem;
}
.videoPage > div, .videoPage > section {
    margin: 0 auto 10rem;
}
.videoPage .pagetitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:5rem;
}
.videoPage .pagetitle .blocktitle {
    margin: 0;
    max-width: 92rem;
}
.videoPage .countKitchen {
    max-width: 47.6rem;
    margin: 0;
}
.videoPageRow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem 3.2rem;
    justify-content: space-between;
    margin: 5rem auto;
}
.videoPageRow .prices {
    justify-content: flex-start;
    gap: 2rem;
}
.videoPageRow .item {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.videoPageRow .item .top {
    width: 100%;
    max-height: 40rem;
    display: flex;
    position: relative;
}
.videoPageRow .item .top .img {
    width: 100%;
    max-height: 40rem;
}
.videoPageRow .item .top img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius: 1.5rem;
}
.videoPageRow .item .text {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    font-size: 1.8rem;
    position:relative;
    padding-bottom:8rem;
    height:100%;
}
.videoPageRow .item .name {
    font-size: 2.6rem;
}
.videoPageRow .item .place {
    font-weight: 600;
    font-size: 1.4rem;
    display: flex;
    gap: 0.6rem;
}
.videoPageRow .item .place svg {
    width: 1.6rem;
    height: 1.6rem;
}
.videoPageRow .item .prices .discont {
    position: relative;
    top: -0.5rem;
}
.videoPageRow .item .text .bottom {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 1.6rem;
    gap: 1.6rem;
}
.videoPageRow .item .text .bottom a:not(.btn){
    border-bottom: 0.2rem dotted;
}

.videoPage .teaser__container .flexbox {
    gap: 2rem 0;
}
.videoPage .teaser__container .itembox {
    max-width: 29%;
    display: flex;
    align-items: center;
    padding: 1.3rem 1rem;
    gap: 1.2rem;
}
.videoPage .teaser__container .itembox:before {
    top: 0;
}
.videoPage .teaser__container .itembox:hover:before{
    top:0.3rem;
}
.videoPage .teaser__container .itembox .icon {
    margin: 0;
    margin-left: 2rem;
}
.videoPage .teaser__container .flexbox .itembox:hover .icon{
    margin-left: 0;
    margin-right: 2rem;
}
@media(max-width:767px){
    .videoPage > div, .videoPage > section {
        margin: 0 auto 4rem;
        padding: 0;
    }
    .videoPageRow{
        display:flex;
        flex-direction:column;
    }
    .videoPage .pagetitle {
        flex-direction: column;
        gap: 1rem;
    }
    .videoPage .countKitchen {
        display: none;
    }
    .videoPageRow .item .name {
        font-size: 2.4rem;
    }
    .videoPage .teaser__container .itembox {
        max-width: 48%;
        flex: 1 1 auto;
    }
    .videoPageRow .item .top img {
        object-fit: contain;
        max-width: 100%;
        width: auto;
    }
    .videoPageRow .item .top {
        margin: 0 auto;
        justify-content: center;
    }
    .videoPageRow .item .top .img {
        text-align: center;
        width: auto;
    }
}
@media(max-width:575px){
    .videoPageRow .item .top .img {
        max-height: 31rem;
    }
    .videoPage .teaser__container .flexbox {
        gap: 1rem 0;
    }
    .videoPage .teaser__container .itembox {
        padding: 0 1rem 0rem 1rem;
        max-width: 32rem;
        margin: 0 auto;
    }
    .videoPage .teaser__container .itembox:before {
        width: 5.2rem;
        height: 5.2rem;
    }
    .videoPage .teaser__container .itembox .icon {
        margin: 1rem;
        width: 3.8rem;
        height: 3.8rem;
    }
    .videoPageRow .item .text {
        padding: 0;
        font-size: 1.3rem;
    }
    .videoPageRow .item .text .bottom {
        flex-direction: column;
        gap: 1rem;
        position: relative;
        margin-top: 1rem;
    }
    .videoPageRow .item .name {
        font-size: 2rem;
    }
    .videoPageRow .item .text .bottom .btn {
        text-align: center;
        width: auto;
        padding: 1.2rem;
        font-size: 1.4rem;
        flex: 1 1 auto;
        height: 4rem;
    }
    .videoPageRow .item .play_btn {
        width: 4rem;
        height: 4rem;
    }
}

/* Catalog Clouds */
.catalogBl .textBl ul.tags {
    gap: .8rem 1.2rem;
    flex: 1 1 auto;
    margin: 0;
}
.catalogBl .textBl ul.tags li {
    padding: 1rem 1.6rem;
    font-size: 1.8rem;
    font-weight: 600;
    transition:.3s;
}
.catalogBl .textBl ul.tags li:hover{
    background-color:var(--main-hover);
}
.catalogBl .textBl ul.tags li a {
    color: white;
}
.catalogBl .bottomRow.textBl {
    display: flex;
    gap: 3rem;
    align-items: center;
}

/* */

#marquizBl {
    /* background-color: #303537; */
    padding: 2rem 2rem 5rem;
    border-radius: 5rem;
    /* color: white; */
    text-align: center;
    /* max-width: 115rem; */
}
#marquizBl .blocktitle {
    margin-bottom: 2rem;
}


/* Список вопросов */
.qpRow {
    display: grid;
    grid-template-columns: repeat(2,68.6rem);
    justify-content: space-between;
    margin-bottom:15rem;
    gap:5rem 0;
}
.qpRow.catalogPage {
    margin: 7rem auto;
}
.qpItem:hover{
    color:unset;
}
.qpItem:hover .bottom .redColor, .qpItem:hover .title {
    color: var(--main);
}
.qpItem > .img {
    height: 34.5rem;
    display: block;
    border-radius: 1.6rem;
    overflow: hidden;
}
.qpItem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .3s;
}
.qpItem:hover img {
    transform: scale(1.05);
}
.qpItem {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    color: var(--main-dark);
}
.qpItem .info {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.16px;
}
.qpItem .title {
    text-transform: none;
    font-size: 2.4rem;
    margin-bottom: 1rem;
    display: block;
    letter-spacing: 0;
    transition:.3s;
    line-height: 1.1;
}
.qpItem .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.qpItem .bottom .orangeColor {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    border-bottom: 2px solid;
    padding-bottom: 0.7rem;
    line-height: 1.5;
}
.endDots {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 3;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
}

/* Страница калькулятора */
.calculatorPage {
    margin-top: 3rem;
    margin-bottom: 10rem;
}
.calculatorPage .blocktitle {
    max-width: 80rem;
}
.calculatorPage .twoCol {
    display: grid;
    grid-template-columns: 103rem 33rem;
    justify-content: space-between;
}
.calculator__options .visually-hidden{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    overflow: hidden;
}
.calculator__type, .calculator__size {
    display: grid;
    grid-template-columns: repeat(3, 24rem);
    gap: 1rem;
    justify-content: space-between;
}
.calculator__type {
    grid-template-columns: repeat(3, 19.6rem);
}

.calculator__options-list {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.calculator__options-item {
    background: white;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.25);
    border-radius: 1rem;
    padding: 3.2rem 4.3rem;
}
.calculator__options-list h3 {
    margin: 0;
    font-size: 3.2rem;
    margin-bottom: 4rem;
}
.calculator__type .calculator__type-item {
    max-width: 19.6rem;
    margin: 0 auto;
    border-radius: 1.2rem;
    transition: .3s;
    position:relative;
    cursor:pointer;
}
.calculator__type .calculator__type-item:hover:after {
    opacity: 1;
}
.calculator__type .calculator__type-item:after {
    z-index: 1;
    content: '';
    position: absolute;
    left: 0;
    width: 9rem;
    height: 9rem;
    background: #fae6dc;
    border-radius: 5rem;
    opacity: 0;
    transition: .3s;
}
.calculator__type-item:has(input:checked) {
    background: var(--main);
    box-shadow: 0 1.4rem 2.4rem 0 rgba(0, 0, 0, 0.15);
}
.calculator__type-item:has(input:checked):after{
    display:none;
}
.calculator__type svg {
    width: 19.6rem;
    height: 15.8rem;
    position:relative;
    z-index:2;
}
.calculator__type-item:has(input:checked) svg {
    stroke: white;
}
.calculator__type svg {
    width: 19.6rem;
    height: 15.8rem;
    fill: transparent;
    stroke: var(--main);
    transition: .3s;
}

.calculator__size-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.calculator__size-input-wrapper {
    background-image: url(../images/dist/calcPage/calc-side-bg.png);
    width: 24rem;
    display: block;
    height: 4.7rem;
    background-size: 100% 100%;
    position: relative;
}
.calculator__size-plus, .calculator__size-minus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 3rem;
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 1.2;
}
.calculator__size-minus {
    left: 1rem;
}
.calculator__size-plus {
    right: 1rem;
}
.calculator__size input {
    background: none;
    border: 0;
    color: white;
    text-align: center;
    font-size: 2rem;
    margin: 0 auto;
    display: block;
    padding: 0.7rem 0;
    width: 10rem;
    outline: none;
    height: 100%;
}
.calculator__size input[type=number]::-webkit-inner-spin-button,
.calculator__size input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.calculator__size-item.disabled {
    opacity: .5;
    pointer-events: none;
}

.calculator__material {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.calculator__material-item {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 1.4;
    display: flex;
    gap: 1rem;
    cursor:pointer;
}
.calculator__material-item .box {
    border: .2rem solid #e1e1e1;
    border-radius: 1.4rem;
    width: 4.2rem;
    height: 4.2rem;
    display: block;
}
.calculator__material-item svg {
    width: 100%;
    height: 100%;
    fill: transparent;
    transition: 0.2s;
}
.calculator__material-item:has(input:checked) svg {
    fill:var(--main);
}
.calculator__total {
    font-weight: 400;
    font-size: 3.4rem;
    line-height: 1.1;
}
.calculator__options-total h3{
    margin-bottom:1rem;
}
.calculator__total .orangeColor {
    font-weight: 700;
    font-size: 5.4rem;
}

.calcComplect {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.25);
    background: #e1e1e1;
    border-radius: 1rem;
    padding: 3.2rem 2.6rem;
    display: flex;
    justify-content: space-around;
    margin: 3rem auto;
}
.calcComplect .title {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.1;
    color: #e36829;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: -2rem;
}
.calcComplect .title svg {
    display: inline-block;
    width: 3rem;
    height: 3rem;
}
.calcComplect ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}
.calcComplect .item li {
    position: relative;
    padding-left: 1.5rem;
}
.calcComplect .item li:before {
    content: '';
    position: absolute;
    left: 0;
    background: #e1e1e1;
    width: 3px;
    height: 3px;
    border-radius: 3rem;
    border: 3px solid var(--main);
    top: 0.7rem;
}
.calcCol .btn {
    max-width: 59rem;
    margin: 0 auto;
}
.calcCol .bottomBanners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
    margin-top: 5rem;
}
.calcCol .bottomBanners img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:1.2rem;
}
@media(max-width:767px){
    .calculatorPage .twoCol {
        grid-template-columns: 1fr;
    }
    .calculator__options-item {
        padding: 1.8rem;
    }
    .calculator__options-list h3 {
        font-size: 2rem;
    }
    .calculator__type{
        grid-template-columns: repeat(3,1fr);
    }
    .calculator__type .calculator__type-item {
        width: 100%;
        height: 12rem;
    }
    .calculator__type svg {
        width: 100%;
        height: 100%;
    }
    .calculator__size {
        grid-template-columns: 1fr;
        margin: 0 auto;
    }
    .calculator__size-item {
        align-items: center;
    }
    .calculator__material-item .box {
        border-radius: 0.6rem;
        min-width: 2.5rem;
        min-height: 2.5rem;
        width: 2.5rem;
        height: 2.5rem;
    }
    .calculator__material{
        gap:1.2rem;
    }
    .calculator__material-item {
        font-size: 1.4rem;
        align-items: center;
    }
    .calculator__options-total {
        text-align: center;
    }
    .calculator__total {
        font-size: 2rem;
    }
    .calculator__total .orangeColor {
        font-size: 3.6rem;
    }
    .calcComplect {
        flex-direction: column;
        gap: 2rem;
    }
    .calcCol .bottomBanners {
        grid-template-columns: 1fr;
        margin-bottom: 3rem;
    }
    .calculator__type .calculator__type-item:after {
        width: 7rem;
        height: 7rem;
    }
}

.wrapper.textPage ul {
    list-style: disc;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

/* Material Page */
.fasadPage .pagetitle {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 5rem;
    font-weight: 400;
    gap: 7rem;
}
.fasadPage .pagetitle .blocktitle {
    max-width: 90rem;
    gap: 1.6rem;
    line-height: 1.5;
    margin-bottom:0;
}
.fasadPage .countKitchen {
    max-width: 47rem;
    width: 100%;
    background-image: url(../images/dist/materialPage/i-topstars.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 9.8rem 8.8rem;
}
.fasadPage .countKitchen b {
    max-width: 25rem;
    display: block;
}

.fasadBl {
    margin: 5rem 0;
}
.fasadBl h2 {
    font-size: 4.4rem;
    margin: 0;
}
.fasadBl h2 .grey {
    font-weight: 400;
    line-height: 140%;
    color: var(--grey-txt);
}
.fasadBl .btn {
    margin: 5rem auto;
    max-width: 20rem;
}
.fasadBlRow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 5rem;
    margin-top: 3rem;
}
.fasadBlRow .item {
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
    transition: .3s;
    margin-bottom: 5rem;
    display: flex;
    flex-direction: column;
}
.fasadBlRow .item .img {
    width: 100%;
    max-height: 38rem;
    height: 100%;
    margin-bottom: 2.4rem;
    display:flex;
}
.fasadBlRow .item .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
}
.fasadBlRow .item:nth-child(n+7) {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin-bottom: 0;
}
.fasadBlRow.opened .item:nth-child(n+7) {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-bottom: 5rem;
}

.fasadPage .accordion__block {
    gap: 2rem;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.fasadPage .accordion__block .img {
    max-width: 56rem;
}
.fasadPage .accordion__block .img img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 0.8rem;
}
.fasadPage .accordion__block .accordion__list {
    max-width: 82rem;
}

@media(max-width:767px){
    .fasadPage .pagetitle {
        flex-direction: column;
        gap: 0;
    }
    .fasadBl h2 {
        font-size: 3.4rem;
    }
    .fasadBl {
        margin: 3rem 0;
    }
    .fasadBlRow {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 3rem;
    }
    .fasadBlRow .item,.fasadBlRow.opened .item:nth-child(n+7) {
        font-size: 2.4rem;
        margin-bottom: 3rem;
    }
    .fasadBlRow .item .img {
        max-height:25rem;
    }
    .fasadPage .accordion__block .img img {
        object-fit: contain;
    }
    .fasadPage .accordion__block .blocktitle {
        margin-bottom: 1rem;
    }
    .fasadPage .accordion__block .img {
        max-width: 20rem;
        height: 100%;
    }
}

@media(max-width:575px){
    .fasadPage .accordion__block .img{
        display:none;
    }
    .fasadBl h2 {
        font-size: 2.4rem;
    }
}

/* Cookies Block */
.cookie-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    visibility: hidden;
}

#cookieBlock {
    background: var(--grey-txt);
    color: white;
    display: flex;
    align-items: center;
    max-width: 86rem;
    padding: 1rem 2rem;
    border-radius: 4rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    gap: 2rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5rem);
    transition: all 0.5s ease;
    margin: 0 auto;
}

#cookieBlock.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(-5rem);
}

#cookieBlock p {
    color: white;
    margin: 0;
    flex: 1;
}

#cookieBlock p a {
    color: white;
    text-decoration: underline;
    text-underline-position: under;
}

#cookieBlock p a:hover {
    color: var(--main-hover);
}

#cookieBlock .blueBtn {
    font-size: 1.8rem;
    line-height: 1.15;
    border-radius: 1.2rem;
    padding: 1.2rem 4.2rem;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    color: white;
    border: 1px solid;
    background-color: var(--main);
}

#cookieBlock .blueBtn:hover {
    background-color: white;
    color: var(--main);
}

@media(max-width:767px){
    #cookieBlock {
        margin: 0 1rem;
        gap: 1rem;
        flex-wrap: wrap;
        display:none;
    }
    #cookieBlock p {
        line-height: 1;
        font-size: 1.3rem;
    }
    #cookieBlock .blueBtn {
        font-size: 1.4rem;
        padding: 1.2rem 2.4rem;
    }
}