@import "popupstyle.css";

* {
    padding: 0;
    margin: 0;
    border: 0
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:focus,:active {
    outline: none
}

a:focus,a:active {
    outline: none
}

nav,footer,header,aside {
    display: block
}

html,body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

input,button,textarea {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a,a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: 400
}

button {
    background: unset
}

html {
    font-size: 1px
}

html,body {
    height: 100%;
    background: #fff;
    font-family: "Plus Jakarta Sans",sans-serif
}

.big-wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.wrapper {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.container {
    max-width: 1144px;
    margin: 0 auto;
    padding: 0 15px
}

.big-container {
    max-width: 1376rem;
    margin: 0 auto;
    padding: 0 16rem
}

.titling__title {
    font-family: "Poppins",sans-serif;
    color: #18191c;
    font-size: clamp(24rem, calc(24rem + 16 * ((100vw - 390rem) / (1176 - 390))), 40rem);
    line-height: clamp(36rem, calc(36rem + 8 * ((100vw - 390rem) / (1176 - 390))), 44rem);
    letter-spacing: -0.4rem;
    font-weight: 600;
    margin-bottom: 16rem
}

.titling__title span {
    color: #f36621
}

.titling__title:last-child {
    margin-bottom: unset
}

.titling__text {
    color: #35373c;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(21rem, calc(21rem + 5 * ((100vw - 390rem) / (1176 - 390))), 26rem);
    letter-spacing: clamp(0.14rem, calc(0.14rem + 0.02 * ((100vw - 390rem) / (1176 - 390))), 0.16rem)
}

.titling__text span {
    font-weight: 600
}

.titling--big .titling__title {
    font-size: clamp(40rem, calc(40rem + 24 * ((100vw - 390rem) / (1176 - 390))), 64rem);
    line-height: clamp(56rem, calc(56rem + 14 * ((100vw - 390rem) / (1176 - 390))), 70rem);
    letter-spacing: -0.64rem;
    margin-bottom: clamp(8rem, calc(8rem + 16 * ((100vw - 390rem) / (1176 - 390))), 24rem)
}

.titling--big .titling__title:last-child {
    margin-bottom: unset
}

.titling--big .titling__text {
    font-size: clamp(14rem, calc(14rem + 6 * ((100vw - 390rem) / (1176 - 390))), 20rem);
    line-height: clamp(21rem, calc(21rem + 7 * ((100vw - 390rem) / (1176 - 390))), 28rem);
    letter-spacing: clamp(0.14rem, calc(0.14rem + 0.02 * ((100vw - 390rem) / (1176 - 390))), 0.16rem)
}

.titling--white .titling__title {
    color: #fff
}

.titling--white .titling__text {
    color: #fff
}

.titling--small .titling__title {
    font-size: clamp(24rem, calc(24rem + 12 * ((100vw - 390rem) / (1176 - 390))), 36rem);
    line-height: clamp(36rem, calc(36rem + 8 * ((100vw - 390rem) / (1176 - 390))), 44rem);
    font-weight: 400
}

.titling--center {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.titling--medium .titling__title {
    font-size: clamp(32rem, calc(32rem + 16 * ((100vw - 390rem) / (1176 - 390))), 48rem);
    line-height: clamp(45rem, calc(45rem + 27 * ((100vw - 390rem) / (1176 - 390))), 72rem);
    letter-spacing: -0.64rem;
    margin-bottom: unset
}

.titling--medium .titling__text {
    font-size: clamp(16rem, calc(16rem + 4 * ((100vw - 390rem) / (1176 - 390))), 20rem);
    line-height: clamp(22rem, calc(22rem + 6 * ((100vw - 390rem) / (1176 - 390))), 28rem);
    letter-spacing: .16rem
}

.btn {
    padding: 11.5rem 12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    gap: 8rem;
    line-height: clamp(19rem, calc(19rem + 3 * ((100vw - 390rem) / (1176 - 390))), 22rem);
    letter-spacing: clamp(0.12rem, calc(0.12rem + 0.02 * ((100vw - 390rem) / (1176 - 390))), 0.14rem);
    font-weight: 600;
    border-radius: 4rem;
    -webkit-transition: border .3s,background .3s,color .3s;
    -o-transition: border .3s,background .3s,color .3s;
    transition: border .3s,background .3s,color .3s
}

.btn svg {
    width: 20rem;
    height: 20rem
}

.btn--orange {
    border: 1rem solid #f36621;
    background: #f36621;
    color: #fff
}

@media(hover: hover) {
    .btn--orange:hover {
        border:1rem solid #f36621;
        background: unset;
        color: #f36621
    }
}

@media(hover: none) {
    .btn--orange:active {
        border:1rem solid #f36621;
        background: unset;
        color: #f36621
    }
}

.btn--grey {
    background: #f0f3f8;
    color: #18191c;
    border: 1rem solid #f0f3f8
}

@media(hover: hover) {
    .btn--grey:hover {
        background:rgba(0,0,0,0)
    }
}

@media(hover: none) {
    .btn--grey:active {
        background:rgba(0,0,0,0)
    }
}

.btn--small {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem)
}

.btn--white {
    color: #fff;
    border: 1rem solid #fff
}

@media(hover: hover) {
    .btn--white:hover {
        background:#fff;
        color: #18191c
    }
}

@media(hover: none) {
    .btn--white:active {
        background:#fff;
        color: #18191c
    }
}

.btn--black {
    color: #18191c;
    border: 1rem solid #18191c
}

@media(hover: hover) {
    .btn--black:hover {
        background:#18191c;
        color: #fff
    }
}

@media(hover: none) {
    .btn--black:active {
        background:#18191c;
        color: #fff
    }
}

.input {
    border: 1rem solid #e1e8ed;
    background: #fff;
    border-radius: 2rem;
    padding: 14rem 15rem;
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #35373c;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s
}

.input::-webkit-input-placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.input::-moz-placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.input:-ms-input-placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.input::-ms-input-placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.input::placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.input:focus {
    border: 1rem solid #f36621
}

.logo {
    display: block
}

.logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.textarea {
    border: 1rem solid #e1e8ed;
    background: #fff;
    border-radius: 2rem;
    padding: 14rem 15rem;
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #35373c;
    height: 140rem;
    resize: none;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s
}

.textarea--small {
    height: 98rem
}

.textarea::-webkit-input-placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.textarea::-moz-placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.textarea:-ms-input-placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.textarea::-ms-input-placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.textarea::placeholder {
    font-size: clamp(12rem, calc(12rem + 2 * ((100vw - 390rem) / (1176 - 390))), 14rem);
    line-height: clamp(15rem, calc(15rem + 3 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    color: #757575
}

.textarea:focus {
    border: 1rem solid #f36621
}

.tub-element {
    display: none
}

.tub-element--active {
    display: block;
    -webkit-animation: showAnimation .3s forwards;
    animation: showAnimation .3s forwards
}

.pagination {
    gap: 16rem
}

.pagination .swiper-pagination-bullet {
    margin-left: unset !important;
    margin-right: unset !important;
    width: 12rem;
    height: 12rem;
    border-radius: 100%;
    opacity: 1;
    background: #d8e4ed;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.pagination .swiper-pagination-bullet-active {
    background: #f36621
}

.tubs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16rem;
    cursor: pointer
}

.tub {
    color: #18191c;
    font-size: 14rem;
    line-height: 22rem;
    letter-spacing: .14rem;
    font-weight: 700;
    padding: 12rem 25rem;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    border: 1rem solid #e1e8ed;
    border-radius: 6rem;
    transition: border .3s
}

@media(hover: hover) {
    .tub:hover {
        border:1rem solid #18191c
    }
}

@media(hover: none) {
    .tub:active {
        border:1rem solid #18191c
    }
}

.tub--active {
    border: 1rem solid #18191c
}

.pt--available {
    padding-top: 64rem
}

.select {
    position: relative;
    width: 100%
}

.select .custom-select {
    position: relative
}

.select .custom-select select {
    display: none
}

.select .select-selected {
    border: 1rem solid #e1e8ed;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.select .select-selected:after {
    content: "";
    position: absolute;
    width: 16rem;
    height: 16rem;
    right: 15rem;
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.select .select-selected.select-arrow-active:after {
    -webkit-transform: rotate(-180deg) translateY(50%);
    -ms-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%)
}

.select .select-items div,.select .select-selected {
    color: #35373c;
    font-size: 14rem;
    line-height: 19rem;
    padding: 14rem 75rem 14rem 15rem;
    cursor: pointer;
    border-radius: 2rem;
    -webkit-transition: border .3s,color .3s;
    -o-transition: border .3s,color .3s;
    transition: border .3s,color .3s
}

.select .select-items {
    -webkit-box-shadow: 0 4rem 16rem rgba(0,0,0,.15);
    box-shadow: 0 4rem 16rem rgba(0,0,0,.15);
    position: absolute;
    background: #fff;
    border-radius: 2rem;
    border: 1rem solid #e1e8ed;
    top: calc(100% + 5rem);
    left: 0;
    right: 0;
    z-index: 99;
    opacity: 1;
    pointer-events: unset;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.select .select-items div {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .select .select-items div:hover {
        color:#f36621
    }
}

@media(hover: none) {
    .select .select-items div:active {
        color:#f36621
    }
}

.select .select-hide {
    opacity: 0;
    pointer-events: none
}

.select .select-items {
    border-radius: 2rem
}

.select .select-items div {
    border-radius: unset
}

.select--small .select-selected {
    border: unset;
    border-right: 1rem solid #f0f3f8
}

.select--small .select-items div,.select--small .select-selected {
    color: #757575;
    padding: 13rem 45rem 13rem 16rem
}

.select--small .select-items {
    border-radius: 8rem
}

.select--sort .select-selected {
    border-radius: 8rem
}

.select--sort .select-items div,.select--sort .select-selected {
    color: #757575;
    padding: 10rem 40rem 10rem 16rem
}

.select--sort .select-items {
    border-radius: 8rem
}

.arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(12rem, calc(12rem + 4 * ((100vw - 390rem) / (1176 - 390))), 16rem)
}

.arrow {
    width: clamp(24rem, calc(24rem + 8 * ((100vw - 390rem) / (1176 - 390))), 32rem);
    height: clamp(24rem, calc(24rem + 8 * ((100vw - 390rem) / (1176 - 390))), 32rem);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1a1a1a;
    border: 1rem solid #1a1a1a;
    -webkit-transition: background .3s,border .3s;
    -o-transition: background .3s,border .3s;
    transition: background .3s,border .3s;
    cursor: pointer
}

.arrow svg {
    width: clamp(12rem, calc(12rem + 5 * ((100vw - 390rem) / (1176 - 390))), 17rem);
    height: clamp(12rem, calc(12rem + 5 * ((100vw - 390rem) / (1176 - 390))), 17rem)
}

.arrow svg path {
    fill: #fff;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.arrow.swiper-button-disabled {
    border: 1rem solid gray;
    background: rgba(0,0,0,0)
}

.arrow.swiper-button-disabled svg path {
    fill: gray
}

.burger {
    display: none
}

@-webkit-keyframes showAnimation {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showAnimation {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.checkbox .container {
    display: block;
    position: relative;
    max-width: 480rem;
    padding-left: 32rem;
    padding-right: 0;
    cursor: pointer;
    color: #8f8f8f;
    font-size: 12rem;
    line-height: 24rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: unset;
    margin-right: unset
}

.checkbox .container a {
    color: #8f8f8f;
    text-decoration: underline
}

.checkbox .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox .checkmark {
    position: absolute;
    top: 1rem;
    left: 0;
    height: 20rem;
    width: 20rem;
    border-radius: 6rem;
    border: 1rem solid #e7e7e7;
    background: #fff;
    -webkit-transition: background .3s,border .3s;
    -o-transition: background .3s,border .3s;
    transition: background .3s,border .3s
}

.checkbox .container input:checked~.checkmark {
    background: #f36621;
    border: 1rem solid #f36621
}

.checkbox .checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.phone {
    width: 100%
}

.phone--experts .phone__input {
    background: #fff;
    border-radius: 8rem
}

.phone--experts .phone__country-selector {
    margin-right: 5rem
}

.phone--experts .phone__country-selector::after {
    content: unset
}

.phone__input {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1rem solid #e1e8ed;
    border-radius: 2rem;
    padding: 13rem 13rem 12rem 6rem;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.phone__input:focus-within {
    border: 1rem solid #f36621
}

.phone__country-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 4rem 8rem;
    border-radius: 4rem;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    margin-right: 15rem;
    position: relative
}

.phone__country-selector::after {
    content: "";
    width: 1rem;
    height: 48rem;
    background: #e1e8ed;
    position: absolute;
    right: -5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(hover: hover) {
    .phone__country-selector:hover {
        background:rgba(0,0,0,.05)
    }
}

@media(hover: none) {
    .phone__country-selector:active {
        background:rgba(0,0,0,.05)
    }
}

.phone__flag {
    width: 16rem;
    height: 12rem;
    border-radius: 2rem;
    margin-right: 6rem
}

.phone__arrow {
    width: 0;
    height: 0;
    border-left: 4rem solid rgba(0,0,0,0);
    border-right: 4rem solid rgba(0,0,0,0);
    border-top: 5rem solid #666;
    margin-left: 4rem;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.phone__arrow--open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.phone__code {
    font-size: clamp(12rem, calc(12rem + 4 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(14rem, calc(14rem + 5 * ((100vw - 390rem) / (1176 - 390))), 19rem);
    color: #35373c;
    margin-right: 8rem
}

.phone__number {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    background: rgba(0,0,0,0);
    font-size: clamp(12rem, calc(12rem + 4 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(14rem, calc(14rem + 5 * ((100vw - 390rem) / (1176 - 390))), 19rem);
    color: #35373c;
    outline: none
}

.phone__number::-webkit-input-placeholder {
    color: #8f8f8f
}

.phone__number::-moz-placeholder {
    color: #8f8f8f
}

.phone__number:-ms-input-placeholder {
    color: #8f8f8f
}

.phone__number::-ms-input-placeholder {
    color: #8f8f8f
}

.phone__number::placeholder {
    color: #8f8f8f
}

.phone__dropdown {
    position: absolute;
    top: calc(100% + 8rem);
    left: 0;
    right: 0;
    background: #fff;
    border: 1rem solid #e0e0e0;
    border-radius: 8rem;
    -webkit-box-shadow: 0 4rem 16rem rgba(0,0,0,.15);
    box-shadow: 0 4rem 16rem rgba(0,0,0,.15);
    max-height: 300rem;
    overflow-y: auto;
    z-index: 1000;
    display: none
}

.phone__dropdown--show {
    display: block
}

.phone__dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12rem 16rem;
    cursor: pointer;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

@media(hover: hover) {
    .phone__dropdown-item:hover {
        background:#f5f5f5
    }
}

@media(hover: none) {
    .phone__dropdown-item:active {
        background:#f5f5f5
    }
}

.phone__dropdown-flag {
    width: 28rem;
    height: 20rem;
    border-radius: 2rem;
    margin-right: 12rem
}

.phone__dropdown-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15rem;
    color: #333
}

.phone__dropdown-code {
    color: #666;
    font-size: 14rem
}

.phone__dropdown::-webkit-scrollbar {
    width: 8rem
}

.phone__dropdown::-webkit-scrollbar-thumb {
    background: #f36621;
    border-radius: 4rem
}

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1029;
    background: rgba(6,34,46,.4);
    -webkit-backdrop-filter: blur(6rem);
    backdrop-filter: blur(6rem)
}

.popup__wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: scroll;
    padding-top: 15rem;
    padding-bottom: 15rem
}

.popup__wrapper::-webkit-scrollbar {
    width: 0;
    height: 0
}

.popup__inner {
    width: 100%;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1350rem;
    position: relative;
    padding-left: 15rem;
    padding-right: 15rem;
    margin-top: auto;
    margin-bottom: auto
}

.popup-close {
    position: absolute;
    width: 35rem;
    height: 35rem;
    top: clamp(12rem, calc(12rem + 12 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    right: clamp(12rem, calc(12rem + 12 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    z-index: 1;
    cursor: pointer
}

@media(hover: hover) {
    .popup-close:hover svg path {
        fill:#18191c
    }
}

@media(hover: none) {
    .popup-close:active svg path {
        fill:#18191c
    }
}

.popup-close svg {
    width: 14rem;
    height: 14rem
}

.popup-close svg path {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.body--popup {
    overflow: hidden
}

.partners {
    padding: clamp(40rem, calc(45rem - 5 * ((100vw - 390rem) / (1176 - 390))), 45rem) 0;
    background: #f4f8fb
}

.partners__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30rem
}

.partners-titling {
    width: 100%;
    max-width: 165rem
}

.partners-titling__title {
    color: #35373c;
    font-size: 16rem;
    line-height: 20rem;
    letter-spacing: 1.7rem
}

.partners-swiper {
    width: 100%
}

.partners-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.partners-slide__img {
    width: 100%;
    max-width: 100rem;
    height: 20rem;
    -o-object-fit: contain;
    object-fit: contain
}

.tiles {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.tiles__titling {
    margin-bottom: clamp(24rem, calc(24rem + 32 * ((100vw - 390rem) / (1176 - 390))), 56rem)
}

.tiles-items {
    display: -ms-grid;
    display: grid
}

.tiles-items--grid-3 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem)
}

.tiles-items--grid-4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(16rem, calc(16rem + 16 * ((100vw - 390rem) / (1176 - 390))), 32rem)
}

.tiles-items--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(24rem, calc(24rem + 8 * ((100vw - 390rem) / (1176 - 390))), 32rem)
}

.tiles-item {
    padding: clamp(16rem, calc(16rem + 16 * ((100vw - 390rem) / (1176 - 390))), 32rem) clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem) clamp(16rem, calc(16rem + 16 * ((100vw - 390rem) / (1176 - 390))), 32rem) clamp(13rem, calc(13rem + 8 * ((100vw - 390rem) / (1176 - 390))), 21rem);
    border: 1rem solid #e1e8ed;
    border-left: 3rem solid #d55f25;
    background: rgba(240,243,248,.1);
    border-radius: 8rem
}

.tiles-item--highlighted {
    background: #f36621;
    border: 1rem solid #e1e8ed
}

.tiles-item--highlighted .tiles-item__title {
    color: #fff
}

.tiles-item--highlighted .tiles-item__text {
    color: #fff
}

.tiles-item--highlighted .tiles-item__icon {
    margin-bottom: 32rem
}

.tiles-item--highlighted .tiles-item__icon svg {
    width: 64rem;
    height: 64rem
}

.tiles-item__icon {
    margin-bottom: clamp(16rem, calc(16rem + 32 * ((100vw - 390rem) / (1176 - 390))), 48rem)
}

.tiles-item__icon svg {
    width: 48rem;
    height: 48rem
}

.tiles-item__title {
    margin-bottom: 8rem;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: 24rem;
    color: #18191c;
    font-weight: 700;
    letter-spacing: clamp(0rem, calc(0rem + 0.16 * ((100vw - 390rem) / (1176 - 390))), 0.16rem)
}

.tiles-item__text {
    color: #35373c;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: .14rem
}

.video--simple .video__inner {
    margin-bottom: unset
}

.video--active .video__play {
    opacity: 0
}

.video__inner {
    max-width: 1440rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: clamp(400rem, calc(400rem + 280 * ((100vw - 390rem) / (1176 - 390))), 680rem);
    cursor: pointer
}

.video__player {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video__play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 90rem;
    height: 90rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background: rgba(255,255,255,.8);
    -webkit-transition: opacity .3s,background .3s;
    -o-transition: opacity .3s,background .3s;
    transition: opacity .3s,background .3s
}

.video__play svg {
    width: 40rem;
    height: 40rem;
    -webkit-transform: translateX(5rem);
    -ms-transform: translateX(5rem);
    transform: translateX(5rem)
}

@media(hover: hover) {
    .video .video__play:hover {
        background:#fff
    }
}

@media(hover: none) {
    .video .video__play:active {
        background:#fff
    }
}

.video__subtext {
    display: none;
    color: #35373c;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(21rem, calc(21rem + 3 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    letter-spacing: clamp(0.14rem, calc(0.14rem + 0.02 * ((100vw - 390rem) / (1176 - 390))), 0.16rem)
}

.video-head {
    background: #f0f3f8;
    overflow: hidden
}

.video-head__inner {
    padding: 40rem 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30rem;
    position: relative;
    z-index: 1
}

.video-head__title {
    max-width: 530rem;
    font-size: clamp(18rem, calc(18rem + 8 * ((100vw - 390rem) / (1176 - 390))), 26rem);
    line-height: clamp(27rem, calc(27rem + 12 * ((100vw - 390rem) / (1176 - 390))), 39rem);
    color: #18191c;
    letter-spacing: -0.4rem;
    font-weight: 600
}

.video-head__text {
    max-width: 510rem;
    color: #18191c;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(21rem, calc(21rem + 3 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    letter-spacing: clamp(0.14rem, calc(0.14rem + 0.02 * ((100vw - 390rem) / (1176 - 390))), 0.16rem)
}

.video-bg {
    position: absolute;
    width: clamp(196rem, calc(196rem + 64 * ((100vw - 390rem) / (1176 - 390))), 260rem);
    height: clamp(177rem, calc(177rem + 59 * ((100vw - 390rem) / (1176 - 390))), 236rem);
    right: clamp(-133rem, calc(-9rem - 124 * ((100vw - 390rem) / (1176 - 390))), -9rem);
    top: 0;
    z-index: -1
}

.video-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.recalls {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.recalls__link {
    display: none
}

.recalls-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: clamp(24rem, calc(24rem + 24 * ((100vw - 390rem) / (1176 - 390))), 48rem);
    gap: 30rem
}

.recalls-head__link {
    max-width: 181rem;
    width: 100%
}

.recalls-swiper {
    width: 100%
}

.recalls-swiper__pagination {
    display: none
}

.recall {
    border: 1rem solid #e1e8ed;
    border-radius: 8rem;
    padding: clamp(24rem, calc(24rem + 8 * ((100vw - 390rem) / (1176 - 390))), 32rem)
}

.recall__title {
    margin-bottom: 15rem;
    color: #35373c;
    font-weight: 700;
    font-size: clamp(14rem, calc(14rem + 4 * ((100vw - 390rem) / (1176 - 390))), 18rem);
    line-height: clamp(21rem, calc(21rem + 5 * ((100vw - 390rem) / (1176 - 390))), 26rem);
    letter-spacing: .18rem
}

.recall-head {
    margin-bottom: clamp(15rem, calc(15rem + 5 * ((100vw - 390rem) / (1176 - 390))), 20rem)
}

.recall-head__name {
    color: #18191c;
    font-weight: 700;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(21rem, calc(21rem + 5 * ((100vw - 390rem) / (1176 - 390))), 26rem);
    letter-spacing: .16rem
}

.recall-head__date {
    color: #35373c;
    font-size: 12rem;
    line-height: 19rem;
    letter-spacing: .12rem
}

.rating-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-list__item svg {
    width: 24rem;
    height: 24rem
}

.recall__text {
    color: #35373c;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(22rem, calc(22rem + 4 * ((100vw - 390rem) / (1176 - 390))), 26rem);
    letter-spacing: .16rem
}

.recall__text-toggle {
    display: inline;
    color: #35373c;
    text-decoration: underline;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 4rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .recall__text-toggle:hover {
        color:#ee7133
    }
}

@media(hover: none) {
    .recall__text-toggle:active {
        color:#ee7133
    }
}

.newsletters {
    background: #f0f3f8
}

.newsletters__inner {
    padding: clamp(48rem, calc(48rem + 12 * ((100vw - 390rem) / (1176 - 390))), 60rem) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(24rem, calc(24rem + 6 * ((100vw - 390rem) / (1176 - 390))), 30rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newsletters__titling .titling__title {
    margin-bottom: clamp(8rem, calc(8rem + 8 * ((100vw - 390rem) / (1176 - 390))), 16rem)
}

.newsletters__titling .titling__title:last-child {
    margin-bottom: unset
}

.newsletters-form {
    max-width: 634rem;
    width: 100%
}

.newsletters-form__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: start;
    gap: 16rem;
    margin-bottom: 16rem
}

.newsletters-form__input {
    width: 100%
}

.newsletters-form__input.has-error {
    border: 1px solid red;
}

.form-error {
    font-size: 80%;
    margin-top: 4px;
    color: red;
}

.newsletters-form__btn {
    width: 100%;
    max-width: 178rem
}

.newsletters-form__text {
    font-size: 12rem;
    line-height: 19rem;
    letter-spacing: .12rem;
    color: #35373c
}

.newsletters-form__text a {
    color: #35373c;
    position: relative
}

@media(hover: hover) {
    .newsletters-form__text a:hover::before {
        width:0
    }
}

@media(hover: none) {
    .newsletters-form__text a:active::before {
        width:0
    }
}

.newsletters-form__text a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    background: #35373c;
    height: 1rem
}

.footer {
    background: #18191c;
    padding-top: clamp(24rem, calc(24rem + 24 * ((100vw - 390rem) / (1176 - 390))), 48rem);
    padding-bottom: clamp(24rem, calc(24rem + 24 * ((100vw - 390rem) / (1176 - 390))), 48rem)
}

.footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(24rem, calc(24rem + 6 * ((100vw - 390rem) / (1176 - 390))), 30rem);
    padding-bottom: 24rem;
    border-bottom: 1rem solid #454545
}

.footer-top__logo {
    width: 166rem;
    height: 90rem
}

.footer-info__address {
    margin-bottom: 16rem;
    color: #fff;
    font-size: 14rem;
    line-height: 20rem;
    font-style: unset
}

.footer-info__address span {
    color: #a3a3a3;
    display: block
}

.socials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12rem
}

.socials-item__link {
    width: 30rem;
    height: 30rem;
    display: block
}

@media(hover: hover) {
    .socials-item__link:hover svg {
        -webkit-filter:drop-shadow(0 0rem 8rem #fff);
        filter: drop-shadow(0 0rem 8rem #fff)
    }
}

@media(hover: none) {
    .socials-item__link:active svg {
        -webkit-filter:drop-shadow(0 0rem 8rem #fff);
        filter: drop-shadow(0 0rem 8rem #fff)
    }
}

.socials-item__link svg {
    width: 100%;
    height: 100%
}

.units-list {
    border-radius: 8rem;
    padding: 7rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    border: 1rem solid rgba(255,255,255,.5)
}

.units-list__item {
    width: 100%;
    color: #a3a3a3;
    font-size: 14rem;
    line-height: 20rem;
    letter-spacing: .16rem;
    border-radius: 8rem;
    padding: 4rem 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: background .3s,color .3s;
    -o-transition: background .3s,color .3s;
    transition: background .3s,color .3s;
    cursor: pointer;
    min-width: clamp(93rem, calc(93rem + 11 * ((100vw - 390rem) / (1176 - 390))), 104rem);
    position: relative
}

@media(hover: hover) {
    .units-list__item:hover {
        color:#fff
    }
}

@media(hover: none) {
    .units-list__item:active {
        color:#fff
    }
}

.units-list__item input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.units-list__item--active {
    background: #fff;
    color: #000
}

@media(hover: hover) {
    .units-list__item--active:hover {
        color:#000
    }
}

@media(hover: none) {
    .units-list__item--active:active {
        color:#000
    }
}

.footer-bottom {
    padding-top: 24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8rem, calc(8rem + 22 * ((100vw - 390rem) / (1176 - 390))), 30rem)
}

.footer-bottom__copy {
    color: #fff;
    font-size: 14rem;
    line-height: 21rem
}

.footer-bottom__policy {
    color: #fff;
    font-size: 14rem;
    line-height: 21rem;
    position: relative
}

@media(hover: hover) {
    .footer-bottom__policy:hover::before {
        width:0
    }
}

@media(hover: none) {
    .footer-bottom__policy:active::before {
        width:0
    }
}

.footer-bottom__policy::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 1rem;
    width: 100%;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.connections {
    background: #f0f3f8
}

.connections__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: clamp(24rem, calc(24rem + 6 * ((100vw - 390rem) / (1176 - 390))), 30rem);
    padding: clamp(48rem, calc(48rem + 42 * ((100vw - 390rem) / (1176 - 390))), 90rem) 0
}

.connections__titling {
    margin-bottom: clamp(24rem, calc(24rem + 32 * ((100vw - 390rem) / (1176 - 390))), 56rem)
}

.connections__application {
    max-width: 564rem;
    width: 100%
}

.connections-body {
    max-width: 500rem
}

.contacts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24rem
}

.contacts-item {
    padding-bottom: 24rem;
    border-bottom: 1rem solid #e1e8ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16rem, calc(16rem + 4 * ((100vw - 390rem) / (1176 - 390))), 20rem)
}

.contacts-item:last-child {
    border-bottom: unset;
    padding-bottom: unset
}

.contacts-item__icon {
    border: 1rem solid #e1e8ed;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 56rem;
    height: 56rem;
    background: #fff
}

.contacts-item__icon svg {
    width: 24rem;
    height: 24rem
}

.contacts-item__title {
    color: #35373c;
    font-size: 14rem;
    line-height: 22rem;
    font-weight: 700;
    letter-spacing: .14rem
}

.contacts-item__link {
    color: #35373c;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(22rem, calc(22rem + 4 * ((100vw - 390rem) / (1176 - 390))), 26rem);
    letter-spacing: .14rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .contacts-item__link:hover {
        color:#f36621
    }

    .contacts-item__link:hover span::before {
        width: 0
    }
}

@media(hover: none) {
    .contacts-item__link:active {
        color:#f36621
    }

    .contacts-item__link:active span::before {
        width: 0
    }
}

.contacts-item__link span {
    color: #f36621;
    position: relative
}

.contacts-item__link span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f36621;
    height: 1rem;
    width: 100%;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.application {
    background: #fff;
    padding: clamp(20rem, calc(20rem + 12 * ((100vw - 390rem) / (1176 - 390))), 32rem);
    border-radius: 8rem;
    border: 1rem solid #e1e8ed
}

.application--experts {
    background: unset;
    padding: unset;
    border-radius: unset;
    padding: unset;
    border: unset
}

.application--experts .checkbox {
    margin-bottom: 10rem
}

.application--experts .checkbox:nth-child(2) {
    margin-bottom: 16rem
}

.application--experts .input {
    border-radius: 8rem
}

.application--experts .textarea {
    border-radius: 8rem
}

.application--experts .application-box__label {
    font-size: 14rem;
    line-height: 19rem
}

.application--experts .application__inner {
    gap: 16rem
}

.application__btn {
    width: 100%;
    margin-bottom: 16rem
}

.application__text {
    font-size: 12rem;
    line-height: 19rem;
    letter-spacing: .12rem;
    color: #35373c
}

.application__text a {
    color: #35373c;
    position: relative
}

@media(hover: hover) {
    .application__text a:hover::before {
        width:0
    }
}

@media(hover: none) {
    .application__text a:active::before {
        width:0
    }
}

.application__text a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #35373c;
    height: 1rem;
    width: 100%;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.application__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    margin-bottom: 24rem
}

.application-box {
    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
}

.application-box__label {
    margin-bottom: 8rem;
    color: #35373c;
    font-size: 12rem;
    line-height: 19rem;
    font-weight: 700
}

.application-box__input {
    width: 100%
}

.application-box__textarea {
    width: 100%
}

.offers {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.offers__titling {
    margin-bottom: 24rem
}

.offers__link {
    display: none
}

.offers-head {
    margin-bottom: 32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30rem
}

.offers-head__link {
    width: 100%;
    max-width: 150rem
}

.offers-swiper {
    width: 100%
}

.offers-swiper__pagination {
    display: none
}

.card {
    border: 1rem solid #e1e8ed;
    border-radius: 8rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card__inner {
    padding: 24rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card__price {
    margin-bottom: 4rem;
    font-size: 18rem;
    line-height: 29rem;
    letter-spacing: .18rem;
    font-weight: 700;
    color: #18191c
}

.card__title {
    margin-bottom: 5rem;
    font-size: 16rem;
    line-height: 29rem;
    letter-spacing: .18rem;
    color: #35373c;
    min-height: 57px;
}

.card__location {
    color: #a3a3a3;
    font-size: 14rem;
    line-height: 22rem;
    /*-ms-flex-wrap:wrap;flex-wrap:wrap;*/
    letter-spacing: .14rem;
    margin-bottom: 16rem;
    /*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4rem*/
}

.card__location svg {
    display: inline-block;
    vertical-align: middle;
    width: 16rem;
    height: 16rem
}

.card__link {
    margin-top: auto
}

.card-swiper {
    position: relative;
    width: 100%;
    height: 270rem
}

.card-swiper__arrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.card-swiper__arrow svg {
    width: 24rem;
    height: 24rem
}

.card-swiper__arrow--prev {
    left: 12rem
}

.card-swiper__arrow--next {
    right: 12rem
}

.card-slide {
    width: 100%;
    height: 100%
}

.card-slide__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16rem;
    margin-bottom: 16rem
}

.card-info__text {
    font-size: 14rem;
    line-height: 22rem;
    letter-spacing: .14rem;
    color: #18191c;
    font-weight: 600;
    padding-right: 15px;
    border-right: 1rem solid #e1e8ed
}

.card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.card-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5rem;
    color: #18191c;
    font-size: 14rem;
    line-height: 22rem;
    letter-spacing: .14rem;
    font-weight: 600
}

.card-list__item svg {
    width: 16rem;
    height: 16rem
}

.header {
    padding: clamp(7rem, calc(7rem + 9 * ((100vw - 390rem) / (1176 - 390))), 16rem) 0;
    background: #fff;
    border-bottom: 1rem solid #ececec;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.header--transparent {
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(0,0,0,0);
    border-bottom: unset
}

.header--transparent .menu {
    border-right: 1rem solid #e1e8ed
}

.header--transparent .menu-item__link {
    color: #fff
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__wrapper {
    margin-left: auto
}

.header__logo {
    width: clamp(102rem, calc(102rem + 15 * ((100vw - 390rem) / (1176 - 390))), 117rem);
    min-width: clamp(102rem, calc(102rem + 16 * ((100vw - 390rem) / (1176 - 390))), 118rem);
    height: clamp(48rem, calc(48rem + 7 * ((100vw - 390rem) / (1176 - 390))), 55rem);
    position: relative
}

.header__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.header__logo img:nth-child(2) {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.header__btn {
    padding: clamp(7rem, calc(7rem + 5 * ((100vw - 390rem) / (1176 - 390))), 12rem) clamp(16rem, calc(16rem + 14 * ((100vw - 390rem) / (1176 - 390))), 30rem)
}

.header__bg {
    display: none
}

.menu {
    padding-right: 40rem;
    margin-right: 40rem;
    border-right: 1rem solid #18191c
}

.menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40rem
}

.menu-item__link {
    color: #18191c;
    font-size: 16rem;
    line-height: 24rem;
    letter-spacing: .16rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .menu-item__link:hover {
        color:#f36621
    }
}

@media(hover: none) {
    .menu-item__link:active {
        color:#f36621
    }
}

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

.heading__inner {
    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;
    min-height: 100vh;
    padding: clamp(30rem, calc(30rem + 60 * ((100vw - 390rem) / (1176 - 390))), 90rem) 0
}

.heading__titling {
    max-width: 620rem;
    margin-bottom: 24rem
}

.heading__text {
    color: #fff;
    font-size: 20rem;
    line-height: 28rem;
    letter-spacing: .16rem;
    font-weight: 600
}

@media(hover: hover) {
    .heading .search__btn:hover {
        color:#fff
    }
}

@media(hover: none) {
    .heading .search__btn:active {
        color:#fff
    }
}

.heading-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

.heading-bg::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), color-stop(52.4%, rgba(0, 0, 0, 0))),-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0.16)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 52.4%),-o-linear-gradient(bottom, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 52.4%),linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16))
}

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

.heading-bg img:nth-child(2) {
    display: none
}

.messengers {
    position: fixed;
    bottom: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    right: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    z-index: 10
}

.messengers-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12rem
}

