@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:regular,italic&display=swap);
@import url(https://fonts.googleapis.com/css?family=Yeseva+One:regular);


* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    }
    *,*:before,*:after{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .focus :active{outline: none;}
    a:focus, :active{outline: none;}
    
    nav,footer,header,aside{display: block;}
    
    html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -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;}
    /* -------------------------------------------------- */

    html, body {
        height: 100%;
        font-family: Nunito Sans;
        color: #fff;
        font-weight: 400;
        font-style: normal;
        line-height: 1;
        background-color: #131313;
    }
    .wrapper {
        min-height: 100%;
        overflow: hidden;
    }
    [class*="__container"]{
        margin: 0 auto;
        max-width: 1250px;
        padding: 0 12px;
        border: px solid green;
        
    }
    ._aib {
        position: relative;
    }
    ._aib img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    h2 {
        color: #181818;
        text-align: center;
        font-family: Yeseva One;
        font-size: 20px;
        line-height: 138.6%; /* 27.72px */
        text-transform: uppercase;
    }

/* ====================== HEADER =========================== */

    .header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 83px;
        background: #131313;
        z-index: 50;
    }
    .header__row {
        margin: 0 auto;
        max-width: 1256px;
        height: 100%;
        padding: 0 12px;
        display: flex;
        align-items: center;
        font-size: 11px;
        text-transform: uppercase;
    }
    .header__logo {
        width: 180px;
        white-space: nowrap;
        color: #E3B873;
    }
    .header__menu {
        flex: 1 1 auto;
    }
    .header__list {
        display: flex;
        padding: 0 67.36px 0 95.47px;
    }
    .header__item {
    }
    .header__item:not(:last-child) {
        margin-right: 47px; 
    }
    .header__link {
        color: #FFF;
    }
    .active-link {
        color: #E3B873;
    }
    .header__contacts {
        white-space: nowrap;
    }
    .header__phone {
        margin-right: 45px;
        color: #E3B873;
        font-size: 11px;
        text-decoration-line: underline;
    }
    .header__requeat {
        padding: 13px 33px;
        color: #FFF;
        text-align: center;
        font-style: italic;
        border-radius: 2px;
        background: #E3B873;
        box-shadow: 0px 5px 15px 0px rgba(227, 184, 115, 0.20);
    }
    /*
    .main__page {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        font-size: 0;
    }
    */
    .fullscreen__block {
        min-height: 100vh;
        position: relative;
    }
    .main__body {
        max-width: 1250px;
        width: 100%;
        min-height: 100vh;
        padding: 0 12px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 5;
    }
    .main__content {
        max-width: 676px; 
    }
    .main__title {
        color: #FFF;
        font-family: Yeseva One;
        font-size: 40px;
        line-height: 132.825%; /* 53.13px */
        text-transform: uppercase;
    }
    .main__title span {
        color: #E3B873;
    }
    .main__text {
        max-width: 504px;
        margin: 19px 0 41px 0;
        font-size: 22px;
        line-height: 163.68%; /* 36.01px */
    }
    .main__buttons {
        display: flex;
        gap: 20px;
    }
    .btn {
        width: 207px;
        height: 51px;
        color: #FFF;
        text-align: center;
        font-size: 11px;
        font-style: italic;
        border-radius: 2px;
    }
    .main__calculate {
        padding: 20px 42px;
        background-color: #E3B873;
    }
    .main__application {
        padding: 20px 23px;
        border: 1px solid #FFF;
    }
    .mainscreen__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
    }
    
    .mainscreen__bg img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.8;
    }
    /*
    .mainscreen {
        flex: 1 0 100%;
        position: relative;
    }
    .mainscreen__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: rgba(0, 0, 0, 0.7);
    }
    .mainscreen__bg img {
        opacity: 0.3;
    }
*/

/* ====================== CONTENT =========================== */

.main__page {
/*    flex: 1 1 auto;
    position: relative; */
}
.content {
    background: #FFF;
}

/*======================= COMPLETED ========================= */    

