@charset 'UTF-8';

:root {
    --deep-teal: #005C6B; /* Глубокий бирюзовый */
    --ocean: #1C888E; /* Океанский */
    --mist: #7EC0C3; /* Туманый */
    --cloud: #F5F5F5; /* Облачный */
    --cloud_opacity: rgba(245, 245, 245, 0.6);
    --charcoal: #1B1E23; /* Угольный */
}

html, body {
    width: 100%;
    height: 100%;
    color: var(--charcoal);
    scrollbar-gutter: stable;
}

body {
    margin: 0;
    background-color: var(--cloud);
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1;
    opacity: 1;
    font-family: Roboto;
    font-weight: 500;
    /*
    font-family: Roboto;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
     */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

strong, b {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {

}

body._preload {
    opacity: 0;
    -webkit-transition: none !important;
    transition: none !important;
}

body._preload::before, body._preload::after {
    -webkit-transition: none !important;
    transition: none !important
}

body._preload * {
    -webkit-transition: none !important;
    transition: none !important;
}

body._preload *::before, body._preload *::after {
    -webkit-transition: none !important;
    transition: none !important
}


/*region Main*/
.l-main {
    display: block;
    position: relative;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20vw;
}

.l-header__background + .l-main {
    padding-top: clamp(100px, 19vw, 250px);
    padding-bottom: 20vw;
}

@media screen and (min-width: 768px) {
    .l-main {
        padding-top: clamp(70px, 8.588579795021962vw, 150px);
        padding-bottom: 15vw;
    }
}

@media screen and (max-width: 768px) {
    .l-main {
        padding-bottom: 0;
    }
}

/*endregion*/

/*region Page Card*/
.l-model_detail__container {
    padding-bottom: 20vw;
}

@media screen and (min-width: 768px) {
    .l-model_detail__container {
        padding-bottom: 15vw;
        margin-left: 2.928257686676428vw;
        margin-right: 2.928257686676428vw;
    }
}

.c-model_detail__inner {
    position: relative;
}

@media screen and (min-width: 768px) {
    .c-model_detail__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.c-model_detail__data__container {
    width: 83.73333333333333vw;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .c-model_detail__data__container {
        position: fixed;
        left: 6.588579795021962vw;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 23.060029282576867vw;
        margin: unset;
    }
}

@media screen and (min-width: 768px) {
    .c-model_detail__data__container.is-sticky {
        position: absolute;
        left: 6.588579795021962vw;
        top: auto;
        bottom: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.c-model_detail__model__block {
    padding-top: 25.333333333333336vw;
}

@media screen and (min-width: 768px) {
    .c-model_detail__model__block {
        padding-top: unset;
    }
}

.c-model_detail__model_data {
    line-height: 1.5625;
    letter-spacing: -.018699999999999998em;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .c-model_detail__model_data {
        margin-top: 1.317715959004393vw;
        font-size: clamp(14px, 1.171303074670571vw, 86px);
    }
}

@media screen and (max-width: 767px) {
    .c-model_detail__model_data {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2vw;
        justify-content: center;
        margin-top: 5.066666666666666vw;
        font-size: 3.266666666666667vw
    }
}

.c-model_detail__model_name {
    font-family: "Carisma Classic 500 Medium", serif;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin-top: 1.267vw;
    font-size: 12vw;
}

@media screen and (min-width: 768px) {
    .c-model_detail__model_name {
        font-size: 4.392386530014641vw;
        margin-top: 1.171303074670571vw
    }
}

.c-model_detail__model__item {
    display: flex;
    justify-content: center;
}

.c-model_detail__imgs__inner {
    padding-top: 21.333333333333336vw;
    width: 100%
}

@media screen and (min-width: 768px) {
    .c-model_detail__imgs__inner {
        padding-top: 0;
        width: 64.86090775988286vw
    }
}

.c-model_detail__imgs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-model_imgs__panel {
    position: relative;
    width: 48.266666666666666vw;
}

@media screen and (min-width: 768px) {
    .c-model_imgs__panel {
        width: 31.332357247437777vw;
        aspect-ratio: 2 / 3;
    }
}

.c-model_imgs__panel:nth-of-type(n+3) {
    margin-top: 4vw
}

@media screen and (min-width: 768px) {
    .c-model_imgs__panel:nth-of-type(n+3) {
        margin-top: 2.196193265007321vw
    }
}

.c-model_imgs__panel:nth-of-type(1).size-large + .size-medium {
    margin-top: 4vw
}

@media screen and (min-width: 768px) {
    .c-model_imgs__panel:nth-of-type(1).size-large + .size-medium {
        margin-top: 2.196193265007321vw
    }
}

.c-model_imgs__panel.size-large {
    width: 100%;
    aspect-ratio: 3 / 2;
}

.c-model_imgs__panel.size-large:not(:first-of-type) {
    margin-top: 4vw
}

@media screen and (min-width: 768px) {
    .c-model_imgs__panel.size-large:not(:first-of-type) {
        margin-top: 2.196193265007321vw
    }
}

.c-model_imgs__panel__block {
    height: 100%;
}

.c-model_imgs__panel__block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 768px) {
    .c-model_imgs__panel.movie:not(._off) {
        cursor: pointer;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease
    }

    .c-model_imgs__panel.movie:not(._off):hover {
        opacity: .5
    }
}

.c-model_imgs__panel video {
    width: 100%;
    height: auto;
    border: none !important;
    outline: none !important
}

.c-model_imgs__panel__img-thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.c-model_imgs__panel__img-thumb::before {
    content: '';
    display: block;
    position: relative;
    z-index: 1;
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    width: 47.619%;
    background-image: url("/assets/images/ico-play-01-sp.svg");
}

@media screen and (min-width: 768px) {
    .c-model_imgs__panel__img-thumb::before {
        width: 29.166%;
        background-image: url("/assets/images/ico-play-01-pc.svg")
    }
}

.c-model_imgs__panel._off .c-model_imgs__panel__img-thumb {
    opacity: 0
}

.c-model_detail__model__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8.799999999999999vw
}

@media screen and (min-width: 768px) {
    .c-model_detail__model__item {
        margin-top: 2.12298682284041vw
    }
}

.c-model_detail__model__item__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    line-height: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    font-size: 3.266666666666667vw
}

@media screen and (min-width: 768px) {
    .c-model_detail__model__item__txt {
        font-size: clamp(14px, 1.171303074670571vw, 86px);
    }
}

@media screen and (min-width: 768px) {
    .c-model_detail__model__item__txt:hover {
        color: var(--ocean);
        -webkit-transition: color .5s ease;
        transition: color .5s ease
    }
}

.c-model_detail__model__item__txt + .c-model_detail__model__item__txt {
    margin-left: 5.333333333333334vw
}

@media screen and (min-width: 768px) {
    .c-model_detail__model__item__txt + .c-model_detail__model__item__txt {
        margin-left: 1.464128843338214vw
    }
}

.c-model_detail__model__sns_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16vw;
    height: 8vw;
}

@media screen and (min-width: 768px) {
    .c-model_detail__model__sns_links {
        margin-top: 4.24597364568082vw;
        height: 2.196193265007321vw
    }
}

.c-model_detail__model_detail-link {
    width: 23.466666666666665vw;
    margin-left: 8vw
}

@media screen and (min-width: 768px) {
    .c-model_detail__model_detail-link {
        width: 6.44216691068814vw;
        margin-left: 2.196193265007321vw
    }
}


.c-model_detail__model_detail-link .c-btn__models__svg {
    display: block;
    width: 23.466666666666665vw;
    padding-top: 5.333333333333334vw;
}

@media screen and (min-width: 768px) {
    .c-model_detail__model_detail-link .c-btn__models__svg {
        width: 6.44216691068814vw;
        padding-top: 1.464128843338214vw
    }
}

.c-model_detail__backBtn_container {
    position: fixed;
    top: 6.4vw;
    left: 5.333333333333334vw;
    width: 28.53333333333333vw
}

@media screen and (min-width: 768px) {
    .c-model_detail__backBtn_container {
        top: 1.756954612005857vw;
        left: 2.562225475841874vw;
        width: 7.833089311859444vw
    }
}

/*endregion*/

/*region Front page*/
.front-page {
    position: relative;
    min-height: 100vh;
    background-image: url('../img/background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@supports (background-image: url('../img/background.webp')) {
    .front-page {
        background-image: url('../img/background.webp');
    }
}

.f-logo {
    position: absolute;
    z-index: 1;
    top: 6.133333333333333vw;
    left: 5.333333333333334vw;
    width: 38.666666666666664vw;
    height: 5.066666666666666vw;
    margin: 0;
}

@media screen  and (min-width: 768px) {
    .f-logo {
        top: 2.562225475841874vw;
        left: 2.928257686676428vw;
        width: clamp(200px, 20.859443631039532vw, 400px);
        height: clamp(50px, 5.064128843338214vw, 100px);
    }
}

.f-logo .f-logo__wrapper {
    display: block;
}

.front-page_logo {
    width: 100%;
    height: 100%;
}

.front-page_menu {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 2.562225475841874vw;
    right: 2.928257686676428vw;
    list-style: none;
    transform: translate(0, 0);
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
    .front-page_menu {
        left: 50%;
        right: auto;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.front-page_menu li {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .front-page_menu li {
        justify-content: right;
    }
}

@media screen and (min-width: 768px) {
    .front-page_menu li:hover:before {
        content: "";
        display: flex;
        flex-direction: row;
        width: 1vw;
        height: 1vw;
        margin-right: 1.5vw;
        background-color: var(--cloud);
        border-radius: 0.5vw;
    }
}

.front-page_menu li a {
    display: flex;
    align-items: center;
    color: var(--cloud);
    font-family: "Carisma Classic";
    font-weight: 400;
    font-style: normal;
    font-size: clamp(11px, 11vw, 56px);
    line-height: 1;
    letter-spacing: 0;
    text-align: right;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    transition: font-size 0.3s ease,
    height 0.3s ease;
}

@media screen and (min-width: 768px) {
    .front-page_menu li a {
        font-size: clamp(30px, 4.4vw, 86px);
        line-height: 0.85;
        display: inline-flex;
        align-items: baseline;
    }
}

.front-page_menu li:not(:first-child) {
    margin-top: calc(2vh + 2vw);
}

/*endregion*/

/*region Catalog*/

@media screen and (min-width: 769px) {
    .l-model_list {
        padding-left: 2.928257686676428vw;
        padding-right: 2.928257686676428vw;
    }
}

.p-model_list__inner {
    padding-top: 26.666666666666668vw
}

@media screen and (min-width: 768px) {
    .p-model_list__inner {
        padding-top: 0;
    }
}


@media screen and (min-width: 768px) {
    .p-model_list_hdg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 87.84773060029283vw;
        margin-top: .7320644216691069vw;
        margin-right: auto;
        margin-left: auto
    }
}

.p-model_list__title {
    font-family: 'Playfair Display SC', serif;
    margin-right: auto;
    margin-left: auto;
    line-height: 1.16;
    width: 84vw;
    font-size: 16vw
}

@media screen and (min-width: 768px) {
    .p-model_list__title {
        line-height: 1.333;
        font-size: 6.588579795021962vw
    }
}

.p-model_list__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 13.066666666666665vw;
    padding: 0 2.666666666666667vw
}

@media screen and (min-width: 768px) {
    .p-model_list__categories {
        padding-left: 2.196193265007321vw;
        margin-top: .7320644216691069vw
    }
}

.p-model_list__categories__item {
    position: relative;
}

.p-model_list__categories__item:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 1px;
    height: 100%;
    background-color: #000;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.p-model_list__categories__item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.333;
    font-family: 'Playfair Display SC', serif;
    height: 12vw;
    padding: 0 5.333333333333334vw;
    font-size: 3.466666666666666vw
}

@media screen and (min-width: 768px) {
    .p-model_list__categories__item__link {
        height: 6.588579795021962vw;
        padding: 0 2.635431918008785vw;
        font-size: 1.756954612005857vw
    }
}

.p-model_list__categories__item__link:not(._current) {
    opacity: .3;
}

@media screen and (min-width: 768px) {
    .p-model_list__categories__item__link:not(._current) {
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease
    }

    .p-model_list__categories__item__link:not(._current):hover {
        opacity: 1
    }
}

.p-model_list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8vw
}