.messengers-item__link {
    width: 56rem;
    height: 56rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-box-shadow: 0rem 10rem 15rem -3rem rgba(0,0,0,.1),0rem 4rem 6rem -4rem rgba(0,0,0,.1);
    box-shadow: 0rem 10rem 15rem -3rem rgba(0,0,0,.1),0rem 4rem 6rem -4rem rgba(0,0,0,.1)
}

.messengers-item svg {
    width: 20rem;
    height: 20rem
}

.messengers-item--green .messengers-item__link {
    background: #28a71b
}

.messengers-item--blue .messengers-item__link {
    background: #2563eb
}

.catalog {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.catalog__titling {
    display: none
}

.catalog-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24rem;
    margin-bottom: clamp(16rem, calc(24rem - 8 * ((100vw - 390rem) / (1176 - 390))), 24rem)
}

.paging {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16rem
}

.paging-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6rem;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: .16rem;
    color: #35373c;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .paging-arrow:hover {
        color:#f36621
    }

    .paging-arrow:hover .paging__arrow-icon path {
        fill: #f36621
    }
}

@media(hover: none) {
    .paging-arrow:active {
        color:#f36621
    }

    .paging-arrow:active .paging__arrow-icon path {
        fill: #f36621
    }
}

.paging-arrow--disabled {
    pointer-events: none;
    color: #bbb
}

