@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap);

a,
body,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
li,
p,
ul {
    margin: 0;
    padding: 0
}

body.lb-disable-scrolling {
    overflow: hidden
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400;
    outline: 0
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid #fff
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

/* .lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat
} */

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/prev.png) left 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/next.png) right 48% no-repeat;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-caption a {
    color: #4ae
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    opacity: 1
}

.hit-slider .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto
}

.hit-slider .swiper-slide {
    background-size: cover;
    background-position: center
}

.hit-slider .gallery-top {
    height: 80%;
    width: 100%
}

.hit-slider .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: .1em 0
}

.hit-slider .gallery-thumbs .swiper-slide {
    height: 100%
}

.hit-slider .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.hit-slider .container-sl {
    position: relative;
    height: .65em
}

.hit-slider .container-sl .swiper-container {
    width: 109%;
    position: absolute;
    left: 0;
    top: 0;
    height: .6em
}

.swiper-pagination-bullets {
    display: flex;
    margin-top: .15em
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    background: #dadae6;
    border-radius: 0;
    width: .12em;
    height: .12em;
    margin: 0;
    opacity: 1
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #47bf26
}

@font-face {
    font-family: elpal;
    src: url(/fonts/elpal.eot?8j5r7t);
    src: url(/fonts/elpal.eot?8j5r7t#iefix) format("embedded-opentype"), url(/fonts/elpal.ttf?8j5r7t) format("truetype"), url(/fonts/elpal.woff?8j5r7t) format("woff"), url(/fonts/elpal.svg?8j5r7t#elpal) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

i.icon {
    font-family: elpal !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-l:before {
    content: "\e900"
}

.icon-arrow-r:before {
    content: "\e901"
}

.icon-check:before {
    content: "\e902"
}

.icon-minus:before {
    content: "\e903"
}

.icon-play:before {
    content: "\e904"
}

.icon-prodoct-size:before {
    content: "\e905"
}

.icon-product-badroom:before {
    content: "\e906"
}

.icon-product-etage:before {
    content: "\e907"
}

.icon-product-sq:before {
    content: "\e908"
}

.icon-star:before {
    content: "\e909"
}

.icon-telegram:before {
    content: "\e90a"
}

.icon-telegram-2:before {
    content: "\e912"
}

.icon-whatsapp:before {
    content: "\e90b"
}

.icon-user:before {
    content: "\e910"
}

.icon-phone:before {
    content: "\e90f"
}

.icon-insta:before {
    content: "\e911"
}

.icon-mail:before {
    content: "\e913"
}

@font-face {
    font-family: elpal-icon;
    src: url(/fonts/elpal-icon.eot?f9swjv);
    src: url(/fonts/elpal-icon.eot?f9swjv#iefix) format("embedded-opentype"), url(/fonts/elpal-icon.ttf?f9swjv) format("truetype"), url(/fonts/elpal-icon.woff?f9swjv) format("woff"), url(/fonts/elpal-icon.svg?f9swjv#elpal-icon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

:root {
    --section-bg-color: #fbfbfb;
    --tech-bg-color: #2D2D2E;
    --white-grey: #eaeaef;
    --green: #47bf26;
    --text-grey: #707070;
    --border-color: #eaeaef
}

html {
    font-size: 100px;
    font-size: 5.18vw;
    overflow-x: hidden
}

@media (max-width:1280px) {
    html {
        font-size: 74px;
    }
}

@media (max-width:600px) {
    html {
        font-size: 62px;
    }
}

html.overflowy {
    overflow-y: hidden;
    margin-left: -10px;
}

html ::-webkit-scrollbar {
    position: fixed;
    left: 0;
    top: 0;
    width: 10px
}

html ::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, .2) inset;
    background-color: rgba(45, 45, 46, .1);
    border-radius: 0
}

html ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: rgba(45, 45, 46, .2);
    transition: .33s ease
}

html ::-webkit-scrollbar-thumb:hover {
    background: #47bf26
}

button {
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    display: block
}

.blur {
    top: 0;
    left: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    z-index: 0;
    background: rgba(45, 45, 46, .75);
    transition: .33s ease
}

.blur.show {
    opacity: 1
}

.preloader {
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

#animated {
    width: 2rem
}

#animated text {
    font-size: .16rem
}

body * {
    font-size: 1em;
    color: #2d2d2e;
    font-family: Montserrat, sans-serif
}

.fancybox-toolbar *,
.fancybox-infobar *{
    color:#FFF !important;
}

.fancybox-button--zoom {
    display:none !important;
}

body.fixed {
    position: fixed;
    width: 100%
}

body #app {
    background: #fff;
    position: relative;
    z-index: 1;

}

#app.blur {
    filter: blur(5px)
}

.pila {
    position: absolute;
    background: url(/img/pila.svg);
    background-size: contain;
    width: .52rem;
    height: .5rem
}

.point-wh {
    width: .3rem;
    height: .3rem;
    background: url(/img/point-wh.svg) no-repeat;
    background-size: contain;
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    user-select: none
}

.cta {
    color: #fff;
    background: #47bf26;
    text-align: center;
    border-radius: .35rem;
    cursor: pointer;
    user-select: none
}

div {
    box-sizing: border-box
}

pre {
    font-size: .18rem
}

.container {
    width: 16.8rem;
    margin: 0 auto;
    position: relative
}

img {
    height: 100%
}

h1 {
    font-size: .5rem;
    font-weight: 500;
    margin-bottom: .5rem
}

h2 {
    font-size: .5rem;
    font-weight: 500
}

h2.h2 {
    margin-bottom: .2rem
}

h3 {
    font-size: .44rem
}

a,
button,
p {
    font-size: .14rem;
    text-decoration: none
}

b,
strong {
    font-weight: 700
}

.green {
    color: #47bf26
}

.post-title,
.post-title a{
    font-size: .24rem;
    font-weight: 500
}


.dn {
    display: none !important
}

.scrollDisabled {
    position: fixed;
    margin-top: 0;
    width: 100%
}

#left-bar {
    position: absolute;

    top: -.46em;
    transition: .33s ease
}

#left-bar .logo {
    height: 1.2em;
    position: relative;
    z-index: 11;
    transition: .33s ease
}

#left-bar-2 {
    position: absolute;
    left: -2.35em;
    top: 1.3em
}

#left-bar-2 .icon {
    margin-bottom: .5em
}

#left-bar-2 .icon img {
    height: .8em
}

#left-bar-2 .icon p {
    font-size: .16rem;
    font-weight: 600;
    margin-top: -.07rem
}

#menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative;
    height: .27rem;
    max-width: 2.25rem;
    margin-left: 2.4rem;
    margin-right:5%;
    white-space:nowrap;
}

#menu .burger {
    position: relative
}

#menu .burger img {
    opacity: 1;
    width: .25em;
    height: auto;
    display: block;
    transition: .33s ease;
    transform-origin: left;
    transform: scaleX(1)
}

#menu .burger img:nth-child(1) {
    position: absolute;
    top: -.084em
}

#menu .burger img:nth-child(2) {
    position: absolute;
    top: 0
}

#menu .burger .closer {
    width: .42rem;
    height: .22rem;
    background: url(/img/closer.svg) no-repeat;
    background-size: contain;
    background-position: left;
    position: absolute;
    top: -.1rem;
    left: 0;
    cursor: pointer;
    z-index: 5;
    opacity: 0
}

#menu:hover img:nth-child(2) {
    transform: scaleX(.5)
}

#menu p {
    font-size: .22rem;
    font-weight: 500;
    position: absolute;
    left: .4rem;
    opacity: 1;
    transition: .2s ease-in
}

#menu p:nth-child(3) {
    visibility: hidden;
    opacity: 0
}

#menu-section {
    position: fixed;
    top: 1.25em;
    width: calc(100% + 10px);
    height: 8.1rem;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in;
    transform-origin: top;
    transform: scaleY(.25);
    z-index: 10;
    overflow: hidden;
    height: 100vh
}

#menu-section .form {
    position: absolute;
    width: 4.4em;
    background: #2d2d2e;
    z-index: 2;
    right: 0;
    top: -1.16rem;
    padding: .3em
}

@media (max-height:955px) {
    #menu-section .form p.title {
        padding-top:0 !important;
    }
    #menu-section .form .forma {
        padding-top: .1rem !important;
    }
}
@media (max-height:850px) {
    .complect__calltype {
        padding:0 0 8px 0 !important;
    }
}
@media (max-height:800px) {
    #menu-section .form .forma .soc .title {
        display:none !important;
    }
}

#menu-section .form p.title {
    font-size: .3rem;
    color: #fff;
    text-align: center;
    padding-top: .3rem
}

#menu-section .form p.title b {
    color: #fff
}

#menu-section .form .forma {
    padding-top: .4rem
}

#menu-section .form .forma .input {
    margin-bottom: .11rem
}

#menu-section .form .forma input {
    background: rgba(255, 255, 255, .1);
    border: .01rem solid #2d2d2e;
    color: #fff
}

#menu-section .form .forma ::placeholder {
    color: #fff;
    opacity: .7
}

#menu-section .form .forma .cta {
    margin-top: .2rem;
    font-size: .16rem;
    font-weight: 600;
    line-height: 4.4em;
    width: 100%
}

#menu-section .form-answer span{
    color:#FFF !important;
    font-size:12px;
}
#menu-section .links-block a:has(.fav-counter) {
    display:flex;
    align-items:center;
    gap:10px
}
.links-block a .fav-counter {
    position: relative;
    font-size: 11px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    bottom: initial;
    left: initial;
    border: #f9f9f9 1px solid;
    background-color: #000;
    color: #FFF;
    transition: all .25s ease;
    z-index: 2;
}

#menu-section .form .forma .soc {
    margin-top: .1rem
}

#menu-section .form .forma .soc .title {
    font-size: .14rem;
    overflow: hidden;
    display: block;
    position: relative;
    font-weight: 600
}

#menu-section .form .forma .soc .title::after {
    content: "";
    width: 50%;
    height: .01rem;
    background: #fff;
    opacity: .1;
    position: absolute;
    left: -.8rem;
    top: .37rem
}

#menu-section .form .forma .soc .title::before {
    content: "";
    width: 50%;
    height: .01rem;
    background: #fff;
    opacity: .1;
    position: absolute;
    right: -.8rem;
    top: .37rem
}

#menu-section .form .forma .soc .grid {
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: .15rem
}
#menu-section .form .forma .soc .grid:nth-of-type(1) {
    margin-top: .25rem;
}

#menu-section .social-select__item {
    margin-bottom:0;
}

#menu-section .social-select__item img{
    transition:all .25s ease;
}

#menu-section .social-select__item:has(input:checked) {
    background-color:#47bf26;
}

#menu-section .social-select__item:has(input:checked) img{
    filter: brightness(0) invert(1);
}

#menu-section .checkbox__description{
    color:#FFF;
}
#menu-section .checkbox__switch {
    transition:all .25s ease;
}
#menu-section .checkbox__switch:has(input) {
    margin-top:20px;
}

#menu-section .form .forma .soc .grid a {
    display: block;
    box-sizing: border-box;
    border-radius: .3rem;
    width: 1.85rem;
    padding: .13rem .35rem;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, .1)
}

#menu-section .form .forma .soc .grid a svg{
    fill:#FFF;
    width:.24rem;
    height:.24rem;
    flex-basis:.24rem;
}

#menu-section .form .forma .soc .grid a p {
    color: #fff;
    font-weight: 600;
    font-size: .13rem;
    margin-left: .07rem
}

#menu-section .form .forma .soc .grid a i {
    color: #fff;
    font-size: .24rem
}

#menu-section .form .forma .policy {
    color: #fff;
    text-align: center;
    opacity: .5;
    font-size: .14rem
}

#menu-section .form .forma .policy b {
    color: #fff
}

#menu-section .container {
    position: relative
}

#menu-section .bg {
    width: 7.4593em;
    height: 6em;
    position: absolute;
    top: -.3em;
    left: 2.38em;
    background-image: url(/img/house-gr.svg);
    background-repeat: no-repeat;
    background-size: contain
}

#menu-section .links-block {
    margin-top: 1.9em
}

#menu-section .links-block a {
    display: block;
    font-size: .22rem;
    font-weight: 700;
    margin-bottom: .3rem;
    position: relative;
    width: fit-content
}

#menu-section .links-block a:before {
    content: "";
    width: 100%;
    height: .02rem;
    position: absolute;
    background: #47bf26;
    display: block;
    bottom: -.058rem;
    transition: .33s ease;
    transform-origin: center;
    transform: scaleX(0)
}

#menu-section .links-block a:hover:before {
    transform: scaleX(1)
}

#menu-section .social-block {
    margin-top: 1.15em
}

#menu-section .social-block a {
    font-weight: 600;
    display: flex;
    font-size: .16rem;
    margin-bottom: .2rem
}

#menu-section .social-block a::before {
    font-family: elpal;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .2rem;
    display: block;
    height: .2rem;
    margin-right: .13rem;
    color: #47bf26
}

#menu-section .social-block a:nth-child(1)::before {
    font-family: elpal-icon !important;
    content: "\e913"
}

#menu-section .social-block a:nth-child(2)::before {
    content: "\e912"
}

#menu-section .social-block a:nth-child(3)::before {
    content: "\e913"
}

#menu-section .social-block a:nth-child(4)::before {
    content: "\e911"
}

.icn {
    display:grid;
    grid-template-columns:repeat(4, 50px);
    gap:10px;
    margin-top:.75rem;
    position:relative;
}
.icn__item {
    transition:all .25s ease;
}
.icn__item img{
    display:block;
    aspect-ratio:1;
    height:auto;
    width:100%;
}
.icn__item:hover {
    transform:scale(1.08);
}

header.open .header-wrap {
    margin-left: 10px
}

header.open #menu .burger img {
    opacity: 0
}

header.open #menu .burger .closer {
    opacity: 1
}

header.open #menu p:nth-child(2) {
    visibility: hidden;
    opacity: 0
}

header.open #menu p:nth-child(3) {
    visibility: visible;
    opacity: 1
}

header.open .links {
    opacity: 0;
    visibility: hidden
}

header.open #menu-section {
    transform: scaleY(1);
    visibility: visible;
    opacity: 1
}

header {
    position: absolute;
    width: calc(100% + 10px);
    background: rgba(255, 255, 255, 0);
    padding-top: .86em;
    z-index: 5;
    transition: .33s ease
}

.header-wrap > .container {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

@media (max-width:1270px) {
    .header-wrap > .container {
        padding:0 30px;
    }
}
#menu-section .container {
    width:12rem
}

header.fixed {
    position: fixed;
    background: #fff;
    padding-top: .3em;
    padding-bottom: .3em;
    box-shadow: 0 .1em .1em -.1em rgba(45, 45, 46, .33)
}

header.fixed #left-bar {
    top: -.525em
}

header.fixed #left-bar .logo {
    height: .6em
}

header.fixed #menu-section {
    top: .87em
}

header .links {
    display:flex;
    gap:24px;
    align-items: center;
    justify-content: center;
    top: 0;
    transition: .2s ease-in
}

header .links .link {
    font-size: .22rem;
    display: block;
    position:relative
}

header .links .link:before {
    content: "";
    width: 100%;
    height: .02rem;
    position: absolute;
    background: #eaeaea;
    display: block;
    bottom: -.058rem;
    transition: .33s ease;
    transform-origin: center;
    transform: scaleX(0)
}

header .links .link:hover:before {
    transform: scaleX(1)
}

/* FAV WIDGET */
.favourites-link {
    list-style:none;
    padding:0;
    margin:0;
}
.favourites-link li {
    padding:0;
    margin:0
}
.favourites-link li a{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    position:relative;
}
.favourites-link li a::after {
    content:'';
    position:absolute;
    width:150%;
    height:200%;
    background-color:#f9f9f9;
    left:-25%;
    top:-50%;
    z-index:0;
    border-radius:24px
}
.favourites-link li svg{
    width:24px;
    height:24px;
    fill:#000;
    transition:all .25s ease;
    z-index:1
}

.favourites-link li a:hover svg{
    transform:scale(1.2);
    fill:#47bf26
}

.favourites-link li a span {
    font-size:14px;
    font-weight:bold;
    z-index:1
}

.fav-counter {
    position:absolute;
    z-index:10;
    font-size:11px;
    font-weight:bold;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    border-radius:50%;
    bottom:-4px;
    left:14px;
    border:#f9f9f9 1px solid;
    background-color:#000;
    color:#FFF;
    transition:all .25s ease;
    z-index:2
}
.favourites-link li a:hover .fav-counter{
    background-color:#47bf26;
}

.fav-counter, 
.fav-counter--empty {
    opacity:0;
    transform:scale(0);
}
.fav-counter--not-empty {
    opacity:1;
    transform:scale(1);
}

#copyFavouritesLink {
    visibility:hidden;
}

header #city {
    right: 2.5em;
    top: 0;
    display:flex;
    align-items: center;
    justify-content: center;
    gap:12px;
    user-select: none;
    width:300px;
    white-space:nowrap;
}

header .city-phone {
    min-width:2.1rem;
    text-align:right;
}

@media (max-width:1720px) {
    header #city {
        width:222px;
    }
}
@media (max-width:1279px) {
    header #city {
        width:193px
    }
}
@media (max-width:1080px) {
    header #city {
        width:auto
    }
}

header #city svg{
    margin-top:4px;
    width:22px;
    height: 22px;
    flex-basis: 22px;
    fill:#000;
    transition: all .25s linear;
}

header #city:hover svg {
    transform: translateY(4px);
    cursor:pointer
}

header #city p {
    font-size: .22rem;
    display: block;
    position: relative;
    cursor:pointer
}

.city-select {
    position: absolute;
    width: 100%;
    top: 34px;
    max-width: max-content;
    border-radius: 5px;
    border: rgba(0, 0, 0, .08) 1px solid;
    background-color: #fff;
    padding: 16px;
    font-size: 16px;
    box-shadow: rgba(45, 45, 46, 0.07) 0 4px 8px 1px;
    z-index: 90;

    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px);

    transition:opacity .35s ease,transform .35s cubic-bezier(0.175, 0.885, 0.32, 1.275),visibility 0s linear .35s;
}

#city.is-open .city-select {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);

    transition:
        opacity .35s ease,
        transform .35s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        visibility 0s;
}
.city-select ul {
    display:flex;
    flex-direction: column;
    gap:3px;
    padding:0;
    margin:0;
    list-style: none;
}
.city-select li {
    white-space: nowrap;
    user-select:none;
    margin:0;
    padding: 0 0 3px 0;
    border-bottom:rgba(0,0,0,.04) 1px solid
}

.city-select li:last-child {
    padding-bottom:0;
    border-bottom: 0;
}

.city-select .radio  {
    display: flex;
    width: 100%;
}

.city-select .radio label {
    display: flex;
    padding:8px 16px;
    width:100%;
    border-radius:5px;
    cursor:pointer;
    font-size:.22rem;
    transition:all .25s ease
}

.city-select .radio label:hover {
    background:#f9f9f9;
}

.city-select .radio input {
    width:0;
    height:0;
    padding:0;
    margin:0;
    visibility: hidden;
    pointer-events: none;
    opacity:0
}
.city-select input:checked + label,
.city-select input:checked + label:hover {
    background-color:#47bf26;
    color:#FFF
}

header .city-phone {

    right: 0;
    top: 0
}

header .city-phone p {
    margin-right: .1rem
}
header .city-phone a {
    color: #47bf26;
    font-size: .22rem;
    font-weight: 600;
}

section.main {
    padding-top: 1.6em;
    padding-bottom: 1.4em;
    position: relative
}

section.main .container {
    width: 12rem;
    z-index: 0
}

section.main h1 {
    padding-top: 1.3rem;
    padding-left:.2rem;
    font-size:.4rem;
}

section.main .action {
    position: relative;
    z-index: -2;
    margin-top: .86em;
    padding-left: .45em;
    display: flex;
    align-items: center;
    width: 9.9em;
    height: 1.8em;
    background: #fcfcfc;
    background: -moz-linear-gradient(66deg, #fcfcfc 0, #f7f7f7 100%);
    background: -webkit-linear-gradient(66deg, #fcfcfc 0, #f7f7f7 100%);
    background: linear-gradient(66deg, #fcfcfc 0, #f7f7f7 100%)
}

section.main .action .img {
    height: .93em;
    margin-right: .56em
}

section.main .action .text p {
    font-size: .18rem;
    font-weight: 700
}

section.main .action .text p.num {
    color: #47bf26;
    font-weight: 800;
    font-size: .5rem
}

section.main .action .text p.num span {
    font-size: .3rem;
    color: #47bf26
}

section.main .house {
    width: 13.45em;
    height: 12.43em;
    background: url(/img/house-1.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: .2em;
    right: -7.67em;
    z-index: 1
}

section.main .btn {
    margin-top: .6rem;
    font-size: .16rem;
    font-weight: 600;
    color: #fff;
    background: #47bf26;
    text-align: center;
    border-radius: .35rem;
    line-height: 4.4em;
    width: 3.4rem;
    cursor: pointer;
    user-select: none;
    position: relative;
    z-index: 5;
    margin-left:.2rem
}

section.news {
    padding-top: .65em;
    padding-bottom: 1.2rem;
    position: relative;
    background-color: var(--section-bg-color);
    z-index: 2
}

section.news .container {
    position: initial
}

section.news .h2 {
    text-align: center;
    margin-bottom: .65rem
}

section.news .swiper-container .swiper-wrapper {
    width: 100%
}

section.news .swiper-container .swiper-wrapper .swiper-slide {
    width: 8.4em
}

section.news .swiper-container .swiper-wrapper .swiper-slide .post {
    height: 4em;
    display: flex
}

section.news .swiper-container .swiper-wrapper .swiper-slide .post .img {
    width: 4em;
    height: 100%
}

section.news .swiper-container .swiper-wrapper .swiper-slide .post .img img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 4rem;
    height: auto
}

section.news .swiper-container .swiper-wrapper .swiper-slide .post .text {
    width: 4.4em;
    height: 100%;
    padding: .4rem;
    position: relative;
    background-color: #fff;
    box-shadow: 0 .1rem .15em 0 rgba(45, 45, 46, .1)
}

section.news .swiper-container .swiper-wrapper .swiper-slide .post .text h3 {
    font-size: .26rem;
    font-weight: 700;
    margin-bottom: .35rem;
    line-height: 1.2em
}

section.news .swiper-container .swiper-wrapper .swiper-slide .post .text p {
    font-size: .16rem;
    font-weight: 500;
    line-height: 1.4em
}

section.news .swiper-container .swiper-wrapper .swiper-slide .post .text a.btn-more {
    display: block;
    border-radius: .35rem;
    text-align: center;
    width: 2.4rem;
    position: absolute;
    bottom: .4rem;
    background: #47bf26;
    color: #fff;
    line-height: .5rem;
    font-weight: 600;
    cursor: pointer
}

section.news .swiper-container .swiper-wrapper .swiper-slide .post .text a.btn-more img {
    width: .05rem;
    height: .1rem;
    margin-left: .1rem
}

.nav-slider {
    position: absolute;
    left: 0;
    top: .6rem;
    width: 100%;
    padding: 0 1.2rem;
    justify-content: space-between;
    display: flex
}

.nav-slider .btn-prev {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: #fff;
    margin-right: .2em;
    position: relative;
    transition: .33s ease;
    cursor: pointer;
    outline: 0
}

.nav-slider .btn-prev svg {
    display: block;
    width: .09rem;
    height: .18rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.045rem;
    margin-top: -.09rem;
    transition: .33s ease
}

.nav-slider .btn-prev svg path {
    stroke: #2d2d2e;
    transition: .33s ease;
    stroke-width: 2
}

.nav-slider .btn-next {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: #47bf26;
    position: relative;
    transition: .33s ease;
    cursor: pointer;
    outline: 0
}

.nav-slider .btn-next svg {
    display: block;
    width: .09rem;
    height: .18rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.045rem;
    margin-top: -.09rem;
    transition: .33s ease;
    transform: rotate(180deg)
}

.nav-slider .btn-next svg path {
    stroke: #fff;
    transition: .33s ease;
    stroke-width: 2
}

.nav-slider .btn-next:hover {
    background: #fff
}

.nav-slider .btn-next:hover path {
    stroke: #47bf26
}

#catalog {
    margin-bottom: 0
}

#filter {
    width: 100%;
}

/* TABS */

ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    display:flex;
    align-items:center;
    gap:20px
}

ul.tabs li {
    padding:0;
    margin:0;
}

ul.tabs li.tabs__right {
    font-size:14px;
    flex:1;
    padding-right:1.5em;
    display:flex;
    align-items:center;
    justify-content:flex-end
}

.tabs__right .price-block {
    display: flex;
    text-align: center
}

.tabs__right .price-block p {
    font-size: .16rem;
    font-weight: 600
}

.tabs__right .price-block p.price {
    font-size: .22rem;
    font-weight: 700;
}

.tabs__right .price-block p.price b,
.tabs__right .price-block p.price strong {
    font-size: .22rem
}

.tabs__right .price-block p.price s {
    font-size: .14rem;
    font-weight: 600;
    color: var(--text-grey);
    margin-left: .05rem;
    text-decoration: none;
    position: relative
}

.tabs__right .price-block p.price s::after {
    content: "";
    display: block;
    background: red;
    width: 100%;
    height: .01rem;
    position: absolute;
    top: 55%;
    left: 0
}

.tabs__right .price-block .price-main {
    width: 50%;
    padding-right:2em;
    white-space:nowrap;
}

.tabs__right .price-block .price-main .price,
.tabs__right .price-block .price-main b,
.tabs__right .price-block .price-main b span{
    color: #47bf26
}

.tabs__right .price-block .price-credit {
    width: 50%;
    padding-left:2em;
    white-space:nowrap;
    position: relative
}

.tabs__right .price-block .price-credit::before {
    content: "";
    width: .01rem;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(204, 204, 217, .4);
    left: 0;
    top: 0
}

.tabs__right .price-block .info {
    margin-top: .05rem;
    font-size: .11rem;
    color: #707070
}

ul.tabs a {
    text-decoration: none;
    color: #000;
    font-size:14px;
    font-weight:600;
    height:56px;
    border-radius:33px;
    padding: 0 32px;
    background-color:#f6f6f6;
    display: flex;
    align-items:center;
    justify-content:center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

ul.tabs a:hover,
ul.tabs a.active,
div.tabs-content {
    background-color: #47bf26;
    color:#FFF;
}

div.tabs-content {
    padding: .8em;
    background-color:#f6f6f6;
    border-radius:30px 30px 0 0;
}

.container--gallery {
    padding-bottom:50px;
}
.container--gallery div.tabs-content {
    padding:0;
    border-radius:0;
    background:transparent;
}

.complectation {
    padding:50px 0;
    background:#FFF;
    position:relative;
}
.complectation h2 {
    text-align:center;
    margin-bottom:50px;
}

.complectation-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px
}

.complectation-grid * {
    box-sizing:border-box;
}

.complectation-grid__item {
    background-color:#FFF;
    border-radius:38px;
    transition:all .4s ease;
}
.complectation-grid__item:has(.is-open) {
    padding-bottom:32px;
}

.complectation-grid__left,
.complectation-grid__right {
    display:flex;
    flex-direction:column;
    gap:.4em
}

.complectation-grid .complect__list {
    padding-left:32px;
    padding-right:32px;
    display:flex;
    flex-direction:column;
    gap:.2em;
}
.complectation-grid .complect__list li {
    font-size:16px;
    list-style:none;
    position:relative;
    padding-left:20px;
}
.complectation-grid .complect__list li::before {
    content:'';
    position:absolute;
    width:7px;
    height:7px;
    left:0px;
    top:6px;
    border-radius:50%;
    display:block;
    background-color:#47bf26;
}

.complectation-grid .complect__more {
    font-size:20px;
    font-weight:600;
    background-color:transparent;
    padding:24px 32px;
    display:flex;
    justify-content:space-between;
    border-radius:0;
    margin:0;
}
.complectation-grid .complect__more svg {
    fill:#000;
    width:36px;
    height:36px;
    flex-basis: 36px;
}
.complectation-grid .complect__more span {
    color:#000;
}
.complectation-grid .complect__more:hover {
    color:#000;
    background-color:transparent
}
.complectation-grid .complect__more:hover span{
    color:#47bf26;
}
.complectation-grid .complect__more:hover svg {
    fill:#47bf26
}
.complectation-grid .complect__list.is-open {
    max-height: 1500px; /* значение больше высоты списка */
}