.completed {
    padding: 107px 0 416px 0;
    background-color: #131313;
}
.completed__container {
}
.completed__row {
    display: flex;
}
.completed__column:nth-child(1) {
    flex: 0 1 45.68%;
}
.completed__column:nth-child(2) {
    flex: 0 1 54.32%;
}
.completed__content {
    position: relative;
    overflow: hidden;
    padding: 75px 0 0 0;
}
.completed__title {
    width: 253px;
    color: #E3B873;
    font-family: Yeseva One;
    font-size: 27px;
    line-height: 138.6%; /* 37.422px */
    letter-spacing: -1.89px;
    text-transform: uppercase;
}
.completed__text {
    margin: 34px 0 42px 0;
    padding-right: 10px;
    max-width: 442px;
    color: #FFF;
    font-size: 14px;
    line-height: 190.96%; /* 26.734px */
}
.completed__body-da {
    display: none;
}
.completed__data-slide {
}
.data-wrapper {
    display: flex;
    width: 1px;
}
.completed__data {
    display: flex;
    flex-wrap: wrap;
    margin: -17px -15px;
}
.data-slide {
    flex-shrink: 0; 
}
.data-slide__content {
    flex: 0 1 40%;
    display: flex;
    flex-direction: column;
    padding: 17px 15px;
}
.data-slide__content span:nth-child(1) {
    color: #E3B873;
    font-family: Yeseva One;
    font-size: 18px;
    line-height: 138.6%; /* 24.948px */
    text-transform: uppercase;
}
.data-slide__content span:nth-child(2) {
    color: #FFF;
    font-size: 13px;
    line-height: 163.68%; /* 21.278px */
}
.completed__body {
    max-width: 679px;
    overflow: hidden;
    position: relative; 
}
.completed__nav {
}
.completed__link {
    color: rgba(255, 255, 255, 0.30);
    font-family: Yeseva One;
    font-size: 14px;
    line-height: 138.6%; /* 19.404px */
    text-transform: uppercase;
    transition: 1s;
}
.completed__link._active {
    color: #E3B873;
    text-decoration-line: underline;
}
.completed__link:not(:first-child) {
    margin-left: 60.5px;
}
.completed__wrapper {
    display: flex;
    margin-top: 52px;
}
.completed__slide {
 /*   display: block;  */
    min-width: 100%;
}
.completed__img {
    padding: 0 0 70.5% 0; 
}
.completed__pagination {
    display: flex;
    gap: 15px;
}
.completed__bullet {
    width: 13px;
    height: 13px;
    margin: 10px 0;
    border-radius: 50%;
    background-color: rgba(250, 250, 250, 0.3);
    cursor: pointer;
    transition: background-color 0.3 ease 0s;
}
.completed__bullet_active {
    background-color: #fff;
}
.completed__control {
    display: flex;
    align-items: center;
    width: 100%;
    height: 15px;
    gap: 25px;
    margin-top: 79px;
}
.completed__arrow {
    width: 40px;
    height: 40px;
}
.completed__arrow-left {
    background: url(../images/icons/arrow-left.png) left center/ 40px 13px no-repeat;
}
.completed__arrow-right {
    background: url(../images/icons/arrow-right.png) left center/ 40px 13px no-repeat;
}

/* ====================== CONTROL =========================== */

.control {
    margin-top: -320px;
}
.control__block {
    margin: 0 auto;
    max-width: 817px;
    padding: 0 10px;
}
.control__title {
    color: #FFF;
}
.control__logo {
    text-align: center;
    margin: 13px 0 31px 0;
}
.control__video {
    padding: 0 0 52% 0;
}
.control__text {
    margin: 98.5px auto 90px;
    max-width: 681px;
    padding: 0 15px;
    color: #363636;
    text-align: center;
    font-size: 18px;
    line-height: 204.6%; /* 36.828px */
}
.control__form {
}
.control__body {
    display: flex;
    justify-content: space-between;
}
.control__item-input {
    position: relative;
}
.control__item-input::before {
    content: attr(data-required);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    color: rgba(54, 54, 54, 0.50);
    line-height: 163.68%; /* 21.278px */
}
.control__input {
    width: 231px;
    height: 51px;
    border-bottom: 1px solid rgba(54, 54, 54, 0.50);
    outline: 0;
    padding-top: 10px;
    font-size: 14px;
    line-height: 163.68%; /* 22.915px */
}
.control__input::-moz-placeholder,
.control__input::placeholder {
    color: #363636;
    opacity: 1;
}
.control__button {
    width: 200px;
    height: 51px;
    padding: 20px 75px;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #E3B873;
}
.control__checkbox {
    text-align: center;
    margin-top: 39px;
}
.control__check {
    appearance: none;
}
.control__check:checked + .control__label::after {
    transform: scale(1);
}
.control__label {
    color: #181818;
    font-size: 14px;
    line-height: 163.68%; /* 22.915px */
    position: relative;
    cursor: pointer;
}
.control__label::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-color: #E3B873;
}
.control__label::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0px;
    left: 2px;
    background: url(../images/icons/icons8-галочка.svg) 0 0/ 14px 14px no-repeat;
    transform: scale(0);
    transition: transform 0.1s;
}
.control__label span {
    padding-left: 25px;
}