.paging-arrow__icon {
    width: 10rem;
    min-width: 10rem;
    height: 10rem
}

.paging-arrow__icon--mob {
    display: none
}

.paging-arrow__icon path {
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

.paging-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paging-item {
    font-size: 12rem;
    line-height: 12rem;
    width: 30rem;
    height: 30rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paging-item span {
    color: #f36621
}

.paging-item__link {
    font-size: 14rem;
    line-height: 14rem;
    width: 30rem;
    height: 30rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #35373c;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .paging-item__link:hover {
        color:#f36621
    }
}

@media(hover: none) {
    .paging-item__link:active {
        color:#f36621
    }
}

.poster {
    width: 100%;
    border-radius: 0 0 24rem 24rem;
    overflow: hidden;
    height: clamp(400rem, calc(400rem + 100 * ((100vw - 390rem) / (1176 - 390))), 500rem);
    max-width: 1920rem;
    margin-left: auto;
    margin-right: auto
}

.poster__inner {
    position: relative
}

.poster-img {
    width: 100%;
    height: 100%
}

.poster-img__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.poster-img__image:nth-child(2) {
    display: none
}

.poster-icon {
    position: absolute;
    right: 0;
    bottom: 16rem;
    border-radius: clamp(8rem, calc(8rem + 8 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    background: rgba(24,25,28,.4);
    width: clamp(80rem, calc(80rem + 80 * ((100vw - 390rem) / (1176 - 390))), 160rem);
    height: clamp(80rem, calc(80rem + 80 * ((100vw - 390rem) / (1176 - 390))), 160rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.poster-icon__image {
    width: clamp(55rem, calc(55rem + 55 * ((100vw - 390rem) / (1176 - 390))), 110rem);
    height: clamp(55rem, calc(55rem + 55 * ((100vw - 390rem) / (1176 - 390))), 110rem);
    -o-object-fit: contain;
    object-fit: contain
}

.information {
    padding: clamp(32rem, calc(32rem + 32 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0 clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem)
}

.information__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
    gap: 32rem
}

.information-body__titling {
    margin-bottom: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem)
}

.stats {
    margin-bottom: clamp(24rem, calc(32rem - 8 * ((100vw - 390rem) / (1176 - 390))), 32rem)
}

.stats-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    padding-bottom: 16rem;
    border-bottom: 1rem solid #e7e7e7
}

.stats-item {
    padding-right: 24rem;
    border-right: 1rem solid #e7e7e7
}

.stats-item:last-child {
    padding-right: unset;
    border-right: unset
}

.stats-item__text {
    color: #18191c;
    font-size: clamp(24rem, calc(24rem + 4 * ((100vw - 390rem) / (1176 - 390))), 28rem);
    line-height: 29rem;
    font-weight: 600;
    letter-spacing: .18rem
}

.stats-item__subtext {
    color: #6d6e70;
    font-size: 16rem;
    line-height: 24rem;
    letter-spacing: .14rem
}

.description__title {
    margin-bottom: 24rem;
    color: #222;
    font-size: clamp(24rem, calc(24rem + 1 * ((100vw - 390rem) / (1176 - 390))), 25rem);
    line-height: 32rem
}

.information-body__description p, .description__text {
    margin-bottom: 16rem;
    font-size: 16rem;
    line-height: 24rem;
    letter-spacing: .14rem;
    color: #35373c
}

.description__text:last-child {
    margin-bottom: unset
}

.info__inner {
    padding: 20rem;
    background: #f7f7f5;
    border-radius: 8rem;
    margin-bottom: 8rem
}

.info__suptext {
    color: #222;
    margin-bottom: 12rem;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: 1rem
}

.info__link {
    font-weight: 500;
    border-radius: 8rem;
    font-size: 16rem;
    padding: 13rem;
    line-height: 22rem
}

.info__link svg {
    width: 16rem;
    height: 16rem
}

.info-item {
    padding: 12rem 0;
    border-bottom: 1rem solid #e7e7e7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.info-item:last-child {
    border-bottom: unset;
    padding-bottom: unset
}

.info-item__text {
    color: #6d6e70;
    font-size: 16rem;
    line-break: 24rem;
    letter-spacing: .14rem
}

.info-item__subtext {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8rem;
    color: #222;
    font-size: 16rem;
    line-height: 24rem;
    letter-spacing: .14rem
}

.info-item__subtext svg {
    width: 18rem;
    min-width: 18rem;
    height: 18rem
}

.photos {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.photos__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(15rem, calc(15rem + 5 * ((100vw - 390rem) / (1176 - 390))), 20rem)
}

.photo {
    border-radius: clamp(6rem, calc(6rem + 2 * ((100vw - 390rem) / (1176 - 390))), 8rem);
    overflow: hidden;
    position: relative;
    width: 100%;
    height: clamp(160rem, calc(160rem + 55 * ((100vw - 390rem) / (1176 - 390))), 215rem)
}

.photo--big {
    height: clamp(350rem, calc(350rem + 100 * ((100vw - 390rem) / (1176 - 390))), 450rem)
}

@media(hover: hover) {
    .photo:hover .photo__img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media(hover: none) {
    .photo:active .photo__img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.photo:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/3/3
}

.photo:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1/3/2/4
}

.photo:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 1/4/2/5
}

.photo:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 2/3/3/4
}

.photo:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 2/4/3/5
}