.complectation-bottom {
    border-radius:0 0 30px 30px;
    background-color:#edebeb;
    padding:.5em 1.3em;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.complectation-bottom .btn{
    font-size: .14rem;
    font-weight: 600;
    color: #fff;
    background: #47bf26;
    text-align: center;
    border-radius: 33px;
    line-height: 65px;
    padding:0 2.5em;
    cursor: pointer;
    user-select: none;
}
.change-plan .button{
    background: #47bf26;
    margin-top:.3rem;
}
.change-plan .checkbox__switch {
    
}
.change-plan .checkbox label:after {
    background-color:rgba(255, 255, 255, .1);
}
.change-plan .checkbox__description{
    color:#FFF;
}
.change-plan .button span{
    color: #fff;
}
.complectation-bottom__button {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
}
.complectation-bottom .price-main {
    padding-right:.3em !important;
}
.complectation-bottom .price-credit {
    padding-left:.3em !important;
}


/* INGENEERING */
#tabIngeneering h3{
    font-size:34px;
    padding:0;
    margin:0 0 40px 0
}
.ing {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:40px;
}
.ing__item {
    display:flex;
    flex-direction:column;
    gap:30px;
    background-color:#FFF;
    border-radius: 45px;
    padding:30px
}
.ing__item h4 {
    font-size:24px;
    padding:0;
    margin:0;
}
.ing__item p {
    font-size:14px;
    padding:0;
    margin:0;
}
.ing__select {
    display:flex;
    align-items: center;
    justify-content:space-between
}
.ing__price {
    font-weight:600;
    font-size:24px
}

.checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

.checkbox input {
    display: none
}

.checkbox label {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    flex-shrink: 0;
    cursor: pointer;
    margin-top: 0px;
    position: relative
}

.checkbox__description {
    font-size: 12px;
    line-height: 1.2;
    user-select: none;
    cursor: pointer
}

.checkbox__description a {
    font-size:12px;
    color:#47bf26;
}

.checkbox label:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    width: 26px;
    height: 26px;
    margin: 1px;
    background: transparent;
    transform: scale(0);
    transition: transform .3s ease
}

.checkbox label:after {
    content: '';
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background-color: #FFF;
    border: #ccccd9 1px solid;
    transition: background-color .25s ease, border .25s ease, opacity .25s ease
}

.checkbox label:hover:after {
    border: #47bf26 1px solid
}

.checkbox input:checked+label:after {
    background-color:#47bf26;
    border: #47bf26 1px solid
}

.fancybox-container .checkbox label:before {
    width: 22px;
    height: 22px;
    margin: 1px;
}
.fancybox-container .checkbox label:after {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    border: #959595 1px solid;
}
.fancybox-container .checkbox label:hover:after, 
.fancybox-container .checkbox input:checked+label:after {
    border-width:1px
}

.fancybox-container .checkbox label {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
}


.checkbox input:checked+label:hover:after {
    opacity:.8;
}
.checkbox input:checked+label:before {
    transform: scale(1);
    background-image: url(../img/check.svg);
    border-radius:7px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50% auto
}

.checkbox input:disabled+label {
    cursor: not-allowed
}

/* ENCRYPTED MESSAGE */
.encrypted {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: rgba(0,0,0,.08) 1px solid
}

.encrypted__icon svg {
    display: block;
    fill: green;
    width: 16px;
    height: 16px
}

.encrypted__text {
    font-size: 12px;
    line-height: 1.2;
    color: #777
}

@media (max-width:900px) {
    #tabIngeneering h3 {
        font-size:22px;
        text-align:center;
        padding-top:30px;
        width:100%;
    }
    .ing {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .ing__item {
        gap:20px;
        border-radius: 25px;
        padding:20px
    }
    .ing__item:last-child {
        grid-column:span 2
    }
    .ing__item h4 {
        font-size:18px;
    }
    .ing__price {
        font-size:18px;
    }
    .checkbox label {
        width:24px;
        height:24px;
        flex-basis:30px;
    }
    .checkbox label:before {
        width: 22px;
        height: 22px;
        margin: 1px;
    }
    .checkbox label:after {
        width: 22px;
        height: 22px;
        border-radius: 5px;
        border: #000 1px solid;
    }
    .checkbox label:hover:after {
        border: #47bf26 1px solid
    }
    .checkbox input:checked+label:after {
        border: #47bf26 1px solid
    }
}
@media (max-width:680px) {
    #tabIngeneering h3 {
        font-size:16px;
        padding-top:10px;
        margin-bottom:10px;
    }
    .ing__item h4 {
        font-size:14px;
    }
    .ing__item {
        gap:10px;
    }
    .ing__item p {
        font-size:12px;
    }
    .ing__price {
        font-size: 14px;
    }
    .ing {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .ing__item:last-child {
        grid-column:span 1
    }
}

/* CONSTRUCT */
.construct {
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:40px;
}
.construct__left {
    display:flex;
    gap:40px;
    flex-direction:column;
    justify-content:space-between
}
.construct__right {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}
.construct__item {
    padding:30px;
    background-color:#FFF;
    border-radius:45px;
}
.construct__item h4 {
    font-size:24px;
    padding:0;
    margin:0;
}
.construct__right .construct__item {
    padding-top:20px;
    display:flex;
    flex-direction:column;
}
.construct__right .construct__item h4 {
    margin-bottom:20px;
}
.construct__right .construct__item p {
    padding:0;
    margin:0;
    font-size:16px;
}

.construct__item ul {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px 20px;
    padding:20px 0 0 0;
    margin:0;
}
.construct__item li {
    font-size:16px;
    list-style:none;
    position:relative;
    padding-left:20px;
}
.construct__item li::before {
    content:'';
    position:absolute;
    width:7px;
    height:7px;
    left:0px;
    top:6px;
    border-radius:50%;
    display:block;
    background-color:#47bf26;
}
.construct__item li:has(a) {
    padding-left:0
}
.construct__item li:has(a)::before {
    display:none;
}
.construct__item li a {
    font-size:16px;
    font-weight:600;
    color:#47bf26;
}
.construct__item > img {
    width:100%;
    height:auto;
    max-width:270px;
    display:block;
}
.construct__button {
    flex:1;
    display:flex;
    align-items:flex-end;
    width:100%;
}

.construct__button .btn{
    font-size: .14rem;
    font-weight: 600;
    color: #000;
    background: #FFF;
    border:#47bf26 2px solid;
    text-align: center;
    border-radius: 36px;
    line-height: 65px;
    padding:0 2.5em;
    cursor: pointer;
    user-select: none;
    width:100%;
    box-sizing:border-box;
    transition:all .25s ease !important;
}
.construct__button .btn:hover{
    color: #fff;
    background: #47bf26;
}
.construct__item--square {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.construct__item--square span {
    font-weight:400;
}

@media (max-width:1450px) {
    .construct,
    .construct__left,
    .construct__right {
        gap: 20px;
    }
}
@media (max-width:1200px) {
    .construct {
        grid-template-columns:1fr
    }
    .construct__right .construct__item p {
        margin-bottom:20px;
    }
}
@media (max-width:900px) {
    .construct__item h4 {
        font-size:18px;
    }
    .construct__right .construct__item p {
        margin-bottom:20px;
        font-size:14px;
    }
    .construct__item li {
        font-size:14px;
    }
    .construct__item ul {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .construct__item {
        border-radius:18px;
    }
}

@media (max-width: 720px) {
    .construct__button .btn {
        height: auto;
        line-height: 42px;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width:680px) {
    .construct__item h4 {
        font-size:14px;
    }
    .construct__right .construct__item p {
        margin-bottom:10px;
        font-size:12px;
    }
    .construct__item li {
        font-size:12px;
    }
    .construct__right {
        grid-template-columns:1fr
    }
    .construct__item li a {
        font-size:12px;
    }
}

@media (max-width:1279px) {
    section.complectation {
        padding:0 15px 50px 15px;
    }
    .container--gallery {
        padding:0 15px 50px 15px;
    }
    div.tabs-content {
        padding: .4em;
    }
    .complectation-grid {
        gap: 30px;
    }
    .complectation-bottom {
        padding:.4em .4em;
    }
}
@media (max-width:1170px) {
    .tabs {
        flex-wrap:wrap;
        justify-content:center
    }
    ul.tabs li.tabs__right {
        width:100%;
        justify-content:center
    }
}
@media (max-width:1024px) {
    .complectation-grid {
        grid-template-columns:1fr
    }
    .complectation-grid{
        gap: .4em;
    }
}
@media (max-width:900px) {
    .complectation-grid .complect__more {
        font-size: 16px;
        font-weight: 600;
        padding: 18px 24px;
    }
    div.tabs-content {
        padding: .2em;
    }
    .complectation-grid{
        gap: .2em;
    }
    .complectation-grid__left, .complectation-grid__right {
        gap: .2em;
    }
    .complectation-bottom {
        flex-direction:column;
        align-items:center;
        gap:.2em
    }
    .complectation-bottom__button .btn{
        width:280px;
    }
    .complectation-grid__item {
        border-radius:18px;
    }
}
@media (max-width:720px) {
    .complectation h2 {
        font-size:16px;
        margin:0;
        padding:30px 0 10px 0;
    }
    ul.tabs {
        flex-wrap:nowrap;
        justify-content:flex-start;
        width:100vw;
        overflow-x:auto;
        scrollbar-width: none;
        margin-bottom:10px;
        gap:6px;
    }
    .complectation ul.tabs {
        display:grid;
        grid-template-columns:repeat(6, 1fr);
        margin-bottom:10px;
        gap:6px;
        width:100%;
        
    }
    .complectation ul.tabs li:nth-of-type(1) {
        grid-column:span 3
    }
    .complectation ul.tabs li:nth-of-type(2) {
        grid-column:span 3
    }
    .complectation ul.tabs li:nth-of-type(3) {
        grid-column:span 2
    }
    .complectation ul.tabs li:nth-of-type(4) {
        grid-column:span 4
    }
    .complectation li.tabs__right {
        display:none !important;
    }
    ul.tabs a {
        height:24px;
        border-radius:11px;
        font-size:11px;
        white-space:nowrap;
        padding: 0 12px;
    }
    .complectation-grid .complect__more {
        font-size: 11px;
        padding: 12px 16px;
    }
    .complectation-grid .complect__list li {
        font-size: 10px;
    }
    .complectation-grid .complect__more svg {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }
    .complectation-grid .complect__list {
        padding-left: .2em;
        padding-right: .2em;
    }
    .complectation-bottom a img {
        height:auto;
        width:180px;
    }
    .complectation-bottom .btn {
        height:auto;
        width:180px;
        line-height:42px;
        padding-top:0;
        padding-bottom:0;
    }
}




section.catalog {
    padding-top: .2em
}
section.catalog.catalog--favs {
    padding-top: 0;
    padding-bottom:.5em;
}

section.catalog .container::before {
    content: none !important
}

section.catalog .container:nth-child(2) {
    text-align: center
}

section.catalog .row {
    margin-left: -.2em;
    margin-right: -.2em;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.product {
    position:relative;
}

section.catalog a.hidden {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

section.catalog .product {
    
}

section.catalog .product .img {
    aspect-ratio:1.77;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .33s ease
}

section.catalog .product .img img {
    width: 100%;
    height: auto
}

section.catalog .product .text {
    padding-top: .2rem
}

section.catalog .product .text .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

section.catalog .product .text .title h3 {
    font-size: .22rem;
    font-weight: 700
}

section.catalog .product .text .title .label {
    display: flex;
    flex-direction:column;
    color:#777;
    font-size:14px;
    align-items: flex-start;
    width:100%;
    max-width:190px;
}
section.catalog .product .text .title .label img{
    width:100%;
    max-width:190px;
}

section.catalog .product .text .title .label p {
    transition: .25s
}

section.catalog .product .text .title .label .sber {
    width: .24rem;
    height: .24rem;
    background-image: url(/img/sbr.svg);
    background-repeat: no-repeat;
    background-size: 640%;
    margin-right: .1rem
}

section.catalog .product:hover .label p {
    color: #47bf26
}

.grid-icons {
    width:100%;
    padding: .2rem .2rem 0 .2rem;
    margin:.2rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color:#f9f9f9;
}

.grid-icons .param {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width:33.333%;
    margin-bottom: .15rem
}

.grid-icons .param i {
    font-size: .2941rem;
    color: #2d2d2e;
    margin-right: .1rem;
    transition: .33s ease
}
.grid-icons .param i svg{
    display:block;
    width: .2941rem;
    height: .2941rem;
    fill: #2d2d2e;
    transition: all .33s ease
}

.grid-icons .param p {
    font-size: .14rem;
    color: #47bf26;
    font-weight: 500
}

.grid-icons .param p b {
    font-size: .13rem;
    color: #2d2d2e
}

.project-card__badges {
    position:absolute;
    left:.1em;
    top:.1em;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:5px
}
.badge__item {
    font-size:16px;
    font-weight:600;
    color:#000;
    height:32px;
    border-radius:16px;
    padding:0 16px;
    line-height:1;
    vertical-align:baseline;
    background-color:#FFF;
    display:flex;
    align-items:center;
}
.badge__item--hot {
    background-color:#ffca00;
}

.project-card__favourite {
    position: absolute;
    z-index: 10;
    right: .1em;
    top: .1em
}

.favourite__button {
    outline: none;
    border: none;
    user-select: none;
    border-radius: 50%;
    background-color: rgba(255,255,255,1);
    transition: background-color .25s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px
}

.favourite__button svg {
    width: 20px;
    height: 20px;
    fill: #000;
    transition: fill .25s ease
}

.project-card:hover .favourite__button {
    background-color: rgba(255,255,255,.7)
}

.project-card:hover .favourite__button svg {
    fill: #000
}

.favourite__button--active,.project-card:hover .favourite__button--active {
    background-color: #fff
}

.favourite__button--active svg,.project-card:hover .favourite__button--active svg {
    fill: red
}

section.catalog .product .price {
    display: flex;
    margin-bottom: .3rem
}

section.catalog .product .price p {
    font-size: .14rem;
    font-weight: 500;
    color: #707070
}

section.catalog .product .price .price-1 {
    width: 60%
}

section.catalog .product .price .price-1 p b {
    line-height: .36rem;
    font-size: .22rem;
    font-weight: 700;
    color: #47bf26
}

section.catalog .product .price .price-1 p s {
    font-size: .14rem;
    font-weight: 500;
    margin-left: .15rem;
    text-decoration: none;
    display: inline-block;
    position: relative
}

section.catalog .product .price .price-1 p s::after {
    content: "";
    display: block;
    background: red;
    width: 100%;
    height: .01rem;
    position: absolute;
    top: 49%;
    left: 0
}

section.catalog .product .price .price-1 p s i {
    color: red
}

section.catalog .product .price .price-1-credit {
    width: 40%
}

section.catalog .product .price .price-1-credit p b {
    line-height: .36rem;
    font-size: .22rem;
    color: #2d2d2e
}

section.catalog .product .price .price-1-credit p s {
    font-size: .14rem;
    font-weight: 500;
    color: var(--text-grey);
    margin-left: .15rem;
    display: none
}

section.catalog .product .btn-more {
    display:block;
    width: 100%;
    text-align: center;
    font-size: .16rem;
    font-weight: 600;
    line-height: .6rem;
    color: #fff;
    background: #2d2d2e;
    transition: .33s ease;
    border-radius: .3rem
}

section.catalog .product:hover .btn-more {
    background: #47bf26
}

section.complect h3 {
    font-size: .24rem;
    font-weight: 700;
    text-align: center
}

section.complect .row {
    position: relative;
    border-top: var(--white-grey) .01rem solid;
    display: flex;
    margin-top: .6em
}

section.complect .row .point-wh {
    right: -.15rem;
    top: -.15rem;
    z-index: 5
}

section.complect .row .item {
    width: 33.3333333333%;
    transition: .33s ease
}

section.complect .row .item:nth-child(1) ul {
    padding-left: 1.42rem
}

section.complect .row .item:nth-child(2) ul {
    padding-left: 1.305rem
}

section.complect .row .item:nth-child(3) ul {
    padding-left: 1.715rem
}

section.complect .row .item .img {
    width: 1.18em;
    height: 1.4em;
    margin: .7em auto .7em
}

section.complect .row .item:hover {
    box-shadow: 0 .05em .2em 0 rgba(45, 45, 46, .12)
}

section.complect .row .item ul {
    margin-top: .4em;
    padding-bottom: .6em
}

section.complect .row .item ul li {
    display: flex;
    align-items: center;
    margin-bottom: .2rem
}

section.complect .row .item ul li i {
    font-size: .12rem;
    text-align: center;
    color: #fff;
    line-height: .25rem;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    margin-right: .1rem
}

section.complect .row .item ul li i.icon-check {
    background: #47bf26
}

section.complect .row .item ul li i.icon-minus {
    background: #e6e6e6
}

section.complect .row .item ul li p {
    font-size: .16rem;
    font-weight: 600;
    color: #2d2d2e
}

section.complect .row .item ul li .icon-minus+p {
    color: #707070
}

section.tech {
    padding-top: 1.22em;
    padding-bottom: .7rem
}

section.tech .container {
    text-align: center
}

section.tech .grid {
    display: grid;
    grid-template: 1fr 1fr/1fr 1fr 1fr;
    margin-top: .75em;
    justify-content: space-between
}

section.tech .grid .item {
    width: 4.2rem;
    margin: 0 auto .6rem
}

section.tech .grid .item:nth-child(1) .point-wh {
    bottom: -.15rem;
    left: .44rem
}

section.tech .grid .item:nth-child(2) .point-wh {
    top: -.15rem;
    right: .44rem
}

section.tech .grid .item:nth-child(3) .point-wh {
    bottom: -.15rem;
    right: .44rem
}

section.tech .grid .item:nth-child(4) .point-wh {
    top: -.15rem;
    right: .44rem
}

section.tech .grid .item:nth-child(5) .point-wh {
    bottom: -.15rem;
    left: .44rem
}

section.tech .grid .item:nth-child(6) .point-wh {
    bottom: -.15rem;
    left: .44rem
}

section.tech .grid .item .img {
    position: relative;
    height: 3em;
    width: 100%;
    text-align: center;
    margin-bottom: .2rem
}

section.tech .grid .item .img img {
    height: 100%;
    width: auto
}

section.tech .grid .item h3 {
    font-size: .26rem;
    font-weight: 700;
    margin-bottom: .2rem
}

section.tech .grid .item h3 sup {
    font-size: .16rem
}

section.tech .grid .item p {
    color: #707070;
    font-size: .14rem;
    font-weight: 500;
    line-height: 1.7em
}

section.economy {
    background-color: var(--section-bg-color);
    padding-top: 1.2rem;
    padding-bottom: 1.204rem
}

section.economy .container {
    text-align: center
}

section.economy .container .grid {
    display: grid;
    grid-template: 1fr/1fr 1fr 1fr 1fr;
    column-gap: .4rem;
    padding-top: 1.746rem
}

section.economy .container .grid .item {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 3.9rem;
    padding: 1.263rem .3rem .306rem;
    box-shadow: 0 .05em .2em 0 rgba(45, 45, 46, .08)
}

section.economy .container .grid .item .img {
    position: absolute;
    top: -.938rem;
    width: auto;
    height: 1.9rem
}

section.economy .container .grid .item h3 {
    font-size: .24rem;
    padding-bottom: .302rem
}

section.economy .container .grid .item p {
    font-size: .14rem;
    font-weight: 500;
    line-height: 1.7;
    color: #2d2d2e
}

section.proverka section.first-part {
    background-color: var(--section-bg-color);
    padding-bottom: .68rem
}

section.proverka section.first-part .container h2 {
    text-align: center
}

section.proverka section.first-part .container .linear-gradient {
    margin: .3rem auto .1rem;
    width: 11.48rem;
    height: .2rem;
    border-radius: .25rem;
    background: -webkit-linear-gradient(90deg, red, #fff500, #00dd08, #1924d1);
    background: linear-gradient(90deg, red, #fff500, #00dd08, #1924d1)
}

section.proverka section.first-part .container p {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 11.48rem;
    font-size: .12rem;
    font-weight: 600
}

section.proverka .second-part {
    padding-top: .65rem;
    padding-bottom: .56rem;
    border-bottom: #f3f3f3 .01rem solid
}

section.proverka .second-part .container .description {
    display: flex;
    flex-flow: column nowrap;
    gap: 1.08rem 0;
    position: absolute;
    padding-top: .58rem;
    z-index: 30;
    left: -4rem
}

section.proverka .second-part .container .description .row {
    display: flex;
    gap: 0 .1rem
}

section.proverka .second-part .container .description .row:nth-child(1) .right {
    width: 3rem
}

section.proverka .second-part .container .description .row:nth-child(2) .right {
    width: 4.24rem
}

section.proverka .second-part .container .description .row:nth-child(3) .right {
    width: 2.43rem
}

section.proverka .second-part .container .description .row .left {
    width: 2.42rem;
    border-bottom: .02rem var(--green) solid
}

section.proverka .second-part .container .description .row .left h3 {
    font-size: .24rem;
    font-weight: 700
}

section.proverka .second-part .container .description .row .left p {
    margin-top: .1rem;
    font-size: .16rem;
    color: var(--text-grey);
    font-weight: 500;
    padding-bottom: .15rem
}

section.proverka .second-part .container .description .row .right {
    position: relative;
    border-bottom: .005rem solid #ccccd9
}

section.proverka .second-part .container .description .row .right .point-wh {
    position: absolute;
    right: -.08rem;
    bottom: -.08rem;
    width: .16rem;
    height: .16rem
}

section.proverka .second-part .container .temperature {
    text-align: center;
    position: absolute;
    right: 0;
    top: 1.92rem
}

section.proverka .second-part .container .temperature .row {
    display: flex;
    justify-content: center
}

section.proverka .second-part .container .temperature .row:nth-child(2) {
    margin-top: .2rem
}

section.proverka .second-part .container .temperature .row:nth-child(2) p {
    font-size: .12rem
}

section.proverka .second-part .container .temperature .row .column {
    padding-top: .1rem;
    padding-bottom: .13rem;
    width: 1.9rem;
    display: flex;
    flex-flow: column nowrap
}

section.proverka .second-part .container .temperature .row .column:nth-child(1) {
    background-color: #47bf26
}

section.proverka .second-part .container .temperature .row .column:nth-child(2) {
    background-color: #3ea621
}

section.proverka .second-part .container .temperature .row .column h4 {
    padding-bottom: .02rem;
    font-size: .12rem;
    font-weight: 700;
    color: #fff
}

section.proverka .second-part .container .temperature .row .column p {
    color: #fff;
    font-size: .3rem;
    font-weight: 700
}

section.proverka .second-part .container .temperature .row .column p span {
    font-weight: 500;
    color: #fff
}

section.proverka .second-part .container .images {
    overflow: visible;
    width: 8.82rem;
    margin: 0 auto;
    position: relative
}

section.proverka .second-part .container .images img {
    width: 8.82rem;
    height: 5.25rem
}

section.proverka .second-part .container .images img.twentytwenty-after {
    left: 0;
    top: 0;
    position: absolute
}

section.proverka .container.polzunok {
    padding-top: .14rem;
    display: flex;
    justify-content: center
}

section.proverka .container.polzunok p {
    display: flex;
    align-items: center;
    position: relative;
    width: max-content;
    font-weight: 600;
    text-align: center;
    color: #ccccd9
}

section.proverka .container.polzunok p::after,
section.proverka .container.polzunok p::before {
    position: absolute;
    content: "";
    display: flex;
    width: .26rem;
    height: .16rem;
    background: url(/img/economy/polzunok-row.svg) no-repeat;
    background-size: contain
}

section.proverka .container.polzunok p::before {
    left: -.46rem
}

section.proverka .container.polzunok p::after {
    transform: rotateZ(180deg);
    right: -.46rem
}

section.popular {
    margin-top: .7rem;
    z-index: 4;
    position: relative;
    border-bottom: .0025rem solid var(--border-color)
}

section.popular .container .pila {
    top: .2rem;
    transform: rotateZ(-90deg);
    right: -.2rem
}

section.popular .container h2 {
    text-align: center
}

section.popular .container .pagination {
    justify-content: center
}

section.popular .point-wh {
    right: 3.46rem;
    top: -.15rem;
    z-index: 1
}

section.popular .swiper-container {
    overflow: hidden;
    width: 16.8rem;
    margin: 0 auto
}

section.popular .pagination {
    display: flex;
    margin-top: .4em;
    margin-bottom: .6em
}

section.popular .pagination span {
    padding: .155rem .22rem;
    font-size: .16rem;
    font-weight: 600;
    width: auto;
    height: auto;
    color: #2d2d2e;
    background: #f7f7f7;
    border-radius: .35rem;
    outline: 0;
    margin-right: .1rem
}

section.popular .pagination span.swiper-pagination-bullet-active {
    color: #fff;
    background: #47bf26
}

section.popular .swiper-slide {
    width: 100%;
    padding-bottom:.45rem;
    display: flex;
    flex-wrap: wrap
}

section.popular .swiper-slide h3 {
    display: none;
    width: 100%;
    font-size: .26rem;
    font-weight: 700;
    margin-bottom: .2rem
}

section.popular .swiper-slide .img {
    position: relative;
    width: 9.86em;
    height: 7.35em;
    background-size: cover;
    background-position: center
}

section.popular .swiper-slide .img .nav-slider {
    position: absolute;
    bottom: .6rem;
    padding-right: .6rem;
    align-items: flex-end;
    justify-content: right
}

section.popular .swiper-slide .img .nav-slider .btn-prev {
    background: #fff;
    margin-right: .1rem
}

section.popular .swiper-slide .img .nav-slider .btn-prev.swiper-button-disabled {
    background: rgba(255, 255, 255, .3)
}

section.popular .swiper-slide .img .nav-slider .btn-next {
    background: #fff
}

section.popular .swiper-slide .img .nav-slider .btn-next.swiper-button-disabled {
    background: rgba(255, 255, 255, .3)
}

section.popular .swiper-slide .img .nav-slider .btn-next path {
    stroke: #000
}

section.popular .swiper-slide .img .nav-slider .btn-next:hover path {
    stroke: #000
}

section.popular .swiper-slide .img .row img {
    width: 1rem
}

section.popular .swiper-slide .img .row:first-child {
    background-size: contain;
    width: 1rem;
    height: 1.2143rem
}

section.popular .swiper-slide .img .row:nth-child(2) {
    background-size: contain;
    width: 1rem
}

section.popular .swiper-slide .right-content {
    padding-left: .45em;
    width: 6rem;
    box-sizing: border-box
}

section.popular .swiper-slide .right-content .row {
    display: flex;
    margin-bottom: .3rem
}

section.popular .swiper-slide .right-content .row .column {
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center
}

section.popular .swiper-slide .right-content .row .column:first-child {
    width: 4rem;
    background: linear-gradient(to right, #51d92b, #31a611)
}

section.popular .swiper-slide .right-content .row .column:last-child {
    width: 1.6rem;
    background: #232324
}

section.popular .swiper-slide .right-content .row .column:last-child p {
    font-size: .22rem;
    font-weight: 700
}

section.popular .swiper-slide .right-content .row .column p {
    color: #fff
}

section.popular .swiper-slide .right-content .row .column p.skidka {
    font-size: .5rem;
    font-weight: 700
}

section.popular .swiper-slide .right-content .row .column p.text {
    margin-left: .1rem;
    text-transform: uppercase;
    line-height: 1.5;
    font-size: .12rem;
    font-weight: 700
}

section.popular .swiper-slide .right-content h3 {
    font-size: .26rem;
    font-weight: 700
}

section.popular .swiper-slide .right-content .variant-title {
    font-size: .16rem;
    font-weight: 600;
    margin-top: .28rem
}

section.popular .swiper-slide .right-content .variants {
    display: flex;
    justify-content: space-between;
    margin-top: .12em;
    position: relative
}

section.popular .swiper-slide .right-content .variants:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #ccccd9;
    z-index: -1
}

section.popular .swiper-slide .right-content .variants:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #ccccd9;
    z-index: -1
}

section.popular .swiper-slide .right-content .variants .variant {
    width: 33.3333333333%;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    cursor: pointer
}

section.popular .swiper-slide .right-content .variants .variant:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(0)
}

section.popular .swiper-slide .right-content .variants .variant:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(0)
}

section.popular .swiper-slide .right-content .variants .variant .icon {
    width: .7em;
    height: .7em;
    position: relative;
    margin-top: .3em
}

section.popular .swiper-slide .right-content .variants .variant .icon img {
    width: auto;
    height: 100%;
    object-fit: contain;
    position: absolute;
    transition: .33s ease
}

section.popular .swiper-slide .right-content .variants .variant .icon img:nth-child(1) {
    opacity: 0
}

section.popular .swiper-slide .right-content .variants .variant .text {
    text-align: center;
    font-size: .14rem;
    font-weight: 600;
    margin-top: .12rem;
    margin-bottom: .15rem
}

section.popular .swiper-slide .right-content .variants .variant.active:before,
section.popular .swiper-slide .right-content .variants .variant:hover:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(1)
}

section.popular .swiper-slide .right-content .variants .variant.active:after,
section.popular .swiper-slide .right-content .variants .variant:hover:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(1)
}

section.popular .swiper-slide .right-content .variants .variant.active .icon img:nth-child(1),
section.popular .swiper-slide .right-content .variants .variant:hover .icon img:nth-child(1) {
    opacity: 1
}

section.popular .swiper-slide .right-content .variants .variant.active .icon img:nth-child(2),
section.popular .swiper-slide .right-content .variants .variant:hover .icon img:nth-child(2) {
    opacity: 0
}

section.popular .swiper-slide .right-content .variants .variant:hover .icon img:nth-child(1) {
    opacity: 1
}

section.popular .swiper-slide .right-content .variants .variant:hover .icon img:nth-child(2) {
    opacity: 0
}

section.popular .swiper-slide .right-content .actiom-wrapper {
    width: 100%;
    height: .96em;
    position: relative;
    margin-top: .28em
}

section.popular .swiper-slide .right-content .actiom-wrapper .action {
    position: absolute;
    z-index: -2;
    padding-left: 1.4em;
    display: flex;
    align-items: center;
    width: 6em;
    height: .96em;
    background: #f7f7f7;
    padding-left: 0 !important
}

section.popular .swiper-slide .right-content .actiom-wrapper .action .img {
    height: .6123em;
    margin-right: .1em;
    width: 1.21em
}

section.popular .swiper-slide .right-content .actiom-wrapper .action .img img {
    display: block;
    margin-left: 0
}

section.popular .swiper-slide .right-content .actiom-wrapper .action .text {
    text-align: center;
    padding-left: 1.14rem
}

section.popular .swiper-slide .right-content .actiom-wrapper .action .text p {
    font-size: .14rem;
    font-weight: 700
}

section.popular .swiper-slide .right-content .actiom-wrapper .action .text p.num {
    color: #47bf26;
    font-weight: 800;
    font-size: .3rem
}

section.popular .swiper-slide .right-content .actiom-wrapper .action .text p.num span {
    font-size: .18rem;
    color: #47bf26
}

section.popular .swiper-slide .right-content .actiom-wrapper .action .text p.num+p {
    color: #909099;
    font-size: .11rem
}

section.popular .swiper-slide .right-content .actiom-wrapper .action.skidka {
    padding-left: .9rem;
    background: linear-gradient(90deg, #de2417 0, #f44336 100%)
}

section.popular .swiper-slide .right-content .actiom-wrapper .action.skidka .img {
    width: 1.5rem;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    padding-left: .15rem
}

section.popular .swiper-slide .right-content .actiom-wrapper .action.skidka .img p {
    margin: 0;
    font-size: .64rem;
    color: #fff;
    font-weight: 700
}

section.popular .swiper-slide .right-content .actiom-wrapper .action.skidka .text {
    padding-left: .15rem
}

section.popular .swiper-slide .right-content .actiom-wrapper .action.skidka .text p {
    color: #fff;
    text-align: left;
    font-size: .18rem
}

section.popular .swiper-slide .right-content .actiom-wrapper .action.skidka .text p span {
    color: #fff;
    font-size: .14rem
}

section.popular .swiper-slide .right-content .price-block {
    display: flex;
    margin-top: .29em
}

section.popular .swiper-slide .right-content .price-block p {
    font-size: .16rem;
    font-weight: 600
}

section.popular .swiper-slide .right-content .price-block p.price {
    font-size: .22rem;
    font-weight: 700;
    margin-top: .1rem
}

section.popular .swiper-slide .right-content .price-block p.price b,
section.popular .swiper-slide .right-content .price-block p.price strong {
    font-size: .22rem
}

section.popular .swiper-slide .right-content .price-block p.price s {
    font-size: .14rem;
    font-weight: 600;
    color: var(--text-grey);
    margin-left: .05rem;
    text-decoration: none;
    position: relative
}

section.popular .swiper-slide .right-content .price-block p.price s::after {
    content: "";
    display: block;
    background: red;
    width: 100%;
    height: .01rem;
    position: absolute;
    top: 55%;
    left: 0
}

section.popular .swiper-slide .right-content .price-block p.info {
    margin-top: .05rem;
    font-size: .11rem;
    color: #707070
}

section.popular .swiper-slide .right-content .price-block .price-main {
    width: 50%;
    text-align: center;
    margin-right: .54rem
}

section.popular .swiper-slide .right-content .price-block .price-main .price,
section.popular .swiper-slide .right-content .price-block .price-main b,
section.popular .swiper-slide .right-content .price-block .price-main strong {
    color: #47bf26
}

section.popular .swiper-slide .right-content .price-block .price-main .info {
    cursor: pointer
}

section.popular .swiper-slide .right-content .price-block .price-credit {
    width: 50%;
    position: relative;
    text-align: center
}

section.popular .swiper-slide .right-content .price-block .price-credit::before {
    content: "";
    width: .01rem;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(204, 204, 217, .4);
    left: -.3rem;
    top: 0
}

section.popular .swiper-slide .right-content .input.phone {
    margin-top: .4rem
}

section.popular .swiper-slide .right-content .cta {
    margin-top: .18rem;
    width:100%;
    font-size: .16rem;
    font-weight: 600;
    line-height: .7rem;
    transition: .33s ease
}

section.popular .form-answer:not(:empty) {
    margin-top: 24px;
    margin-bottom: 0;
}

section.popular .swiper-slide .right-content .cta:hover {
    background: #2d2d2e
}

section.popular .swiper-slide .right-content .policy {
    margin-top: .15rem;
    width: 100%;
    display: block;
    opacity: .85
}

section.popular .slider-nav {
    display: none !important;
    position: absolute;
    z-index: 1;
    bottom: .65em;
    left: 7.85em;
    display: flex;
    justify-content: space-between;
    width: 1.5em;
    height: .7em
}

section.popular .slider-nav .btn-next,
section.popular .slider-nav .btn-prev {
    width: .7rem;
    height: .7rem;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: .18rem;
    line-height: .7rem;
    outline: 0;
    cursor: pointer
}

section.popular .slider-nav .btn-next.swiper-button-disabled,
section.popular .slider-nav .btn-prev.swiper-button-disabled {
    opacity: .3
}

section.fishki {
    position: relative;
    padding-top: 1.2em;
    padding-bottom: .6em;
    text-align: center
}

section.fishki::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: 100%;
    height: .0025rem;
    right: 0;
    top: 3.5em
}

section.fishki .container:first-child::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .0025rem;
    height: 11rem;
    left: 0;
    top: -1.5em
}

section.fishki .container .point-wh {
    top: -.15rem;
    right: -.15rem;
    z-index: 10
}

section.fishki p.post-title {
    margin-bottom: .6rem
}

section.fishki .grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.15rem;
    margin-right: -.15rem
}