/* ====================== TYPES =========================== */

.types {
    padding: 0 0 115px 0;
    background-color: #fff;
}
.types__container {
}
.types__title {
    margin-top: 147px;
}
.types__logo {
    text-align: center;
    margin: 13px 0 31px 0;
}
.types__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}
.types__column {
    flex: 0 1 33.333%;
    padding: 0 15px;
}
.types__item {
}
.types__img {
    padding: 0 0 108% 0;
}
.types__card {
    margin: 0 auto;
    position: relative;
    margin-top: -136px;
    width: 330px;
    padding: 25px 0 49px 31px;
    background: #FFF;
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.03);
}
.types__label {
    color: #363636;
    font-family: Yeseva One;
    font-size: 18px;
    line-height: 138.6%; /* 24.948px */
}
.types__list {
}
.types__subitem {
    color: #959595;
    font-size: 13px;
    line-height: 204.6%; /* 26.598px */
}
.types__button {
    display: inline-block;
    margin: -28px 0 0 31px;
    position: relative;
    color: #FFF;
    font-family: Yeseva One;
    font-size: 18px;
    line-height: 138.6%; /* 24.948px */
    text-transform: uppercase;
    padding: 17px 19px;
    background: #E3B873;
    box-shadow: 5px 5px 10px 0px rgba(227, 184, 115, 0.30);
}


/* ====================== TYPES REQUEST =========================== */

.types__request {
    padding: 115px 0 242px 0;
    background: url(../images/types/image\ 6.1.png) 0 0/ 51% 66% no-repeat;
}
.request {
}
.request__container {
}
.request__row {
    display: flex;
}
.request__column {
    flex: 0 1 50%;
}
.request__body {
    padding: 11px 15px 0 100px;
}
.request__item {
    display: flex;
    align-items: center;
    max-width: 400px;
}
.request__item:not(:last-child) {
    margin-bottom: 105px;
}
.request__numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    color: #FFF;
    text-align: center;
    font-family: Yeseva One;
    font-size: 18px;
    line-height: 138.6%; /* 24.948px */
    border-radius: 50%;
    background: #E3B873;
    box-shadow: 0px 5px 15px 0px rgba(227, 184, 115, 0.15);
}
.request__text {
    padding-left: 17px;
    color: #363636;
    font-size: 14px;
}
.request__contact {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.request__form {
    max-width: 506px;
    width: 100%;
    padding: 28px 49px;
    background: #131313;
    box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.05);
}
.form-request {
}
.form-request__text {
    margin-bottom: 39px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    line-height: 143.22%; /* 25.78px */
}
.form-request__item {
    height: 51px;
    position: relative;
}
.form-request__item:before {
    content: attr(data-required);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    color: rgba(250, 250, 250, 0.50);
    line-height: 163.68%; /* 21.278px */
}
.form-request__item:not(:nth-child(4)) {
    margin-bottom: 48px;
}
.form-request__input {
    width: 100%;
    height: 100%;
    outline: 0;
    padding-top: 10px;
    font-size: 14px;
    line-height: 163.68%; /* 22.915px */
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background-color: #131313;
}
.form-request__input::-moz-placeholder,
.form-request__input::placeholder {
    color: #fff;
    opacity: 1;
}
.request__checkbox {
    margin-top: 18px;
}
.request__check {
    appearance: none;
}
.request__label {
    color: #fff;
}
.request__check:checked + .request__label::after {
    transform: scale(1);
}
.request__label {
    color: #fff;
    font-size: 14px;
    line-height: 163.68%; /* 22.915px */
    position: relative;
    cursor: pointer;
}
.request__label::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-color: #E3B873;
}
.request__label::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0px;
    left: 2px;
    background: url(../images/icons/icons8-галочка.svg) 0 0/ 14px 14px no-repeat;
    transform: scale(0);
    transition: transform 0.1s;
}
.request__label span {
    padding-left: 25px;
}
.request__button {
    float: right;
    margin-top: 39px;
    width: 213px;
    height: 51px;
    padding: 19px 22px;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    line-height: 163.68%; /* 21.278px */
    text-transform: uppercase;
    background: #E3B873;
    box-shadow: 0px 5px 15px 0px rgba(227, 184, 115, 0.15);
}
.request__help {
    display: flex;
    align-items: center;
    margin-top: 38.44px;
    max-width: 506px;
    width: 100%;
}
.help-request {
}
.help-request__img {
}
.help-request__text {
    padding-left: 25px;
    color: #E3B873;
    text-shadow: 0px 3px 10px rgba(227, 184, 115, 0.15);
    font-size: 18px;
    line-height: 143.22%; /* 25.78px */
}