.photo__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.photo--more::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4)
}

.photo__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(6rem, calc(6rem + 4 * ((100vw - 390rem) / (1176 - 390))), 10rem);
    color: #fff;
    font-size: clamp(12rem, calc(12rem + 4 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(12rem, calc(12rem + 4 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.photo__link span {
    width: clamp(34rem, calc(34rem + 11 * ((100vw - 390rem) / (1176 - 390))), 45rem);
    height: clamp(34rem, calc(34rem + 11 * ((100vw - 390rem) / (1176 - 390))), 45rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background: #fff
}

.photo__link span svg {
    width: clamp(11rem, calc(11rem + 6 * ((100vw - 390rem) / (1176 - 390))), 17rem);
    height: clamp(8rem, calc(8rem + 5 * ((100vw - 390rem) / (1176 - 390))), 13rem)
}

.plan {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.plan__titling {
    margin-bottom: clamp(24rem, calc(24rem + 36 * ((100vw - 390rem) / (1176 - 390))), 60rem)
}

.plan-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25rem
}

.plan-item__percent {
    padding-bottom: clamp(8rem, calc(8rem + 12 * ((100vw - 390rem) / (1176 - 390))), 20rem);
    margin-bottom: clamp(8rem, calc(8rem + 12 * ((100vw - 390rem) / (1176 - 390))), 20rem);
    color: #222;
    font-size: clamp(32rem, calc(32rem + 8 * ((100vw - 390rem) / (1176 - 390))), 40rem);
    line-height: 48rem;
    position: relative
}

.plan-item__percent::before {
    content: "";
    width: 100%;
    height: 3rem;
    background: #d55f25;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3rem
}

.plan-item__text {
    color: #6d6e70;
    font-size: 16rem;
    line-height: 24rem
}

.banner {
    position: relative;
    z-index: 1;
    max-width: 1920rem;
    margin-left: auto;
    margin-right: auto
}

.banner--search .banner__titling {
    margin-bottom: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    max-width: 920rem
}

.banner--search .search {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: unset
}

.banner--search .banner__inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 32rem
}

@media(hover: hover) {
    .banner--search .search__btn:hover {
        color:#fff
    }
}

@media(hover: none) {
    .banner--search .search__btn:active {
        color:#fff
    }
}

.banner--search .banner__inner {
    height: clamp(400rem, calc(480rem - 80 * ((100vw - 390rem) / (1176 - 390))), 480rem)
}

.banner__inner {
    height: 400rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner__titling {
    max-width: 842rem
}

.banner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 0 0 24rem 24rem;
    overflow: hidden
}

.banner-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(77.53%, rgba(0, 0, 0, 0.2))),-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0.16)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 77.53%),-o-linear-gradient(bottom, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 77.53%),linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16))
}