section.fishki .item {
    position: relative;
    padding-top: .6rem;
    width: 33.333333333%;
    padding-left: .15rem;
    padding-right: .15rem;
    padding-bottom: .6rem
}

section.fishki .item:nth-child(1)::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .005rem;
    height: 1.2rem;
    right: 0;
    bottom: -.6rem
}

section.fishki .item:nth-child(1)::after {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: 1.2rem;
    height: .005rem;
    right: -.6rem;
    bottom: 0
}

section.fishki .item:nth-child(2)::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .005rem;
    height: 1.2rem;
    right: 0;
    bottom: -.6rem
}

section.fishki .item:nth-child(2)::after {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: 1.2rem;
    height: .005rem;
    right: -.6rem;
    bottom: 0
}

section.fishki .item img {
    height: 1em;
    margin-bottom: .05em
}

section.fishki .item p {
    font-weight: 700;
    font-size: .18rem
}

section.self-project {
    background: #47bf26;
    position: relative;
    z-index: 4
}

section.self-project .container {
    padding-top: 1.2em;
    padding-bottom: 1.224em
}

section.self-project .verical-liner {
    width: .02em;
    height: 100%;
    background: #4b4b4d;
    opacity: .33;
    position: absolute;
    left: -.02em;
    top: 0;
    z-index: 12
}

section.self-project .h2 {
    color: #fff;
    font-weight: 400;
    font-size: .44rem;
    position: relative;
}

section.self-project .h2 b {
    color: #fff;
    font-weight: 700
}

section.self-project .post-title {
    color: #fff;
    font-weight: 700;
    font-size: .24rem
}

section.self-project .cta {
    margin-top: .607rem;
    margin-bottom: .6rem;
    width: 4rem;
    line-height: .7rem;
    font-size: .16rem;
    font-weight: 700;
    background: #2d2d2e
}

section.self-project .desc {
    color: #fff;
    font-size: .16rem;
    font-weight: 600
}

section.self-project .house {
    position: absolute;
    right: 0;
    top: -1.63em;
    width: 8.397em;
    height: 6.7543em;
    background: url(/img/house.svg) no-repeat;
    background-size: contain;
    pointer-events: none;
    user-select: none
}

section.chat {
    position: relative
}

section.chat .img-mask {
    pointer-events: none;
    user-select: none;
    height: 9.2532rem;
    width: 10.2715rem;
    background: url(/img/mask.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: .464rem;
    bottom: 0
}

section.chat .container {
    padding-top: 1.652rem;
    padding-bottom: 1.972rem;
    width: 100%;
    margin-left: 2.2rem
}

section.chat .container::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .0025rem;
    height: 40rem;
    left: -1rem;
    top: -1.5em
}

section.chat .h2 {
    font-size: .5rem;
    font-weight: 400;
    margin-bottom: .6rem
}

section.chat .grid {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:.2rem;
    width:100%;
    max-width:700px;
    margin-bottom:.45rem;
}

section.chat .btn {
    height: .7rem;
    width:100%;
    border-radius: .35rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition:all .25s ease;
    z-index:9;
}

section.chat .btn:hover {
    transform:scale(1.08);
}

section.chat .btn.wh {
    user-select: none;
    background: #47bf26
}

section.chat .btn.wh i {
    font-size: .34rem
}

section.chat .btn.tg {
    user-select: none;
    background: #00b0f2
}

section.chat .btn.tg i {
    font-size: .22rem
}

section.chat .btn svg {
    width: .22rem;
    height: .22rem;
    flex-basis: .22rem;
    fill:#FFF;
    margin-right: .1rem;
}

section.chat .btn.max {
    user-select: none;
    background: #9951f3
}

section.chat .btn.max i {
    font-size: .22rem
}

section.chat .btn p {
    color: #fff;
    font-size: .18rem;
    font-weight: 600
}

section.chat .btn i {
    color: #fff;
    margin-right: .1rem
}

section.chat .img-phone {
    pointer-events: none;
    user-select: none;
    width: 5.2em;
    height: 9.14em;
    background: url(/img/iphone.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 3rem;
    top: .401rem;
    z-index: 1
}

section.chat .bullets-title {
    font-size: .24rem;
    font-weight: 700;
    margin-bottom: .3rem
}

section.chat .bullet {
    font-size: .2rem;
    display: flex;
    align-items: center;
    margin-bottom: .1rem
}

section.chat .bullet b {
    display: block;
    font-size: .28rem;
    font-weight: 800;
    color: #47bf26;
    width: .5rem
}

section.chat .bullet span {
    display: block
}

section.about {
    position: relative;
    z-index: 4;
    border-bottom: .0025rem solid var(--border-color)
}

section.about .container {
    display: flex;
    margin-bottom: -.01rem
}

section.about .col {
    position: relative
}

section.about .col:nth-child(1) {
    width: 8rem;
    height: 5.6rem
}

section.about .col:nth-child(2) {
    padding-top: .6em;
    padding-left: 1em
}

section.about .col img {
    width: 100%;
    height: auto
}

section.about .col .h2 {
    font-weight: 700;
    margin-bottom: .6rem
}

section.about .col .post-title {
    font-size: .22rem;
    font-weight: 700
}

section.about .col p.text {
    margin-top: .4rem;
    font-size: .14rem;
    font-weight: 500;
    line-height: 1.7em
}

section.about .col p.text+p.text {
    margin-top: .2rem
}

section.rev {
    padding-top: 1.2rem;
    padding-bottom: 1.2em
}

section.rev .container:first-child::after {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .0025rem !important;
    height: 30rem;
    right: 0;
    top: -1.3em;
    width: 14.8rem;
    text-align: center
}

section.rev .container .nav-slider {
    top: 1.445rem;
    padding: 0
}

section.rev .container h2 {
    margin: 0;
    text-align: center
}

section.rev .swiper-container {
    width: 12.2rem;
    margin: 0 auto;
    overflow: hidden
}

section.rev .swiper-container .swiper-slide {
    padding-top: .6em
}

section.rev .top {
    display: grid;
    grid-template: 1fr 1fr/1fr;
    margin-bottom: .4em;
    width: 100%
}

section.rev .top .name {
    font-size: .22rem;
    font-weight: 700;
    text-align: center
}

section.rev .top .rating {
    margin-top: .1rem;
    display: flex;
    justify-content: center
}

section.rev .top .rating i {
    font-family: elpal !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .18rem;
    display: block;
    height: .18rem;
    margin-right: .038rem;
    color: #47bf26
}

section.rev .top .rating i:nth-child(5) {
    margin-right: .064rem
}

section.rev .top .rating i:before {
    content: "\e909"
}

section.rev .top .rating[data-stars="4"] i:nth-child(5) {
    color: #dadae6
}

section.rev .top img {
    display: block;
    height: .1781em;
    width: auto;
    filter: grayscale(1)
}

section.rev .text {
    line-height: 1.7;
    font-size: .14rem;
    font-weight: 500;
    color: #2d2d2e;
    text-align: center
}

section.rev .swiper-slide-next+.swiper-slide,
section.rev .swiper-slide-prev {
    opacity: .5
}

section.map {
    min-height: 8.64em
}

#map {
    width: 100%;
    height: 7em
}

section.bank {
    padding-bottom: 1.26em
}

section.bank__first {
    position: relative;
    border-bottom: .01rem var(--border-color) solid;
    padding-bottom: .6rem
}

section.bank__first .point-wh {
    bottom: -.1505rem;
    left: 1.06rem
}

section.bank__first .container {
    width: 14.8rem
}

section.bank__first .container h2 {
    text-align: center
}

section.bank__first .container .grid-row {
    display: grid;
    grid-template: 1fr/1fr 1fr 1fr 1fr;
    gap: 0 .5rem;
    text-align: center;
    margin-top: .6rem
}

section.bank__first .container .grid-row .column {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

section.bank__first .container .grid-row .column img {
    height: 1rem;
    width: auto
}

section.bank__first .container .grid-row .column h4 {
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-size: .24rem;
    font-weight: 700
}

section.bank__first .container .grid-row .column p {
    min-height: .84rem;
    font-size: .14rem;
    color: #2d2d2e;
    font-weight: 500;
    line-height: 1.7;
    color: var(--text-grey)
}

section.bank__first .container .grid-row .column button {
    display: none;
    cursor: pointer;
    padding: 0;
    margin-top: .1rem;
    border: none;
    text-decoration: underline;
    background-color: transparent;
    width: max-content;
    font-weight: 700
}

section.bank__second {
    padding-top: .6rem
}

section.bank__second .container {
    width: 14.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.bank__second .container p {
    line-height: 1.5;
    font-size: .34rem;
    font-weight: 600
}

section.bank__second .container img {
}

input[type=text],
input[type=tel]{
    font-size: .16rem;
    font-weight: 500;
    color: #2d2d2e;
    outline: 0;
    transition: .33s ease
}

input[type=text] ::placeholder,
input[type=tel] ::placeholder{
    color: #707070;
    font-weight: 500
}

.input {
    position: relative
}

.input.phone {
    width: 100%;
    height: .6rem
}

.input.phone::before {
    content: "\e90f";
    font-family: elpal !important;
    font-size: .2rem;
    color: #47bf26;
    position: absolute;
    left: .29rem;
    top: .2rem
}

.input.user {
    width: 100%;
    height: .6rem
}

.input.user::before {
    content: "\e910";
    font-family: elpal !important;
    font-size: .2rem;
    color: #47bf26;
    position: absolute;
    left: .29rem;
    top: .2rem
}

.input input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: block;
    border: .01rem #ccccd9 solid;
    border-radius: .3rem;
    padding-left: .58rem
}

.contacts {
    position: relative;
    z-index: 4
}

.contacts .container {
    position: relative
}

.contacts .verical-liner {
    width: .02em;
    height: 100%;
    background: #4b4b4d;
    opacity: .33;
    position: absolute;
    left: 1.065rem;
    top: 0;
    z-index: 12
}

.contacts .verical-liner-2 {
    width: .02em;
    height: 100%;
    background: #4b4b4d;
    opacity: .33;
    position: absolute;
    right: -.02em;
    top: 0;
    z-index: 12
}

.contacts .hor-line {
    position: absolute;
    background: #4b4b4d;
    opacity: .33;
    height: .02em;
    width: 16.76rem;
    left: -1.05em;
    top: .33em;
    z-index: 1
}

.contacts .poleno {
    position: absolute;
    bottom: .08rem;
    left: 8.05rem;
    height: 6.424rem;
    width: auto;
    z-index: -1;
    pointer-events: none;
    user-select: none
}

.contacts .container-2 {
    width: 100%;
    height: 7em;
    box-sizing: border-box;
    padding-top: .92rem;
    padding-left: 1.07rem;
    background: #2d2d2e;
    position: relative;
    z-index: 1;
    transition: .33s
}

.contacts .container-2 .point-wh {
    top: -.15rem;
    right: -.15rem
}

.contacts .container-2 #map {
    width: 8.7em;
    height: 4em;
    opacity: 0;
    transition: .5s;
    z-index: -1
}

.contacts .container-2.show-map {
    height: 9.6em
}

.contacts .container-2.show-map #map {
    opacity: 1;
    z-index: 1
}

.contacts .container-2 h2 {
    color: #fff;
    line-height: 1.2em;
    font-size: .5rem;
    font-weight: 500
}

.contacts .container-2 h2 b {
    color: #fff;
    font-weight: 700
}

.contacts .container-2 h2 .green {
    color: #47bf26
}

.contacts .container-2 .flex-grid {
    margin-top: .6em;
    display: flex;
    gap: 0 1.505rem
}

.contacts .container-2 .flex-grid .col .img {
    width: 3.73em;
    height: .34em;
    background-repeat: no-repeat;
    margin-bottom: .2em;
    position: relative
}

.contacts .container-2 .flex-grid .col:nth-child(1) .img {
    background-image: url(/img/sec-9/01.svg);
    background-size: contain
}

.contacts .container-2 .flex-grid .col:nth-child(2) .img {
    background-image: url(/img/sec-9/02.svg);
    background-size: contain
}

.contacts .container-2 .flex-grid .col:nth-child(3) .img {
    background-image: url(/img/sec-9/03.svg);
    background-size: contain
}

.contacts .container-2 .flex-grid .col .fs-20 {
    color: #fff;
    line-height: 1.4em;
    font-weight: 600
}

.contacts .container-2 .flex-grid .col .fs-16 {
    color: #aaaab3;
    line-height: 2em
}

.contacts .container-2 .flex-grid .col a,
.contacts .container-2 .flex-grid .col b,
.contacts .container-2 .flex-grid .col p {
    font-size: .18rem
}

.contacts .container-2 .flex-grid .col a {
    display: block;
    color: #47bf26 !important;
    font-weight: 700
}

.contacts .container-2 .flex-grid .col b {
    color: #fff
}

.contacts .container-2 .flex-grid .col .callback-modal {
    cursor: pointer
}

.contacts .container-2 .btn-block {
    margin-top: .45em
}

.contacts .container-2 .btn-block .btn {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 4.25em
}

.contacts .container-2 .btn-block .btn p {
    text-align: left;
    font-size: .2em;
    color: #47bf26;
    font-weight: 700;
    line-height: 2em
}

.contacts .container-2 .btn-block .btn:after {
    content: "";
    display: block;
    width: .82em;
    height: .16em;
    background-image: url(/img/sec-9/arrow.svg);
    background-repeat: no-repeat;
    margin-top: .05em;
    margin-left: .13em;
    transform: translateX(0);
    transition: .33s
}

.contacts .container-2 .btn-block .btn:hover:after {
    transform: translateX(.125em)
}



.product-main {
    padding-top: 2.6em !important;
    position: relative
}

.product-main + .container{
    min-height:calc(100vh - 802px);
}
.product-main + .catalog {
    min-height:calc(100vh - 852px);
}

.product-main h1 {
    font-weight: 700;
    margin-bottom: .55rem
}

.product-main .container-img {
    display: flex;
    z-index: 4;
    position: relative;
    width: 16.8rem;
    margin: 0 auto
}

.product-main .container-img .row:nth-child(2) {
    background: #47bf26;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.product-main .container-img .row:nth-child(2) img {
    width: .5rem;
    height: auto;
    filter: saturate(0) grayscale(1)
}

.product-main .container-img .row:nth-child(2) p {
    text-align: center;
    color: #fff;
    font-size: .14rem;
    font-weight: 700
}

.product-main .container-img .row:nth-child(2) p b {
    font-size: .28rem;
    font-weight: 700;
    color: #fff
}

.product-main .container-img .row:nth-child(2) p span {
    text-align: center;
    color: #fff;
    font-size: .14rem;
    font-weight: 700
}

.product-main .container-img .row:nth-child(3) {
    background: #2d2d2e;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.product-main .container-img .row:nth-child(3) p {
    font-size: .14rem;
    color: #47bf26;
    font-weight: 700;
    text-align: center;
    line-height: .2rem
}

.product-main .container-img .row:nth-child(3) p b {
    font-size: .28rem;
    color: #47bf26;
    font-weight: 700
}

.product-main .container-img .row:nth-child(3) p sup {
    font-size: .14rem;
    color: #47bf26
}

.product-main .container-img .row:nth-child(3) p span {
    text-align: center;
    color: #fff;
    font-size: .14rem
}

.product-main .container-img .nav-slider {
    position: absolute;
    width: max-content;
    height: max-content;
    top: unset;
    left: unset;
    right: .6rem;
    bottom: 2.5rem;
    padding: 0;
    z-index: 5
}

.p-form {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:30px
}

.button {
    width: 100%;
    box-sizing: border-box;
    display: block;
    border: .01rem #47bf26 solid;
    border-radius: .3rem;
    text-align:center;
    background:transparent;
    height: .6rem;
    font-size: .16rem;
    font-weight: 600;
    color: #2d2d2e;
    outline: 0;
    transition: all .33s ease;
    cursor:pointer;
}
.button span {
    transition: all .33s ease;
}
.button:hover {
    background-color:#47bf26;
    color:#FFF
}
.button:hover span{
    color:#FFF
}
.button--alt {
    background-color:#47bf26;
    color:#FFF
}
.button--alt:hover {
    background-color:#5cc63e;
}

.product-main .container-img .nav-slider .btn-prev {
    background: #fff;
    margin-right: .1rem
}

.product-main .container-img .nav-slider .btn-prev.swiper-button-disabled {
    background: rgba(255, 255, 255, .3)
}

.product-main .container-img .nav-slider .btn-prev .btn-next {
    background: #fff
}

.product-main .container-img .nav-slider .btn-prev .btn-next.swiper-button-disabled {
    background: rgba(255, 255, 255, .3)
}

.product-main .container-img .nav-slider .btn-prev .btn-next path {
    stroke: #000
}

.product-main .container-img .nav-slider .btn-prev .btn-next:hover path {
    stroke: #000
}

.product-main .container-img a {
    width: 100%;
    height: 100%
}

.product-main .container-img .img {
    width: 9.8rem;
    position: relative;
    padding-bottom: .6rem;
    overflow: hidden
}

.product-main .container-img .img .image {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 6.35rem
}

.product-main .container-thumb {
    width: 7.7rem;
    z-index: 2;
    right: 0;
    margin-top: .2rem
}

.product-main .container-thumb .swiper-slide {
    cursor: pointer;
    width: 25%;
    position: relative;
    padding: .1rem
}

.product-main .container-thumb .swiper-slide:first-child {
    padding-left: 0
}

.product-main .container-thumb .swiper-slide:last-child {
    padding-right: 0
}

.product-main .container-thumb .swiper-slide .image {
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 1.1rem;
    border: .02rem solid #fff;
    opacity: .5
}

.product-main .container-thumb .swiper-slide.swiper-slide-thumb-active .image {
    opacity: 1;
    border-color: #47bf26
}

.product-main .slider-nav {
    position: absolute;
    z-index: 1;
    bottom: .65em;
    left: 7.85em;
    display: flex;
    justify-content: space-between;
    width: 1.5em;
    height: .7em
}

.product-main .slider-nav .btn-next,
.product-main .slider-nav .btn-prev {
    width: .7rem;
    height: .7rem;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: .18rem;
    line-height: .7rem;
    outline: 0;
    cursor: pointer
}

.product-main .slider-nav .btn-next.swiper-button-disabled,
.product-main .slider-nav .btn-prev.swiper-button-disabled {
    opacity: .3
}

.product-main .right-content {
    padding-top: 0;
    margin-left: .45rem;
    width: 6rem
}

.product-main .right-content .banks {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 52px;
    padding-bottom: .15rem
}

.product-main .right-content .banks img {
    width: auto;
    max-width:100%
}

.product-main .right-content .row {
    display: flex;
    margin-bottom: .265rem;
    margin-top: -2rem;
    flex-wrap: wrap
}

.product-main .right-content .row .pb {
    height: 100%;
    width: auto;
    padding-right: .05rem
}

.product-main .right-content .row .column {
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center
}

.product-main .right-content .row .column.cashback-text {
    width: 3.4rem;
    background: linear-gradient(to right, #51d92b, #31a611);
    margin-bottom:20px;
}

.product-main .right-content .row .column:last-child {
    width: 2.6rem;
    background: #232324
}

.product-main .right-content .row .column:last-child p {
    font-size: .22rem;
    font-weight: 700
}

.product-main .right-content .row .column p {
    color: #fff
}

.product-main .right-content .row .column p.skidka {
    font-size: .5rem;
    font-weight: 700
}

.product-main .right-content .row .column p.text {
    margin-left: .1rem;
    text-transform: uppercase;
    line-height: 1.5;
    font-size: .12rem;
    font-weight: 700;
    position: relative
}

.product-main .right-content .row.price-0 .column:first-child {
    width: 100%;
    justify-content: flex-start;
    padding-left: .15rem
}

.product-main .right-content .row.price-0 .column:last-child {
    display: none
}

.product-main .right-content h3 {
    font-size: .26rem;
    font-weight: 700;
    margin-bottom: .6rem
}

.product-main .right-content .variant-title {
    font-size: .16rem;
    font-weight: 600
}

.product-main .right-content .variants {
    display: flex;
    justify-content: space-between;
    margin-top: .12em;
    position: relative;
    width: 100%
}

.product-main .right-content .variants:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #ccccd9;
    z-index: -1
}

.product-main .right-content .variants:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #ccccd9;
    z-index: -1
}

.product-main .right-content .variants .variant {
    width: 33.3333333333%;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

.product-main .right-content .variants .variant:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(0)
}

.product-main .right-content .variants .variant:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(0)
}

.product-main .right-content .variants .variant .icon {
    display: flex;
    width: .6em;
    height: .7em;
    position: relative;
    text-align: center;
    margin-top: .3em
}

.product-main .right-content .variants .variant .icon img {
    width: auto;
    height: 100%;
    object-fit: contain;
    position: absolute;
    transition: .33s ease
}

.product-main .right-content .variants .variant .icon img:nth-child(1) {
    opacity: 0
}

.product-main .right-content .variants .variant .text {
    text-align: center;
    font-size: .14rem;
    font-weight: 600;
    margin-top: .12rem;
    margin-bottom: .15rem
}

.product-main .right-content .variants .variant.active:before,
.product-main .right-content .variants .variant:hover:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(1)
}