@media screen and (min-width: 768px) {
    .p-model_list__block {
        margin-top: 4.392386530014641vw;
        justify-content: flex-start;
    }
}

.p-model_list__object {
    position: relative;
    opacity: 0;
    aspect-ratio: 2 / 3;
    display: flex;
    width: 48vw
}

.p-model_list__object.js-view {
    opacity: 1;
    -webkit-transition: .5s all ease;
    transition: .5s all ease
}

@media screen and (min-width: 769px) {
    .p-model_list__object {
        width: 31.844802342606148%;
    }

    .p-model_list__object:not(:nth-child(3n + 1)) {
        margin-left: 2.196193265007321%
    }
}

@media screen and (min-width: 1600px) {
    .p-model_list__object {
        width: 23.79209370424597%
    }

    .p-model_list__object:not(:nth-child(4n + 1)) {
        margin-left: 1.610541727672035%
    }

    .p-model_list__object:nth-child(4n + 1) {
        margin-left: 0;
    }
}

.p-model_list__object:nth-of-type(n+3) {
    margin-top: 4vw;
}

@media screen and (min-width: 769px) {
    .p-model_list__object:nth-of-type(n+3) {
        margin-top: 0;
    }
}

@media screen and (min-width: 769px) {
    .p-model_list__object:nth-of-type(n+4) {
        margin-top: 2.196193265007321%;
    }
}