.banner-bg__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner-bg__img:nth-child(2) {
    display: none
}

.about {
    padding: clamp(48rem, calc(48rem + 42 * ((100vw - 390rem) / (1176 - 390))), 90rem) 0;
    background: #f4f8fb
}

.about__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(24rem, calc(24rem + 6 * ((100vw - 390rem) / (1176 - 390))), 30rem)
}

.about-img {
    width: 100%;
    max-width: 504rem;
    height: clamp(280rem, calc(280rem + 120 * ((100vw - 390rem) / (1176 - 390))), 400rem);
    border-radius: 8rem;
    overflow: hidden
}

.about-img__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-body {
    max-width: 528rem
}

.about-body__titling {
    margin-bottom: clamp(16rem, calc(16rem + 16 * ((100vw - 390rem) / (1176 - 390))), 32rem)
}

.about-body .titling__title {
    margin-bottom: clamp(16rem, calc(16rem + 16 * ((100vw - 390rem) / (1176 - 390))), 32rem)
}

.about-body .titling__title:last-child {
    margin-bottom: unset
}

.about-body .titling__text {
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: .14rem
}

.about-body__link {
    width: 100%;
    font-weight: 400;
    max-width: 280rem;
    border-radius: 8rem;
    line-height: 24rem;
    padding: 12rem
}

.resellers {
    padding-top: 48rem;
    padding-bottom: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem);
    max-width: 1920rem;
    margin-left: auto;
    margin-right: auto
}

.resellers__inner {
    padding-top: 48rem;
    padding-bottom: 48rem;
    position: relative;
    z-index: 1
}

.resellers__titling {
    margin-bottom: 24rem
}

.resellers-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    border-radius: 16rem
}

.resellers-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(77.53%, rgba(0, 0, 0, 0.2))),-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0.16)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 77.53%),-o-linear-gradient(bottom, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 77.53%),linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16))
}

.resellers-bg__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.resellers-bg__img:nth-child(2) {
    display: none
}

.resellers-bg__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.resellers-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16rem
}

.resellers-item {
    background: #fff;
    border-radius: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: clamp(74rem, calc(74rem + 8 * ((100vw - 390rem) / (1176 - 390))), 82rem)
}

.resellers-img__img {
    width: 100%;
    max-width: clamp(80rem, calc(80rem + 45 * ((100vw - 390rem) / (1176 - 390))), 125rem);
    height: clamp(40rem, calc(40rem + 10 * ((100vw - 390rem) / (1176 - 390))), 50rem);
    -o-object-fit: contain;
    object-fit: contain
}

.team {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.team__titling {
    margin-bottom: clamp(32rem, calc(32rem + 32 * ((100vw - 390rem) / (1176 - 390))), 64rem);
    max-width: 556rem
}

.team__titling .titling__title {
    margin-bottom: clamp(8rem, calc(8rem + 8 * ((100vw - 390rem) / (1176 - 390))), 16rem)
}

.team__titling .titling__title:last-child {
    margin-bottom: unset
}

.team__link {
    max-width: 320rem;
    margin-left: auto;
    margin-right: auto;
    padding: 13rem
}

.team-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32rem;
    margin-bottom: 32rem
}

.team-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.5fr;
    grid-template-columns: 1fr 1.5fr;
    border-radius: 12rem;
    overflow: hidden
}

.team-img {
    height: 100%;
    min-height: clamp(300rem, calc(300rem + 150 * ((100vw - 390rem) / (1176 - 390))), 450rem);
    background: #dee8ef;
    position: relative;
    overflow: hidden
}

.team-img__image {
    width: clamp(328rem, calc(328rem + 46 * ((100vw - 390rem) / (1176 - 390))), 374rem);
    height: clamp(421rem, calc(421rem + 58 * ((100vw - 390rem) / (1176 - 390))), 479rem);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: clamp(-120rem, calc(-120rem + 85 * ((100vw - 390rem) / (1176 - 390))), -35rem);
    width: auto;
    height: 100%;
}

.team-img__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.team-body {
    padding: clamp(16rem, calc(16rem + 16 * ((100vw - 390rem) / (1176 - 390))), 32rem);
    background-color: rgba(240,243,248,.4)
}

.team-head {
    margin-bottom: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem)
}

.team-head__name {
    color: #0a0a0a;
    margin-bottom: 4rem;
    font-size: clamp(24rem, calc(24rem + 8 * ((100vw - 390rem) / (1176 - 390))), 32rem);
    line-height: 36rem;
    font-weight: 700;
    font-family: "Poppins",sans-serif
}

.team-head__position {
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(21rem, calc(21rem + 7 * ((100vw - 390rem) / (1176 - 390))), 28rem);
    color: #171717;
    font-family: "Poppins",sans-serif
}

.tags {
    margin-bottom: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem)
}

.tags__title {
    margin-bottom: 12rem;
    font-weight: 700;
    color: #18191c;
    font-size: clamp(12rem, calc(12rem + 4 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: 24rem;
    letter-spacing: .16rem
}

.tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(6rem, calc(6rem + 2 * ((100vw - 390rem) / (1176 - 390))), 8rem);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tags-list__item {
    border: 1rem solid #e1e8ed;
    border-radius: 9999rem;
    color: #18191c;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: .16rem;
    padding: 2rem 12rem
}

.expertise__title {
    margin-bottom: 12rem;
    color: #18191c;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 700;
    letter-spacing: .16rem
}

.expertise-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12rem
}

.expertise-list__item {
    color: #35373c;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: .14rem;
    position: relative;
    padding-left: 16rem
}

.expertise-list__item::before {
    content: "";
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    background: #abb5bc;
    position: absolute;
    left: 0;
    top: 8rem
}

.licenses {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.licenses__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(24rem, calc(24rem + 6 * ((100vw - 390rem) / (1176 - 390))), 30rem)
}

.licenses-body {
    max-width: 496rem
}

.licenses-body__titling {
    margin-bottom: 24rem
}

.licenses-body .titling__title {
    margin-bottom: clamp(8rem, calc(8rem + 16 * ((100vw - 390rem) / (1176 - 390))), 24rem)
}

.licenses-body .titling__title:last-child {
    margin-bottom: unset
}

.licenses-body .titling__text {
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: .14rem
}

.licenses-body .tiles-item__icon {
    margin-bottom: clamp(16rem, calc(16rem + 16 * ((100vw - 390rem) / (1176 - 390))), 32rem)
}

.licenses-img {
    border-radius: 12rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: clamp(300rem, calc(300rem + 350 * ((100vw - 390rem) / (1176 - 390))), 650rem)
}

.licenses-img__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.licenses-img__img:nth-child(2) {
    display: none
}

.news {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.news-items {
    margin-bottom: 32rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32rem
}

.news-item {
    border: 1rem solid #e1e8ed;
    border-radius: 8rem;
    overflow: hidden
}

.news-body {
    padding: 24rem
}

.news-body__title {
    margin-bottom: 12rem;
    color: #18191c;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 700;
    letter-spacing: .18rem
}

.news-body__text {
    margin-bottom: 16rem;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: .14rem;
    color: #35373c
}

.news-body__link {
    font-size: 14rem;
    line-height: 22rem
}

.news-img {
    overflow: hidden;
    width: 100%;
    height: 200rem
}

.news-img__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news-head {
    margin-bottom: 12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8rem
}

.news-head__date {
    color: #737373;
    font-size: 14rem;
    line-height: 21rem;
    position: relative;
    padding-right: 14rem
}

.news-head__date::after {
    opacity: 0;
    content: "";
    position: absolute;
    right: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    background: #737373;
    border-radius: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.news-head__by {
    color: #737373;
    font-size: 14rem;
    line-height: 21rem
}

.breadcrumbs {
    padding-top: 24rem;
    margin-bottom: 32rem
}

.breadcrumbs__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30rem
}

.breadcrumbs__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10rem;
    font-family: "Poppins",sans-serif;
    color: #18191c;
    font-size: 16rem;
    line-height: 24rem;
    letter-spacing: -0.4rem;
    font-weight: 600
}

.breadcrumbs__back svg {
    width: 14rem;
    min-width: 14rem;
    height: 14rem
}

.breadcrumbs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4rem
}