.product-main .right-content .variants .variant.active:after,
.product-main .right-content .variants .variant:hover:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .026em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(1)
}

.product-main .right-content .variants .variant.active .icon img:nth-child(1),
.product-main .right-content .variants .variant:hover .icon img:nth-child(1) {
    opacity: 1
}

.product-main .right-content .variants .variant.active .icon img:nth-child(2),
.product-main .right-content .variants .variant:hover .icon img:nth-child(2) {
    opacity: 0
}

.product-main .right-content .variants .variant:hover .icon img:nth-child(1) {
    opacity: 1
}

.product-main .right-content .variants .variant:hover .icon img:nth-child(2) {
    opacity: 0
}

.product-main .right-content .actiom-wrapper {
    width: 100%;
    height: .96em;
    position: relative;
    margin-top: .218em
}

.product-main .right-content .actiom-wrapper .action {
    left: 0;
    position: absolute;
    z-index: -2;
    padding-left: 0;
    display: flex;
    align-items: center;
    width: 6rem;
    height: .96em;
    background: #f7f7f7
}

.product-main .right-content .actiom-wrapper .action .img {
    margin-left: .78rem;
    height: .6123em;
    width: .963rem;
    padding: 0
}

.product-main .right-content .actiom-wrapper .action .img img {
    display: block;
    object-fit: contain;
    height: 100%;
    width: auto
}

.product-main .right-content .actiom-wrapper .action .text {
    padding-left: 1.127rem;
    text-align: center
}

.product-main .right-content .actiom-wrapper .action .text p {
    font-size: .14rem;
    font-weight: 700
}

.product-main .right-content .actiom-wrapper .action .text p.num {
    color: #47bf26;
    font-weight: 800;
    font-size: .3rem
}

.product-main .right-content .actiom-wrapper .action .text p.num span {
    font-size: .18rem;
    color: #47bf26
}

.product-main .right-content .actiom-wrapper .action .text p.num+p {
    font-size: .11rem;
    color: #909099
}

.product-main .right-content .actiom-wrapper .action.skidka {
    background: linear-gradient(90deg, #de2417 0, #f44336 100%)
}

.product-main .right-content .actiom-wrapper .action.skidka .img {
    width: 1.5rem;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    padding-left: .15rem
}

.product-main .right-content .actiom-wrapper .action.skidka .img p {
    margin: 0;
    font-size: .64rem;
    color: #fff;
    font-weight: 700
}

.product-main .right-content .actiom-wrapper .action.skidka .text {
    padding-left: .15rem
}

.product-main .right-content .actiom-wrapper .action.skidka .text p {
    color: #fff;
    text-align: left;
    font-size: .18rem
}

.product-main .right-content .actiom-wrapper .action.skidka .text p span {
    color: #fff;
    font-size: .14rem
}

.product-main .right-content .actiom-wrapper.svaj {
    height: 1.6rem
}

.product-main .right-content .actiom-wrapper.svaj .action {
    height: 1.6rem
}

.product-main .right-content .actiom-wrapper.svaj .img {
    width: 1.65rem;
    margin-left: 0;
    height: 100%
}

.product-main .right-content .actiom-wrapper.svaj .text {
    padding-left: .3rem
}

.product-main .right-content .actiom-wrapper.svaj .text p {
    font-size: .28rem;
    text-align: left;
    line-height: 1.4em
}

.product-main .right-content .actiom-wrapper.svaj .text p.num {
    font-size: .24rem;
    line-height: 1.2em
}

.product-main .right-content .actiom-wrapper.svaj .text p.num+p {
    font-size: .18rem;
    line-height: 1.9em;
    color: #2d2d2e
}

.product-main .right-content .actiom-wrapper.svaj .text p.more {
    text-decoration: underline;
    font-size: .18rem;
    line-height: .24rem;
    color: #2d2d2e;
    font-weight: 400
}

.product-main .right-content .price-block {
    display: flex;
    margin-top: .29em;
    text-align: center
}

.product-main .right-content .price-block p {
    font-size: .16rem;
    font-weight: 600
}

.product-main .right-content .price-block p.price {
    font-size: .22rem;
    font-weight: 700;
    margin-top: .1rem
}

.product-main .right-content .price-block p.price b,
.product-main .right-content .price-block p.price strong {
    font-size: .22rem
}

.product-main .right-content .price-block p.price s {
    font-size: .14rem;
    font-weight: 600;
    color: var(--text-grey);
    margin-left: .05rem;
    text-decoration: none;
    position: relative
}

.product-main .right-content .price-block p.price s::after {
    content: "";
    display: block;
    background: red;
    width: 100%;
    height: .01rem;
    position: absolute;
    top: 55%;
    left: 0
}

.product-main .right-content .price-block .price-main {
    width: 50%
}

.product-main .right-content .price-block .price-main .price,
.product-main .right-content .price-block .price-main b,
.product-main .right-content .price-block .price-main strong{
    color: #47bf26
}

.product-main .right-content .price-block .price-credit {
    width: 50%;
    position: relative
}

.product-main .right-content .price-block .price-credit::before {
    content: "";
    width: .01rem;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(204, 204, 217, .4);
    left: 0;
    top: 0
}

.product-main .right-content .price-block .info {
    margin-top: .05rem;
    font-size: .11rem;
    color: #707070
}

.product-main .right-content .price-block #totech {
    cursor: pointer
}

.product-main .right-content .forma {
    margin-top: .25rem
}

.product-main .right-content .forma p {
    font-size: .16rem;
    font-weight: 600;
    margin-bottom: .15rem
}

.product-main .right-content .forma .input {
    margin-bottom: .2rem
}

.product-main .right-content .forma .cta {
    width:100%;
    font-size: .18rem;
    font-weight: 600;
    line-height: .7rem;
    transition: .33s ease
}

.product-main .right-content .forma .cta:hover {
    background: #2d2d2e
}

.product-main .right-content .forma.forma-bg {
    width: 100%;
    position: relative
}

.product-main .right-content .forma.forma-bg .bg {
    background: rgba(71, 191, 38, .25);
    position: absolute;
    width: 6rem;
    left: 0;
    padding: .3rem .3rem .3rem .3rem
}

.product-main .right-content .forma.forma-bg .cashback {
    margin-bottom: .2rem;
    margin-top: 0;
    height: auto !important
}

.product-main .right-content .forma.forma-bg .cashback::before {
    display: none
}

.product-main .right-content .forma.forma-bg .cashback p {
    font-size: .18rem;
    text-align: center;
    line-height: .2rem
}

.product-main .right-content .forma.forma-bg .input.phone {
    height: .8rem
}

.product-main .right-content .forma.forma-bg .input.phone input {
    border-radius: .4rem
}

.product-main .right-content .forma.forma-bg .input.phone::before {
    top: .3rem
}

.product-main .right-content .forma.forma-bg .cta {
    line-height: .8rem;
    border-radius: .4rem
}




/* ALBUMS */
.work-album__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 1fr;
    gap: 40px;
}

.work-album__grid img {
    vertical-align: top;
    width: 100%
}

.portfolio__thumb a {
    display: block;
    position: relative;
    border-radius: 45px;
    overflow: hidden;
    background-color: rgba(0,0,0,.05)
}

.portfolio__thumb a:before {
    content: '';
    width: 80px;
    height: 80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    position: absolute;
    display: block;
    background: url('../img/zoom.svg') 50% 50% / 32px auto no-repeat #FFF;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.9);
    z-index:1;
    transition: opacity .3s ease,transform .3s ease;
}

.portfolio__thumb a:hover:before {
    opacity: 1;
    transform: scale(1)
}

.container--gallery-main .work-album__grid {
    grid-auto-flow:dense;
    grid-template-columns: repeat(12,1fr);
    grid-auto-rows: 3.2rem;
}

.container--gallery-main .portfolio__thumb {
    grid-column: span 6;
    border-radius:0px;
}

.container--gallery-main .portfolio__thumb a{
    border-radius: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container--gallery-main .portfolio__thumb img{
    width: 100%;
    height: stretch;
    object-fit: cover;
    position: absolute;
}

.container--gallery-main .portfolio__thumb:nth-of-type(1) {
    grid-column: span 5;
}
.container--gallery-main .portfolio__thumb:nth-of-type(2) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(3) {
    grid-column: span 3;
}

.container--gallery-main .portfolio__thumb:nth-of-type(4) {
    grid-column: span 6;
}
.container--gallery-main .portfolio__thumb:nth-of-type(5) {
    grid-column: span 6;
}

.container--gallery-main .portfolio__thumb:nth-of-type(6) {
    grid-column: span 3;
}
.container--gallery-main .portfolio__thumb:nth-of-type(7) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(8) {
    grid-column: span 5;
}

.container--gallery-main .portfolio__thumb:nth-of-type(9) {
    grid-column: span 6;
}
.container--gallery-main .portfolio__thumb:nth-of-type(10) {
    grid-column: span 6;
}

.container--gallery-main .portfolio__thumb:nth-of-type(11) {
    grid-column: span 5;
}
.container--gallery-main .portfolio__thumb:nth-of-type(12) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(13) {
    grid-column: span 3;
}

.container--gallery-main .portfolio__thumb:nth-of-type(14) {
    grid-column: span 6;
}
.container--gallery-main .portfolio__thumb:nth-of-type(15) {
    grid-column: span 6;
}

.container--gallery-main .portfolio__thumb:nth-of-type(16) {
    grid-column: span 3;
}
.container--gallery-main .portfolio__thumb:nth-of-type(17) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(18) {
    grid-column: span 5;
}

.container--gallery-main .portfolio__thumb:nth-of-type(19) {
    grid-column: span 6;
}
.container--gallery-main .portfolio__thumb:nth-of-type(20) {
    grid-column: span 6;
}

.container--gallery-main .portfolio__thumb:nth-of-type(21) {
    grid-column: span 5;
}
.container--gallery-main .portfolio__thumb:nth-of-type(22) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(23) {
    grid-column: span 3;
}

.container--gallery-main .portfolio__thumb:nth-of-type(24) {
    grid-column: span 6;
}
.container--gallery-main .portfolio__thumb:nth-of-type(25) {
    grid-column: span 6;
}

.container--gallery-main .portfolio__thumb:nth-of-type(26) {
    grid-column: span 3;
}
.container--gallery-main .portfolio__thumb:nth-of-type(27) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(28) {
    grid-column: span 5;
}

.container--gallery-main .portfolio__thumb:nth-of-type(29) {
    grid-column: span 6;
}
.container--gallery-main .portfolio__thumb:nth-of-type(30) {
    grid-column: span 6;
}

.container--gallery-main .portfolio__thumb:nth-of-type(31) {
    grid-column: span 5;
}
.container--gallery-main .portfolio__thumb:nth-of-type(32) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(33) {
    grid-column: span 3;
}

.container--gallery-main .portfolio__thumb:nth-of-type(34) {
    grid-column: span 6;
}
.container--gallery-main .portfolio__thumb:nth-of-type(35) {
    grid-column: span 6;
}

.container--gallery-main .portfolio__thumb:nth-of-type(36) {
    grid-column: span 3;
}
.container--gallery-main .portfolio__thumb:nth-of-type(37) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(38) {
    grid-column: span 5;
}

.container--gallery-main .portfolio__thumb:nth-of-type(39) {
    grid-column: span 6;
}
.container--gallery-main .portfolio__thumb:nth-of-type(40) {
    grid-column: span 6;
}

.container--gallery-main .portfolio__thumb:nth-of-type(41) {
    grid-column: span 5;
}
.container--gallery-main .portfolio__thumb:nth-of-type(42) {
    grid-column: span 4;
}
.container--gallery-main .portfolio__thumb:nth-of-type(43) {
    grid-column: span 3;
}



@media only screen and (max-width: 900px) {
    .work-album__grid {
        grid-template-columns: repeat(2,1fr);
        gap:20px;
    }
    .portfolio__thumb a {
        border-radius: 25px;
    }
    .portfolio__thumb a:before {
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        background: url('../img/zoom.svg') 50% 50% / 18px auto no-repeat #FFF;
    }
    .container--gallery-main .work-album__grid {
        grid-auto-rows: 2.2rem;
    }
}
@media only screen and (max-width: 680px) {
    .work-album__grid {
        gap:10px;
    }
    .portfolio__thumb a {
        border-radius: 15px;
    }
}






section.plans {
    padding-top: 0
}

.h2 {
    margin-bottom: .5rem
}

.grid-plan {
    display: flex
}

.grid-plan.num-plan-1 .col {
    width: 100%;
    text-align: center
}

.grid-plan.num-plan-1 .col img {
    max-width: 80%;
    height: auto
}

.grid-plan.num-plan-2 .col {
    width: 50%;
    text-align: center
}

.grid-plan.num-plan-2 .col img {
    max-width: 100%;
    height: auto
}

.variations {
    margin-top: 1rem
}

.variations .container {
    text-align: center
}

.variations .container h3 {
    font-size: .4rem;
    font-weight: 500;
    padding-top: .6rem;
    padding-bottom: .37rem
}

.variations .container h4 {
    padding-top: .3rem;
    font-size: .24rem;
    font-weight: 600
}

.variations .container .row {
    display: flex;
    gap: 0 .4rem
}

.variations .container .row .column:nth-child(1) .point-wh {
    bottom: -.15rem;
    left: -.15rem
}

.variations .container .row .column:nth-child(2) .point-wh {
    top: -.15rem;
    left: -.15rem
}

.variations .container .row .column:nth-child(3) .point-wh {
    bottom: -.15rem;
    right: -.15rem
}

.variations .container .row .column:nth-child(4) .point-wh {
    top: -.15rem;
    right: -.15rem
}

.variations .container .row .img {
    position: relative;
    height: 3rem;
    width: 3.9rem
}

.variations section {
    margin-top: .6rem;
    background-color: #f7f7f7;
    padding-bottom: .6rem
}

#lightbox .lb-details {
    text-align: center;
    width: 100%
}

#lightbox .lb-number {
    display: none !important
}

#lightbox .lb-caption {
    color: #fff;
    font-size: .18rem;
    text-align: center
}

#lightbox .lb-dataContainer {
    display: none !important
}

#lightbox .lb-nav a.lb-next,
#lightbox .lb-nav a.lb-prev {
    width: .7rem;
    height: .7rem;
    background: #47bf26;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: .18rem;
    line-height: .7rem;
    outline: 0;
    cursor: pointer;
    position: absolute;
    margin-top: -.7rem;
    top: 50%;
    opacity: 1;
    font-family: elpal
}

#lightbox .lb-nav a.lb-prev {
    left: .3rem
}

#lightbox .lb-nav a.lb-prev::before {
    content: "\e900"
}

#lightbox .lb-nav a.lb-next {
    right: .3rem
}

#lightbox .lb-nav a.lb-next:before {
    content: "\e901"
}

#lightbox .lb-closer {
    width: .36rem;
    height: .36rem;
    background: url(/img/closer.svg) no-repeat;
    background-size: .16rem;
    background-position: center;
    position: absolute;
    top: -.35rem;
    right: -.35rem;
    cursor: pointer;
    z-index: 5
}

.product section.plans {
    margin-top: 0
}

.product section.plans h2 {
    text-align:center
}

.product section.plans p.post-title {
    text-align: center;
    line-height: 1.4em;
    margin-bottom: 1rem
}

.product section.plans p.post-title b {
    text-decoration: underline;
    color: #47bf26;
    cursor: pointer
}

.product section.complect p.post-title {
    text-align: center;
    line-height: 1.4em
}

section.complect {
    padding-top: 1em;
    padding-bottom: 1em
}

section.complect .container {
    text-align: center
}

section.complect .container .pila {
    top: .21rem;
    transform: rotateZ(-90deg);
    left: -.31rem
}

section.complect table {
    border-collapse: collapse;
    margin-top: .6em;
    border-spacing: 0;
    height: 9.32rem;
    display: block;
    overflow: hidden;
    transition: .33s ease
}

section.complect table.full {
    height: auto
}

section.complect table td {
    position: relative
}

section.complect table td:not(:nth-child(1)):hover {
    background: #fff;
    box-shadow: .1em .05em .1em rgba(0, 0, 0, .05), -.1em .05em .1em rgba(0, 0, 0, .05)
}

section.complect table td:not(:first-child):hover:after {
    box-shadow: .1em .05em .1em rgba(0, 0, 0, .05), -.1em .05em .1em rgba(0, 0, 0, .05);
    position: absolute;
    content: "";
    height: 100rem;
    left: 0;
    top: -50rem;
    width: 100%;
    z-index: -1
}

section.complect table tr {
    padding-top: .2em;
    padding-bottom: .2em
}

section.complect table tr:nth-child(1) {
    height: 1.43em;
    padding-top: 0;
    padding-bottom: 0
}

section.complect table tr:nth-child(1) th {
    border-top: .01em #ccccd9 solid;
    border-bottom: .01em #ccccd9 solid
}

section.complect table tr:nth-child(1) th:nth-child(1) {
    font-size: .24rem;
    font-weight: 700
}

section.complect table tr td {
    border-bottom: .01em #ccccd9 solid;
    padding-top: .2em;
    padding-bottom: .2em
}

section.complect table tr td:nth-child(1) {
    text-align: left
}

section.complect table td:nth-child(1) {
    padding-left: 1.2rem;
    width: 6.6em
}

section.complect table td:nth-child(2),
section.complect table td:nth-child(3),
section.complect table td:nth-child(4) {
    width: 3em
}

section.complect table img {
    height: .7em;
    width: auto;
    display: block;
    margin: 0 auto .15em
}

section.complect table p:nth-child(1) {
    font-size: .16rem;
    font-weight: 600
}

section.complect table p:nth-child(2) {
    font-size: .14rem;
    font-weight: 500
}

section.complect table i.icon {
    display: block;
    font-size: .12rem;
    text-align: center;
    color: #fff;
    line-height: .25rem;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    margin: 0 auto
}

section.complect table i.icon.icon-check {
    background: #47bf26
}

section.complect table i.icon.icon-minus {
    background: #e6e6e6
}

section.tech-video-about .container {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    height: 3rem;
    overflow: visible;
    background-color: var(--tech-bg-color)
}

section.tech-video-about .container img.tech-video-about__left {
    position: absolute;
    z-index: 2;
    width: 6.35rem;
    height: 3.41rem;
    bottom: -.02rem;
    pointer-events: none;
    user-select: none
}

section.tech-video-about .container img.tech-video-about__right {
    z-index: 1;
    width: 11.92rem;
    height: 3rem;
    position: absolute;
    right: 0;
    bottom: 0;
    user-select: none;
    pointer-events: none
}

section.tech-video-about .container #tech-video-about__btn {
    position: absolute;
    z-index: 4;
    border: none;
    padding: 0;
    background: url(/img/play-pulse.svg) no-repeat;
    background-size: contain;
    width: 1.14rem;
    height: 1.14rem;
    left: 5.94rem;
    cursor: pointer;
    border-radius: 50%;
    transition: all .33s ease;
    animation: pulse 2s infinite;
    box-shadow: 0 0 0 rgba(71, 191, 38, .4), inset 0 1px 0 rgba(71, 191, 38, .8)
}

section.tech-video-about .container #tech-video-about__btn:hover {
    animation: none;
    transform: scale(1.2)
}

section.tech-video-about .container h2 {
    position: absolute;
    right: 1.58rem;
    display: inline-block
}

section.tech-video-about .container h2,
section.tech-video-about .container strong {
    z-index: 3;
    font-size: .45rem;
    color: inherit
}

section.tech-video-about .container .point-wh {
    right: -.15rem;
    top: -.15rem;
    z-index: 5;
    border-radius: 50%
}

.change-plan {
    background: #2d2d2e;
    padding-top: 1em;
    padding-bottom: .77em;
    position: relative;
    z-index: 5
}

.change-plan .poleno {
    height: 5rem;
    width: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    pointer-events: none;
    user-select: none;
    transform: translateX(-50%)
}

.change-plan .container {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

.change-plan .h2 {
    color: #fff;
    font-size: .44rem
}

.change-plan .change-plan-text {
    display: flex;
    align-items: center;
    margin-top: .4em
}

.change-plan .change-plan-text img {
    display: block;
    margin-right: .4em;
    height: .8em;
    width: auto
}

.change-plan .change-plan-text p {
    color: #fff;
    font-size: .16rem;
    line-height: 1.4em;
    width: 100%
}

.change-plan .forma .grid {
    display: flex;
    width: 7.66em;
    justify-content: space-between;
    margin: .6em auto 0;
    flex-wrap: wrap
}

.change-plan .forma .grid .input {
    width: 50%;
    max-width: 3.71em
}

.change-plan .forma .grid .input input {
    background: rgba(255, 255, 255, .1);
    border: .01rem solid #2d2d2e;
    color: #fff
}

.change-plan .forma .grid .input ::placeholder {
    color: #fff
}

.change-plan .forma .grid .policy {
    margin-top: .2rem;
    width: 100%;
    text-align: center;
    font-weight: 500;
    color: grey;
    font-size: .16rem
}

.change-plan .forma .grid .policy span {
    font-weight: 600
}

.change-plan .forma .grid .cta {
    font-size: .16rem;
    font-weight: 600;
    line-height: .7rem;
    transition: .33s ease;
    width: 3.73rem;
    margin: .4rem auto 0
}

section.preim {
    padding-top: 1.2em;
    padding-bottom: .6em
}

section.preim h2 {
    text-align:center
}

section.preim .grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: .6em
}

section.preim .grid .item {
    width: 33.3333333%;
    margin-bottom: .6em
}

section.preim .grid .item img {
    height: 1em;
    width: auto;
    display: block;
    margin: 0 auto .28em
}

section.preim .grid .item p {
    text-align: center;
    font-weight: 700;
    font-size: .18rem
}

section.consult {
    background: #fff;
    padding-top: 1.1em;
    padding-bottom: 1.2em
}

.consult .complect__calltype,
.consult .social-select {
    width:100%;
    max-width:500px
}
.change-plan .complect__calltype {
    color:#FFF;
}
.change-plan .social-select {
    width:100%;
}
.change-plan .social-select__item--wa::after, .change-plan .social-select__item--tg::after, .change-plan .social-select__item--max::after {
    color:#FFF;
}
.change-plan .social-select__item {
    background-color:rgba(255, 255, 255, .1);
    border-color:#2d2d2e;
}
.change-plan .social-select__item:hover, .change-plan .social-select__item:has(input:checked) {
    background-color:rgba(255, 255, 255, .2);
}
.flex-break {
    flex-basis: 100%;
    height: 0;
}
section.consult .pila {
    left: -.31rem;
    transform: rotateZ(-90deg) rotateY(180deg)
}

section.consult .h2 {
    color: #2d2d2e;
    font-size: .5rem;
    margin-bottom: 0;
    text-align: center
}

section.consult .forma .grid {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .4rem;
    flex-wrap: wrap
}

section.consult .forma .grid .input {
    width: 50%;
    max-width: 3.73em
}

section.consult .forma .grid .input.phone {
    margin-left: .2rem
}

section.consult .forma .grid .input input {
    background: #fff;
    border: .01rem solid #ccccd9;
    color: #2d2d2e;
    font-weight: 500
}

section.consult .forma .grid .input ::placeholder {
    color: #707070;
    font-weight: 500
}

section.consult .forma .grid .policy {
    margin-top: .2rem;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: grey;
    font-size: .16rem;
    text-align: center
}

section.consult .forma .grid .policy span {
    font-weight: 600
}

section.consult .forma .grid .cta {
    font-size: .16rem;
    font-weight: 600;
    border-radius: .35rem;
    line-height: .7rem;
    transition: .33s ease;
    width: 3.73rem;
    margin-top: .4rem
}







.bread {
    display: flex;
    margin-bottom: .1rem
}

.bread a {
    display: flex;
    color: #47bf26;
    font-weight: 600;
    font-size: .16rem
}

.bread a::after {
    content: "●";
    display: block;
    font-size: .16rem;
    color: #707070;
    padding-left: .05rem;
    padding-right: .05rem
}

.bread p {
    font-weight: 600;
    font-size: .16rem
}

footer {
    background: #2d2d2e;
    padding-top: 1.2em;
    padding-left: 3.6rem;
    padding-bottom: .6em
}

footer .logo {
    height: 1.34em;
    width: .9335em;
    position: absolute;
    left: -2.5em;
    top: 0
}

footer .container {
    width: 100%;
    position: relative;
    padding-left: 1.9rem
}

footer .grid {
    display: flex
}

footer .grid .col {
    width: 33.333333333%
}

footer .grid b,
footer .grid p {
    color: #fff;
    font-size: .18rem;
    line-height: 1.4em
}
footer .grid p a{
    font-size: .18rem;
    line-height: 1.4em;
    font-weight:700;
}

footer .copy {
    padding-top: 1.2rem
}

footer .copy p {
    color: #fff;
    line-height: 1.6em;
    font-size: .16rem
}

footer .copy p:nth-child(2) {
    color: grey
}

#modal,
#modal_act,
#modal_ipoteka {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 46, .4);
    transition: .33s ease;
    opacity: 0
}

#modal.show,
#modal_act.show,
#modal_ipoteka.show {
    z-index: 10;
    opacity: 1
}

#modal .inner,
#modal_act .inner,
#modal_ipoteka .inner {
    width: 8rem;
    height: 6.7rem;
    position: relative;
    display: block
}

#modal .inner .c1,
#modal_act .inner .c1,
#modal_ipoteka .inner .c1 {
    height: 3.4em;
    background: #2d2d2e url(/img/sec-9/poleno.png);
    background-repeat: no-repeat;
    background-size: 3.8724em 3.2916em;
    background-position-x: 3.21rem;
    background-position-y: .11rem;
    box-sizing: border-box;
    border-radius: .2rem .2rem 0 0
}

#modal .inner .c2,
#modal_act .inner .c2,
#modal_ipoteka .inner .c2 {
    height: 3.4em;
    background: #fff;
    box-sizing: border-box;
    border-radius: 0 0 .2rem .2rem
}

#modal .img,
#modal_act .img,
#modal_ipoteka .img {
    text-align: center
}

#modal .img img,
#modal_act .img img,
#modal_ipoteka .img img {
    position: absolute;
    height: auto;
    width: .6rem;
    top: .6rem;
    left: 50%;
    margin-left: -.3rem
}

#modal .h2,
#modal_act .h2,
#modal_ipoteka .h2 {
    color: #2d2d2e;
    font-size: .3rem;
    padding-top: 1.5rem;
    margin-bottom: .3rem;
    text-align: center;
    color: #fff
}

#modal p.text,
#modal_act p.text,
#modal_ipoteka p.text {
    color: #fff;
    font-size: .14rem;
    font-weight: 600;
    text-align: center;
    line-height: .22rem;
    max-width: 7.2rem;
    display: block;
    margin: 0 auto
}

#modal .closer,
#modal_act .closer,
#modal_ipoteka .closer {
    width: .36rem;
    height: .36rem;
    background: url(/img/closer.svg) no-repeat;
    background-size: .16rem;
    background-position: center;
    position: absolute;
    top: .2rem;
    right: .2rem;
    cursor: pointer
}

#modal .forma .grid,
#modal_act .forma .grid,
#modal_ipoteka .forma .grid {
    padding-top: .4rem;
    width: 6em;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

#modal .forma .grid .input,
#modal_act .forma .grid .input,
#modal_ipoteka .forma .grid .input {
    width: 50%;
    max-width: 2.9em
}

#modal .forma .grid .input.phone,
#modal_act .forma .grid .input.phone,
#modal_ipoteka .forma .grid .input.phone {
    margin-left: .2rem
}

#modal .forma .grid .input input,
#modal_act .forma .grid .input input,
#modal_ipoteka .forma .grid .input input {
    background: #f7f7f7;
    border: .01rem solid #f7f7f7;
    color: #2d2d2e;
    font-weight: 500
}

#modal .forma .grid .input ::placeholder,
#modal_act .forma .grid .input ::placeholder,
#modal_ipoteka .forma .grid .input ::placeholder {
    color: #707070;
    font-weight: 500
}

#modal .forma .grid .policy,
#modal_act .forma .grid .policy,
#modal_ipoteka .forma .grid .policy {
    margin-top: .3rem;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: grey;
    font-size: .16rem
}

#modal .forma .grid .policy span,
#modal_act .forma .grid .policy span,
#modal_ipoteka .forma .grid .policy span {
    font-weight: 600
}

#modal .forma .grid .cta,
#modal_act .forma .grid .cta,
#modal_ipoteka .forma .grid .cta {
    font-size: .16rem;
    font-weight: 600;
    line-height: .7rem;
    transition: .33s ease;
    width: 100%;
    margin-top: .3rem
}