/* ====================== FANTASIES =========================== */

.fantasies {
    max-height: 865px;  
    background: url(../images/fantasies/image\ 5.1.jpg) 0 0/ cover no-repeat;  
    position: relative;
}
.fantasies:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(110deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.90) 100%);
}
.fantasies__image {
    padding: 0 0 60% 0;
    background: linear-gradient(110deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.90) 100%);
}
.fantasies__image img {
    opacity: 0.25;
}

.fantasies__container {
    z-index: 5;
    position: relative;
}
.fantasies__row {
    display: flex;
}
.fantsies__column:nth-child(1) {
    flex: 0 1 39%;
}
.fantsies__column:nth-child(2) {
    flex: 0 1 61%;
}
.fantasies__nav {
    padding: 137px 0 97px 0
}
.fantsies__title {
    margin-bottom: 47px;
    padding-right: 12px;
    color: #E3B873;
    font-family: Yeseva One;
    font-size: 27px;
    line-height: 138.6%; /* 37.422px */
    text-transform: uppercase;
}
.fantasies__buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.fantasies__btn {
    color: #FFF;
    font-size: 20px;
    line-height: 190.96%;/*  38.192px */
    background: transparent;
}
.fantasies__btn.active {
    color: #E3B873;
    text-decoration-line: underline;
}
.fantasies__body {
    display: flex;
    align-items: center;
    height: 100%;
}
.fantasies__block {
    display: none;
}
.fantasies__block.active {
    display: block;
}
.fantasies__content {
    display: flex;
    margin: 0 -21.5px;
}
.content-fatasies__column {
    padding: 0 21.5px;
    position: relative;
}
.tab-one:nth-child(1) {
    margin-top: -41px;
}
.tab-one:nth-child(2) {
    margin-top: -112px;
}
.tab-two:nth-child(1) {
    margin-top: -111px;
}
.tab-two:nth-child(2) {
    margin-top: -41px;
}
.tab-four:nth-child(1) {
    margin-top: -41px;
}
.tab-four:nth-child(2) {
    margin-top: -41px;
}
.content-fatasies__img {
}
.content-fatasies__img:not(:last-child) {
    margin-bottom: 38px;
}
.t-o-i-o {
    padding: 0 0 154.34% 0;
}
.t-o-i-t {
    padding: 0 0 98.58% 0;
}
.t-o-i-r {
    padding: 0 0 77.98% 0;
}
.t-o-i-f {
    padding: 0 0 176.27% 0;
}

/* ====================== CLIENTS =========================== */