.breadcrumbs-item {
    color: #262527;
    font-size: 14rem;
    line-height: 20rem;
    font-family: "Poppins",sans-serif
}

.breadcrumbs-item:last-child .breadcrumbs-item__link {
    white-space: unset
}

.breadcrumbs-item__link {
    color: rgba(38,37,39,.6);
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.article {
    margin-bottom: 24rem
}

.article__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32rem
}

.article__inner div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32rem
}

.article__inner div div {
    display: block;
    max-width: 860rem;
    margin-left: auto;
    margin-right: auto
}

.article p {
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(21rem, calc(21rem + 3 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    letter-spacing: .16rem;
    color: #18191c;
    margin-bottom: 10rem
}

.article p:last-child {
    margin-bottom: unset
}

.article h1 {
    max-width: 760rem;
    text-align: center;
    font-size: clamp(24rem, calc(24rem + 16 * ((100vw - 390rem) / (1176 - 390))), 40rem);
    line-height: clamp(31rem, calc(31rem + 21 * ((100vw - 390rem) / (1176 - 390))), 52rem);
    color: #000;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    font-family: "Poppins",sans-serif
}

.article h1+p {
    text-align: center;
    max-width: 760rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 16rem;
    line-height: 24rem;
    letter-spacing: .16rem
}

.article img {
    width: 100%;
    height: clamp(285rem, calc(285rem + 365 * ((100vw - 390rem) / (1176 - 390))), 650rem);
    border-radius: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    -o-object-fit: cover;
    object-fit: cover
}

.article h2 {
    margin-bottom: 16rem;
    font-size: clamp(18rem, calc(18rem + 6 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    line-height: clamp(27rem, calc(27rem + 9 * ((100vw - 390rem) / (1176 - 390))), 36rem);
    color: #18191c;
    font-weight: 600;
    letter-spacing: -0.4rem
}

.article h2:last-child {
    margin-bottom: unset
}

.article ul {
    padding-left: clamp(0rem, calc(0rem + 10 * ((100vw - 390rem) / (1176 - 390))), 10rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10rem
}

.article ul li {
    padding-left: 20rem;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(21rem, calc(21rem + 3 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    letter-spacing: .16rem;
    color: #18191c;
    position: relative
}

.article ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: clamp(8rem, calc(8rem + 2 * ((100vw - 390rem) / (1176 - 390))), 10rem);
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    background: #1f2937
}

.search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16rem;
    margin-bottom: 24rem
}

.search__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 615rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 8rem
}

.search__btn {
    width: 100%;
    max-width: 121rem
}

.search-find {
    position: relative;
    width: 100%;
    max-width: 270rem
}

.search-find__btn {
    position: absolute;
    left: 16rem;
    width: 16rem;
    height: 16rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.search-find__btn svg {
    width: 100%;
    height: 100%
}

.search-find__input {
    padding: 14rem 16rem 14rem 40rem;
    border-radius: 8rem 0 0 8rem;
    color: #35373c;
    font-size: 14rem;
    line-height: 18rem;
    width: 100%;
    max-width: 269rem
}

.search-find__input::-webkit-input-placeholder {
    color: #757575;
    font-size: 14rem;
    line-height: 18rem
}

.search-find__input::-moz-placeholder {
    color: #757575;
    font-size: 14rem;
    line-height: 18rem
}

.search-find__input:-ms-input-placeholder {
    color: #757575;
    font-size: 14rem;
    line-height: 18rem
}

.search-find__input::-ms-input-placeholder {
    color: #757575;
    font-size: 14rem;
    line-height: 18rem
}

.search-find__input::placeholder {
    color: #757575;
    font-size: 14rem;
    line-height: 18rem
}

.search-selects {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-selects .select {
    width: 100%;
    max-width: 140rem
}

.search-selects .select:last-child .select-selected {
    border-right: unset
}

.catalog-form {
    padding-bottom: 16rem;
    margin-bottom: 16rem;
    border-bottom: 1rem solid #eee
}

.catalog-form__tubs {
    display: none
}

.catalog-form__button {
    display: none
}

.changes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10rem
}

.change--big .change-list__item {
    padding: 10rem;
    min-width: 159rem
}

.change-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1rem solid #e1e8ed;
    border-radius: 8rem;
    overflow: hidden
}

.change-list__item {
    color: #222;
    border-radius: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 5rem 10rem;
    font-size: 14rem;
    line-height: 20rem;
    letter-spacing: .16rem;
    min-width: 64rem;
    -webkit-transition: background .3s,color .3s;
    -o-transition: background .3s,color .3s;
    transition: background .3s,color .3s;
    cursor: pointer;
    position: relative
}

@media(hover: hover) {
    .change-list__item:hover {
        color:#f36621
    }
}

@media(hover: none) {
    .change-list__item:active {
        color:#f36621
    }
}

.change-list__item input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.change-list__item--active {
    background: #f0f3f8;
    font-weight: 500
}

@media(hover: hover) {
    .change-list__item--active:hover {
        color:#222
    }
}

@media(hover: none) {
    .change-list__item--active:active {
        color:#222
    }
}

.sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8rem
}

.sort__text {
    white-space: nowrap;
    color: #35373c;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: .16rem
}

.filters {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30rem
}

.filters__titling {
    display: none
}

.filters__close {
    display: none
}

.popular {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0;
    background: #fbfbfb
}

.popular__titling {
    margin-bottom: 24rem
}

.popular__titling .titling__title span {
    display: none;
    color: #18191c
}

.popular__tubs {
    margin-bottom: clamp(24rem, calc(24rem + 32 * ((100vw - 390rem) / (1176 - 390))), 56rem)
}

.popular-head {
    display: none
}

.popular-swiper .swiper-wrapper {
    margin-bottom: 16rem
}

.controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30rem
}

.controls__pagination {
    position: unset;
    width: unset;
    color: #757575;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: clamp(21rem, calc(21rem + 5 * ((100vw - 390rem) / (1176 - 390))), 26rem);
    letter-spacing: .16rem
}

.controls .swiper-pagination-current {
    color: #18191c
}

.popular-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8rem
}

.popular-itm {
    border-bottom: 1rem solid #f0f3f8;
    padding-bottom: 8rem
}

.popular-itm__link {
    color: #18191c;
    font-size: clamp(14rem, calc(14rem + 2 * ((100vw - 390rem) / (1176 - 390))), 16rem);
    line-height: 26rem;
    letter-spacing: .16rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .popular-itm__link:hover {
        color:#ff5a3c
    }
}

@media(hover: none) {
    .popular-itm__link:active {
        color:#ff5a3c
    }
}

.plans {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0
}

.plans__titling {
    margin-bottom: clamp(24rem, calc(24rem + 6 * ((100vw - 390rem) / (1176 - 390))), 30rem)
}

.plans-form {
    margin-bottom: clamp(24rem, calc(24rem + 6 * ((100vw - 390rem) / (1176 - 390))), 30rem)
}

.plans-form .change-list__item {
    min-width: 160rem
}

.plans-item {
    padding: clamp(16rem, calc(16rem + 14 * ((100vw - 390rem) / (1176 - 390))), 30rem) 0;
    cursor: pointer;
    overflow: hidden;
    border-bottom: 1rem solid #e7e7e7;
    background: #fff
}

.plans-item--active .plans-item__inner {
    opacity: 1;
    max-height: 1000rem;
    pointer-events: unset;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.plans-item--active .plans-head {
    margin-bottom: 30rem
}

.plans-item--active .plans-head__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.plans-item__inner {
    opacity: 0;
    max-height: 0;
    -webkit-transform: translateY(50rem);
    -ms-transform: translateY(50rem);
    transform: translateY(50rem);
    -webkit-transition: opacity .3s,max-height .3s,-webkit-transform .3s;
    transition: opacity .3s,max-height .3s,-webkit-transform .3s;
    -o-transition: opacity .3s,max-height .3s,transform .3s;
    transition: opacity .3s,max-height .3s,transform .3s;
    transition: opacity .3s,max-height .3s,transform .3s,-webkit-transform .3s;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30rem
}

.plans-item__img {
    width: 100%;
    height: clamp(300rem, calc(300rem + 40 * ((100vw - 390rem) / (1176 - 390))), 340rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plans-item__img img {
    width: clamp(300rem, calc(300rem + 40 * ((100vw - 390rem) / (1176 - 390))), 340rem);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.plans-head {
    padding-left: clamp(16rem, calc(16rem + 8 * ((100vw - 390rem) / (1176 - 390))), 24rem);
    padding-right: clamp(8rem, calc(30rem - 22 * ((100vw - 390rem) / (1176 - 390))), 30rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(30rem, calc(30rem + 10 * ((100vw - 390rem) / (1176 - 390))), 40rem)
}

.plans-head__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: clamp(8rem, calc(8rem + 8 * ((100vw - 390rem) / (1176 - 390))), 16rem)
}

.plans-head__title {
    color: #0a0a0a;
    font-size: 18rem;
    line-height: 20rem;
    font-weight: 600
}

.plans-head__price {
    margin-left: auto
}

.plans-head__arrow {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.plans-head__arrow svg {
    width: 16rem;
    min-width: 16rem;
    height: 16rem
}

.characteristics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24rem
}

.characteristics__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4rem;
    color: #737373;
    font-size: 16rem;
    line-height: 20rem
}

.characteristics__item svg {
    width: 16rem;
    min-width: 16rem;
    height: 16rem
}

.plans-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222;
    font-size: 16rem;
    line-height: 20rem;
    gap: 5rem
}

.plans-body {
    background: #f7f7f5;
    border-radius: 8rem;
    padding: 20rem;
    width: 100%;
    max-width: 340rem
}

.plans-body__suptext {
    margin-bottom: 12rem;
    color: #222;
    font-size: 14rem;
    line-height: 20rem;
    letter-spacing: .7rem
}

.plans-body__link {
    border-radius: 8rem;
    padding: 13rem;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 400
}

.plans-list {
    margin-bottom: 35rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.plans-list__item {
    padding: 12rem 0;
    border-bottom: 1rem solid #e7e7e7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15rem
}

.plans-list__item:last-child {
    padding-bottom: unset;
    border-bottom: unset
}

.plans-list__text {
    color: #6d6e70;
    font-size: 16rem;
    line-height: 24rem
}

.plans-list__subtext {
    color: #222;
    font-size: 16rem;
    line-height: 24rem
}

.plans-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4rem;
    color: #f36621;
    font-size: 16rem;
    line-height: 24rem
}

@media(hover: hover) {
    .plans-list__link:hover span::before {
        width:100%
    }
}

@media(hover: none) {
    .plans-list__link:active span::before {
        width:100%
    }
}

.plans-list__link span {
    position: relative
}

.plans-list__link span::before {
    content: "";
    width: 0;
    height: 1rem;
    background: #f36621;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.plans-list__link svg {
    width: 22rem;
    min-width: 22rem;
    height: 22rem
}

.experts {
    padding: clamp(48rem, calc(48rem + 16 * ((100vw - 390rem) / (1176 - 390))), 64rem) 0;
    background: #f0f3f8
}

.experts__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: clamp(24rem, calc(24rem + 6 * ((100vw - 390rem) / (1176 - 390))), 30rem)
}

.experts__titling {
    margin-bottom: 48rem
}

.experts .application {
    max-width: 540rem
}

.experts-view {
    margin-left: auto;
    background: #dee8ef;
    border-radius: 16rem;
    height: clamp(360rem, calc(360rem + 235 * ((100vw - 390rem) / (1176 - 390))), 595rem);
    width: 100%;
    max-width: 514rem;
    position: relative
}

.experts-view__img {
    position: absolute;
    width: clamp(360rem, calc(360rem + 190 * ((100vw - 390rem) / (1176 - 390))), 550rem);
    height: clamp(400rem, calc(400rem + 250 * ((100vw - 390rem) / (1176 - 390))), 650rem);
    -o-object-fit: contain;
    object-fit: contain;
    bottom: 0;
    left: clamp(-65rem, calc(0rem - 65 * ((100vw - 390rem) / (1176 - 390))), 0rem)
}

.popup .connections {
    border-radius: 16rem;
    width: 100%
}

.menu-item__link {
    position: relative;
    padding-bottom: 3px;
}

.menu-item__link:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #f36621;
    transition: 0.3s;
}
.menu-item__link:hover:after {
    width: 100%;
}

/*@media(min-width: 1200px){html{font-size:.05209vw}}*/
@media(max-width: 1200px) {
    .container {
        max-width:1028rem
    }

    .header__inner {
        gap: 20rem
    }

    .header__wrapper {
        position: fixed;
        width: 100%;
        height: 100svh;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 100;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        pointer-events: none;
        padding: 85rem 16rem 32rem 16rem
    }

    .menu {
        padding-right: unset;
        margin-right: unset
    }

    .menu-list {
        gap: 20rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .menu-item__link {
        font-size: 20rem;
        line-height: 26rem;
        letter-spacing: .16rem;
        text-align: right
    }

    .menu-item--active .menu-item__link {
        color: #f36621;
    }

    .header__logo {
        z-index: 101
    }

    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 24rem;
        min-width: 24rem;
        height: 24rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5rem;
        z-index: 101;
        position: relative;
        cursor: pointer
    }

    .burger span {
        background: #18191c;
        width: 18rem;
        height: 1rem;
        -webkit-transition: opacity .3s,background .3s,-webkit-transform .3s;
        transition: opacity .3s,background .3s,-webkit-transform .3s;
        -o-transition: transform .3s,opacity .3s,background .3s;
        transition: transform .3s,opacity .3s,background .3s;
        transition: transform .3s,opacity .3s,background .3s,-webkit-transform .3s;
        border-radius: 999rem
    }

    .header__btn {
        z-index: 101;
        position: relative;
        margin-left: auto
    }

    .menu {
        border-right: unset
    }

    .header--transparent .menu-item__link {
        color: #18191c
    }

    .header--transparent .menu {
        border-right: unset
    }

    .header--transparent .burger span {
        background: #fff
    }

    .header__bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        z-index: -1
    }

    .body--active {
        overflow: hidden
    }

    .body--active .header__btn {
        color: #18191c;
        border: 1rem solid #18191c
    }

    .body--active .header__wrapper {
        opacity: 1;
        pointer-events: unset
    }

    .body--active .header--transparent .burger span {
        background: #18191c
    }

    .body--active .header--transparent .header__logo img:nth-child(1) {
        opacity: 0
    }

    .body--active .header--transparent .header__logo img:nth-child(2) {
        opacity: 1
    }

    .body--active .burger span:nth-child(1) {
        -webkit-transform: rotate(45deg) translateY(5rem) translateX(3rem);
        -ms-transform: rotate(45deg) translateY(5rem) translateX(3rem);
        transform: rotate(45deg) translateY(5rem) translateX(3rem)
    }

    .body--active .burger span:nth-child(2) {
        opacity: 0
    }

    .body--active .burger span:nth-child(3) {
        -webkit-transform: rotate(-45deg) translateY(-5rem) translateX(3rem);
        -ms-transform: rotate(-45deg) translateY(-5rem) translateX(3rem);
        transform: rotate(-45deg) translateY(-5rem) translateX(3rem)
    }

    .tiles-items--grid-4 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .tiles-items--grid-3 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .catalog-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .news-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .header {
        position: fixed;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 100;
        width: 100%
    }

    .body--scroll .header__btn {
        /* color:#18191c; */
        /* border:1rem solid #18191c; */
    }

    .body--scroll .header--transparent {
        /* background:#fff; */
    }

    .body--scroll .header--transparent .burger span {
        /* background:#18191c; */
    }

    .body--scroll .header--transparent .header__logo img:nth-child(1) {
        /* opacity:0; */
    }

    .body--scroll .header--transparent .header__logo img:nth-child(2) {
        /* opacity:1; */
    }

    .block--first {
        margin-top: clamp(63rem, calc(63rem + 25 * ((100vw - 390rem) / (1176 - 390))), 88rem)
    }
}