#modal-action {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 46, .75);
    transition: .33s ease;
    opacity: 0
}

#modal-action.show {
    z-index: 10;
    opacity: 1
}

#modal-action .inner {
    width: 10.6rem;
    position: relative;
    display: block;
    z-index: 11
}

#modal-action .col-img {
    width: 4.8rem;
    background-size: cover;
    background-position: center;
    border-radius: .2em 0 0 .2em
}

#modal-action .col-text {
    border-radius: 0 .2em .2em 0;
    background: #fff
}

#modal-action .col-text .container {
    width: 5.8em;
    padding: .4em .6rem 0
}

#modal-action .grid {
    display: flex
}

#modal-action h2 {
    color: #2d2d2e;
    font-size: .24rem;
    margin-bottom: .2rem;
    text-align: left;
    color: #2d2d2e;
    font-weight: 700
}

#modal-action p.text {
    font-size: .13rem;
    font-weight: 600;
    text-align: left;
    line-height: .22rem;
    max-width: 7.2rem;
    display: block;
    margin: 0 auto
}

#modal-action .action {
    margin-top: .32rem;
    margin-right: -.15rem;
    margin-left: -.15rem;
    display: flex
}

#modal-action .action .col {
    padding: 0 .15rem;
    width: auto;
    margin-right: .3rem
}

#modal-action .action .col p {
    font-size: .12rem
}

#modal-action .action .col p b {
    font-weight: 800;
    color: #47bf26;
    font-size: .38rem
}

#modal-action .action .col p b i {
    font-style: normal;
    font-size: .2rem;
    color: #47bf26;
    padding-left: .05rem
}

#modal-action .closer {
    width: .36rem;
    height: .36rem;
    background: url(/img/closer.svg) no-repeat;
    background-size: .16rem;
    background-position: center;
    position: absolute;
    top: .1rem;
    right: .1rem;
    cursor: pointer;
    z-index: 2
}

#modal-action .forma .grid {
    padding-top: .4rem;
    padding-bottom: .4rem;
    width: 4.8em;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -.15em;
    margin-right: -.15em
}

#modal-action .forma .grid .input {
    width: 50%;
    padding: 0 .15rem;
    height: .5rem
}

#modal-action .forma .grid .input input {
    background: #f7f7f7;
    border: .01rem solid #f7f7f7;
    color: #2d2d2e;
    font-weight: 500;
    padding-left: .5rem;
    font-size: .14rem
}

#modal-action .forma .grid .input ::placeholder {
    color: #707070;
    font-weight: 500
}

#modal-action .forma .grid .input.user::before {
    left: .35rem;
    top: .15rem
}

#modal-action .forma .grid .input.phone::before {
    left: .35rem;
    top: .15rem
}

#modal-action .forma .grid .policy {
    margin-top: .3rem;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: grey;
    font-size: .12rem;
    padding: 0 .15rem
}

#modal-action .forma .grid .policy span {
    font-weight: 600
}

#modal-action .forma .grid .cta {
    font-size: .15rem;
    font-weight: 500;
    line-height: .5rem;
    transition: .33s ease;
    width: 100%;
    margin-top: .3rem;
    margin-left: .15rem;
    margin-right: .15rem
}

#modal_ipoteka .inner {
    width: 11.7rem;
    height: auto
}

#modal_ipoteka .inner h2 {
    padding-top: .7rem
}

#modal_ipoteka .inner .c1 {
    height: 3rem;
    border-radius: 0 .2rem 0 0
}

#modal_ipoteka .inner .c2 {
    height: 3rem;
    border-radius: 0 0 .2rem 0
}

#modal_ipoteka .inner .row {
    display: flex
}

#modal_ipoteka .inner .row .col-img {
    width: 4.5rem;
    background: url(/img/ipoteka_action2.jpg) no-repeat;
    background-size: contain;
    border-radius: .2rem 0 0 .2rem;
}

#modal_act .inner {
    width: 11.7rem;
    height: auto
}

#modal_act .inner h2 {
    padding-top: .7rem
}

#modal_act .inner .c1 {
    height: 3rem;
    border-radius: 0 .2rem 0 0
}

#modal_act .inner .c2 {
    height: 3rem;
    border-radius: 0 0 .2rem 0
}

#modal_act .inner .row {
    display: flex
}

#modal_act .inner .row .col-img {
    width: 4.5rem;
    background: url(/img/ny22.jpg) no-repeat;
    background-size: contain;
    border-radius: .2rem 0 0 .2rem
}

#video_modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(45, 45, 46, .75);
    visibility: hidden;
    transition: .3s cubic-bezier(.45, .05, .55, .95);
    opacity: 0
}

#video_modal.show {
    visibility: visible;
    opacity: 1
}

#video_modal .inner {
    width: auto;
    height: auto;
    position: relative
}

#video_modal .closerx {
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: -.4em;
    right: -.4em;
    position: absolute;
    width: .36em;
    height: .36em;
    background-image: url(/img/closer.svg);
    background-repeat: no-repeat;
    background-size: .22em;
    background-position: center;
    transition: .2s ease;
    z-index: 100;
    filter: brightness(100)
}

.main .modal-play {
    border-radius: 50%;
    position: absolute;
    height: .8rem;
    width: .8rem;
    left: 11.5rem;
    top: 5.5rem;
    transition: .33s ease;
    transform: translate(-50%, -50%);
    z-index: 11;
    cursor: pointer;
    background: url(/img/play-pulse.svg) no-repeat;
    background-size: contain;
    animation: pulse 2s infinite;
    box-shadow: 0 0 0 rgba(71, 191, 38, .4), inset 0 1px 0 rgba(71, 191, 38, .8)
}

.main .modal-play:hover {
    animation: none;
    transform: translate(-50%, -50%) scale(1.2)
}

.main .modal-play .inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #47bf26;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%
}

.main .modal-play .inner .tri {
    position: absolute;
    top: .24em;
    left: .27em;
    width: 0;
    height: 0;
    border-top: .12em solid transparent;
    border-bottom: .12em solid transparent;
    border-left: .2em solid #fff
}

.about .modal-play {
    position: absolute;
    height: .8rem;
    width: .8rem;
    left: 50%;
    top: 50%;
    background: url(/img/play-pulse.svg) no-repeat;
    background-size: contain;
    margin-top: .2em;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
    border-radius: 50%;
    transition: all .33s ease;
    animation: pulse 2s infinite;
    box-shadow: 0 0 0 rgba(71, 191, 38, .4), inset 0 1px 0 rgba(71, 191, 38, .8)
}

.about .modal-play:hover {
    animation: none;
    transform: translate(-50%, -50%) scale(1.2)
}

.main {
    overflow: hidden
}

.main .container::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 200%;
    left: 0;
    top: 0
}

.news {
    overflow: hidden
}

.news .container::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 8rem;
    left: 0;
    top: -1.65em
}

#catalog-section {
    overflow: hidden
}

#catalog-section>.container::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 2.8rem;
    left: 0;
    top: -1.65em
}

.complect {
    overflow: hidden
}

.complect .container::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 27rem;
    left: 0;
    top: .7rem
}

.complect .container::after {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 27rem;
    right: 0;
    top: 2rem
}

.tech {
    overflow: hidden
}

.popular {
    overflow: hidden
}

.popular .container::after {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 20rem;
    right: 0;
    top: .6em
}

.fishki {
    overflow: hidden
}

.fishki .container::after {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 9rem;
    right: 0;
    top: -1.65em
}

#app>.container {
    position: relative
}

#app .line-hor-pila {
    background: var(--border-color);
    position: absolute;
    height: .01rem;
    width: 11.14rem;
    top: 2.05em;
    z-index: 0
}

#app .line-hor-pila .pila {
    right: -.45rem;
    top: -.3rem
}

#app .line-hor-product {
    background: var(--border-color);
    position: absolute;
    height: .01rem;
    width: 100%;
    top: 2em;
    z-index: 4
}

.main .line-v {
    width: .01rem;
    height: 20em;
    position: absolute;
    left: -.01rem;
    top: .47rem;
    z-index: 4;
    background: var(--border-color)
}

.main .point-wh {
    left: -.14rem;
    top: .3rem;
    z-index: 5
}

footer {
    position: relative;
    z-index: 4;
    overflow: hidden
}

footer .point-bl {
    width: .3rem;
    height: .3rem;
    background: url(/img/point-bl.svg) no-repeat;
    background-size: contain;
    position: absolute;
    left: -.15rem;
    top: 1.19rem;
    z-index: 12
}

footer .line-hor {
    background: #4b4b4d !important;
    position: absolute;
    height: .01rem;
    width: 100%;
    top: 2.54rem;
    left: 0;
    z-index: 4;
    opacity: .33
}

footer .verical-liner {
    width: .01rem;
    height: 200%;
    background: #4b4b4d;
    opacity: .33;
    position: absolute;
    left: -.02em;
    top: -50%;
    z-index: 12
}

#catalog-section {
    position: relative
}

#catalog-section .line-hor {
    position: absolute;
    height: .01rem;
    width: 100%;
    top: 3.77em;
    z-index: 4
}

.complect {
    position: relative
}

.complect .line-hor {
    background: var(--border-color) !important;
    position: absolute;
    height: .01rem;
    width: 100%;
    top: .55em !important;
    z-index: 4
}

.complect .line-hor-2 {
    background: var(--border-color);
    position: absolute;
    height: .01rem;
    width: 100%;
    bottom: 1em;
    z-index: 4
}

.tech {
    position: relative
}

.tech .line-hor {
    background: var(--border-color) !important;
    position: absolute !important;
    height: .01rem !important;
    width: 100% !important;
    bottom: -.1em !important;
    z-index: 4
}

.popular .year {
    position: absolute;
    font-weight: 700;
    right: 2.4rem;
    top: 0;
    color: #f7f7f7;
    font-size: .5rem
}

.popular .year span {
    color: #f7f7f7;
    font-size: .36rem
}

.popular .line-hor {
    background: var(--border-color);
    position: absolute;
    height: .01rem;
    width: 100%;
    top: 2.1em;
    z-index: 0
}

.popular .line-hor-2 {
    background: var(--border-color);
    position: absolute;
    height: .01rem;
    width: 100%;
    bottom: 0;
    z-index: 4
}

.about .line-hor {
    background: var(--border-color);
    position: absolute;
    height: .01rem;
    width: 100%;
    bottom: 0;
    z-index: 4
}

.about .point-wh {
    right: -.155rem;
    bottom: -.15rem;
    z-index: 11
}

.product-main {
    overflow: hidden;
}

section.rev-alt {
    padding-top:0 !important;
}
section.rev-alt .container:first-child::after {
    display:none !important;
}

.product-main .container::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: .8rem;
    left: 2.39rem;
    top: -1em
}

.product-main .about > .container::before {
    display:none !important;
}

.product-main .container::after {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 20rem;
    right: 0;
    top: -3em
}

.product-main .point-wh {
    left: 2.24rem;
    top: -.75rem;
    z-index: 5
}

.plans .container::before,
.preim .container::before {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 17.5rem;
    left: 0;
    top: -3.8em
}

.plans .container::after,
.preim .container::after {
    content: "";
    position: absolute;
    background: var(--border-color);
    display: block;
    width: .01rem;
    height: 17.5rem;
    right: 0;
    top: -3em
}

.plans .container::before {
    height: 30rem
}

.plans .container::after {
    height: 30rem
}

@keyframes shine {
    100% {
        left: 100%
    }
}

#catalog {
    width: 16.8rem;
    margin: 0 auto
}

#catalog .product-item {
    padding-bottom: .3rem
}

#catalog .product-item .product .img {
    width: 100%;
    height: 3.2rem;
    position: relative
}

#catalog .product-item .product .img .label {
    display: none;
    position: absolute;
    right: .15rem;
    bottom: .15rem;
    background: 0 0;
    color: #47bf26;
    padding: .1rem;
    border: .01rem solid #47bf26
}

#catalog .product-item .product .icon::before {
    transition: .33s ease
}

#catalog .product-item .product .btn-more {
    width: 100%
}

#catalog .product-item:hover .icon::before {
    color: #47bf26
}

#catalog .product-item:hover .img .label {
    background: #47bf26;
    color: #fff
}

#lightbox {
    align-items: center !important;
    top: 0 !important;
    height: 100% !important;
    position: fixed
}

#lightbox .lb-outerContainer {
    display: flex;
    height: 100vh !important;
    align-items: center;
    background: 0 0
}

#lightbox .lb-container {
    position: relative
}

.pen {
    pointer-events: none
}

input.ntph {
    border-color: red !important
}

.lg-counter span {
    color: #8b8b8b !important
}

.action-c {
    display: flex;
    flex-wrap: wrap
}

.action-c .col {
    display: flex;
    align-items: center;
    width: 100%;
    height: .6rem;
    background: #f2f2f2;
    background: -moz-linear-gradient(66deg, #f2f2f2 0, #fff 50%);
    background: -webkit-linear-gradient(66deg, #f2f2f2 0, #fff 50%);
    background: linear-gradient(66deg, #f2f2f2 0, #fff 50%)
}

.action-c .col .img {
    height: .3rem;
    width: 100%;
    background: url(/img/action_bank.png) no-repeat;
    background-size: contain;
    background-position-x: .25rem
}

.action-c .text {
    margin-top: .2rem;
    display: flex;
    width: 100%;
    background: #f2f2f2;
    background: -moz-linear-gradient(66deg, #f2f2f2 0, rgba(255, 255, 255, 0) 80%);
    background: -webkit-linear-gradient(66deg, #f2f2f2 0, rgba(255, 255, 255, 0) 80%);
    background: linear-gradient(66deg, #f2f2f2 0, rgba(255, 255, 255, 0) 80%);
    padding: .1rem .2rem;
    background: #de2417;
    background: linear-gradient(90deg, #de2417 0, #f44336 100%)
}

.action-c .text .t1 {
    width: 4rem;
    height: 1.59rem;
    background: url(../img/gosuslugi.svg) no-repeat;
    background-size: contain;
    margin-right: .2rem;
    margin-left: .2rem
}

.action-c .text .t1-2 {
    padding-right: .15rem
}

.action-c .text .t1-2 p {
    font-size: .84rem;
    color: #47bf26;
    font-weight: 700;
    color: #fff
}

.action-c .text .t2 {
    display: flex;
    align-items: center
}

.action-c .text .t2 p {
    line-height: 1.34;
    font-size: .26rem;
    font-weight: 700;
    color: #fff
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
    content: " ";
    display: block;
    position: absolute;
    background: url(/img/economy/twentyhandle.svg) no-repeat;
    background-size: contain
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
    width: .3rem;
    height: 6.9rem;
    z-index: 30;
    left: 50%
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    display: none
}

.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

.twentytwenty-after-label,
.twentytwenty-before-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em
}

.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
    position: absolute;
    background: rgba(255, 255, 255, .2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-after-label:before,
.twentytwenty-vertical .twentytwenty-before-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-down-arrow,
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-down-arrow,
.twentytwenty-up-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.twentytwenty-container .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container .twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0)
}

.twentytwenty-container .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-container .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label .twentytwenty-before-label:before {
    content: attr(data-content)
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label .twentytwenty-after-label:before {
    content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25
}

.twentytwenty-overlay .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, .5)
}

.twentytwenty-overlay .twentytwenty-overlay:hover .twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-overlay .twentytwenty-overlay:hover .twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -19px;
    margin-top: -22px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    z-index: 40;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    transform: translate(-50%, 50%)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    display: none
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 .5rem rgba(71, 191, 38, 0), inset 0 1px 0 #47bf26
    }
}

.product-item .price {
    display: none
}

.product-item .price-1-credit {
    display: flex;
    align-items: flex-start
}

.product-item .price-1-credit img {
    width: auto;
    height: .5rem;
    margin-right: .1rem
}

.product-item .price-1-credit p {
    line-height: 1.2em;
    font-size: .12rem !important
}

.product-item .price-1-credit b {
    color: #47bf26 !important;
    line-height: .6em
}

.product-item .price-1-credit br {
    display: block !important
}

.cashback {
    margin-top: .45rem;
    display: block;
    line-height: .12rem;
    height: .2rem;
    display: flex;
    justify-content: center
}

.cashback::before {
    content: "";
    background: url(/img/cashback.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: .2rem;
    height: .2rem;
    display: block;
    margin-top: -.05rem
}

.cashback p {
    font-size: .12rem;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-left: .1rem
}

.lg-counter {
    display: block !important;
    padding-top: 15px !important
}

.lg-outer .lg-img-wrap {
    padding-bottom: 40px !important
}

#catalog,
#dach {
    height: 0
}

#catalog.show,
#dach.show {
    display: block;
    height: auto
}

#products.short {
    max-height: 37.4rem;
    height: 37.4rem !important
}

#shmr {
    width: 100%;
    height: 5rem;
    cursor: pointer;
    transition: .33s ease;
    position: relative;
    z-index: 2;
    display: none;
    overflow: hidden
}

#shmr.show {
    display: block
}

#shmr p {
    transition: .25s ease;
    position: relative;
    text-align: center;
    font-size: .32rem;
    font-weight: 700;
    z-index: 1;
    width: 5.34rem;
    background: rgba(71, 191, 38, 0);
    margin: 1.75rem auto;
    line-height: 1rem;
    border-radius: 1rem
}

#shmr:after {
    content: "";
    width: 100%;
    height: 200%;
    background: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 40%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: .25s ease;
    transform: translateY(-.5rem)
}

#shmr:hover {
    color: #47bf26
}

#shmr:hover p {
    background: #47bf26;
    color: #fff
}

#shmr:hover:after {
    transform: translateY(1.5rem)
}

#dach h3 {
    font-size: .5rem;
    margin-bottom: .6rem;
    background: #fff
}

#dach .container-img-dach {
    display: flex;
    z-index: 4;
    position: relative;
    width: 16.8rem;
    margin: 0 auto 1rem
}

#dach .container-img-dach .nav-slider {
    position: absolute;
    width: max-content;
    height: max-content;
    top: unset;
    left: unset;
    right: .6rem;
    bottom: 1.8rem;
    padding: 0;
    z-index: 5
}

#dach .container-img-dach .nav-slider .btn-prev {
    background: #fff;
    margin-right: .1rem
}

#dach .container-img-dach .nav-slider .btn-prev.swiper-button-disabled {
    background: rgba(255, 255, 255, .3)
}

#dach .container-img-dach .nav-slider .btn-prev .btn-next {
    background: #fff
}

#dach .container-img-dach .nav-slider .btn-prev .btn-next.swiper-button-disabled {
    background: rgba(255, 255, 255, .3)
}

#dach .container-img-dach .nav-slider .btn-prev .btn-next path {
    stroke: #000
}

#dach .container-img-dach .nav-slider .btn-prev .btn-next:hover path {
    stroke: #000
}

#dach .container-img-dach a {
    width: 100%;
    height: 100%
}

#dach .container-img-dach .img {
    width: 9.8rem;
    position: relative;
    padding-bottom: 1.3rem;
    overflow: hidden
}

#dach .container-img-dach .img .image {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 6.35rem
}

#dach .container-thumb-dach {
    position: absolute;
    z-index: 2;
    right: 0;
    margin-top: .1rem
}

#dach .container-thumb-dach .swiper-slide {
    cursor: pointer;
    width: 2rem;
    position: relative;
    padding: .1rem
}

#dach .container-thumb-dach .swiper-slide:first-child {
    padding-left: 0
}

#dach .container-thumb-dach .swiper-slide:last-child {
    padding-right: 0
}

#dach .container-thumb-dach .swiper-slide .image {
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 1.1rem;
    border: .02rem solid #fff;
    opacity: .5
}

#dach .container-thumb-dach .swiper-slide.swiper-slide-thumb-active .image {
    opacity: 1;
    border-color: #47bf26
}

#dach .slider-nav {
    position: absolute;
    z-index: 1;
    bottom: .65em;
    left: 7.85em;
    display: flex;
    justify-content: space-between;
    width: 1.5em;
    height: .7em
}

#dach .slider-nav .btn-next,
#dach .slider-nav .btn-prev {
    width: .7rem;
    height: .7rem;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: .18rem;
    line-height: .7rem;
    outline: 0;
    cursor: pointer
}

#dach .slider-nav .btn-next.swiper-button-disabled,
#dach .slider-nav .btn-prev.swiper-button-disabled {
    opacity: .3
}

.dach-info {
    width: 6rem;
    padding-left: 1.2rem
}

.dach-info p.dach-tech-title {
    font-size: .26rem;
    font-weight: 700;
    margin-bottom: .3rem
}

.dach-info .dach-tech {
    font-size: .14rem;
    list-style: none;
    padding-left: .34rem
}

.dach-info .dach-tech>li {
    margin-bottom: .15rem;
    position: relative
}

.dach-info .dach-tech>li::before {
    content: "";
    width: .24rem;
    height: .24rem;
    display: block;
    position: absolute;
    left: -.34rem;
    top: .05rem;
    background: url(/img/check-dach.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.dach-info .dach-tech b {
    font-weight: 700;
    display: block
}

.dach-info .dach-tech .df {
    display: flex
}

.dach-info .dach-tech .df li {
    list-style: none
}

.dach-info .dach-tech .df li:last-child {
    padding-left: .32rem;
    position: relative;
    overflow: hidden
}

.dach-info .dach-tech .df li:last-child::before {
    content: "";
    width: .01rem;
    height: .35rem;
    background: #ccccd9;
    display: block;
    position: absolute;
    left: .15rem;
    top: 0;
    transform: rotate(20deg)
}

.dach-info .dach-tech span {
    color: #47bf26
}

.dach-info .price-block {
    display: flex;
    margin-top: .45em;
    text-align: center
}

.dach-info .price-block p {
    font-size: .16rem;
    font-weight: 600
}

.dach-info .price-block p.price {
    font-size: .22rem;
    font-weight: 700;
    margin-top: .1rem
}

.dach-info .price-block p.price b {
    font-size: .22rem
}

.dach-info .price-block p.price s {
    font-size: .14rem;
    font-weight: 600;
    color: var(--text-grey);
    margin-left: .05rem;
    position: relative
}

.dach-info .price-block p.price s::after {
    content: "";
    display: block;
    background: red;
    width: 100%;
    height: .01rem;
    position: absolute;
    top: 49%;
    left: 0
}

.dach-info .price-block .price-main {
    width: 50%
}

.dach-info .price-block .price-main .price,
.dach-info .price-block .price-main b {
    color: #47bf26
}

.dach-info .price-block .price-credit {
    width: 50%;
    position: relative
}

.dach-info .price-block .price-credit::before {
    content: "";
    width: .01rem;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(204, 204, 217, .4);
    left: 0;
    top: 0
}

.dach-info .price-block .info {
    margin-top: .05rem;
    font-size: .11rem;
    color: #707070
}

.dach-info .forma {
    margin-top: .3rem
}

.dach-info .cta {
    margin-top: .24rem;
    font-size: .16rem;
    font-weight: 600;
    line-height: .7rem;
    transition: .33s ease
}

.dach-info .cta:hover {
    background: #2d2d2e
}

#dach .dach-2 h3 {
    text-align: right
}

#dach .dach-2 .img {
    order: 0
}

#dach .dach-2 .dach-info {
    order: -1;
    padding-left: 0;
    padding-right: 1.2rem
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ipoteka {
    margin-left: .02rem;
    width: 8rem;
    background: #fbfbfb;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem;
    margin-top: .5rem;
    padding-left: 0;
    position: relative;
    padding: .2rem 0 .2rem .2rem
}

.ipoteka .deadline {
    display: block;
    width: 100%;
    font-size: .36rem;
    font-weight: 700;
    line-height: 1em
}

.ipoteka .deadline span {
    position: relative
}

.ipoteka .deadline span::before {
    content: "";
    width: 100%;
    height: .04rem;
    position: absolute;
    bottom: 0;
    border-bottom: .04rem dashed #47bf26
}

.ipoteka .grid-1 {
    display: flex;
    gap: .3rem;
    padding-top: .3rem;
    padding-bottom: .15rem
}

.ipoteka .grid-1 img {
    width: auto;
    height: .58rem
}

.ipoteka .grid-2 {
    margin-top: .1rem;
    display: flex;
    justify-content: space-between;
    gap: .5rem
}

.ipoteka .grid-2 .text p {
    color: #47bf26;
    font-size: .18rem;
    font-weight: 700
}

.ipoteka .grid-2 .text p b {
    font-size: .42rem;
    color: #47bf26;
    font-weight: 700;
    line-height: .5rem
}

.ipoteka .grid-2 .text p span {
    font-weight: 400;
    color: #2d2d2e;
    font-size: .18rem
}

.cta-ipoteka {
    display: block;
    font-size: .18rem;
    width: 6rem;
    padding-left: .2rem
}

.cta-ipoteka .i1 {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    padding-top: .7rem;
    position: relative;
    overflow: hidden
}

.cta-ipoteka .i1::before {
    content: "";
    background: url(/img/cr2.jpg) no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 0;
    top: 0;
    animation-name: rotator;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
    animation-play-state: running;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

.cta-ipoteka .i1 p {
    color: #ef2b3f;
    text-align: center;
    position: relative;
    z-index: 10
}

.cta-ipoteka .i1 p:nth-child(1) {
    margin-bottom: .12rem;
    font-size: .32rem
}

.cta-ipoteka .i1 p:nth-child(3) {
    font-size: .18rem;
    line-height: 1.1em;
    color: #2d2d2e
}

.cta-ipoteka .i1 p:nth-child(2) {
    font-size: .64rem;
    line-height: .7em;
    font-weight: 700
}

.cta-ipoteka .i1 p:nth-child(2) i {
    color: #ef2b3f;
    font-size: .36rem;
    font-style: normal
}

.cta-ipoteka .i2 {
    width: 4.6rem;
    margin-left: .3rem
}

.cta-ipoteka .i2 p {
    font-size: .2rem;
    font-weight: 500;
    line-height: 1.2em
}

.cta-ipoteka .i2 p b {
    font-size: .36rem;
    font-weight: 700;
    color: #ef2b3f;
    line-height: 1.5em
}

.cta-ipoteka .cta2 {
    margin-top: .15rem;
    text-decoration: underline;
    font-size: 18px;
    cursor: pointer
}

.cta-text {
    font-size: .24rem
}

section.popular .swiper-slide .right-content .actiom-wrapper.svaj {
    height: 1.6rem
}

section.popular .swiper-slide .right-content .actiom-wrapper.svaj .action {
    height: 1.6rem;
    padding-left: .7rem
}

section.popular .swiper-slide .right-content .actiom-wrapper.svaj .img {
    height: 1.6rem;
    width: 1.6rem;
    margin-left: 0
}

section.popular .swiper-slide .right-content .actiom-wrapper.svaj .text {
    padding-left: .3rem
}

section.popular .swiper-slide .right-content .actiom-wrapper.svaj .text p {
    font-size: .24rem;
    text-align: left;
    line-height: 1.4em
}

section.popular .swiper-slide .right-content .actiom-wrapper.svaj .text p.num {
    font-size: .24rem;
    line-height: 1.2em
}

section.popular .swiper-slide .right-content .actiom-wrapper.svaj .text p.num+p {
    font-size: .18rem;
    color: #2d2d2e
}

section.popular .swiper-slide .right-content .actiom-wrapper.svaj .text p.more {
    text-decoration: underline;
    font-size: .18rem;
    line-height: .24rem;
    color: #2d2d2e;
    font-weight: 400
}

#rating {
    background: url(/img/rating.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 1.2rem;
    height: 1.2rem;
    position: fixed;
    z-index: 11;
    bottom: 2.2rem;
    right: 2%
}

#favorite {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: fixed;
    border-radius: 50%;
    background: #47bf26;
    width: 1.2rem;
    height: 1.2rem;
    bottom: .8rem;
    right: 2%;
    z-index: 11;
    text-align: center
}

#favorite p {
    color: #fff;
    font-size: .14rem
}

#favorite p b {
    color: #fff;
    font-size: .22rem;
    padding-bottom: .15rem;
    line-height: .35rem
}

.actiom-wrapper>.action>.text>p:nth-child(1) {
    display: none
}

.filters-contaner {
    position: relative;
    height: auto
}

#filters {
    width: 100%;
    border-bottom: .01rem solid #eaeaea;
    border-top: .01rem solid #eaeaea
}