.clients {
    padding: 110px 0 0px 0;
    background: url(../images/clients/Frame.png) 0 -222.5px/ 100% 100% no-repeat;
}
.clients:before {
    
}
.clients__container {
}
.clients__title {
    margin: 0px 0 22px 0;
}
.clients__logo {
    text-align: center;
}
.clients__label {
    margin: 24px auto 39px;
    max-width: 476px;
    padding: 0 30px;
    color: #363636;
    text-align: center;
    font-size: 18px;
    line-height: 163.68%; /* 29.462px */
}
.clients__row {
    display: flex;
    margin: 0 -27px;
}
.clints__column {
    flex: 0 1 33.333%;
    padding: 0 27px;
}
.clients__item {
    padding: 24px 32px 90px 20px;
    background: #FFF;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.04);
}
.clients__initials {
}
.initials-client {
    display: flex;
    align-items: center;
}
.initials-client__img {
    min-width: 76px;
    min-height: 76px;
    border-radius: 50%;
    overflow: hidden;
}
.initials-client__name {
    padding: 0 10px 0 23px;
    color: #181818;
    font-family: Yeseva One;
    font-size: 18px;
    line-height: 127.05%; /* 22.869px */
}
.clients__text {
    margin-top: 25px;
    color: #959595;
    font-size: 13px;
    line-height: 180%; /* 23.4px */
}
.clients__data {
}
.data-client {
    display: flex;
    align-items: center;
    width: 293.753px;
    height: 54.035px;
    position: relative;
    margin-top: -30px;
    color: #FFF;
    font-family: Yeseva One;
    font-size: 17px;
    line-height: 138.6%; /* 23.562px */
    text-transform: uppercase;
    background-color: #E3B873;
}
.data-client__item {
    display: flex;
    align-items: center;
    flex: 0 1 50%;
    height: 100%;
}
.data-client__item:nth-child(1) {
    border-right: 1px solid #fff;
}
.data-cloient__img {
    padding-left: 20px;
}
.data-client__square {
    padding-left: 10px;
}
.data-client__days {
    padding-left: 10px;
}

.question__contact {
    display: flex;
    justify-content: center;
    margin: 132px auto 0; 
    padding: 34.4px 0px;
    max-width: 883px;
    position: relative;
    z-index: 5;
    background-color: #181818;
}
.question__form { 
/*    padding: 34.4px 182.5px;  */
    width: 518px;
    text-align: center;
    background-color: #181818;
}
.form-question {
}
.form-question__title {
    margin-bottom: 45.8px;
    color: #fff;
}
.form-question__items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
    column-gap: 56px;
}
.form-question__item {
    height: 51px;
    position: relative;
}
.form-question__item:nth-child(1),
.form-question__item:nth-child(2) {
    max-width: 231px;
    width: 100%;
}
.form-question__item:before {
    content: attr(data-required);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    color: rgba(250, 250, 250, 0.50);
    line-height: 163.68%; /* 21.278px */
}
.form-question__input {
    height: 100%;
    width: 100%;
    outline: 0;
    padding-top: 10px;
    font-size: 14px;
    line-height: 163.68%; /* 22.915px */
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background-color: #181818;
}
.question__checkbox {
    margin: 48px 50px;
}
.question__check {
    appearance: none;
}
.question__check:checked + .question__label::after {
    transform: scale(1);
}
.question__label {
    color: #fff;
    font-size: 14px;
    line-height: 163.68%; /* 22.915px */
    position: relative;
    cursor: pointer;
}
.question__label::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-color: #E3B873;
}
.question__label::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0px;
    left: 2px;
    background: url(../images/icons/icons8-галочка.svg) 0 0/ 14px 14px no-repeat;
    transform: scale(0);
    transition: transform 0.1s;
}
.question__label span {
    padding-left: 25px;
}
.question__button {
    width: 200px;
    height: 51px;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    line-height: 204.6%; /* 26.598px */
    text-transform: uppercase;
    background-color: #E3B873;
}

/* ====================== QUESTIONS =========================== */