@media(max-width: 992px) {
    .container {
        max-width:798rem
    }

    .newsletters-form__inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .newsletters-form__btn {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 2/1/3/3;
        max-width: unset
    }

    .catalog-form {
        padding-bottom: unset;
        border-bottom: unset;
        margin-bottom: 32rem
    }

    .catalog-form__tubs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .catalog__titling {
        display: block;
        margin-bottom: 24rem
    }

    .plans-head__inner {
        -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
    }

    .plans-price {
        margin-left: unset
    }

    .filters {
        position: fixed;
        width: 100%;
        height: 100svh;
        overflow: scroll;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 100;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        pointer-events: none;
        padding: 16rem;
        background: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24rem;
        z-index: 102
    }

    .filters .change {
        -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
    }

    .filters .sort {
        -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
    }

    .filters .changes {
        -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
    }

    .filters .filters__titling {
        display: block
    }

    .filters__close {
        display: block;
        position: absolute;
        top: 16rem;
        right: 16rem
    }

    .catalog-form__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 46rem;
        min-width: 46rem;
        height: 46rem;
        background: #f36621;
        border-radius: 8rem;
        cursor: pointer
    }

    .catalog-form__button svg {
        width: 14rem;
        height: 14rem
    }

    .catalog-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 30rem
    }

    .filters--active {
        overflow: hidden
    }

    .filters--active .filters {
        opacity: 1;
        pointer-events: unset
    }
}