#filters.fixed {
    position: fixed;
    z-index: 10;
    width: 16.8rem;
    left: 50%;
    margin-left: -8.4rem;
    top: .8rem !important;
    border: none
}

#filters.fixed::before {
    content: "";
    position: absolute;
    height: 1.2rem;
    width: 200%;
    left: -50%;
    background: #f6f6f6;
    z-index: -1
}

#filters .grid-flex {
    display: flex;
    justify-content: space-between;
    margin: 0 -.2rem
}

#filters .ui-group {
    padding: .3rem .2rem;
    width: 33.333333%
}

#filters .ui-group .title-group {
    font-size: .18rem;
    font-weight: 700;
    margin-bottom: .1rem
}

#filters .ui-group .button-group {
    display: flex;
    margin: .05rem -.05rem;
    align-items: center
}

#filters .ui-group .button-group .button {
    margin: 0 .05rem;
    border: .01rem #47bf26 solid;
    background: #fff;
    padding: 0 .15rem;
    cursor: pointer;
    height: .4rem;
    font-size: .16rem
}

#filters .ui-group .button-group .button.is-checked {
    background: #47bf26;
    color: #fff
}

#filters .ui-group .button-group #resetFilters {
    height: .4rem;
    font-size: .16rem;
    font-weight: 700;
    margin-left: auto;
    cursor: pointer;
    padding: 0 .15rem
}

#resetFilters {
    color: #fff;
    border: .01rem solid #2d2d2e !important;
    background: #2d2d2e !important
}

#filters[data-etg=".etg-1"] button[data-filter=".room-6"],
#filters[data-etg=".etg-1"] button[data-filter=".sq-3"],
#filters[data-etg=".etg-1"][data-rooms=".room-2"] button[data-filter=".sq-2"],
#filters[data-etg=".etg-1"][data-rooms=".room-5"] button[data-filter=".sq-1"],
#filters[data-etg=".etg-1"][data-sq=".sq-1"] button[data-filter=".room-5"],
#filters[data-etg=".etg-1"][data-sq=".sq-2"] button[data-filter=".room-2"],
#filters[data-etg=".etg-2"] button[data-filter=".room-2"],
#filters[data-etg=".etg-2"][data-rooms=".room-3"] button[data-filter=".sq-2"],
#filters[data-etg=".etg-2"][data-rooms=".room-3"] button[data-filter=".sq-3"],
#filters[data-etg=".etg-2"][data-rooms=".room-4"] button[data-filter=".sq-3"],
#filters[data-etg=".etg-2"][data-sq=".sq-2"] button[data-filter=".room-3"],
#filters[data-etg=".etg-2"][data-sq=".sq-3"] button[data-filter=".room-3"],
#filters[data-etg=".etg-2"][data-sq=".sq-3"] button[data-filter=".room-4"],
#filters[data-rooms=".room-2"] button[data-filter=".etg-2"],
#filters[data-rooms=".room-2"] button[data-filter=".sq-2"],
#filters[data-rooms=".room-2"] button[data-filter=".sq-3"],
#filters[data-rooms=".room-3"] button[data-filter=".sq-3"],
#filters[data-rooms=".room-4"] button[data-filter=".sq-3"],
#filters[data-rooms=".room-6"] button[data-filter=".etg-1"],
#filters[data-sq=".sq-1"][data-rooms=".room-2"] button[data-filter=".etg-2"],
#filters[data-sq=".sq-1"][data-rooms=".room-5"] button[data-filter=".etg-1"],
#filters[data-sq=".sq-1"][data-rooms=".room-6"] button[data-filter=".etg-1"],
#filters[data-sq=".sq-2"] button[data-filter=".room-2"],
#filters[data-sq=".sq-2"][data-rooms=".room-3"] button[data-filter=".etg-2"],
#filters[data-sq=".sq-2"][data-rooms=".room-6"] button[data-filter=".etg-1"],
#filters[data-sq=".sq-3"] button[data-filter=".etg-1"],
#filters[data-sq=".sq-3"] button[data-filter=".room-2"],
#filters[data-sq=".sq-3"] button[data-filter=".room-3"],
#filters[data-sq=".sq-3"] button[data-filter=".room-4"],
.hideFilterOptions {
    pointer-events: none;
    opacity: .7;
    border: .01rem #f6f6f6 solid !important
}

#filters {
    user-select: none
}

#products .product-item[href="/product.php?product=kd-117"],
#products .product-item[href="/product.php?product=kd-118"],
#products .product-item[href="/product.php?product=kd-119"],
#products .product-item[href="/product.php?product=kd-120"],
#products .product-item[href="/product.php?product=kd-121"],
#products .product-item[href="/product.php?product=kd-122"],
#products .product-item[href="/product.php?product=kd-123"],
#products .product-item[href="/product.php?product=kd-124"],
#products .product-item[href="/product.php?product=kd-125"],
#products .product-item[href="/product.php?product=kd-126"],
#products .product-item[href="/product.php?product=kd-225"],
#products .product-item[href="/product.php?product=kd-226"],
#products .product-item[href="/product.php?product=kd-227"],
#products .product-item[href="/product.php?product=kd-228"],
#products .product-item[href="/product.php?product=kd-229"],
#products .product-item[href="/product.php?product=kd-230"],
#products .product-item[href="/product.php?product=kd-231"],
#products .product-item[href="/product.php?product=kd-232"],
#products .product-item[href="/product.php?product=kd-233"] {
    display: none !important
}

.table-new {
    position: relative
}

.table-new .variants {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
    position: relative;
    width: 100%
}

.table-new .variants:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .03em;
    background: #ccccd9;
    z-index: -1
}

.table-new .variants:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .03em;
    background: #ccccd9;
    z-index: -1
}

.table-new .variants .variant {
    width: 50%;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

.table-new .variants .variant:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .03em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(0)
}

.table-new .variants .variant:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .03em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(0)
}

.table-new .variants .variant .icon {
    display: flex;
    width: .6em;
    height: .7em;
    position: relative;
    text-align: center;
    margin-top: .3em
}

.table-new .variants .variant .icon img {
    width: auto;
    height: 100%;
    object-fit: contain;
    position: absolute;
    transition: .33s ease
}

.table-new .variants .variant .icon img:nth-child(1) {
    opacity: 0
}

.table-new .variants .variant .text {
    text-align: center;
    font-size: .18rem;
    font-weight: 600;
    margin-top: .12rem;
    margin-bottom: .15rem
}

.table-new .variants .variant.active:before,
.table-new .variants .variant:hover:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: .03em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(1)
}

.table-new .variants .variant.active:after,
.table-new .variants .variant:hover:after {
    content: "";
    bottom: -.01em;
    position: absolute;
    width: 100%;
    height: .03em;
    background: #47bf26;
    transition: .33s ease;
    transform: scaleX(1)
}

.table-new .variants .variant.active .icon img:nth-child(1),
.table-new .variants .variant:hover .icon img:nth-child(1) {
    opacity: 1
}

.table-new .variants .variant.active .icon img:nth-child(2),
.table-new .variants .variant:hover .icon img:nth-child(2) {
    opacity: 0
}

.table-new .variants .variant:hover .icon img:nth-child(1) {
    opacity: 1
}

.table-new .variants .variant:hover .icon img:nth-child(2) {
    opacity: 0
}

#complectation {
    position: relative
}

#complectation .comp {
    opacity: 0;
    visibility: hidden;
    transition: .33s ease;
    width: 100%;
    height: auto;
    top: 0;
    display: none
}

#complectation .comp.active {
    display: block;
    opacity: 1;
    visibility: visible
}

#complectation .comp .row {
    margin-top: .2rem;
    gap: .2rem;
    box-sizing: border-box;
    display: block;
    column-count: 2;
    column-gap: 15px
}

#complectation .comp .row .col {
    display: inline-block;
    background: #f7f7f7;
    padding: .2rem;
    box-sizing: border-box;
    margin-bottom: .2rem;
    width: 100%
}

#complectation .comp .row .col p.title {
    font-size: .24rem;
    font-weight: 800;
    text-align: left;
    margin-bottom: .2rem
}

#complectation .comp .row .col ul {
    margin-top: .15rem
}

#complectation .comp .row .col ul li {
    font-size: .16rem;
    list-style: none;
    padding-left: .2rem;
    position: relative;
    padding-bottom: .12rem;
    text-align: left !important
}

#complectation .comp .row .col ul li::before {
    content: "";
    position: absolute;
    display: block;
    background: #47bf26;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    left: 0;
    top: .04rem
}

#complectation .comp .row .col .forma .input {
    height: .8rem
}

#complectation .comp .row .col .forma .input input {
    border-radius: .4rem
}

#complectation .comp .row .col .forma .input:before {
    top: .3rem
}

#complectation .comp .row .col .forma .cashback {
    height: auto;
    margin-top: .2rem;
    margin-bottom: .3rem
}

#complectation .comp .row .col .forma .cashback:before {
    margin-top: -.01rem
}

#complectation .comp .row .col .forma .cashback p {
    font-size: .2rem;
    line-height: .2rem
}

#complectation .comp .row .col .forma .cta {
    margin-top: .2rem;
    border-radius: .4rem;
    font-size: .18rem;
    font-weight: 600;
    line-height: .8rem;
    transition: .33s ease;
    margin-bottom: .2rem
}

.popular .hit-cta {
    text-align: center;
    font-size: .2rem;
    font-weight: 700;
    margin-top: .3rem
}

.form-file {
    padding-top: .7rem;
    padding-bottom: .7rem;
    background: #f6f6f6
}

.form-file h2,
.form-file p.post-title {
    text-align: center
}

.form-file .forma {
    margin-top: .7rem
}

.form-file .forma .grid {
    display: flex;
    justify-content: space-between
}

.form-file .forma .grid .col.img {
    width: 9.86em;
    background: url(/img/im3.jpeg) no-repeat;
    background-size: contain;
    background-position-x: right
}

.form-file .forma .grid .col.left {
    padding-left: .45em;
    width: 6rem
}

.form-file .forma .grid .col.left .cta {
    margin-top: .2rem;
    width: 100%;
    font-size: .18rem;
    line-height: 3.6em;
    font-weight: 700
}

.form-file .forma .grid .col.left .policy {
    text-align: center;
    margin-top: .15rem;
    opacity: .7
}

.form-file .forma #preview {
    width: 110%;
    height: auto;
    position: absolute;
    top: 0;
    left: -5%;
    z-index: 1
}

.form-file .forma #file-label {
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: .3rem;
    border: .01rem #ccccd9 dashed;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 2.2rem;
    text-align: center;
    margin-bottom: .2rem;
    cursor: pointer;
    transition: .25s ease
}

.form-file .forma #file-label p {
    padding: 10px;
    border-radius: 19px;
    position: relative;
    z-index: 999;
    background-color:rgba(255,255,255,.7);
    text-decoration: underline;
    font-size: .18rem;
    transition: .25s ease
}

.form-file .forma #file-label p i {
    font-size: .64rem;
    opacity: .7;
    line-height: 1.1rem;
    transition: .25s ease
}

.form-file .forma #file-label:hover {
    border-color: #47bf26
}

.form-file .forma #file-label:hover p i {
    color: #47bf26
}

.product #form-file {
    margin-top: .7rem;
    padding-top: .7rem;
    background: #f6f6f6
}

#top-3 {
    padding-top: .5rem;
    padding-bottom: .7rem
}

#top-3 h2 {
    text-align: center;
    margin-bottom: .15rem
}

#top-3 .post-title {
    text-align: center;
    margin-bottom: .75rem
}

#top-3 .post-title b {
    color: #47bf26
}

#top-3 h3 {
    margin-top: .15rem;
    font-size: .24rem;
    margin-bottom: .15rem
}

#top-3 .grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 100%
}

#top-3 .grid .product {
    max-width: calc(33.33333% - .3rem);
    box-shadow: 0 .1rem .15em 0 rgba(45, 45, 46, .1)
}

#top-3 .grid .product .product-img {
    position: relative
}
#top-3 .grid .product .product-img .swiper-top-thumbs .swiper-slide img{
    border:transparent 2px solid;
    transition:all .2s ease;
    cursor:pointer;
}
#top-3 .grid .product .product-img .swiper-top-thumbs .swiper-slide-thumb-active img{
    border:#47bf26 2px solid;
}

#top-3 .grid .product .product-img .swiper-top .swiper-wrapper.top-products a.swiper-slide {
    display: block
}

#top-3 .grid .product .product-img .swiper-top .swiper-wrapper.top-products a.swiper-slide img {
    width: 100%;
    height: auto
}

#top-3 .grid .product .product-img .swiper-top-thumbs {
    margin-top: .1rem
}

#top-3 .grid .product .product-img .swiper-top-thumbs .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: top
}

#top-3 .grid .product .product-img .swiper-top-thumbs .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto
}

#top-3 .grid .product .product-img .nav-slider {
    opacity: 0;
    position: absolute;
    width: max-content;
    height: max-content;
    top: unset;
    left: unset;
    right: .25rem;
    bottom: .25rem;
    padding: 0;
    z-index: 5;
    transition: .2s ease
}

#top-3 .grid .product .product-img .nav-slider .btn-next,
#top-3 .grid .product .product-img .nav-slider .btn-prev {
    width: .4rem;
    height: .4rem
}

#top-3 .grid .product .product-img .nav-slider .btn-prev {
    background: #fff;
    margin-right: .1rem
}

#top-3 .grid .product .product-img .nav-slider .btn-prev.swiper-button-disabled {
    background: rgba(255, 255, 255, .3)
}

#top-3 .grid .product .product-img .nav-slider .btn-prev .btn-next {
    background: #fff
}

#top-3 .grid .product .product-img .nav-slider .btn-prev .btn-next.swiper-button-disabled {
    background: rgba(255, 255, 255, .3)
}

#top-3 .grid .product .product-img .nav-slider .btn-prev .btn-next path {
    stroke: #000
}

#top-3 .grid .product .product-img .nav-slider .btn-prev .btn-next:hover path {
    stroke: #000
}

#top-3 .grid .product .product-img:hover .nav-slider {
    opacity: 1
}

#top-3 .grid .product .product-info {
    margin-top: .15rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

#top-3 .grid .product .product-info .params {
    width: 100%;
}




#top-3 .grid .product .product-info .complect {
    width: 100%;
    padding: 0 .15rem;
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-start;
}

.complect__list {
    width:100%;
}

#top-3 .grid .product .product-info .complect h3 {
    color: #2d2d2e;
    transition: .25s ease-in-out
}

#top-3 .grid .product .product-info .complect ul li {
    list-style: none;
    font-size: .14rem;
    border-bottom: .01rem solid #eaeaea;
    padding-top: .1rem;
    padding-bottom: .1rem;
    position: relative;
    display:flex;
    align-items:center
}

#top-3 .grid .product .product-info .complect ul li::before {
    content: "+";
    color: #47bf26;
    font-weight: 800;
    font-size: .2rem;
    padding-right: .1rem
}

#top-3 .grid .product .product-info .complect ul li:last-child {
    border: 0;
    margin-bottom: .1rem
}

#top-3 .grid .product .product-info .complect ul li b {
    font-weight: 700;
    flex:1
}

#top-3 .grid .product .product-info .price-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    background: #f6f6f6;
    padding: .2rem .15rem;
    width: 100%;
    justify-content: space-around;
}

#top-3 .grid .product .product-info .price-grid p span {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: .18rem
}

#top-3 .grid .product .product-info .price-grid p b {
    display: block;
    width: 100%;
    font-weight: 700 !important;
    font-size: .24rem;
    font-weight: 400;
    color: #2d2d2e;
    transition: .25s ease-in-out
}

#top-3 .grid .product .product-info .grid-banks {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: .2rem .15rem
}

#top-3 .grid .product .product-info .grid-banks img {
    width: 100%;
    max-width:495px
}

#top-3 .grid .product .product-info .form-answer {
    padding: .2rem .15rem
}

#top-3 .grid .product .product-info .forma p {
    font-size: .16rem;
    font-weight: 600;
    margin-bottom: .15rem
}

#top-3 .grid .product .product-info .forma .input {
    margin-bottom: .2rem
}

#top-3 .grid .product .product-info .forma .cta {
    font-size: .18rem;
    font-weight: 600;
    line-height: .7rem;
    transition: .33s ease
}

#top-3 .grid .product .product-info .forma .cta:hover {
    background: #2d2d2e
}

#top-3 .grid .product .product-info .forma.forma-bg {
    width: 100%;
    position: relative
}

#top-3 .grid .product .product-info .forma.forma-bg .bg {
    background: rgba(71, 191, 38, 0);
    width: 100%;
    left: 0;
    padding: .3rem .3rem .3rem .3rem;
    transition: .25s ease-in-out
}

#top-3 .grid .product .product-info .forma.forma-bg .cashback {
    margin-bottom: .2rem;
    margin-top: 0;
    height: auto !important
}

#top-3 .grid .product .product-info .forma.forma-bg .cashback::before {
    display: none
}

#top-3 .grid .product .product-info .forma.forma-bg .cashback p {
    font-size: .18rem;
    font-weight: 700;
    text-align: center;
    line-height: .28rem
}

#top-3 .grid .product .product-info .forma.forma-bg .cashback p i,
#top-3 .grid .product .product-info .forma.forma-bg .cashback p span {
    color: #47bf26
}

#top-3 .grid .product .product-info .forma.forma-bg .input.phone {
    height: .8rem
}

#top-3 .grid .product .product-info .forma.forma-bg .input.phone input {
    border-radius: .4rem
}

#top-3 .grid .product .product-info .forma.forma-bg .input.phone::before {
    top: .3rem
}

#top-3 .grid .product .product-info .forma.forma-bg .cta {
    line-height: .8rem;
    border-radius: .4rem;
    width:100%;
}

#top-3 .grid .product .checkbox__switch {
    margin-bottom:.3rem;
}

#top-3 .grid .product:hover .complect h3 {
    color: #47bf26
}

#top-3 .grid .product:hover .forma-bg .bg {
    background: rgba(71, 191, 38, .1) !important
}

#top-3 .grid .product:hover .product-info .price-grid p b {
    color: #47bf26
}

.to-wh {
    color: #47bf26
}

.to-wh i {
    color: #47bf26
}

.product h1 {
    margin-bottom: .3rem
}

.product .ipoteka {
    width: 100%;
    margin-top: 0;
    margin-bottom: .25rem
}

.product .ipoteka .deadline {
    font-size: .32rem
}

.product .ipoteka .grid-1 img {
    height: .315rem
}

.product .ipoteka .grid-2 .text p b {
    font-size: .36rem
}

.product-main .right-content .forma.forma-bg .cashback p {
    color: #fff;
    line-height: .32rem;
    font-weight: 400
}

.product-main .right-content .forma.forma-bg .cashback p b {
    color: #fff;
    font-size: .24rem
}

.product-main .right-content .forma.forma-bg .bg {
    background: #2d2d2e
}

.product-main .right-content .forma p {
    margin-bottom: 0
}

section.shorts {
    padding-top: 1em;
    padding-bottom: 1.7em
}

section.shorts h2 {
    text-align: center
}

section.shorts .swiper-container .swiper-wrapper .swiper-slide .video-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

section.shorts .swiper-container .swiper-wrapper .swiper-slide .video-wrapper .video-thumbnail {
    border-radius: 30px
}

section.shorts .swiper-container .swiper-wrapper .swiper-slide .video-wrapper video {
    opacity: 0;
    width: 38.25vh;
    height: 68vh
}

section.shorts .swiper-container .swiper-wrapper .swiper-slide .video-title {
    position: absolute;
    bottom: -.6rem;
    height: .5rem;
    left: 0;
    color: #2d2d2e;
    font-size: .22rem
}

section.shorts .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .video-wrapper {
    width: 38.25vh;
    height: 68vh;
    overflow: hidden;
    border-radius: 30px
}

section.shorts .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .video-wrapper video {
    opacity: 1
}

#qwz {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    transition: .33s ease;
    visibility: hidden;
    opacity: 0;
    transform: scale(.6)
}

#qwz.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

#qwz .overlay {
    background: rgba(45, 45, 46, .6);
    width: 200%;
    height: 200%;
    position: fixed;
    z-index: -1;
    cursor: pointer
}

#qwz .inner {
    width: 10.6rem;
    height: 6rem;
    border-radius: .2rem;
    display: flex;
    overflow: hidden
}

#qwz .inner .q {
    width: 6.4rem;
    min-height: 3rem;
    display: none;
    margin-top: .35rem
}

#qwz .inner .q.show {
    display: flex
}

#qwz .inner .l {
    background: #fff;
    padding: .3rem .6rem;
    position: relative
}

#qwz .inner .top {
    display: flex
}

#qwz .inner .top .col-l {
    width: .45rem;
    height: .6rem;
    background: url(/img/qwz_icon_1.svg) no-repeat;
    background-size: contain;
    flex: 0 0 auto
}

#qwz .inner .top .col-r {
    padding-left: .2rem;
    width: 100%
}

#qwz .inner .top .col-r p.title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #47bf26;
    font-size: .14rem;
    font-weight: 500
}

#qwz .inner .top .col-r p.title i {
    font-style: normal;
    color: rgba(45, 45, 46, .3)
}

#qwz .inner .top .col-r .line {
    margin-top: .1rem;
    margin-bottom: .1rem;
    background: #707070;
    height: .01rem;
    width: 100%
}

#qwz .inner .top .col-r .title-quest {
    font-size: .22rem;
    font-weight: 700
}

#qwz .inner .bar {
    margin-top: .26rem;
    width: 100%;
    height: .06rem;
    border-radius: .03rem;
    background: #f7f7f7;
    overflow: hidden
}

#qwz .inner .bar .progress {
    background: #47bf26;
    height: 100%;
    border-radius: .03rem;
    transition: .33s ease;
    transform-origin: left
}

#qwz .inner .bottom {
    display: flex;
    position: absolute;
    width: 6.4rem;
    bottom: .35rem;
    right: .6rem;
    user-select: none;
    justify-content: space-between
}

#qwz .inner .bottom .info {
    display: flex;
    align-items: center
}

#qwz .inner .bottom .info i {
    width: .2rem;
    height: .22rem;
    background: url(/img/info.svg) no-repeat;
    background-size: contain;
    margin-right: .05rem
}

#qwz .inner .bottom .info p {
    font-size: .12rem;
    color: #47bf26;
    font-weight: 500
}

#qwz .inner .bottom .nav {
    width: 2.8rem;
    display: flex;
    justify-content: space-between
}

#qwz .inner .bottom .prev {
    height: .7rem;
    width: .7rem;
    background: #f7f7f7;
    color: #2d2d2e;
    text-align: center;
    line-height: .7rem;
    cursor: pointer;
    border-radius: .35rem
}

#qwz .inner .bottom .next {
    border-radius: .35rem;
    height: .7rem;
    width: 2rem;
    background: #47bf26;
    text-align: center;
    line-height: .7rem;
    cursor: pointer
}

#qwz .inner .bottom .next p {
    font-size: .15rem;
    font-weight: 500;
    color: #fff
}

#qwz .inner .bottom .next i {
    color: #fff;
    font-size: .12rem
}

#qwz .inner .bottom #sendqwz {
    border-radius: .35rem;
    height: .7rem;
    width: 2rem;
    background: #47bf26;
    text-align: center;
    line-height: .7rem;
    cursor: pointer
}

#qwz .inner .bottom #sendqwz p {
    font-size: .15rem;
    font-weight: 500;
    color: #fff
}

#qwz .inner .r {
    width: 3rem;
    height: 100%;
    background: #2d2d2e;
    position: relative;
    padding-left: .3rem;
    padding-top: .4rem
}

#qwz .inner .r .closer {
    width: .16rem;
    height: .16rem;
    background: url(/img/closer.svg) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: .2rem;
    right: .25rem;
    cursor: pointer;
    z-index: 1
}

#qwz .inner .r .person {
    display: flex;
    align-items: center
}

#qwz .inner .r .person .img {
    width: .7rem;
    height: .7rem;
    background: #fff;
    position: relative;
    border-radius: 50%;
    background: url(../img/maxim.png) no-repeat;
    background-size: 100%;
    background-position: 50% 20%
}

#qwz .inner .r .person .img:before {
    content: "";
    width: .2rem;
    height: .2rem;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/img/point_green.svg);
    background-size: contain
}

#qwz .inner .r .person .text {
    padding-left: .15rem
}

#qwz .inner .r .person .text .name {
    color: #47bf26;
    font-weight: 600;
    font-size: .16rem
}

#qwz .inner .r .person .text .spec {
    margin-top: .04rem;
    color: #fff;
    opacity: .3;
    font-weight: 600;
    font-size: .11rem
}

#qwz .inner .r .mess {
    background: rgba(255, 255, 255, .1);
    position: relative;
    width: 2.4rem;
    margin-top: .18rem;
    border-radius: .19rem;
    padding: .12rem .15rem
}

#qwz .inner .r .mess:before {
    content: "";
    width: .12rem;
    height: .06rem;
    position: absolute;
    top: -.06rem;
    left: .28rem;
    background: url(/img/qwz_agle.svg);
    background-size: contain
}

#qwz .inner .r .mess p {
    color: #fff;
    font-size: .11rem;
    font-weight: 600
}

#qwz .inner .r .action {
    position: absolute;
    bottom: .3rem;
    width: 2.4rem;
    height: 1.3rem;
    border: .01rem solid #47bf26;
    border-radius: .15rem;
    padding-left: .15rem
}

#qwz .inner .r .action .img {
    margin-top: .15rem;
    width: 2.1rem;
    height: .26rem;
    background: url(/img/qwz_action.svg);
    background-size: contain;
    background-repeat: no-repeat
}

#qwz .inner .r .action .gift {
    margin-top: .1rem;
    color: #fff;
    font-size: .12rem;
    font-weight: 600;
    margin-bottom: .04rem
}

#qwz .inner .r .action .sum {
    color: #47bf26;
    font-size: .26rem;
    font-weight: 800;
    margin-bottom: .01rem
}

#qwz .inner .r .action .sum i {
    font-size: .16rem;
    color: #47bf26;
    font-style: normal
}

#qwz .inner .r .action .gift-to {
    color: #fff;
    font-size: .1rem;
    font-weight: 600;
    opacity: .3
}

#qwz .inner .r .action.skidka {
    padding: 0
}

#qwz .inner .r .action.skidka .sum {
    text-align: center;
    font-size: .64rem
}

#qwz .inner .r .action.skidka .gift {
    text-align: center;
    margin-top: 0
}

#qwz .inner .r .action.skidka .gift-to {
    text-align: center
}

#qwz #sendqwz {
    display: none
}

#qwz[data-step="1"] .progress {
    transform: scaleX(.18)
}

#qwz[data-step="1"] .prev {
    visibility: hidden
}

#qwz[data-step="2"] .progress {
    transform: scaleX(.32)
}

#qwz[data-step="3"] .progress {
    transform: scaleX(.47)
}

#qwz[data-step="4"] .progress {
    transform: scaleX(.65)
}

#qwz[data-step="5"] .progress {
    transform: scaleX(.9)
}

#qwz[data-step="6"] .bar,
#qwz[data-step="6"] .info,
#qwz[data-step="6"] .next,
#qwz[data-step="6"] .prev,
#qwz[data-step="6"] .top {
    display: none !important
}

#qwz[data-step="6"] .bottom,
#qwz[data-step="6"] .nav {
    justify-content: flex-end !important
}

#qwz[data-step="6"] #sendqwz {
    display: block
}

#qwz .content {
    width: 100%
}

#qwz .input {
    width: 100%
}

#qwz label {
    background: #f7f7f7;
    display: flex;
    width: 100%;
    padding: .15rem;
    margin-bottom: .1rem;
    border-radius: .25rem;
    align-items: center;
    cursor: pointer
}

#qwz label .icon {
    margin-right: .15rem;
    width: .24rem;
    height: .24rem;
    transition: .33s ease;
    background-image: url(/img/che_2.svg);
    background-size: contain
}

#qwz label .text .title {
    font-size: .16rem;
    font-weight: 600;
    margin-bottom: .02rem
}

#qwz label .text .dop {
    display: none;
    opacity: .5;
    font-size: .13rem;
    color: #2d2d2e
}

#qwz p.title1 {
    text-align: center;
    font-size: .22rem;
    font-weight: 700;
    line-height: .3rem
}

#qwz p.post {
    margin-top: .2rem;
    text-align: center;
    font-weight: 700;
    font-size: .15rem;
    color: #47bf26;
    line-height: .2rem;
    position: relative
}