.question {
    padding: 222.5px 0 60px 0px;
    margin-top: -222.5px;
    position: relative;
    background: url(../images/contacts/conimg.png) 0 0 / 100% 100% no-repeat;
    background-color: #131313;
}
.question:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(24, 24, 24, 0.90) 3.47%, rgba(24, 24, 24, 0.72) 100%);  
}
.question__image-bg {
 /*   position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    background: rgba(0, 0, 0, 0.7); */

}
.question__image-bg img {
 /*   opacity: 0.3; */
}
.question__container {
    z-index: 1;
    position: relative;
}
.question__address {
    margin: 52px 0 35px 0;
}
.question__text {
    color: #E3B873;
}
.question__icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 26px;
}
.question__email {
}
.question__instagram {
}
.question__map {
    margin: 0 auto;
    width: 100%;
    max-width: 940px;
    padding: 0 0 40% 0;
    position: relative;
    display: block;
}
.question__map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ====================== FOOTER =========================== */

    .footer {
        height: 133px;
    }

/* ====================== ADAPTIVE =========================== */

@media(max-width: 1250px) {
    .header__list {
        padding-left: calc(15.47px + 80 * ((100vw - 768px) / 482));
        padding-right: calc(17.36px + 50 * ((100vw - 768px) / 482));
    }
    .header__item:not(:last-child) {
        margin-right: calc(22px + 25 * ((100vw - 768px) / 482));
    }
    .header__phone {
        margin-right: calc(0px + 45 * ((100vw - 768px) / 482));
    }
    .main__title {
        font-size: calc(24px + 16 * ((100vw - 320px) / 930));
    }
    .main__text {
        font-size: calc(16px + 6 * ((100vw - 320px) / 930));
    }
    .completed {
        padding-top: calc(37px + 70 * ((100vw - 320px) / 930));
        padding-bottom: calc(380px + 36 * ((100vw - 320px) / 930));
    }
    .completed__content {
        padding-top: calc(5px + 70 * ((100vw - 320px) / 930));
    }
    .completed__control {
        margin-top: calc(52px + 27 * ((100vw - 1068px) / 182));
    }
    .control__text {
        font-size: calc(14px + 4 * ((100vw - 320px) / 930));
        margin-top: calc(40px + 58.5 * ((100vw - 320px) / 930));
        margin-bottom: calc(60px + 30 * ((100vw - 320px) / 930));
    }
    .types {
        padding-bottom: calc(30px + 85 * ((100vw - 320px) / 930));
    }
    .types__title {
        margin-top: 147px;
        margin-top: calc(30px + 117 * ((100vw - 320px) / 930));
    }
    .types__request {
        padding-top: calc(30px + 85 * ((100vw - 320px) / 930));
        padding-bottom: calc(42px + 200 * ((100vw - 320px) / 930));
    }
    .question__contact {
        margin-top: calc(42px + 90 * ((100vw - 320px) / 930));
    }
}