@media screen and (min-width: 1600px) {
    .p-model_list__object:nth-of-type(n+4) {
        margin-top: 0;
    }
}

@media screen and (min-width: 1600px) {
    .p-model_list__object:nth-of-type(n+5) {
        margin-top: 1.610541727672035%;
    }
}

/*endregion*/

/*region Card model in catalog page*/
.c-model_card {
    position: relative;
    display: block;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .c-model_card:hover .c-model_card__model_img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .5s;
        transition: all .5s
    }
}

.c-model_card.this-disabled {
    background: #242424;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 72vw;
}

@media screen and (min-width: 768px) {
    .c-model_card.this-disabled {
        height: 47.071742313323576vw
    }
}

.c-model_card.this-disabled:before {
    content: '';
    color: #fff;
    line-height: 1;
    font-size: 3.2vw;
}

@media screen and (min-width: 768px) {
    .c-model_card.this-disabled:before {
        font-size: 1.171303074670571vw;
    }
}

.c-model_card__model_img {
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    transition: all .5s
}

.c-model_card__model_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-model_card__model_description {
    width: 100%;
    height: 60%;
    position: absolute;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(63.07%, rgba(0, 0, 0, 0.32)), color-stop(75%, rgba(0, 0, 0, 0.51)), to(#000));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 63.07%, rgba(0, 0, 0, 0.51) 75%, #000 100%);
    bottom: 0
}

@media screen and (min-width: 768px) {
    .c-model_card__model_description {
        bottom: 0
    }
}

.c-model_card__model_instagram-link {
    position: absolute;
    top: 5.333333333333334vw;
    right: 5.333333333333334vw
}

@media screen and (min-width: 768px) {
    .c-model_card__model_instagram-link {
        top: 1.830161054172767vw;
        right: 1.830161054172767vw;
        -webkit-transition: all .5s;
        transition: all .5s
    }
}

.c-model_card__model_instagram-link .c-btn__instagram__svg {
    display: block;
    width: 7.733333333333333vw;
    padding-top: 7.733333333333333vw;
}

@media screen and (min-width: 768px) {
    .c-model_card__model_instagram-link .c-btn__instagram__svg {
        width: 2.196193265007321vw;
        padding-top: 2.196193265007321vw
    }
}

.c-model_card__model_detail-link {
    position: absolute;
    top: 6.666666666666667vw;
    right: 17.333333333333336vw
}

@media screen and (min-width: 768px) {
    .c-model_card__model_detail-link {
        top: 5.856515373352855vw;
        right: 1.830161054172767vw;
        -webkit-transition: all .5s;
        transition: all .5s
    }
}

.c-model_card__model_detail-link .c-btn__detail__svg {
    display: block;
    width: 8vw;
    padding-top: 6.133333333333333vw;
}

@media screen and (min-width: 768px) {
    .c-model_card__model_detail-link .c-btn__detail__svg {
        width: 2.269399707174232vw;
        padding-top: 1.756954612005857vw
    }
}

.c-model_card__model__block {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.333333333333333vw 12vw 3.333333333333333vw 2.666666666666667vw
}

@media screen and (min-width: 769px) {
    .c-model_card__model__block {
        padding: 1.830161054172767vw 6.222547584187408vw 1.830161054172767vw 1.09809663250366vw
    }
}

@media screen and (min-width: 1600px) {
    .c-model_card__model__block {
        padding: 1.537335285505125vw .951683748169839vw
    }
}

@media screen and (min-width: 768px) {
    .c-model_card__model__block {
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.c-model_card__model__block.is-special::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    background-image: url("/assets/images/ico-special-01.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 2.933333333333333vw;
    bottom: 3.733333333333334vw;
    width: 6.4vw;
    height: 3.333333333333333vw;
}

@media screen and (min-width: 769px) and (max-width: 1599px) {
    .c-model_card__model__block.is-special::after {
        right: 1.610541727672035vw;
        bottom: 1.464128843338214vw;
        width: 3.513909224011713vw;
        height: 1.830161054172767vw;
    }
}

@media screen and (min-width: 1600px) {
    .c-model_card__model__block.is-special::after {
        right: 1.390922401171303vw;
        bottom: 1.244509516837482vw;
        width: 3.001464128843338vw;
        height: 1.537335285505125vw;
    }
}


.c-model_card__model__obj {
    font-family: "Carisma Classic 400 Regular", sans-serif;
}

.c-model_card__model_name {
    margin-top: 1.6vw;
    font-size: 4.8vw
}

@media screen and (min-width: 769px) {
    .c-model_card__model_name {
        margin-top: .43923865300146414vw;
        font-size: 2.489019033674964vw
    }
}

@media screen and (min-width: 1600px) {
    .c-model_card__model_name {
        margin-top: .36603221083455345vw;
        font-size: 2.12298682284041vw
    }
}

.c-model_card__model_location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.666666666666667vw
}

@media screen and (min-width: 769px) {
    .c-model_card__model_location {
        font-size: 1.02489019033675vw
    }
}

@media screen and (min-width: 1600px) {
    .c-model_card__model_location {
        font-size: .8784773060029283vw
    }
}

.c-model_card__model_location:before {
    content: '';
    display: block;
    background: #fff;
    width: .8vw;
    height: .8vw;
    margin-right: 1.6vw
}

@media screen and (min-width: 769px) {
    .c-model_card__model_location:before {
        width: .43923865300146414vw;
        height: .43923865300146414vw;
        margin-right: .5856515373352855vw;
        margin-left: .29282576866764276vw;
    }
}

@media screen and (min-width: 1600px) {
    .c-model_card__model_location:before {
        width: .29282576866764276vw;
        height: .29282576866764276vw;
        margin-right: .5856515373352855vw;
    }
}

/*endregion*/

/*region Contact page*/
.p-about {
    height: 100%;
}

.p-about__container {
    margin-right: auto;
    margin-left: auto;
    width: 84vw;
    padding-top: 26.666666666666668vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 5vw;
}

@media screen and (min-width: 768px) {
    .p-about__container {
        width: 75vw;
        padding-top: 15vh;
        column-gap: normal;
    }
}


@media screen and (min-width: 768px) {
    .p-about__inner-col-1 {
        display: flex;
        flex-direction: column;
        flex-basis: 50%;
        position: relative;
        /*padding-left: 29.428989751098094vw*/
    }

    .p-about__inner-col-2 {
        display: flex;
        flex-direction: column;
        flex-basis: 50%;
        position: relative;
        /*padding-left: 29.428989751098094vw*/
    }

    .p-about__inner-col-3 {
        display: flex;
        flex-basis: 100%;
        position: relative;
    }
}

@media screen and (min-width: 850px) {
    .p-about__inner-col-1 {
        flex-basis: 25%;
    }

    .p-about__inner-col-2 {
        flex-basis: 25%;
    }

    .p-about__inner-col-3 {
        flex-basis: 50%;
    }
}

@media screen and (min-width: 900px) {
    .p-about__inner-col-1 {
        flex-basis: 27%;
    }

    .p-about__inner-col-2 {
        flex-basis: 27%;
    }

    .p-about__inner-col-3 {
        flex-basis: 46%;
    }
}

.p-about__leader-name {
    font-family: "Carisma Classic 500 Medium";
    font-weight: 500;
    font-style: normal;
    font-size: clamp(28px, 2.6vw, 68px);
    margin: 2vh 0;
}

.p-about__block.tel {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.p-about__block.tel h3 {
    font-size: clamp(12px, calc(1.25vw + 1.25vh), 16px);
    font-weight: 700;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .p-about__block.tel h3 {
        font-size: clamp(12px, 1vw, 28px);
    }
}

.p-about__block.tel p {
    margin: 0 0 0 10px;
}

.p-about_block__txt__link {
    font-size: clamp(12px, calc(1.25vw + 1.25vh), 16px);
    color: var(--charcoal);
}

@media screen and (min-width: 768px) {
    .p-about_block__txt__link {
        font-size: clamp(12px, 1vw, 28px);
    }
}

.p-about__block.mail {
    margin-top: 5px;
}

.p-about__block.mail p {
    margin: 0;
}

.p-about__block.mail p a {
    font-size: clamp(12px, calc(1.25vw + 1.25vh), 16px);
    color: var(--charcoal);
}


@media screen and (min-width: 768px) {
    .p-about__block.mail p a {
        font-size: clamp(12px, 1vw, 28px);
    }
}

.p-about__block.text {
    margin-top: clamp(30px, 5vh, 60px);
}

@media screen and (min-width: 768px) {
    .p-about__block.text {
        margin-top: 2vh;
    }
}

.p-about__block.text,
.p-about__block.text p {
    font-size: clamp(12px, calc(1.25vw + 1.25vh), 16px);
}

.p-about__block.text strong,
.p-about__block.text b {
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .p-about__block.text,
    .p-about__block.text p {
        font-size: clamp(12px, 1vw, 28px);
    }
}

/*endregion*/

/*region Form page */
.p-form {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 5vh;
    padding-left: 5.333333333333334vw;
    padding-right: 5.333333333333334vw;
}

@media screen and (min-width: 769px) {
    .p-form {
        grid-template-columns: repeat(5, 1fr);
        column-gap: 2vw;
        padding-left: 2.928257686676428vw;
        padding-right: 2.928257686676428vw;
    }
}

.p-form__qr-code {
    margin: 5vh 0;
}

@media screen and (min-width: 769px) {
    .p-form__qr-code {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding-top: 64px;
    }
}

.qr-code {
    width: 100%;
    max-width: clamp(90px, 10vw, 150px);
}

.p-form__qr-code-text {
    color: var(--charcoal);
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    letter-spacing: 0;
    vertical-align: middle;
    padding-top: 1vh;
}

.p-form__qr-code-link {
    color: var(--charcoal);
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    letter-spacing: 0;
    vertical-align: middle;
    text-decoration: none;
}

.p-form__form {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2vh;
    height: fit-content;
    padding: 0;
}

@media screen and (min-width: 769px) {
    .p-form__form {
        grid-column: span 4;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 64px;
        row-gap: 16px;
        height: fit-content;
        padding: 64px 0;
    }
}

@media screen and (min-width: 1125px) {
    .p-form__form {
        grid-column: span 3;
    }
}

.p-form__group {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2vh;
}

@media screen and (min-width: 769px) {
    .p-form__group {
        grid-row: span 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
        row-gap: 16px;
    }
}

.p-form label {
    height: auto;
}

.p-form input {
    display: flex;
    width: 100%;
    height: 25px;
    border: none;
    color: var(--charcoal);
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0;
    background-color: var(--cloud);
    border-bottom: 1px solid var(--charcoal);
    padding-left: 5px;
    padding-right: 5px;
}

.p-form input::placeholder {
    color: var(--charcoal);
}

.p-form input:focus {
    outline: none;
}

/*region Конструкция для подмены даты до ввода на поле, имитирующее placeholder*/
.p-form__date-input {
    position: relative;
    width: 100%;
}

.p-form__date-input input[type="date"] {
    display: block;
    background: transparent;
}

.p-form__date-input input[type="date"]:invalid {
    color: transparent;
}

.p-form__date-input span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--charcoal);
    pointer-events: none;
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.p-form__date-input input[type="date"]:active,
.p-form__date-input input[type="date"]:focus,
.p-form__date-input input[type="date"]:valid {
    color: var(--charcoal);
}

.p-form__date-input input[type="date"]:active + span,
.p-form__date-input input[type="date"]:focus + span,
.p-form__date-input input[type="date"]:valid + span {
    display: none;
}

/*endregion*/

.p-form__wide-cell {

}

@media screen and (min-width: 769px) {
    .p-form__wide-cell {
        grid-column: span 2;
    }
}

.p-form__required-text {
    display: flex;
    align-items: end;
    color: var(--charcoal);
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.p-form__file-block-text {
    display: flex;
    align-items: end;
    height: 37px;
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    letter-spacing: 0;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

/*region Стилизация input загрузки файлов*/
.p-form__input-file {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    text-align: center;
    height: auto;
    border: none;
    color: var(--charcoal);
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0;
    border-bottom: 1px solid var(--charcoal);
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (min-width: 769px) {
    .p-form__input-file {
        flex-direction: row;
        height: 25px !important;
    }

}

.p-form__input-file-text {
    float: left;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 5px;
}

@media screen and (min-width: 769px) {
    .p-form__input-file-text {
        margin-bottom: 0;
    }
}


.p-form__input-file-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    box-sizing: border-box;
    border: none;
    margin-left: 0;
    margin-right: auto;
    padding-left: 20px;
    background-image: url("../img/file_upload.svg");
    background-size: 15px 15px;
    background-position: left center;
    background-repeat: no-repeat;
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    leading-trim: CAP_HEIGHT;
    letter-spacing: 0;
}

@media screen and (min-width: 769px) {
    .p-form__input-file-btn {
        margin-left: auto;
        margin-right: 0;
    }
}

.p-form__input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

/* Focus */
.p-form__input-file input[type=file]:focus + .p-form__input-file-btn {

}

/* Hover/active */
.p-form__input-file:hover .p-form__input-file-btn {

}

.p-form__input-file:active .p-form__input-file-btn {

}

/* Disabled */
.p-form__input-file input[type=file]:disabled + .p-form__input-file-btn {
    color: var(--mist);
}

/*endregion*/

/*region Стилизация чекбокс*/
.p-form__checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

.p-form__checkbox input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.p-form__checkbox > span {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    color: var(--charcoal);
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    padding-left: 41px;
    min-height: 26px;
}

.p-form__checkbox > span:before {
    content: "";
    display: flex;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: calc(50% - 13px);
    transition: background 0.3s ease;
    background: url(../img/checkbox.svg) 0 0 no-repeat;
}

/* Checked */
.p-form__checkbox input[type=checkbox]:checked + span:before {
    background-image: url(../img/checkbox_checked.svg);
}

/* Focus */
.focused span:before {

}

/* Hover */
.p-form__checkbox span:hover:before {

}

/* Active */
.p-form__checkbox span:active:before {

}

/* Disabled */
.p-form__checkbox input[type=checkbox]:disabled + span {
    color: #666;
    cursor: default;
}

.p-form__checkbox input[type=checkbox]:disabled + span:before {
    filter: grayscale(100%);
    opacity: 0.6;
}

/*endregion*/

.p-form button[type=submit] {
    display: flex;
    width: 100%;
    height: 52px;
    justify-content: center;
    align-items: center;
    color: var(--cloud);
    background-color: var(--charcoal);
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}

@media screen and (min-width: 769px) {
    .p-form button[type=submit] {
        width: 370px;
        margin-left: 5px;
    }
}

/*endregion*/