@media(max-width: 768px) {
    .container {
        max-width:580rem
    }

    .heading__titling {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .heading__titling .titling__text {
        max-width: clamp(350rem, calc(350rem + 150 * ((100vw - 390rem) / (1176 - 390))), 500rem)
    }

    .heading__titling .titling__text span {
        display: none
    }

    .search__btn {
        display: none
    }

    .search__inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        background: unset;
        gap: 12rem
    }

    .search-find__input {
        max-width: 100%;
        border-radius: 8rem;
        padding: 16rem 60rem 16rem 16rem
    }

    .search-find__btn {
        left: unset;
        right: 1rem;
        width: 46rem;
        background: #f36621;
        border-radius: 8rem;
        height: 46rem;
        pointer-events: unset
    }

    .search-find__btn svg {
        width: 16rem;
        height: 16rem
    }

    .search-find__btn svg path {
        stroke: #fff
    }

    .search-find {
        width: 100%
    }

    .search-selects {
        gap: 15rem;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .search-selects .select {
        max-width: 100%;
        background: #fff;
        border-radius: 8rem
    }

    .select--small .select-items div,.select--small .select-selected {
        padding: 13rem 40rem 13rem 16rem
    }

    .select--small .select-selected {
        border-right: unset
    }

    .heading__text {
        display: none
    }

    .search {
        margin-bottom: unset
    }

    .header--transparent {
        border-bottom: 1rem solid rgba(255,255,255,.3)
    }

    .heading__inner {
        min-height: 100svh
    }

    .partners-titling {
        display: none
    }

    .partners-swiper {
        margin-left: -16rem;
        margin-right: -16rem;
        width: calc(100% + 32rem)
    }

    .offers-head__link {
        display: none
    }

    .offers__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 200rem;
        margin-left: auto;
        margin-right: auto
    }

    .offers-swiper {
        margin-bottom: 24rem
    }

    .offers-swiper .swiper-wrapper {
        margin-bottom: 16rem
    }

    .offers-swiper__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: unset
    }

    .recalls-swiper__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: unset
    }

    .video {
        padding-bottom: 40rem;
        background: #f0f3f8
    }

    .video-head__text {
        display: none
    }

    .video__subtext {
        display: inline
    }

    .video-head__inner {
        display: block
    }

    .video__inner {
        margin-bottom: 40rem
    }

    .connections__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .recalls-head__link {
        display: none
    }

    .recalls__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 167rem;
        margin-left: auto;
        margin-right: auto
    }

    .recalls-swiper {
        margin-bottom: 24rem
    }

    .recalls-swiper .swiper-wrapper {
        margin-bottom: 16rem
    }

    .popular__tubs {
        display: none
    }

    .popular__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16rem
    }

    .popular-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-grid-row: 30;
        grid-area: 30rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: unset;
        -webkit-transition: margin-bottom .3s;
        -o-transition: margin-bottom .3s;
        transition: margin-bottom .3s;
        cursor: pointer
    }

    .popular-head svg {
        width: 12rem;
        min-width: 12rem;
        height: 12rem;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .popular-head__text {
        color: #18191c;
        font-size: 14rem;
        line-height: 14rem;
        font-weight: 600;
        text-transform: uppercase
    }

    .popular-item {
        display: block
    }

    .popular-swiper {
        opacity: 0;
        max-height: 0;
        -webkit-transform: translateY(50rem);
        -ms-transform: translateY(50rem);
        transform: translateY(50rem);
        -webkit-transition: opacity .3s,max-height .3s,-webkit-transform .3s;
        transition: opacity .3s,max-height .3s,-webkit-transform .3s;
        -o-transition: opacity .3s,max-height .3s,transform .3s;
        transition: opacity .3s,max-height .3s,transform .3s;
        transition: opacity .3s,max-height .3s,transform .3s,-webkit-transform .3s;
        pointer-events: none
    }

    .popular-item {
        padding-bottom: 16rem;
        border-bottom: 1rem solid #f0f3f8
    }

    .popular-item--active .popular-head svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .popular-item--active .popular-head {
        margin-bottom: 16rem
    }

    .popular-item--active .popular-swiper {
        opacity: 1;
        max-height: 1000rem;
        pointer-events: unset;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .popular-itm:last-child {
        border-bottom: unset;
        padding-bottom: unset
    }

    .newsletters__inner {
        -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
    }

    .newsletters-form__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .newsletters-form__btn {
        grid-area: unset
    }

    .footer-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-top__logo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .footer-info {
        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: center;
        -ms-flex-align: center;
        align-items: center
    }

    .search-find {
        max-width: unset
    }

    .catalog-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .catalog-items {
        gap: 32rem
    }

    .paging-list {
        background: #f0f3f8;
        border-radius: 8rem
    }

    .paging-item {
        width: 40rem;
        font-size: 16rem;
        line-height: 24rem;
        font-weight: 500;
        height: 40rem
    }

    .paging-item span {
        width: 100%;
        height: 100%;
        border-radius: 8rem;
        color: #fff;
        background: #f36621;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .paging-arrow {
        width: 40rem;
        height: 40rem;
        border-radius: 8rem;
        background: #f0f3f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .paging-arrow span {
        display: none
    }

    .paging-arrow__icon {
        display: none;
        width: 24rem;
        height: 24rem
    }

    .paging-arrow__icon--mob {
        display: block
    }

    .paging-item--mob-hidden {
        display: none
    }

    .poster-icon {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        right: unset
    }

    .information__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .stats-list {
        -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
    }

    .stats-item {
        padding-right: unset;
        width: 100%;
        border-right: unset;
        padding-bottom: 16rem;
        border-bottom: 1rem solid #e7e7e7
    }

    .stats-item:first-child {
        padding-top: 16rem;
        border-top: 1rem solid #e7e7e7
    }

    .stats-list {
        padding-bottom: unset;
        border-bottom: unset
    }

    .photo--big {
        display: none
    }

    .photos__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .photos .photo {
        grid-area: unset
    }

    .plans-item__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plans-body {
        max-width: 100%
    }

    .video--simple {
        padding-bottom: unset;
        background: unset
    }

    .plan-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .plan-item:last-child {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 2/1/3/3
    }

    .popular__titling .titling__title span {
        display: block
    }

    .about__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .about__img {
        max-width: 100%
    }

    .about-body {
        max-width: 100%
    }

    .resellers-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .team-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .licenses__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .licenses-img {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .team-img {
        height: clamp(300rem, calc(300rem + 150 * ((100vw - 390rem) / (1176 - 390))), 450rem)
    }

    .team__link {
        max-width: 100%
    }

    .licenses-img {
        height: clamp(300rem, calc(300rem + 350 * ((100vw - 390rem) / (1176 - 390))), 650rem)
    }

    .experts__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .experts-view {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        max-width: 100%
    }

    .experts-body {
        max-width: 100%
    }

    .card-list {
        width: unset;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 4rem 16rem
    }
}

@media(max-width: 550px) {
    .heading-bg img:nth-child(1) {
        display:none
    }

    .heading-bg img:nth-child(2) {
        display: block
    }

    .tiles-items--grid-4 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .tiles-items--grid-3 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .contacts-item {
        /*display:none;*/
        padding-bottom: unset;
        border-bottom: unset
    }

    .contacts-item:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .contacts-item__icon {
        width: 24rem;
        height: 24rem;
        border-radius: unset;
        background: unset;
        border: unset
    }

    .contacts-item__icon svg {
        width: 20rem;
        height: 20rem
    }

    .contacts-item__title {
        display: none
    }

    .contacts-item__link span {
        color: #18191c
    }

    .contacts-item__link span::before {
        background: #18191c
    }

    .application__text a {
        text-decoration: underline
    }

    .application__text a::before {
        content: unset
    }

    .recall__text {
        -webkit-line-clamp: 4
    }

    .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .banner-bg__img:nth-child(1) {
        display: none
    }

    .banner-bg__img:nth-child(2) {
        display: block
    }

    .titling__title br {
        display: none
    }

    .poster-img__image:nth-child(1) {
        display: none
    }

    .poster-img__image:nth-child(2) {
        display: block
    }

    .banner__titling {
        background: rgba(255,255,255,.24);
        border-radius: 8rem;
        -webkit-backdrop-filter: blur(2rem);
        backdrop-filter: blur(2rem);
        padding: 12rem 8rem
    }

    .banner--search .banner__titling {
        padding: unset;
        background: unset;
        border-radius: unset;
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset
    }

    .banner__inner {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 32rem
    }

    .licenses-img__img:nth-child(1) {
        display: none
    }

    .licenses-img__img:nth-child(2) {
        display: block
    }

    .news-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .connections__titling .titling__text br {
        display: none
    }
}

@media(max-width: 400px) {
    .card-list {
        width:100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 4rem
    }
}

.page-view {
    padding: 48px 0;
}

.page-view h1 {
    font-size: 2.6666667em;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: .8333333em;
    line-height: 1;
}

.page-view h2 {
    font-size: 30px;
    font-weight: 700;
    font-size: 1.6666667em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333;
}

.page-view p {
    font-size: 18px;
    margin: 24px 0;
    color: rgb(115, 115, 115);
    line-height: 1.5;
}

.page-view li {
    font-size: 18px;
    color: rgb(115, 115, 115);
    line-height: 1.5;
}

.heading-bg video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cover__swiper {
    width: 100%;
    height: 100%;
}

.tiles-item:hover {
    background: #f36621;
    border: 1rem solid #e1e8ed
}

.tiles-item:hover .tiles-item__title {
    color: #fff
}

.tiles-item:hover .tiles-item__text {
    color: #fff
}

.tiles-item:hover .tiles-item__icon {
    margin-bottom: 32rem
}

.tiles-item:hover .tiles-item__icon img {
    filter: brightness(0) invert(1);
}

.tiles-item:hover .tiles-item__icon svg {
    width: 64rem;
    height: 64rem
}

.water-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: none;
}

.video--active .water-logo {
    display: block;
}

.card:hover {
    border-color: #CAD1D5;
}

.card:active {
    border-color: #AAAAAA;
}

.information-body__description h1 {
    font-size: 32rem;
    line-height: 40rem;
    font-weight: 700;
    margin-bottom: 24rem;
    color: #35373c;
}

.information-body__description h2 {
    font-size: 24rem;
    line-height: 32rem;
    font-weight: 700;
    margin-bottom: 20rem;
    color: #35373c;
}

.information-body__description h3 {
    font-size: 20rem;
    line-height: 28rem;
    font-weight: 600;
    margin-bottom: 16rem;
    color: #35373c;
}

.information-body__description h4 {
    font-size: 18rem;
    line-height: 24rem;
    font-weight: 600;
    margin-bottom: 12rem;
    color: #35373c;
}

.information-body__description h5 {
    font-size: 16rem;
    line-height: 22rem;
    font-weight: 600;
    margin-bottom: 8rem;
    color: #35373c;
}

.information-body__description h6 {
    font-size: 14rem;
    line-height: 20rem;
    font-weight: 600;
    margin-bottom: 8rem;
    color: #35373c;
}

.information-body__description ul, .information-body__description ol {
    margin-bottom: 16rem;
    padding-left: 24rem;
    font-size: 16rem;
    line-height: 24rem;
    font-weight: 400;
    color: #35373c;
}

.information-body__description li {
    margin-bottom: 8rem;
}

.information-body__description a {
    color: #1a73e8;
    text-decoration: underline;
    font-weight: 500;
}

.information-body__description blockquote {
    font-size: 18rem;
    line-height: 28rem;
    font-weight: 400;
    font-style: italic;
    margin: 16rem 0;
    padding-left: 16rem;
    border-left: 4rem solid #ccc;
    color: #555;
}

.heading__bg.heading-bg iframe, .video__inner iframe {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.news-item, .news-body {
    display: flex;
    flex-direction: column;
}

.news-body {
    flex-grow: 1;
}

.news-body__link {
    margin-top: auto;
}

.main__catalog {
    position: relative;
    z-index: 0;
}

.select .select-items {
    width: max-content;
}

.desktop-video {
}

.mobile-video {
    display: none;
}

@media screen and (max-width: 767px) {
    .mobile-video {
        display: block;
    }

    .desktop-video {
        display: none !important;
    }

    .search-selects {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.page-view__inner {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 40px 64px;
    color: #222222;
    font-family: Poppins;
    font-weight: 400;
}

.page-view__inner h1 {
    font-family: Poppins;
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
    margin: 0 0 30px 0;
}

.page-view__inner h2, .page-view__inner h3, .page-view__inner h4, .page-view__inner h5, .page-view__inner h6 {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 28.8px;
    letter-spacing: 0.18px;
    margin: 0 0 12px 0;
}

.page-view__inner p, .page-view__inner li {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.18px;
    vertical-align: middle;
    margin: 0 0 16px 0;
}

.page-view__inner ul {
    margin-bottom: 16px;
}

.page-view__inner li {
    margin: 0;
}

.privacy-block {
    position: fixed;
    z-index: 90;
    width: 100%;
    left: 0;
    bottom: 0;
    box-shadow: 0px 0px 18px 0px #462D001A;
    background: #fff;
}

.privacy-block__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.privacy-block__inner-text {
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 28.8px;
    letter-spacing: 0.18px;
    vertical-align: middle;
    color: #35373C;
}

.privacy-block__inner-text a {
    text-decoration: underline;
    font-weight: 600;
    font-size: 14px;
    color: #35373C;
}

@media screen and (max-width: 600px) {
    .privacy-block__inner-text {
        line-height: 1.2;
    }

    .privacy-block__inner {
        flex-direction: column;
        gap: 20px;
        padding: 10px;
    }

    .privacy-block__inner-btn {
        width: 100%;
    }

    .privacy-block__inner-btn .btn {
        width: 100% !important;
    }
}

.header {
    position: fixed;
    transition: transform 0.3s ease, background 0.3s ease;
    will-change: transform;
    z-index: 999;
    width: 100%;
    left: 0;
    transform: translateX(0);
}

.homepage .header.is-hidden {
    transform: translateY(-100%);
}

.header:not(.header--transparent) {
    background: #fff;
}

.header:not(.header--transparent) .header__logo img:nth-child(2) {
    opacity: 1;
}

.header:not(.header--transparent) .header__btn.btn.btn--white.btn--small.open-contact {
    color: #000;
    border-color: #000;
}

.menu-item--active >  a {
    color: #f36621;
}

@media screen and (max-width: 767px) {
    .popup__wrapper {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .team-img__image {
        height: 90%;
        bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .search-selects .select {
        max-width: unset !important;
    }
}