@media(max-width: 1068px) {
    .header__phone {
        margin-right: 0;
    }
    .header__requeat {
        display: none;
    }
    .completed__row {
        flex-wrap: wrap;
    }
    .completed__column:nth-child(1),
    .completed__column:nth-child(2) {
        flex: 0 1 100%;
    }
    .completed__body-da {
        display: block;
        position: relative;
    }
    .completed__control-control {
        display: flex;
        justify-content: space-between;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 20px;
        pointer-events: none;
        z-index: 5;
    }
    .completed__arrow-left,
    .completed__arrow-right {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        pointer-events: all;
    }
    .completed__arrow-left {
        background: url(../images/icons/faleft.png) center/ 12px 12px no-repeat;
        background-color: #E3B873;
        margin-left: 15px;
    }
    .completed__arrow-right {
        background: url(../images/icons/faright.png) center/ 12px 12px no-repeat;
        background-color: #E3B873;
        margin-right: 15px;
    }
    .completed__body {
        min-width: 100%; 
    }
    .completed__nav {
        display: none;
    }
    .completed__slide {
        max-width: 0px;
    }
    .completed__title,
    .completed__text {
        margin: 0 auto;
        text-align: center;
    }
    .completed__text {
        margin-top: 30px;
    }
    .data-wrapper {
        margin-top: 25px;
    }
    .completed__data {
        display: flex;
        justify-content: space-between;
    }
    .data-slide__content {
        flex: 1 1 50%;
    }
    .completed__control {
        display: none;
    }
    .types__column:not(:last-child) {
        margin-bottom: 30px;
    }
    .request__body {
        padding-left: 0;
    }
    .fantasies__row {
        flex-direction: column;
    }
    .fantasies__nav {
        padding: 57px 0 47px 0
    }
    .fantsies__title br {
        display: none;
    }
    .fantsies__title {
        text-align: center;
        margin-bottom: 0px;
        padding-right: 0px;
    }
    .fantasies__buttons,
    .fantasies__body {
        display: none;
    }

/* ====================== FANTASIES SWIPER =========================== */

    .fantasies__swiper {
        position: relative;
        overflow: hidden;
    }
    .fantasies-wrapper {
        display: flex;
    }
    .swiper-slide {
        flex-shrink: 0;
    }
    .content-fatasies__img {
        padding: 0 0 60% 0;
        position: relative;
    }
    .content-fatasies__img img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    .content-fatasies__img:not(:last-child) {
        margin-bottom: 0px;
    }
    .fantasies__slider-arrow {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
    .slider-arrow__prev {
    }
    .fant-btn__left {
        background: url(../images/icons/faleft.png) center/ 12px 12px no-repeat;
        background-color: #E3B873;
        left: 20px;
    }
    .fant-btn__right {
        background: url(../images/icons/faright.png) center/ 12px 12px no-repeat;
        background-color: #E3B873;
        right: 20px;
    }

/* ================ */

    .clients__row {
        flex-wrap: wrap;
        gap: 27px;
    }
    .clints__column {
        flex: 0 1 100%;
    }
}

@media(max-width: 767px) {
    .header__list {
        display: none;
    }
    .control__label,
    .request__label,
    .question__label {
        margin-left: -4px;
    }
    .control__input::placeholder,
    .form-request__input::placeholder,
    .form-question__input::placeholder {
        color: #fff;
    }
    .control {
        padding-bottom: 35px;
        background-color: #131313;
    }
    .control__text,
    .control__label {
        color: #fff;
    }
    .control__body {
        flex-direction: column;
        gap: 25px;
    }
    .control__input,
    .control__button {
        width: 100%;
    }
    .control__input {
        border-bottom: 1px solid #fff;
        background-color: transparent;
    }
    .control__item-input::before {
        color: #959595;
    }
    .control__checkbox {
        text-align: left;
        margin-top: 0;
    }
    .types__column {
        flex: 0 1 100%;
    }
    .types__card {
        margin-left: 0;
    }
    .types__button {
        margin-left: 0;
    }
    .request__row {
        flex-wrap: wrap;
    }
    .request__column {
        flex: 0 1 100%;
    }
    .request__item,
    .request__form {
        max-width: 100%;
    }
    .request__item:not(:last-child) {
        margin-bottom: 40px;
    }
    .request__contact {
        margin-top: 40px;
    }
    .request__help {
        max-width: 100%;
    }
    .fantasies {
        background: transparent;
        border-top: 1px solid #E3B873;
    }
    .fantasies:before {
        background: transparent;
    }
    .fantasies__nav {
        padding: 57px 0 37px 0
    }
    .clients {
        margin-top: -47px;
        background-color: #181818;
    }
    .clients__title,
    .clients__label {
        color: #FFF;
    }
    .question__form {
        text-align: left;
    }
    .form-question__items {
        display: flex;
        flex-direction: column;
        row-gap: 48px;
    }
    .form-question__item:nth-child(1),
    .form-question__item:nth-child(2) {
        min-width: 100%;
    }
    .form-question__input {
        border-bottom: 1px solid #fff;
    }
    .question__checkbox {
        margin: 50px 0px;
    }
    .question__button {
        width: 100%;
    }
    .question {
        padding-bottom: 15px;
    }
    .question__container {
        display: flex;
        flex-direction: column-reverse;
    }
    .question__map {
        padding: 0 0 70% 0;
    }
}

@media(max-width: 512px) {
    .main__buttons {
        flex-direction: column;
    }
    .btn {
        width: 100%;
    }
    .types__card {
        width: 265px;
        padding-left: 21px;
    }
    .request__form {
        padding: 28px 20px;
    }
    .request__button {
        width: 100%;
    }
    .fantasies__nav {
        padding: 57px 0 27px 0
    }
    .initials-client__name {
        font-size: 16px;
    }
}