#qwz p.post:after {
    content: "";
    width: 2.45rem;
    height: 1.3rem;
    position: absolute;
    bottom: -1.5rem;
    right: -2rem;
    background: url(/img/qwz_arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotateZ(25deg);
    z-index: 1
}

#qwz p.bonus {
    position: absolute;
    color: #47bf26;
    font-size: .16rem;
    font-weight: 600;
    z-index: 1;
    right: -1.5rem;
    bottom: 1.7rem
}

#qwz .forma {
    margin-top: .9rem
}

#qwz .forma .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#qwz .forma .grid .input {
    width: 49%
}

#qwz .forma .grid .input input {
    background: #f7f7f7;
    border-color: #f7f7f7
}

#qwz .forma .policy {
    width: 100%;
    margin-top: .3rem;
    text-align: center
}

#qwz input[type=radio] {
    display: none
}

#qwz input[type=radio]:checked+label .icon {
    background-image: url(/img/che_1.svg)
}



[data-city-name],
[data-city-phone],
[data-city-text],
[data-city-address] {
    opacity:0;
    animation: cityData .1s .1s ease forwards;
}

@keyframes cityData {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}

#top-3 .grid .product .product-info .price-grid {
    position:relative;
}
#top-3 .grid .product .product-info .price-grid p:last-child {
    padding-left:.15rem
}
#top-3 .grid .product .product-info .price-grid p:last-child::before {
    content:'';
    background-color:#2d2d2e;
    width:50%;
    height:calc(100% + .1rem);
    position:absolute;
    top:-.05rem;
    right:0;
    z-index:0
}
#top-3 .grid .product .product-info .price-grid p:last-child span,
#top-3 .grid .product .product-info .price-grid p:last-child b {
    color:#FFF;
    position:relative;
}
#top-3 .grid .product .product-info .price-grid p:last-child b {
    font-size:.2rem
}
#top-3 .grid .product .product-info .price-grid p b {}

.complect__more {
    font-size:16px;
    background-color:#f9f9f9;
    padding:8px 12px;
    line-height:1.2;
    display:inline-flex;
    align-items: center;
    gap:12px;
    border-radius:16px;
    margin:4px 0 18px 0;
    transition: all .25s ease;
    user-select:none;
    cursor: pointer;
}
.complect__more svg {
    fill:#939393;
    width:18px;
    height:18px;
    flex-basis: 18px;
    flex-shrink: 0;
    transition: all .2s ease;
}
.complect__more span {
    color:#939393;
    transition: color .2s ease;
}
.complect__more:hover {
    color:#FFF;
    background-color:#47bf26
}
.complect__more:hover span{
    color:#FFF;
}
.complect__more:hover svg {
    fill:#FFF
}
.complect__list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.complect__list.is-open {
    max-height: 500px; /* значение больше высоты списка */
}

.complect__more svg {
    transition: transform 0.3s ease;
}

.complect__more.is-open svg {
    transform: rotate(180deg);
}
.complect__calltype {
    font-size:14px;
    padding:24px 0;
    text-align:center;
    width:100%;
}
.product-main .complect__calltype {
    padding-top:0;
    padding-bottom:16px;
}
.social-select {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px;
    margin:0 0 24px 0
}
.social-select__item {
    position:relative;
    margin-bottom:20px;
    color:#000;
    font-size:12px;
    background-color:#f6f6f6;
    height:50px;
    border-radius:25px;
    border:#f6f6f6 1px solid;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    user-select:none;
    transition:all .3s ease
}
.social-select__item--wa::after {
    content:'Whatsapp'
}
.social-select__item--tg::after {
    content:'Telegram'
}
.social-select__item--max::after {
    content:'Макс'
}
.social-select__item--wa::after,
.social-select__item--tg::after,
.social-select__item--max::after {
    display: block;
    position: absolute;
    bottom:-20px;
}
.social-select--inverted .social-select__item {
    background-color:#FFF;
    border:#FFF 1px solid;
}
.social-select__item img {
    width:25px;
    height:25px
}
.social-select__item:hover,
.social-select__item:has(input:checked) {
    border-color:#47bf26;
    background-color:#FFF
}
.social-select__item input {
    width:0;
    height:0;
    position:absolute;
    visibility:hidden;
    user-select:none
}

@media (max-width:1270px) {
    #left-bar-2 {
        display:none
    }
    section.main .container {
        width:100%;
    }
    .main .container::before {
        display:none
    }
    .main .point-wh {
        left:0
    }
    .container {
        width:100%
    }
    section.economy .container .grid {
        grid-template-columns:1fr 1fr;
        grid-template-rows: auto;
        gap:100px 30px;
        margin:0 auto;
        width:fit-content
    }
}

@media (max-width:1268px) {
    section.proverka .second-part .container .description {
        display:none
    }
    section.proverka .second-part .container .temperature {
        top:.7rem;
        right:15px
    }
    section.proverka section.first-part {
        background-color: transparent;
    }
    section.proverka section.first-part,
    section.proverka section.first-part .container .linear-gradient,
    section.proverka section.first-part .container p {
        width:80vw;
        margin:0 auto
    }
}

@media (max-width:1180px) {
    .favourites-link li a span,
    .favourites-link li a::after {
        display:none
    }
}

@media (max-width:1000px) {
    #menu {
        margin-left:100px
    }
    header .links {
        display:none
    }
}

@media (max-width:900px) {
    .header-wrap > .container {
        padding:0 15px
    }
    header.open .header-wrap > .container {
        padding-right:15px;
    }
    header.fixed .header-wrap > .container{
        padding-right:25px;
    }
    header.fixed.open .header-wrap > .container{
        padding-right:25px;
    }
    .product-main .container::after {
        display:none;
    }
    .header-wrap > .container #menu {
        margin-left:0;
        order:4;
        width:32px;
        height:32px;
        flex-basis:32px;
        border-radius:50%;
        background:#444;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-right:10px
    }
    #menu .burger {
        transition:all .2s ease;
        transform: translateY(-1px) translateX(-8.5px);
    }
    .open #menu .burger {
        transform: translateY(-2px) translateX(-10px)
    }
    #menu .burger .closer {
        top:-5px;
        left:3px
    }
    .header-wrap > .container #menu p {
        display:none
    }
    header {
        padding-top:.2rem
    }
    #left-bar {
        top: 0rem;
        position:relative
    }
    #left-bar .logo {
        height:1rem
    }
    header.fixed {
        padding-top:0rem;
        padding-bottom:0rem;
    }
    header.fixed #left-bar .logo {
        padding-top:.3rem;
        height:.9rem
    }
    header #city {
        flex:1;
        padding-left:.2rem;
        gap:3px
    }
    header #city svg {
        margin-top: 3px;
        width: 14px;
        height: 14px;
        flex-basis: 14px;
    }
    .header-wrap .favourites-link {
        display:none
    }
    header #city {
        justify-content: left;
    }
    .city-select {
        top:54px
    }
    #menu-section .form {
        display:none
    }
    #menu-section .container {
        padding-left:68px
    }
    #menu-section .links-block {
        margin-top:.5rem
    }
    section.main .house {
        height:700px;
        width:100vw;
        right:0;
        background-size:600px auto;
        background-position:right -350px top 50%
    }
    section.main .house .modal-play{
        display:none
    }
    .ipoteka {
        margin:0 auto;
        width:100vw
    }
    .deadline {
        text-align: center;
    }
    .ipoteka .grid-1 {
        margin:0 auto;
    }
    .ipoteka .grid-2 {
        margin:0 auto
    }
    .cta-ipoteka {
        text-align:center;
        margin:0 auto
    }
    section.main .btn {
        margin:0 auto
    }
    #top-3 .grid {
        width:100vw;
        gap:20px;
        padding:0;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        position: relative;
    }
    #top-3 .grid::-webkit-scrollbar {
        display: none;
        scrollbar-width: none
    }
    #top-3 .grid .product {
        max-width:100%;
        padding-left:15px;
        scroll-snap-align: center;
    }
    section.tech .grid {
        display: grid;
        grid-template: 1fr 1fr 1fr/1fr 1fr;
        margin-top: .75em;
        justify-content: space-between
    }
}
.mobile-only {
    display:none;
}
@media (max-width:750px) {
    .mobile-only {
        display:block;
    }
    .top .mobile-only ul.tabs {
        justify-content:center
    }
    .top .mobile-only ul.tabs a:hover{
        color:#000;
        background-color:#f6f6f6;
    }
    .top .mobile-only ul.tabs a.active {
        background-color: #47bf26;
        color: #FFF;
    }
    section.main {
        padding-bottom:30px
    }
    section.main .house {
        display:none
    }
    section.main h1 {
        padding-left:0;
        padding-top:20px;
        text-align:center;
        font-size:20px;
        font-weight:400;
        line-height:1.4
    }
    .tpl-karkasnye-doma .projects-wrapper {
        padding-top:20px;
    }
    #app .main .line-hor-pila {
        top: 110px;
        width:80vw;

        display:none
    }
    .main .point-wh {
        top:-19px;

        display:none
    }
    #top-3 .grid {
        gap:0
    }
    #top-3 .grid .product {
        width:100vw;
        padding:0 8px;
        flex: 0 0 100%;
        scroll-snap-align: start;
    }
    #app .line-hor-pila .pila {
        right: 0px;
        top: -22px;
        background-color:#FFF
    }
    .ipoteka .deadline {
        font-size:16px;
        text-align:center
    }
    .ipoteka .grid-1 {
        margin:0 auto
    }
    .ipoteka .grid-1 img {
        height:30px;
    }
    .ipoteka .grid-2 .text p {
        font-size:12px;
        text-align:center;
    }
    .ipoteka .grid-2 {
        gap:.4rem;
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        max-width:310px;
        margin:0 auto
    }
    .ipoteka .grid-2 .text p b{
        font-size:20px
    }
    .ipoteka .grid-2 .text p span {
        font-size:12px
    }
    #menu .burger img {
        filter: brightness(0) invert(1);
    }
    .cta-ipoteka {
        padding:20px 0 0 0;
        width:100%;
        text-align:center
    }
    .ipoteka .grid-2 .text * {
        line-height:1
    }
    header .city-phone {
        min-width:auto;
    }
    header .city-phone a {
        font-size:0;
        display: flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        width:32px;
        height:32px;
        flex-basis:32px;
        border-radius:50%;
        background:url('../img/phone-flip.svg') 50% 50% / 18px 18px no-repeat #47bf26
    }
    section.news {
        padding-top:10px;
        padding-bottom:20px;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    }
    section.news .swiper-container .swiper-wrapper .swiper-slide {
        width:100vw;
    }
    section.news .swiper-container .swiper-wrapper .swiper-slide .post{
        flex-direction:column;
        max-width:450px;
        width:100%;
        margin:0 auto;
        height:auto;
    }
    section.news .swiper-container .swiper-wrapper .swiper-slide .post .img {
        width:100%;
        height:250px;
        bottom:-25%;
        top:-25%;
        position:relative;
        overflow:hidden;
    }
    section.news .swiper-container .swiper-wrapper .swiper-slide .post .img img {
        width:100%;
        position:absolute;
        object-fit:cover;
        display:block
    }
    section.news .swiper-container .swiper-wrapper .swiper-slide .post .text a.btn-more {
        position:relative;
        margin-top:16px;
        bottom:0;
    }
    section.news .swiper-container .swiper-wrapper .swiper-slide .post .text {
        width:100%
    }
    section.news .h2 {
        font-size:18px;
        margin-bottom:20px
    }
    .nav-slider {
        position: absolute;
        left: 0;
        top:160px;
        width: 100%;
        padding: 0 15px;
        z-index:20;
        opacity:.9
    }
    #top-3 {
        padding-top:0
    }
    #top-3 h2,
    .catalog .h2,
    .form-file h2 {
        font-size:18px
    }
    #top-3 .post-title,
    .form-file .post-title,
    .catalog .post-title {
        font-size:12px;
        padding:0 10px
    }
    .form-file .forma .grid {
        flex-direction: column;
        padding:0 15px
    }
    .form-file .input img {
        width:32px;
        margin-bottom:16px
    }
    .form-file .forma .grid .col.left {
        width:100%;
        padding-left:0
    }
    .complect__calltype {
        padding:12px 0;
        text-align:center;
        font-size:12px !important
    }
    .social-select__item {
        height:32px
    }
    .social-select__item img{
        width:18px;
        height:18px;
    }
    .complect__more {
        font-size:14px
    }
    section.tech {
        padding:40px 0 0 0
    }
    .tech .h2,
    .economy .h2 {
        font-size:18px
    }
    .tech .post-title,
    .economy .post-title {
        font-size:12px
    }
    section.economy {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .proverka {
        padding:40px 0
    }
    .proverka h2 {
        font-size:18px;
        margin-bottom:20px
    }
    section.proverka .second-part .container .temperature {
        top:-30px
    }
    section.popular .container h2 {
        font-size:18px
    }
    .popular .year {
        display: none;
    }
    #menu .burger img:nth-child(1) {
        height:2px;
    }
    #menu .burger img:nth-child(1){
        position: absolute;
        top: -.086em;
    }
}
@media (max-width:580px) {
    .tech-video-about {
        border-radius:40px;
        position: relative;
        overflow: hidden;
        margin:0 15px;
    }
    section.tech-video-about .container h2, section.tech-video-about .container strong {
        font-size: 14px;
    }
    section.tech-video-about .container h2 {
        right:initial;
        left:15px;
        top:50px;
    }
    section.tech-video-about .container #tech-video-about__btn {
        width: 48px;
        height: 48px;
        left: 15px;
        bottom:20px
    }
    section.tech .grid {
        display: grid;
        grid-template: auto / 1fr;
        margin-top: .75em;
        justify-content: space-between
    }
    section.economy .container .grid {
        grid-template-columns:1fr;
    }
    section.proverka .second-part .container .temperature {
        position:relative;
        top:0;
        right:0;
        margin:-60px 0 60px 0
    }
    section.proverka .second-part .container .images img {
        width:100vw;
        height:auto
    }
    .twentytwenty-wrapper.twentytwenty-horizontal, #images {
        height:4rem !important
    }
    body .twentytwenty-wrapper.twentytwenty-horizontal {
        height:4rem !important;
    }
    .twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
    width: 10px;
    height: 4rem;
}
.twentytwenty-handle {
    margin-top:-47px;
    background:rgba(255,255,255,.3)
}
section.proverka .second-part {
    padding-bottom:0
}

}




/* ADVANTAGES */
.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.owl-height {
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}
.advantages {
	padding:90px 0;
	background-color:#FFF;
    font-size:16px;
}
.advantages__controls {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 1.2rem;
    justify-content: space-between;
    display: flex
}
.advantages .container {
    position:relative;
}
.advantages .container .h2 {
    text-align:center;
    padding:0;
    margin:0 0 60px 0
}
.advantages__carousel {
	width:100%;
	padding-right:0;
	height:625px;
	overflow:hidden
}
.advantages__info {
	flex:1
}
.advantages__title {
	font-size:50px;
	padding:0;
	margin:0;
	line-height:100%
}
.advantages__info p{
	font-size:16px;
	color:#777;
	font-weight:400;
	line-height:180%
}
.advantage-carousel__item {
	border-radius:5px;
	height:625px;
	width:3.89rem;
    margin-right:.22rem;
	-webkit-transition:all .5s linear;
	transition:all .5s linear;
	background-position: 100% 50%;
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content: flex-start;
}
.advantage-carousel__item--main {
	width:8.4rem;
}
.video-tool {
    width:100%;
    height:100%;
    border-radius:40px;
    background-color:#777;
    background-size:cover;
    background-position:50% 50%;
    padding:60px;
    position:relative;
    overflow: hidden;
}
.video-tool::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5)
}
.video-tool__info {
    position:relative;
    width:100%;
    height:100%;
}
.video-tool__titles {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    max-width:480px;

}
.video-tool__titles h3{
    color:#FFF;
    font-size:30px;
    font-weight:600;
    margin-bottom:8px
}
.video-tool__titles span {
    font-size:16px;
    color:#FFF
}
.video-tool__button {
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .3s ease
}
.video-tool__button a {
    color:#FFF;
    width:80%;
    font-size:0px;
    font-weight:600;
    max-width:140px;
    height:90px;
    background-color:#FFF;
    border-radius:45px;
    display:flex;
    align-items:center;
    justify-content: center;
    transition:all .23s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
.video-tool__button a span {
    color:#FFF
}
.video-tool__button a:hover {
    background-color:#47bf26;
    font-size:18px;
    width:100%;
    max-width:290px;
    gap:16px
}
.video-tool__button a svg {
    fill:#000;
    width:26px;
    height:26px;
    flex-basis: 24px;
    flex-shrink: 0;
    transition:all .23s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
.video-tool__button a:hover svg {
    fill:#FFF
}
.advantage-carousel__item--main .video-tool__titles{
    top:calc(100% - 76px);
}
.advantage-carousel__item--main .video-tool__button{
    width:100%;
    justify-content: flex-end;
}
.advantages .btn {
    border-radius:50%;
    width: .7rem;
    height: .7rem;
    background-color:#47bf26;
    cursor:pointer;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}
.advantage-button__item--ltr svg {
    fill:#FFF;
    width:22px;
    height:22px;
    flex-basis:22px;
    flex-shrink: 0;
}
.advantage-button__item--rtl svg {
    fill:#FFF;
    width:22px;
    height:22px;
    flex-basis:22px;
    flex-shrink: 0;
}

.advantage-carousel__icon {
	height:60%;
	-webkit-transition:height .5s linear;
	transition:height .5s linear;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.advantage-carousel__icon img {
	height:100%;
	max-height:138px;
	max-width:100%;
	vertical-align:top;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition:opacity .5s linear;
	transition:opacity .5s linear
}
.advantage-carousel__title {
	height:40%;
	-webkit-transition:height .5s linear, opacity .5s ease;
	transition:height .5s linear, opacity .5s ease;
	opacity:.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	color:#FFF;
	font-size:18px;
	font-weight:500;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;

}
.advantage-carousel__description {
	color:#c1ddfa;
	margin-top:15px;
	padding-top:15px;
	width:100%;
	height:50%;
	min-width:300px;
	-webkit-transform:translateY(80px);
	        transform:translateY(80px);
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	height:0;
	-webkit-transition:all .6s .3s ease;
	transition:all .6s .3s ease
}

.advantage-carousel__item--main .advantage-carousel__icon{
	height:20%;
}
.advantage-carousel__item--main .advantage-carousel__title{
	height:30%;
}
.advantage-carousel__item--main .advantage-carousel__title,
.advantage-carousel__item--next .advantage-carousel__title{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.advantage-carousel__item--main .advantage-carousel__description {
	-webkit-transform:translateY(0);
	        transform:translateY(0);
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-top:rgba(255, 255, 255, .08) 1px solid
}
.advantage-carousel__item--main .advantage-carousel__icon img,
.advantage-carousel__item--next .advantage-carousel__icon img{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.advantage-button__item {
	padding:0;
	width:58px;
	height:58px;
	outline:none

}
.advantage-button__item:after {
	margin:0
}
.advantage-button__item--rtl {
	-webkit-transform: scaleX(-1);
  transform: scaleX(-1);
	margin-right:5px
}
.advantage-button__item[disabled] {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	background-color: rgb(213, 213, 213);
	box-shadow:none
}
.advantage-button__item[disabled]:hover:after {
	-webkit-transform:none;
	        transform:none;
}
.advantage-button__item[disabled]:after {
	filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: invert(1);
	        filter: invert(1);
	opacity:.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}
.advantage-button__item[disabled] svg {
    fill:##777;
}
.advantages__target {
	position:absolute;
	left:-22%;
	bottom:-60%;
	z-index:40
}





/*FILTER*/
.filter {
    padding: 0
}

.filter__form {
    background-color: #2d2d2e;
    padding: 24px
}

.filter__row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
}

.filter__row:last-child {
    border-bottom: none
}

.filter-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 60px
}

.filter-group:last-child {
    margin-right: 0
}

.filter-group__title {
    padding-bottom: 12px;
    color:#FFF
}
#filter * {
    font-size:14px !important
}
.filter-group__controls {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.filter-control__item {
    margin: 0 15px 15px 0;
    padding:0;
    list-style: none;
}

.filter-group__range {
    display:flex;
    gap:12px;
    box-sizing: border-box;
}
.filter-group__range input {
    background-color:#FFF;
    border:0;
    height:60px;
    max-width:145px;
    width:100%;
    padding:0 12px
}

.filter-control__item:last-child {
    margin: 0 0 15px 0
}

.filter-control__item input {
    display: none
}

.filter-control__button {
    background-color: #FFF;
    color: #000;
    white-space: nowrap;
    padding: 0 12px;
    line-height: 60px;
    font-weight: 300;
    font-size: 16px;
    height: 60px;
    min-width: 60px;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    transition: background-color .3s ease,color .3s ease;
    outline: none;
    text-align: center
}

.filter-control__button:hover {
    background-color: #47bf26;
    color: #fff
}
.filter-control__button sup {
    line-height: 0
}

.filter * {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter *:focus {
    outline: none !important
}

.filter input:checked+button {
    background-color: #47bf26;
    color: #fff
}

.filter input:checked+button:hover {
    background-color: #47bf26
}

.filter input:not(:checked)+button:hover {
    background-color: #FFF;
    color: #000
}

.filter__status {
    display: none;
    padding: 20px 0 0 0;
    text-align: center;
    color: #777
}

.filter__status--true {
    display: block
}
.filter-group--reset {
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
    justify-content: flex-end;
}
.filter-reset {
    color: #FFF;
    font-size: 16px;
    border:#FFF 1px solid;
    width:initial;
    display:block;
    padding:6px 12px;
    border-radius:16px;
}

@media only screen and (max-width: 1420px) {
    .filter-group {
        margin-right:20px
    }
}
@media only screen and (max-width: 1300px) {
    .filter-control__button {
        padding: 0 8px;
        line-height: 40px;
        font-size: 14px;
        height: 40px;
        min-width: 40px;
    }
    .filter-group__range input {
        height:40px;
        padding:0 8px
    }
}
.filter-toggle {
    display: none;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    outline: none;
    color: #000;
    background-color: transparent;
    padding: 10px 16px;
    line-height: 20px;
    border-radius: 5px;
    border: 0;
    transition: color .25s ease;
    margin: 0 auto
}

.filter-toggle:hover {
    color: #13a538
}

.filter-toggle--active,.filter-toggle--active:hover {
    
}

.filter-toggle__icon {
    width: 14px;
    height: 14px;
    margin-right: 12px;
    -webkit-transition: fill .3s cubic-bezier(0.175,0.885,0.32,1);
    transition: fill .3s cubic-bezier(0.175,0.885,0.32,1)
}

.filter-toggle--active {
    border-radius: 5px 5px 0 0
}

@media only screen and (max-width: 720px) {
    .filter-toggle {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .filters-contaner {
        -webkit-transition: all .35s ease;
        transition: all .35s ease
    }

    .filters-contaner,.filter--hide {
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        height: 0;
        overflow: hidden;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    .filter--show {
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        height: auto;
        -webkit-transform: none;
        transform: none
    }
    section.catalog {
        padding-top:0;
    }
}
@media only screen and (max-width: 900px) {
    .filters-contaner {
        
    }
    .product .filters-contaner {
        display: block;
    }
    .filter {
        padding:0 0 10px 0
    }

    .filter__form {
        padding: 0
    }

    .filter__row {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
        padding:15px;
    }

    .filter-group {
        margin-right: 0
    }

    .filter-group__title {
        font-size: 16px;
        padding-bottom: 10px
    }

    .filter-control__item {
        margin: 0 10px 10px 0
    }

    .filter-control__item:last-child {
        margin: 0 0 10px 0
    }

    .filter-control__button {
        padding: 0 10px;
        line-height: 40px;
        font-size: 14px;
        height: 40px;
        min-width: 65px
    }

    .filter-reset {
        font-size: 16px;
        margin:15px;
        text-align: center;
        line-height: 1.2
    }
    .project-grid.project-grid--full {
        padding-top:0 !important;
    }
}

@media (max-width: 720px) {
    .filter * {
        box-sizing:border-box;
    }
    .filter {
        
    }
    .filter__form {
        padding:0 15px;
    }
    .filter__content {
        
    }
    .filter__row {
        grid-template-columns:1fr 1fr 1fr;
        padding-left:0;
    }
    .filter-group {
        margin-right:0;
        width: 100%
    }

    .filter__row {
        padding-bottom: 0;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0
    }

    .filter__row:first-child {
        gap: 10px
    }

    .filter-group__title {
        line-height: 1.2;
        font-weight: bold
    }

    .filter-group__controls {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .filter-control--bedroom {
        
    }

    .filter-control__item {
        margin-right: 0;
        width: 100%
    }

    .filter-group--price .filter-control__button,.filter-group--square .filter-control__button {
        width: 100%
    }
    
    .filter-group--price {
        grid-column:span 2;
    }

    .filter__row:has(#filterSizeSwitch) {
        display: none
    }

    .filter-group__title {
        padding-top: 15px;
        padding-bottom: 4px;
        font-size: 12px;
        font-weight:normal;
    }

    .filter-control__button {
        padding: 0 6px;
        line-height: 28px;
        font-size: 13px;
        height: 28px;
        min-width: 40px
    }

    .filter-reset {
        font-size: 14px;
        margin: 15px 0;
        width: 100%;
    }
}

#filterSizeContent {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    border-bottom: rgba(0,0,0,.06) 1px solid
}

#filterSizeContent.open {
    max-height: 500px
}

#filterSizeSwitch {
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color .25s ease
}

#filterSizeSwitch:hover {
    color: var(--accent-color)
}

.arrow {
    display: inline-block;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px
}

.arrow svg {
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    transition: all .25s ease
}

#filterSizeSwitch:hover .arrow svg {
    transform: rotate(90deg) translateX(3px);
    fill: var(--accent-color)
}

.arrow.rotate {
    transform: scaleY(-1)
}

#filterSizeSwitch {
    cursor: pointer
}

.filter-control--floors {
    flex-wrap: nowrap
}

/* NEWS GRID */
.news-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    width:16.8rem;
    margin:0 auto 1em auto;
}
.news-grid .post {
    display:flex;
    align-items:flex-start;
    gap:30px
}
.news-grid .post .text h3{
    font-size:30px;
}
.news-grid .post .text {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    height:100%;
}
.news-grid .post .img img {
    display:block;
    width:100%;
    max-width:100%;
}
.news-grid .post .text p{
    font-size:16px;
    padding-top:20px;
    flex:1;
}
.news-grid .btn-more {
    display: flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 20px;
    border-radius: .35rem;
    text-align: center;
    background: #47bf26;
    color: #fff;
    line-height: .5rem;
    font-weight: 600;
    cursor: pointer;
    margin-top:.3rem;
    margin-bottom:.3rem;
}
.news-grid .btn-more img{
    width:16px;
    height:16px;
}
@media only screen and (max-width:1760px) {
    .news-grid {
        grid-template-columns:1fr;
    }
}
@media (max-width: 1279px) {
    .news-grid {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 900px) {
    .news-grid .post {
        gap:10px
    }
    .news-grid .post .text h3{
        font-size:12px;
    }
    .news-grid .post .img {
        width:30%;
        flex-basis:30%;
        flex-shrink:0
    }
    .news-grid .post .text p{
        font-size:12px;
    }
    .news-grid .btn-more {
        margin-bottom:0;
    }
    .news-grid .btn-more {
        gap:10px;
        padding-left:9px;
        padding-right:9px;
        white-space:nowrap;
    }
    .news-grid .btn-more img{
    width:8px;
    height:8px;
}
    
}

#catalog-section .post-title {
    padding-bottom:.5rem;
}

/* PROJECT-GRID */
.project-grid {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:30px;
    width:16.8rem;
    padding-top:.3em;
    margin:0 auto;
}
.project-grid.project-grid--full {
    padding-top:50px;
    margin-bottom:50px;
}
.project-grid:has(.project-empty) {
    min-height:300px;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.project-empty {
    font-size:16px
}

.projects-wrapper {
    width:100%;
    max-width:16.8em;
    margin:0 auto;
    position:relative;
}

.catalog .project-grid {
    max-height: 2500px;
    overflow: hidden;
    transition: max-height 3.3s ease
}

.catalog .project-grid.is-open {
    max-height: 50000px;
    padding-bottom:50px;
}

.projects__more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 400px;
    z-index:100;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%)
}

.projects__more .button {
    margin: 0 auto 3em auto;
    max-width:350px;
    background-color:#47bf26;
    color:#FFF;
}
.projects__more .button:hover {
    
}

.system-message {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color:#FFF;
    display: flex;
    align-items: center;
    gap: 30px;
    border: rgba(0,0,0,.08) 1px solid;
    margin-bottom: 30px;
    font-size: 16px;
    grid-column: span 3
}

#tabPhoto .system-message {
    margin-bottom:0;
}

.system-message svg {
    width: 32px;
    height: 32px
}

@media(max-width: 900px) {
    .system-message {
        font-size:11px
    }

    .system-message svg {
        width: 12px;
        height: 12px
    }
}



/* PROPS */
.props {
    display:grid;
    gap:30px;
    grid-template-columns: 1fr 1fr 1fr;
    width:100%
}
.props__item {
    background-color:#f9f9f9;
    padding:16px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.props__title {
    font-size:16px;
    color:#000;
    margin-bottom:40px
}
.props__value {
    font-size:20px;
    font-weight:600
}
.props__item i {
    font-size:80px;
    position:absolute;
    right:-38px
}
.props__item i svg {
    width:80px;
    height:80px;
}
.twentytwenty-wrapper.twentytwenty-horizontal, #images {
    height: 5.5rem !important;
}


/* FORMS */
.form__grid {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    gap: 30px
}

.form__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-column: span 10
}

.form__item--10 {
    grid-column: span 1
}

.form__item--20 {
    grid-column: span 2
}

.form__item--30 {
    grid-column: span 3
}

.form__item--40 {
    grid-column: span 4
}

.form__item--50 {
    grid-column: span 5
}

.form__item--60 {
    grid-column: span 6
}

.form__item--70 {
    grid-column: span 7
}

.form__item--80 {
    grid-column: span 8
}

.form__item--90 {
    grid-column: span 9
}

.form__item input,.form__item textarea {
    font-size: 16px;
    width: 100%;
    border: 0;
    font-weight: 500;
    border-radius: 30px;
    background-color: #f0f0f0;
    outline: none;
    color: #000;
    transition: box-shadow .22s ease
}

.form__item input {
    height: 60px;
    padding: 0 24px
}

.form__item textarea {
    padding: 30px
}

.form__item input:hover,
.form__item textarea:hover {
    box-shadow: #47bf26 0 0 0 1px
}

.form__item input:active,
.form__item input:focus,
.form__item textarea:active,
.form__item textarea:focus {
    box-shadow: #47bf26 0 0 0 2px
}

.form__item ::placeholder {
    color: #777;
    font-size: 16px;
    font-weight: 500
}

.answer-bad {
}

.answer-good {
}

.form-answer {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    line-height: 1.3;
    opacity: 0;
    translateY: -20px;
    font-size: 16px;
    transition: all .25s ease
}

.form-answer>img {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    flex-shrink: 0;
    border: 0;
    outline: none;
    user-select: none
}

.form-answer:not(:empty) {
    margin-bottom: 24px
}

.form-answer--show {
    opacity: 1;
    transform: translateY(0)
}

.privacy-link {
    font-size: 14px;
    text-align: center;
    padding-top: 20px;
    line-height: 1.3
}

.privacy-link,.privacy-link a {
    color: #47bf26
}


.form__item:has(.file-attach) {
    border-radius: 45px;
    border: #999 2px dashed;
    transition: border-color .25s ease
}

.form__item:has(.file-attach:hover) {
    border-color: #47bf26
}

.file-attach {
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    cursor: pointer
}

.form__item:has(.file-name) {
    padding-bottom: 20px
}

.form__item:has(.file-name) .file-attach {
    padding-bottom: 0
}

.file-attach svg {
    fill: #000;
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    flex-shrink: 0
}

.file-attach span,.file-attach small {
    font-size: 12px
}

.file-attach span {
    line-height: 1.3
}

.file-attach small {
    color: #777
}

input[type=file] {
    display: none
}

.rf-filenames-list {
    padding: 0 20px;
    font-size: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.rf-filenames-list:has(.file-name) {
    padding-top: 20px
}

.rf-filenames-list .file-name {
    background: #f0f0f0;
    line-height: 1.87;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    border-radius: 8px;
    padding: 0 10px;
    cursor: pointer;
    user-select: none;
    transition: background-color .25s ease,transform .25s ease
}

.rf-filenames-list .file-name:hover {
    background-color: #FFF
}


/* MODALS */
.modal-data {
    padding:45px;
    background-color:#FFF;
}
.modal-aside {
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
}
#ipotekaModal .modal-aside {
    background-image:url('../img/ipoteka_action2.jpg');
}
#architectModal .modal-aside {
    background-image:url('../img/construct-img-1-full.png');
}
#constructModal .modal-aside {
    background-image:url('../img/construct-img-2-full.png');
}
#callmeBuildersModal .modal-aside {
    background-image:url('../img/action_1.jpg');
}
#communicationModal .modal-aside {
    background-image:url('../img/action/action-3.jpg');
}
#specialistModal .modal-aside {
    background-image:url('../img/action_4.jpg');
}
#callmeModal .modal-aside {
    background-image:url('/img/house-1.png');
    background-size:200% auto;
    background-color:rgb(45, 45, 46);
}
#taxiModal .modal-aside {
    background-image:url('/img/sec-9/taxi.png');
    background-color:rgb(45, 45, 46);
}
#excursionModal .modal-aside {
    background-image:url('../img/action_00.jpg');
}
#calcModal .modal-aside {
    background-image:url('../img/action_0.jpg');
}
#telemostModal .modal-aside {
    background-image: url('../img/telemost.jpg');
    background-position:0 50%;
}
#callmeModal,
#taxiModal,
#ipotekaModal,
#architectModal,
#constructModal,
#callmeBuildersModal,
#communicationModal,
#specialistModal,
#excursionModal{
    max-width: 1060px;
    width: 100%
}

#orderModal,
#calcModal,
#askModal,
#telemostModal {
    max-width: 1060px;
    width: 100%
}

body .fancybox-content {
    padding: 0;
    overflow: hidden;
    background: transparent;
    font-size:16px;
}

body .fancybox-content:has(.modal-title) {
    border-radius: 25px;
}

.modal-title {
    font-size:20px;
    padding: 0 30px 0 0;
    margin: 0 0 30px 0;
    font-weight: 600;
    z-index: 800;
    text-align: left;
    transition: transform .3s .5s ease
}

.modal-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
}

body .fancybox-slide--html .fancybox-close-small {
    padding: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    right: 15px;
    top: 15px;
    border-radius: 50%;
    background-color: #f0f0f0;
    transition: background-color .25s ease;
}
/* OTHER */
#menu-section .complect__calltype {
    color:#FFF;
    text-align:center;
}
#menu-section .social-select__item::after{
    display:none !important;
}
#menu-section .social-select {
    margin-bottom:0 !important;
}
@media (max-width:900px) {
    .modal-grid {
        grid-template-columns:1fr;
    }
}
@media (max-width:680px) {
    #app, body {
        width:100vw;
        overflow-x:hidden
    }
    .modal-aside {
        min-height:3rem;
    }
    body .fancybox-content {
        border-radius: 15px;
        font-size:12px;
    }
    .modal-title {
        font-size:16px;
        margin: 0 0 30px 0;
        text-align:center;
        font-weight:600;
    }
    .modal-data {
        padding:25px;
    }
    .encrypted {
        justify-content:center
    }
    .encrypted__text {
        font-size:10px;
    }
    .form__item .button {
        font-size:13px;
        height:46px;
        line-height:46px;
    }
    .form-answer {
        font-size:10px;
    }
    body .fancybox-slide--html .fancybox-close-small {
        padding: 2px;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 10px;
    }
    .form__item input {
        height: 46px;
        padding: 0 14px;
        font-size:13px;
        border-radius:18px;
    }
    .form__item textarea {
        padding: 14px;
        font-size:12px;
        border-radius:18px; 
    }
    .form__item input:active, .form__item input:focus, .form__item textarea:active, .form__item textarea:focus {
        box-shadow: #47bf26 0 0 0 1px;
    }
    .form__item ::placeholder {
        font-size: 12px;
        font-weight: 400
    }
    .form__grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .form__item {
        grid-column:span 1 !important
    }
    .file-attach {
        padding: 14px;
        gap: 14px;
    }
    .form__item:has(.file-attach){
        border-radius: 18px;
        border-width: 1px;
    }
    .file-attach span, .file-attach small {
        font-size:10px;
    }
    .fancybox-container .checkbox label:before {
        width: 16px;
        height: 16px;
    }
    .fancybox-container .checkbox label:after {
        width: 16px;
        height: 16px;
    }
    .checkbox__description,
    .checkbox__description a {
        font-size:10px;
    }
}


@media (max-width:1780px) {
    .props {
        gap:10px
    }
    .props__title {
        margin-bottom: 20px;
    }
}


@media (max-width:1600px) {
    .video-tool {
        padding:.4rem
    }
    .video-tool__titles h3 {
        font-size:22px;
    }
    .video-tool__button a {
        height:60px;
        border-radius:30px;
        max-width:100px
    }
    .advantage-carousel__item--main .video-tool__titles{
        top:calc(100% - 56px);
    }
}
@media (max-width:1440px) {
    section.chat .h2 {
        margin-bottom:0;
    }
    section.chat .grid {
        display:inline-flex;
    }
    section.chat .btn {
        justify-content:flex-start;
        padding-left:.3rem;
        padding-right:.3rem;
        width:min-content;
    }
    .advantages__carousel,
    .advantage-carousel__item {
        height:520px
    }
    .video-tool__button a:hover {
        font-size:14px;
        width:100%;
        max-width:190px;
        gap:8px
    }
    .video-tool__button a svg {
        width:18px;
        height:18px;
        flex-basis: 18px;
    }
    .props__value {
        font-size: 16px;
    }
    .props__item {
        padding:10px
    }
    .props__title {
        font-size:13px;
        color:#000
    }
    .props__item i {
        font-size: 24px;
        position: absolute;
        right: 10px;
        top:14px;
        opacity:.7
    }
    .props__item i svg {
        width:24px;
        height:24px;
    }
    .project-grid {
        padding-top:1em;
    }
}
@media (max-width:1279px) {
    .advantages__carousel,
    .advantage-carousel__item {
        height:470px
    }
    .video-tool__button a:hover {
        font-size:13px;
    }
    .video-tool__button a svg {
        width:16px;
        height:16px;
        flex-basis: 16px;
    }
    .advantage-carousel__item {
        width:3.98rem
    }
    .advantage-carousel__item--main {
        width:8.4rem
    }
    .advantages__carousel {
        margin:0 15px;
        width:calc(100vw - 15px);
    }
    section.chat .img-phone {
        right: 1rem;
    }
    section.rev {
        background-color:#FFF;
        position: relative;
    }
    section.bank__first .container .grid-row {
        grid-template: auto/1fr 1fr;
        gap:32px
    }
    .variations .container .row {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap:40px;
        width:min-content;
        margin:0 auto;
    }
    .variations .container .row .img {
        height:auto;
        width: auto;
    }
    .variations .container .row .img img {
        max-width:42vw
    }
    .variations .container .row .column:nth-child(3) .point-wh,
    .variations .container .row .column:nth-child(1) .point-wh {
        bottom:.05rem
    }
    .variations .container h4 {
        padding-top:0
    }
    .project-grid {
        padding-top:.4rem;
        width:100%;
        padding-left:15px;
        padding-right:15px;
        grid-template-columns:1fr 1fr;
    }
}
@media (max-width:1200px) {
    section.popular {
        width:100vw;
        border-bottom:0
    }
    .popular .year {
        display:none
    }
    .popular * {
        max-width:100vw
    }
    section.popular .swiper-slide {
        display:flex;
        flex-direction:column;
        align-items: center;
        justify-content: flex-start;
    }
    section.popular .swiper-slide .img {
        width:80vw
    }
    section.popular .swiper-slide .right-content {
        padding-top:10px;
        padding-left: 0;
        width: 80vw;
    }
    section.popular .swiper-slide {
        height:auto
    }
    section.chat .img-phone {
        right: .5rem;
    }
    section.about .container {
        flex-direction: column;
        gap:20px
    }
    section.about .col:nth-child(2) {
        order:1;
        padding-left: 2.2em;
    }
    section.about .col:nth-child(1) {
        order:2;
        margin-left: 2.2em;
        margin-bottom:1rem
    }
    section.about .col p.text {
        font-size:14px
    }
    .bank {
        background-color:#FFF;
        position:relative;
    }
    .bank *{
        max-width:100vw
    }
    section.bank__second .container {
        flex-direction: column;
    }
    section.bank__second .container p {
        text-align: center;
        padding-bottom:20px
    }
    section.bank__second .container img {
        width:100vw;
        max-width:605px
    }
    .bread {
        width:calc(100% - 30px);
        justify-content: center;
    }
    .product h1 {
        width:calc(100% - 30px);
        text-align: center;
    }
    .product-main .container-img {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width:calc(100% - 30px)
    }
    .product-main .container-img .img {
        width:100%;
        padding-bottom:0;
    }
    .product-main .container-img .img .image {
        aspect-ratio: 1.777;
        height:auto;
    }
    .product-main .right-content {
        margin-left: 0;
        width: 100%;
    }
    .product-main .right-content .row {
        margin-bottom:0;
        margin-top:0
    }
    .product-main .right-content .forma.forma-bg .bg {
        position:relative;
    }
    .product section.plans {
        padding-top:30px !important
    }
    .product-main .container-img .nav-slider {
        right: .4rem;
        bottom: 1.6rem;
    }
    .product .nav-slider .btn-prev,
    .product .nav-slider .btn-next {
        width:30px;
        height:30px
    }
}
@media only screen and (max-width:1070px) {
    section.chat .img-phone {
        display:none
    }
    .contacts {
        position:relative
    }
    .contacts .container-2 .flex-grid {
        flex-direction: column;
        gap:32px
    }
    .contacts .container-2 {
        height:auto;
        padding-bottom:1rem
    }
    footer {
        padding:40px 15px
    }
    footer .point-bl,
    footer .verical-liner,
    footer .line-hor {
        display:none
    }
    footer .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left:0;
        gap:30px
    }
    footer .logo {
        position: relative;
        left:initial
    }
    footer .grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width:100vw;
        gap:20px;
        text-align: center;
    }
    footer .copy {
        padding-top: .4rem;
        text-align: center;
    }
}
@media only screen and (max-width:900px) {
	.advantages {
		padding:40px 0
	}
	.advantages .container {
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}
	.advantages__info {
		width:100%;
		order:1;
		text-align:center;
		margin-bottom:20px
	}
	.advantages__info p{
		max-width:300px;
		font-weight:300;
		margin:0 auto;
		display:block;
		line-height:120%
	}
	.advantages__title {
		font-size: 26px;
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
	}
	.advantages__controls {
		margin-top:20px
	}
	.advantages__target {
		top:-106px;
		left:calc(100% - 130px)
	}
	.advantages__target img{
		width:130px
	}
    section.popular .swiper-slide {
        align-items: flex-start;
        padding-left:10px;
    }
    section.popular .swiper-slide .img {
        width:calc(100vw - 30px)
    }
    section.popular .swiper-slide .right-content {
        width:calc(100vw - 30px)
    }
    section.rev {
        padding-top: .6rem;
        padding-bottom: .3em;
    }
    .otz {
        width:80vw;
        margin-left:10vw
    }
    section.rev .container .nav-slider {
        top: .6rem;
        width:calc(100% - 30px);
        left:15px
    }
    section.rev .container .nav-slider .btn-next,
    section.rev .container .nav-slider .btn-prev{
        width:32px;
        height:32px;
    }
    #modal_ipoteka .inner .row .col-img {
        display:none
    }
    #modal_ipoteka .inner {
        width:auto;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
    }
    .product h1 {
        font-size:20px;
        width:100%;
    }
    .bread {
        width:100%
    }
    .product-main .container::before,
    .product-main .point-wh,
    #app .line-hor-product {
        display:none
    }
    .product-main {
        padding-top: 1.6em !important;
    }
    .variations h2,
    .product section.plans h2 {
        font-size:20px;
        width:100%
    }
    .variations .container h3 {
        font-size:16px;
    }
    .variations .container h4 {
        font-size:14px
    }
    .change-plan .change-plan-text {
        margin-top:0
    }
    .change-plan .change-plan-text img {
        display: none;
    }
    .change-plan .change-plan-text p {
        padding:0 15px;
    }
    .change-plan .h2 {
        width:100%;
        text-align:center;
        padding:0 15px;
        font-size:20px;
        text-align: center;
    }
    .change-plan .forma .grid {
        width:100%;
        flex-direction:column;
        padding:0 15px;
        gap:15px
    }
    .change-plan .forma .grid .input {
        width:100%;
        max-width: initial;
    }
    section.preim h2  {
        font-size:20px
    }
    .badge__item {
        font-size:12px;
        height: 22px;
        border-radius: 11px;
        padding: 0 12px;
    }
    .favourite__button {
        width: 22px;
        height: 22px;
    }
    .favourite__button svg {
        width: 14px;
        height: 14px;
    }
    section.catalog .product .text .title {
        flex-direction:column;
        align-items:flex-start;
        gap:10px
    }
    .grid-icons .param {
        width:50%;
    }
    .grid-icons .param p {
        font-size:12px;
        line-height:1;
    }
    .grid-icons .param p b {
        font-size:13px;
    }
    .grid-icons .param i {
        margin-top:3px;
    }
    .project-grid {
        padding-top:.5em;
    }
}
@media only screen and (max-width:720px) {
    .advantages {
        padding:20px 0;
    }
    .advantages__carousel,
    .advantage-carousel__item {
        height:320px
    }
    .video-tool__info {
        transition:all .3s .3s ease;
        opacity:0
    }
	.advantage-carousel__item--main {
        width:calc(100vw - 16px) !important
    }
	.advantage-carousel__item--main .video-tool__info{
        opacity:1
    }
    .video-tool__button {
        bottom:calc(50% - 26px);
        right:calc(50% - 26px);
    }
    .video-tool__button a {
        width:54px !important;
        height:54px !important;
        opacity:.75
    }
    .video-tool__button a span {
        display: none;
    }
    .video-tool__titles h3 {
        font-size:16px
    }
    .video-tool__titles span {
        font-size:12px
    }
    .advantages .container .h2 {
        font-size:18px;
        margin-bottom:20px
    }
    .advantages__controls {
        position: absolute;
        height:0;
        left: 0;
        top: 190px;
        width: 100%;
        padding: 0 28px;
        z-index: 20;
        opacity: .9;
    }
    .advantages .btn {
        width:.4rem;
        height:.4rem;
        background:transparent
    }
    section.popular .pagination span {
        white-space:nowrap;
    }
    section.popular .pagination {
        display: flex;
        margin-top: .2em;
        margin-bottom: .3em;
        justify-content: flex-start !important;
        padding-left:15px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        position: relative;
    }
    section.popular .pagination::-webkit-scrollbar {
        display: none;
        scrollbar-width: none
    }
    .fishki .h2 {
        font-size:18px
    }
    .fishki .post-title {
        font-size:12px
    }
    section.fishki .item img {
        height: .8em;
        margin-bottom: .05em;
    }
    section.fishki::before {
        top:2.79rem
    }
    section.self-project .house {
        width: 6.397em;
        height: 4.7543em;
        right:-2rem;
        top:-1.5rem
    }
    section.self-project .container {
        padding-left:15px
    }
    section.chat .container {
        padding-top: 1.452rem;
        padding-bottom: 1.472rem;
        width: 100%;
        margin-left: .8rem
    }
    section.chat .container::before {
        display:none !important
    }
    section.chat .h2 {
        font-size: 22px;
    }
    section.about .col .h2 {
        font-size:18px;
        text-align:center;
        margin-bottom:10px
    }
    section.about .col .post-title {
        font-size:12px;
        text-align:center;
        font-weight:normal
    }
    section.about .col {
        padding-left:15px !important;
        margin-left:0px !important;
        margin-bottom:30px !important
    }
    section.about .col p.text {
        font-size: 12px;
        text-align:center;
        padding-right:12px;
    }
    section.about .col p.text br{
        display:none;
    }
    section.about .container {
        gap:0
    }
    section.about .col:nth-child(1) {
        width: calc(100% - 15px);
        height:auto;
    }
    .about .modal-play {
        position: absolute;
        height: 32px;
        width: 32px;
        left: calc(50% + 16px);
        top: calc(50% - 16px);
    }
    .rev .h2 {
        font-size:18px
    }
    section.about .col:nth-child(1) {
        order:1;
        margin-bottom:0 !important;
    }
    section.bank__first .container h2 {
        font-size:18px;
    }
    section.bank__second .container p {
        font-size:18px;
    }
    section.bank__second .container img {
        width:70vw
    }
    .contacts .container-2 h2 {
        font-size: 18px;
    }
    .contacts .poleno {
        bottom: .08rem;
        left: 3.05rem;
        height: 5.424rem;
    }
    .contacts .container-2 {
        padding-left:15px;
        padding-top:40px;
        padding-bottom:40px
    }
    .contacts .verical-liner {
        display:none
    }
    .contacts .container-2 .point-wh {
        display:none
    }
    section.consult .h2 {
        font-size:16px
    }
    section.consult .pila {
        display:none
    }
    section.consult .forma .grid .input {
        width:80vw;
        margin:5px 0 !important
    }
    section.consult {
        background: #fff;
        padding-top: .7em;
        padding-bottom: .7em
    }
    section.consult .checkbox__switch{
        margin-left:.24rem;
        margin-right:.24rem;
    }
    section.consult .social-select{
        max-width:70vw;
        margin-bottom:10px;
    }
    .variations h2, .product section.plans h2 {
        font-size: 16px;
    }
    .product section.plans p.post-title,
    .product section.plans p.post-title a{
        font-size:12px
    }
    .social-select__item--wa::after, .social-select__item--tg::after, .social-select__item--max::after {
        font-size:10px
    }
    .variations .container .row {
        gap:20px
    }
    .variations .container h4 {
        font-size:12px
    }
    section.preim h2  {
        font-size:16px
    }
    #modal .forma .grid .input,
    #modal_act .forma .grid .input,
    #modal_ipoteka .forma .grid .input {
        width: 100%;
        max-width: 100vw
    }
    #modal .forma .grid .input.phone,
    #modal_act .forma .grid .input.phone,
    #modal_ipoteka .forma .grid .input.phone {
        margin-left: 0;
        margin-top:10px
    }
    #modal_ipoteka .inner .c2 {
        height: auto;
        padding-bottom:20px
    }
    #app .line-hor-product,
    #app .line-hor-product {
        display:none
    }
    .product-main .container-img .row:nth-child(2),
    .product-main .container-img .row:nth-child(3) {
        display:none
    }
    .product-main .container-thumb {
        width:100vw;
        margin-top:10px
    }
    .product-main .container-img .nav-slider {
        right: .2rem;
        bottom: 1.1rem;
    }
    .product h1 {
        font-size:16px;
    }
    section.preim {
        padding-top: .8em;
        padding-bottom: .4em;
    }
    section.preim .grid .item {
        width:50%;
        padding:0 10px;
        margin-bottom:.4em
    }
    section.preim .grid .item img {
        height: .71em;
    }
    .project-grid {
        grid-template-columns:1fr
    }
    section.catalog .product .text .title .label {
        font-size:12px;
    }
    .grid-icons .param p,
    .grid-icons .param p b,
    section.catalog .product .price p,
    .product-item .price-1-credit p{
        font-size:11px !important;
    }
}
@media only screen and (max-width:640px) {
    html {
        width: calc(100vw - 10px);
        position: relative;
        overflow-x: hidden;
    }
    #menu-section .icn {
        grid-template-columns: repeat(6, 28px);
    }
    
    .product section.plans p.post-title {
        padding-left:10px;
        padding-right:10px;
        margin-bottom: .5rem;
    }
    
    .header-wrap > .container #menu {
        margin-right:0;
        transition:all .25s ease;
    }
    
    .change-plan .change-plan-text p {
        text-align:center;
    }

    #app {
        width:100vw;
        overflow-x:hidden;
    }
	.advantage-carousel__item--main {
        width:calc(100vw - 36px)
    }
    .advantage-carousel__item--main {
        width:calc(100vw - 28px) !important
    }
    .video-tool__titles h3 {
        margin-bottom:0
    }
    .advantage-carousel__item--main .video-tool__titles{
        top: calc(100% - 36px);
        text-align: center;
    }
    section.popular .swiper-slide .img {
        height:4rem
    }
    section.popular .swiper-slide .img .nav-slider {
        bottom: .2rem;
        padding-right: .2rem;
    }
    section.popular .swiper-slide .img .nav-slider .btn-next,
    section.popular .swiper-slide .img .nav-slider .btn-prev {
        width:32px;
        height:32px
    }
    .props__title {
        font-size:11px;
        margin-bottom:10px
    }
    .props__value {
        font-size:14px
    }
    .props__item i {
        font-size: 18px;
        right: 8px;
        top: 12px;
    }
    section.popular .swiper-slide .img {
        width:calc(100vw - 20px);
    }
    section.popular .swiper-slide .right-content {
        width:calc(100vw - 20px)
    }
    section.fishki::before,
    section.fishki .container .point-wh {
        display:none
    }
    section.fishki .item {
        width:50%
    }
    section.fishki .item:nth-child(1)::before,
    section.fishki .item:nth-child(3)::before {
        content: "";
        position: absolute;
        background: var(--border-color);
        display: block;
        width: .005rem;
        height: 1.2rem;
        right: 0;
        bottom: -.6rem
    }

    section.fishki .item:nth-child(1)::after,
    section.fishki .item:nth-child(3)::after {
        content: "";
        position: absolute;
        background: var(--border-color);
        display: block;
        width: 1.2rem;
        height: .005rem;
        right: -.6rem;
        bottom: 0
    }

    section.fishki .item:nth-child(2)::before {
        display:none
    }

    section.fishki .item:nth-child(2)::after {
        display:none
    }
    section.fishki .item p {
        font-weight:normal
    }
    section.chat .grid {
        max-width:190px;
    }
    section.chat .container {
        margin-left: .3rem
    }
    section.chat .container {
        padding-top: 1rem;
    }
    section.bank__first .container .grid-row {
        grid-template: auto/1fr;
        gap:24px
    }
    .product-main .right-content .banks {
        padding-top:20px;
    }
    .product-main .right-content .row .column.cashback-text {
        width:100%;
        margin-bottom:0
    }
    #modal_ipoteka .inner {
        width:90vw
    }
    #modal_ipoteka .inner *{
        max-width:100%
    }
    #modal p.text,
    #modal_act p.text,
    #modal_ipoteka p.text {
        padding-left:15px;
        padding-right:15px
    }
    #modal .forma,
    #modal_act .forma,
    #modal_ipoteka .forma {
        padding-left:15px;
        padding-right:15px
    }
    #modal .h2,
    #modal_act .h2,
    #modal_ipoteka .h2 {
        font-size:16px
    }
}

/* Отключаем ответ формы, вместо этого используем аттрибут required и подсвечиваем обязательные поля */
.form-answer {
    display:none !important;
}

input:required:user-invalid:focus,
input:required:user-invalid:active,
input:required:user-invalid:hover,
input:required:user-invalid,
input:required:user-invalid:focus,
input:required:user-invalid:hover,
input:required:user-invalid:active,
textarea:invalid{
  /* border: 1px solid red !important */;
  box-shadow:red 0 0 0 1px !important;
}
.checkbox:has(input:invalid:user-invalid) label:after {
    border:red 1px solid;
}

body.compensate-for-scrollbar {
    margin-right:0px !important;
}
.article-wrapper {
    font-size:.2rem;
    min-height: calc(100vh - 786px);
    padding-bottom:30px;
}
.article-wrapper a{
    font-size:.2rem;
    color:#47bf26;
}
.article-wrapper ul,
.article-wrapper ol{
    list-style-position: inside;
    padding-bottom:.2rem;
    padding-top:.2rem;
}
.article-wrapper li{
    margin-bottom:.2rem;
    font-size:.2rem;
}
.article-wrapper p {
    font-size:.2rem;
    padding-bottom:.2rem;
}
.article-wrapper h4{
    font-size:.25rem;
    padding-bottom:.2rem;
}
@media only screen and (max-width:1270px) {
    .article-wrapper {
        padding-left:15px;
        padding-right:15px;
    }
}
@media only screen and (max-width:640px) {
    html.overflowy {
        margin-left: 0;
    }
    header.open .header-wrap {
        margin-left:0;
    }
}