body{
    margin: 0;
}
.sticky {
    width: 100%;
}
.marginTop{
    margin-top: 100px;
}
a{
    text-decoration: none
}
.root{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.container{
    position: relative;
}
.titleAll{
    font-size: 40px;
    line-height: 1.5;
}
header{
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgb(0, 0, 0);
}
.headerBlock1Btn{
    display: flex;
    gap: 40px;
    align-items: center;
}
.headerContainer{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.headerBlock1{
    display: flex;
    flex-direction: column;
    gap: 11px;
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 16px;
    color: #fff !important;
    a{
        color: #fff !important;
    }
}
._Block1Contact{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    font-family: 'Geometria';
    font-weight: 700;
    font-size: 22px;
}
.button{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: none;
    font-family: 'Geometria';
    background: #619e2d;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}
.headerBtn{
    width: 256px;
    height: 50px;
}
.headerBlock2{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 23px;
}
.history_Text_description{
    font-weight: 400;
}
.circle{
    border-radius: 100%;
    background: #619e2d;
    width: 8px;
    height: 8px;
}
._Block2Contact{
    display: flex;
    flex-direction: column;
    font-family: 'Geometria';
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    a{
        color: #fff !important;
    }
}
.bannerBig{
    margin: 0 0 0 0;
}
._Block2ContactText{
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 14px;
    color: #619e2d;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
.banner{
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
    margin: 60px 0 0 0 ;
    overflow: hidden;
}
.bannerTextImg{
    display: flex;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 5;
}
.bannerTextImg img{
    width: 100%;
}

.bannerDialog{
    border-radius: 20px;
    width: 100%;
    height: 373px;
    box-shadow: inset 4px 4px 26px 0 rgba(255, 255, 255, 0.05), inset 0 4px 2px 0 rgba(255, 255, 255, 0.05), inset 0 -4px 2px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 80px;
    justify-content: center;
    font-family: 'Geometria';
    font-weight: 500;
    font-size: 40px;
    line-height: 1;
    text-align: center;
    color: #000;
    gap: 26px;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
    backdrop-filter: blur(80px);
    -webkit-backdrop-filter: blur(80px);
}
._dialog, .banner_form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

._dialogNumber{
    border-radius: 10px;
    padding: 0 22px;
    width: 272px;
    height: 56px;
    background: #faf9fb;
    border: none;
}
input[type="tel"]::-moz-placeholder {
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
}
input[type="tel"] {
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
}
._dialogBtn{
    width: 304px;
    height: 56px;
}
._agreement{
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 16px;
    color: #000;
}
.container_agreement{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
}
.highload2{
    margin-right: 10px ;
}
input[type='checkbox'] {
    accent-color:  #619e2d;
}
.bannerText{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    font-family: 'Geometria';
    font-weight: 700;
    font-size: 96px;
    line-height: 1;
    text-align: center;
    color: #000;
    padding: 70px 60px;
    gap: 50px;
    position: relative
}
h1{
    color: #000;
    font-family: 'Geometria';
    font-weight: 700;
    font-size: 96px;
}
.bannerTextSale{
    display: flex;
}
._TextSale{
    font-weight: 500;
    font-size: 48px;
    line-height: 1;
    position: absolute;
    z-index: 1;
}
._dop_TextSale{
 font-size: 50px;
}
._TextNum{
    font-size: 200px;
    line-height: 0;
    color: #619e2d;
    padding-top: 55px;
    position: absolute;
    z-index: 2;
    padding-left: 165px;
}
._TextRB{
    font-size: 30px;
}
.cardProduct{
    width: auto;
    overflow: hidden;
}
.cardProductTextHead{
    display: flex;
    flex-direction: column;
    gap: 22px;
    font-family: 'Geometria';
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin-bottom: 60px;
}
._textHead2{
    font-weight: 400;
    font-size: 32px;
    line-height: 1;
}
._CardsGroup{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
._Card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
._Card_dop{
    display: none;
}
._Card_btn{
    width: 80%;
    height: 56px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    font-family: 'Geometria';
    font-weight: 700;
    font-size: 20px;
    opacity: 0;
    position: absolute;
    transition: opacity .3s;
    z-index: 10;
}
._Card:hover button {
    opacity: 1;
    transition: opacity .3s;
}
._CardText{
    display: flex;
    flex-direction: column;
    font-family: 'Geometria';
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    color: #000;
    gap: 4px;
    border-radius: 0 0 20px 20px;
    width: 100%;
    background: rgba(255, 255, 255, 0.88);
    padding: 5px 9px;
    a{
        color: #000 !important;
    }
}
._CardText2{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
}
._CardText2_dop{
    line-height: 1;
}
._CardText3{
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}
._CardTextImg{
    display: grid;
    grid-template-columns: 69% 1fr;
    align-items: flex-end;
    column-gap: 10px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
}

._CardTextImg a{
    width: 100%;
    text-align: right;
}

._CardTextImg a img{
    width: 100%;
    object-fit: contain;
    object-position: bottom right;
}

._CardImg{
    width: 100%;
    z-index: 1;
}
.quiz{
    font-family: 'Geometria';
    margin-bottom:0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.img_quiz{
    width: 100%;
    height: 100%;
}

.quizText {
    font-weight: 700;
    line-height: 1;
}
.quizText2{
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
}
.quizFromImg{
    display: grid;
    grid-template-columns: 28% 1fr;
}
.my-for{
    width: 100%;
}
.quiz_form .my-div {
    display: none;
    box-shadow: 0 5px 20px 0 rgba(118, 106, 122, 0.25);
    border-radius: 20px;
}
.quiz_form .my-div:first-child {
    display: block;
}
.progress {
    width: 90%;
    background: #f2f0f5;
    position: relative;
    border-radius: 50px;
    height: 16px;
}
.progress-line {
    width: 16.7%;
    background: linear-gradient(90deg, #619e2d 0%, #a5de74 100%);
    position: absolute;
    overflow: hidden;
    border-radius: 50px;
    height: 16px;

}
.done-progress-persent{
    position: absolute;
    text-align: center;
    width: 220px; /*должен быть такойже как и .progress*/
    padding: 2.2px;
    color: #fff;
}
.progress-percent {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 2.2px;
}
.formStep{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 100px;
    padding: 12px 22px;
    width: 160px;
    height: 40px;
    background: linear-gradient(90deg, #619e2d 0%, #a5de74 100%);
    font-family: 'Geometria';
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    span{
        margin-left: 5px;
        font-weight: 400;
    }
}
.formStep_dop{
    margin-top: 24px;
}
.formSteps{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    font-family: 'Geometria';
    color: #000;
    padding: 32px 0 0 0;
}
.formSteps_dop{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-right: 10px ;
}
.formStepTextH{
    font-weight: 500;
    font-size: 32px;
    line-height: 1;
}
.formStepTextH_dop{
    margin-top: 34px;
}
.formStepTextH2{
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
}
.formCards{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin: 0 64px;
}
.fromTextBtnEnd{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}
.fromTextEnd{
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 305px;
}
.next-q{
    border-radius: 10px;
    padding: 12px 22px;
    width: 208px;
    height: 56px;
    background: #619e2d;
    border: none;
    font-family: 'Geometria';
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}
.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}
._ImgCheck{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width:  100%;

    img{
        width: 100%;
    }
}
._agreement{
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: #000;
}
#demo{
    padding: 12px 22px;
    width: 136px;
    height: 56px;
    background: #f2f0f5;
}
.slidecontainer{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    input{
        width: 100%;
    }
    font-family: 'Geometria';
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    color: #000;
}
.slidecontainer_dop{
    width: auto;
    input{
        width: 100%;
    }
}
.container_progress{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}
.btn1{
    border: 2px solid #619e2d;
    border-radius: 10px;
    padding: 12px 22px;
    width: 184px;
    height: 56px;
    background: none;
    color: #619e2d;

}
.slidecontainerText{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.div-5_container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.div-5_container_1{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    width: 1010px;
    align-items: center;
    justify-items: stretch;
    .div-5_container_text{
        font-family: 'Geometria';
        font-weight: 400;
        font-size: 24px;
        line-height: 1;
    }
    .slide{
        text-align: center;
        font-family: 'Geometria';
        font-weight: 500;
        font-size: 24px;
    }
}
.btnPos{
    position: relative;
    left: 849px;
    top: -49px
}
.btnPos1{
    position: relative;
    left: 673px;
    top: -46px;
}
.descriptionFastenings{
    width: 100%;
    display: grid;
    grid-template-columns: 42.346939% 1fr; 
    column-gap: 20px;
    margin: 0 0 0 0;
}

.descriptionFastenings_InfWindow{
    position: relative;
    border-radius: 20px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
.descriptionFastenings_InfWindow_dop{
    box-shadow: 0px 5px 24px 0px rgb(0 0 0 / 18%);
    width: 100%;
}

.descriptionFastenings_InfWindow_dop img{
    width: 100%;
}

.imgCard{
    width: 100%;
}

.imgTextEnd{
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    margin: 64px 64px 0;
}
.p2{
    width: 33.3%;
}
.p3{
    width: 49.3%;
}
.p4{
    width: 66.53% ;
}
.p5{
    width: 83.12% ;
}
.p6{
    width: 99% ;
}
.p7{
    width: 100%;
}
.formSteps_div-7{
    position: relative;
    z-index: 11;
}
.div-7_container{
    display: flex;
    flex-direction: row;
    font-family: 'Geometria';
    color: #000;
}
.div-7_container_text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    margin: 0 0 0 70px;
}
.div-7_container_check_dialog{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 45px 0 15px 0;
}
.div-7_container_check{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    gap: 10px;
    padding-bottom: 30px;
}

.div-7_container_img{
    img{
        border-radius: 0 20px 20px 0;
    }
}
.div-7_container_text1{
    font-weight: 500;
    font-size: 40px;
    line-height: 1;
    padding-bottom: 13px;
}
.div-7_container_text2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    padding-bottom: 22px;
}
.div-7_container_text3{
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    padding-bottom: 15px;
}
.div-7_container_text_soc{
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.div-7_container_check_dialog_dialogNumber{
    width: 408px;
    height: 56px;
}
.div-7_container_check_dialog_dialogBtn{
    width: 408px;
    height: 56px;
}
.div-7_container_list{
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    gap: 20px;
    display: flex;
    flex-direction: column;

}
.mobhead{
    display: none;
}
.prof_var_items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 19px 20px;
}
.prof_var_item {
    position: relative;
    border-radius: 20px;
    box-shadow: 0px 5px 24px 0px rgb(0 0 0 / 18%);
}
.prof_var_item img {
    width: 100%;
    height: 100%;
}
.prof_var_item:hover .prof_var_item_content {
    height: auto;
}
.prof_var_item:hover .prof_var_item_text {
    display: block;
    line-height: 1;
}
.prof_var_item_content {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 55px;
    padding: 13px 0 10px 8px;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 0 0 20px 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #619e2d;
    gap: 3px;
}
.prof_var_item_text {
    display: none;
    font-weight: 400;
    color: #000;
}

.descriptionFastenings_img_inf{
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100px;
    padding: 14px 0 0 13px;
    background: rgba(255, 255, 255, 0.88);
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #619e2d;
}


.LUMFER_img_inf {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
}
.LUMFER_img_inf_title{
    font-weight: 500;
    font-size: 20px;
}
.descriptionFastenings_img_inf_text{
    font-weight: 400;
    color: #000;

}
.descriptionFastenings_img_inf_text_dop{
    line-height: 1;
}
.installmentPlanImg{
    display: none;
}
.container6{
    background-image: url('../icon/Group6022.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;;
    color: #000;
    gap: 30px;
    padding: 180px 0 61px 72px;
    margin: 0 0 0;
    overflow: hidden;
}
.installmentPlan_title{
    font-weight: 700;
    font-size: 96px;
    line-height: 0.8;
}
.installmentPlan_text{
    font-weight: 500;
    font-size: 48px;
    line-height:1;

}
.rooms_container {
    width: auto;
    overflow: hidden;
}

.rooms .rooms_container {
    padding: 81px 40px 76px 0;
    min-height: 543px;
    background: rgba(217, 217, 217, 0.52);
    border-radius: 20px;
    width: 100%;

}
.rooms_items {
    display: flex;
    gap: 27px 82px;
    flex-direction: row;
    justify-content: space-evenly;
}
.rooms_item {
    position: relative;
    width: 50%;
}
.rooms_item_title {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    border-radius: 0 50px 50px 0;
    height: 75px;
    background: #fff;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #000;
}
.rooms_item img.active{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.rooms_item_subtitles {
    margin-top: 41px;
    padding-left: 72px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: 500;
    font-size: 32px;
    color: #2d2c30;
}
.rooms_item_subtitle {
    cursor: pointer;
}
.rooms_item_subtitle.active {
    position: relative;
    color: #619e2d;
}
.rooms_item_subtitle.active:after {
    content: url('../icon/long_arrow.svg');
    position: absolute;
    bottom: -22px;
    left: -72px;
}
.rooms_pictures {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 28px;
    left: -264px;
    bottom: -44px;
}
.rooms_pictures img {
    width: 285px;
    height: 188px;
}
.rooms_buttons {
    position: absolute;
    bottom: 0;
    right: 0;
}
.rooms_btn {
    width: 105px;
    height: 97px;
    border-radius: 20px 0 0 20px;
    border: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    background: #619e2d;
    cursor: pointer;
}
.rotate {
    transform: rotate(180deg);
}
.shiaga{
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 0 0 0 0;
    .shiagaOrder_CardText{
        position: relative;
        height: auto;
        background: none;

    }
    ._CardText{
        margin: 0;
        padding: 11px;
    }
    ._CardText21{
        padding: 0 0 26px 8px;
        gap: 8px;
    }
    ._CardText22{
        padding: 0 0 9px 8px;
    }
    ._CardText23{
        padding: 0 0 78px 8px;
        gap: 8px;
    }
    ._CardText24{
        gap: 0;
        padding: 0 0 7px 8px;
    }
    .shiagaOrder_CardText_imgStep{
        width: 100%;
    }

    .shiagaOrder_CardText_title{
        font-weight: 700;
        font-size: 20px;
        color: #619e2d;
        line-height: 1;
    }
    ._CardTextImgStep{
        align-items: flex-end;
        background: #ffffffbf;
    }

    .shiagaOrder_cardsMob{
        display: none;
    }
    .shiagaOrder_cards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        justify-items: center;
        align-content: space-between;
        gap: 20px;
    }
    .shiagaOrder_title{
        font-family: 'Geometria';
        font-weight: 700;
        line-height: 1;
        color: #000;
    }

}



.history{
    width: 100%;
    margin: 0 0 0 0;
    border-radius: 20px;
    background: #f4f1f1;
}
.container9{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    justify-content: center;
}
.history_Imgs{
    display: flex;
    flex-direction: row;
    gap: 35px;

    img{
        padding: 35px 0;
        width: 100%;
    }
}
.history_Text{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.history_Text1{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: 'Geometria';
    font-weight: 100;
    font-size: 24px;
    line-height: 1.4;
    color: #000;
}
.history_Title{
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    color: #619e2d;
}
.history_Title_b{
    color: #000;
}
.history_lable{
    border-radius:  0 50px 50px 0;
    width: 493px;
    height: 53px;
    background: #619e2d;
    font-family: 'Geometria';
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 95px;
    z-index: 1;
}
.container13{
    width: auto;
    font-family: 'Geometria';
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 100px;
    overflow: hidden;
}
.history_cards_title{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    padding-bottom: 22px;
}
.history_cards{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 9%;
}
.history_title{
    font-weight: 700;
    line-height: 1;
    color: #000;
}
.history_card{
    border-radius: 10px;
    width: 344px;
    box-shadow: 0 5px 20px 0 rgba(118, 106, 122, 0.25);
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 0 25px;
    gap: 28px;
}
.history_card_text{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5;

    span{
        text-align: center;
    }
}
.history_card_text_title{
    font-weight: 700;
    font-size: 22px;
    color: #000;
}
.history_card_text_all{
    font-weight: 400;
    font-size: 18px;
    color: #000;
}
._text_title_color{
    color: #619e2d;
}
.card_text_dop{
    gap: 18px;
}
.history_cards_gap{
    gap: 5%
}
.history_btn_for_order{
    background-image: url('../icon/Group6023.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 17px;
    height: 285px;
    font-family: 'Geometria';
}
.history_discountBanner_ImgMob{
    display: none;
}
.history_btn_for_order_title{
    padding: 0px 407px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #000;

}
.history_btn{
    width: 304px;
    height: 56px;
}

.discountBanner{
    width: 100%;
    margin: 0;
    padding: 0;
}
.departure{
    font-family: 'Geometria';
    display: flex;
    flex-direction: row;
    border-radius: 20px;
    background: #f4f1f1;
    padding: 40px 0  55px 100px;
}
.shapes_wrapper{
    position: absolute;
    left: 753px;
    top: 22px;
}
.departure_content{
    width: 50%;
}
.departure_content_title {
    font-family: 'Geometria';
    font-weight: 700;
    line-height: 1;
    color: #000;
}
.departure_content_text {
    margin-top: 32px;
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: #000;
}
.departure_items {
    margin-top: 31px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.departure_item {
    display: flex;
    align-items: center;
    gap: 21px;
}
.departure_item_text {
    font-weight: 400;
    font-size: 26px;
    line-height: 28px;
    color: #000;
}
.departure_form {
    width: 616px;
}
.departure_input {
    border-radius: 10px;
    border: none;
    padding: 12px 22px;
    width: 272px;
    height: 56px;
    background: #faf9fb;
}
.departure_input::placeholder {
    font-weight: 400;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.6);
}
.departure_submit {
    margin-top: 47px;
    display: flex;
    gap: 16px 40px;
}
.btn_departure {
    width: 304px;
    height: 56px;
    font-weight: 700;
    font-size: 20px;
}
.departure_policy {
    display: flex;
    gap: 10px;
    margin-top: 26px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

.checkbox {
    position: absolute;
    z-index: -1;
}

.checkbox-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.checkbox-view {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    transition: .3s;
}

.checkbox-icon {
    opacity: 0;
    transition: .3s;
}

.checkbox:checked + .checkbox-view {
    background-color: #619e2d;
    border: none;
}

.checkbox:checked + .checkbox-view .checkbox-icon {
    opacity: 1;
}




.map{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(4, auto);
    margin: 0;
    padding: 0;
    overflow: hidden;

    iframe{
        width: 100%;
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 1;
        grid-row-end: 5;
    }

}
._BlockInf{
    border-radius: 20px;
    width: max-content;
    height: auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 9px 45px 26px 29px;
    gap: 18px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 4;
    z-index: 100;
    span{
        font-family: 'Geometria';
        font-weight: 700;
        font-size: 24px;
        line-height: 3;
        color: #000;
    }
}
._TextImgTel{
    display: flex;
    flex-direction: column;
}
._InfTextImg{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
._TextImg{
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    gap: 19px;
    span{
        font-weight: 400;
        font-size: 28px;
        line-height: 1.5;
    }
}
.LUMFER{
    margin-bottom: 0;
}
.LUMFER_img_list {
    border-radius: 20px;
    background: rgba(243, 240, 240, 0.92);
    display: grid;
    grid-template-columns: 40% 1fr;
    padding-bottom: 130px;
    span{
        font-family: 'Geometria';
    }
}
.LUMFER_text {
    display: flex;
    flex-direction: column;
    border-radius: 50px 0 0 50px;
    background: #ffffff;
    margin-top: 35px;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.5;
    color: #000;
    padding: 0 0 0 36px;
    justify-content: center;

    .LUMFER_text_title{
        font-weight: 700;
    }

    .LUMFER_text_color{
        font-weight: 600;
        color: #619e2d;
    }
}
.LUMFER_text_dop {
    font-size: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    padding: 29px 5px 10px  44px
}

.LUMFER_list{
    .custom-counter {
        margin-left: 0;
        padding-right: 0;
        list-style-type: none;
        width: 100%;
        font-family: 'Geometria';
        font-weight: 400;
        font-size: 24px;
        line-height: 1.5;
        color: #000;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .custom-counter li {
        counter-increment: step-counter;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 14px;
    }
    .custom-counter li::before {
        content: counter(step-counter);
        margin-right: 5px;
        border-radius: 50px;
        width: 2.1vw;
        height: 2.1vw;
        background: #619e2d;
        font-family: 'Geometria';
        font-weight: 500;
        font-size: 24px;
        line-height: 1;
        text-align: center;
        color: #fff;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }
}
.content5_img_above_cards{
    border-radius: 20px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    img{
        z-index: 1;
        top: -18px;
        position: relative;
    }
    width: 474px;
    height: 356px;

}
.card{
    position: absolute;
    z-index: 100;
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #000;
    margin: 20px;
    width: 474px;
    display: flex;
    flex-direction: column;

}
.card_title{
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #619e2d;

}
.card_text{
    width: 474px;
}
.LUMFER_img_above{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    position: relative;
    top: -80px;
    width: auto;
    gap: 10px;
}

.LUMFER_img_inf_dop{
    height: auto;
    padding-bottom: 5px;
    background: none;
}
.LUMFER_img{
    border-radius: 20px;
    width: 100%;
    padding: 30px 0 0 30px;
}
.LUMFER_list_text{
    padding-left: 30px;
}
footer{
    width: 100%;
    height: 170px;
    background: #2D2C30;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 24px 0 0 0;
}
.FGeoData{
    .FGeoDatalogoMoo{
        display: none;
    }
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 214px;
    width: 100%;
    img{
        width: 12vw;
        height: 5.7vw;
    }
    .FGeoDatalogoMob{
        display: none;
    }
}
.FLogo{
    margin-right: 12vw;
    width: 150px;
}
.FGeoText{
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.FNumber{
    font-family: 'Geometria';
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    color: #fff !important;
    display: flex;
    flex-direction: column;
    a{
        color: #fff !important;
    }
}
.FNumImgLogo{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}
.modal_back {
    display: none;
    position: fixed;
    z-index: 101;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(80,80,80, 0.5);
}
.modal_window{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 888px;
}
.modal_close{
    position: absolute;
    width: 25px;
    top: 13px;
    right: 19px;
    cursor: pointer;
    z-index: 100;
    img {
        width: 100%;
    }
}
.modal_content{
    display: flex;
    height: auto;
    font-family: 'Geometria';
}
.modal_title{
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    color: #2d2c30;
}
.modal_descr_mobile{
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: #2d2c30;
}
.btn_form_modal{
    width: 336px;
    height: 56px;
    font-weight: 500;
    font-size: 24px;
}
.modal_form_check{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    height: 40px;
}
.modal_check{
    position: relative;
    top: 7px;
}
.modal_form_num{
    padding: 12px 22px;
    width: 336px;
    height: 56px;
    background: #faf9fb;
    border: none;
}

.modal_content_text{
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 63px 0 73px 72px;
}
.modal_form{
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.modal_content_img {
    background:url('../icon/modal.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
}

.modal_content_img img{
    width: 100%;
    height: 100%;
}

.modal_form{
    gap: 24px;
}
/* контейнер */

/* скрываем дефолтный флажок */
.container .check-highload {
    position: absolute;
    opacity: 0;
}
/* Создаем кастомный checkbox */
.highload2 {
    height: 25px;
    width: 25px;
    background-color: #e5e8f0;
    border-radius: 67px;
}
/* При наведении указателя мыши перекрашиваем */
.container:hover .check-highload ~ .highload2 {
    background-color: #e5e8f0;
    border-radius: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Когда отмечен, то красим в зеленый цвет */
.container .check-highload:checked ~ .highload2 {
    background-color: #619e2d;
    border-radius: 67px;
}
/* Создаем когда отмечено (не видно, когда не отмечено) */
.highload2:after {
    content: "";
    position: absolute;
    display: block;
}
/* Показываем когда отмечен */
.container .check-highload:checked ~ .highload2:before{
    display: none;
}
/* Стили индикатора */
.container .highload2:before {
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* Стили для кнопки */
.glare-button {
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Добавляем тень для трехмерного эффекта */
}

/* Стили для создания блика на кнопке */
.glare-button:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 100%;
    background-image: linear-gradient(
            120deg,
            rgba(255, 255, 255, 0) 30%, /* Прозрачность начала блика */ rgba(255, 255, 255, 0.41), /* Цвет блика */
            rgba(255, 255, 255, 0) 70% /* Прозрачность конца блика */
    );
    top: 0;
    left: -100px;
    animation: shine 4s infinite linear; /* Анимация блика */
}

/* Ключевые кадры для анимации блика */
@keyframes shine {
    0% {
        left: -100px; /* Начальная позиция блика (левая сторона кнопки) */
    }
    20% {
        left: 100%; /* Позиция блика в конце (правая сторона кнопки) */
    }
    100% {
        left: 100%; /* Завершение анимации */
    }
}

.discountBanner_ImgMob{
    display: none;
}
.modal_close2{
    display: none;
}
.show {
    display:block
}
.hide {
    display:none
}
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}
.discountBanner_Img{
    padding: 0;
    width: 100%;
}
.promotion{
    .promotion-wrapper{
        display: grid;
        grid-template-columns: 40% 60%;
        gap: 10px;
        .promotion-wrapper-block1{
            display: grid;
            grid-template-columns: 50% 50%;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .promotion-wrapper-block2{
            .promotion-wrapper-block2-imgMob{
                display: none;
            }
            img{
                width: 100%;
                height: 100%;
            }
        }
    }

}


.installment__baner img{
    width: 100%;
}

@media (max-width: 1580px) {
    ._dop_TextSale{
        font-size: 40px;
    }
    input[type="tel"]::-webkit-input-placeholder {
        font-size: 20px;
    }
    input[type="tel"]::-moz-placeholder {
        font-size: 20px;
    }
    input[type="text"]::-webkit-input-placeholder {
        font-size: 20px;
    }
    input[type="text"]::-moz-placeholder {
        font-size: 20px;
    }
    ._Block2Contact {
        font-size: 20px;
    }
    .button{
        font-size: 18px;
    }
    .bannerDialog {
        height: 315px;
    }
    .titleAll{
        font-size: 35px;
    }
    .logoOPenDor{
        width: 80%;
    }
    .headerBtn {
        width: 245px;
        height: 45px;
    }
    .headerBlock1 {
        gap: 10px;
        font-size: 15px;
    }
    ._CardText {
        font-size: 18px;
    }
    ._Block1Contact {
        gap: 15px;
        font-size: 18px;
    }
    .banner{
        .bannerText{
            gap: 30px;
        }
        h1 {
            font-size: 74px;
        }
        ._TextNum {
            font-size: 180px;
            padding-left: 185px;
        }
        .bannerDialog{
            padding: 0 0 0 40px;
        }
    }
    .descriptionFastenings{
        .descriptionFastenings_img_inf {
            font-size: 21px;
        }
        .prof_var_item_content {
            font-size: 17px;
        }
    }

    .installmentPlan{
        .installmentPlan_title {
            font-size: 90px;
        }
        .installmentPlan_text{
            font-size: 43px;
        }
    }
    .rooms{
        .rooms_item_title {
            font-size: 28px;
        }
        .rooms_item_subtitles {
            padding-left: 42px;
            font-size: 28px;
        }
    }
    .shiaga{
        .shiagaOrder_CardText{
            position: relative;
            height: auto;
            background: none;
            span{
                font-size: 15px;
            }
        }
        ._CardText{
            margin: 0;
            padding: 8px;
        }
        ._CardText21{
            padding: 0 0 18px 8px;
            gap: 8px;
        }
        ._CardText22{
            padding: 0 0 22px 8px;
        }
        ._CardText23{
            padding: 0 0 52px 8px;
            gap: 8px;
        }
        ._CardText24{
            gap: 0;
            padding: 0 0 7px 8px;
        }

        .shiagaOrder_cards {
            grid-template-columns: repeat(4, 1fr);

        }
    }
    .history{
        .history_Imgs {
            img{
                width: 25vw;
            }
        }
        .history_Title {
            font-size: 30px;
        }
        .history_Text1 {
            font-size: 19px;
        }
        .history_btn{
            width: 304px;
            height: 44px;
        }

    }
    .history_btn_for_order_title {
        padding: 0px 327px;
    }
    .departure{
        padding: 40px 0 20px 100px;
        .shapes_wrapper{
            left: 662px;
            top: 113px;
            img{
                width: 625px;
            }
        }
        .departure_item {
            gap: 19px;
        }
        .departure_item_text {
            font-size: 24px;
        }
    }
    .LUMFER{
        .LUMFER_text{
            font-size: 32px;
        }
        .LUMFER_text_dop{
            font-size: 18px;
        }
        .custom-counter {
            font-size: 20px;
        }
        .LUMFER_img_inf {
            font-size: 14px;
        }

    }
    .map{
        ._BlockInf{
            span{
                font-size: 22px;
            }
            ._TextImg{
                font-size: 25px;
            }
        }
    }
    .FGeoText{
        font-size: 22px;
    }
    .FNumber{
        font-size: 22px;
    }
    .quiz{
        .formSteps {
            gap: 15px;
            padding: 20px 0 0 0;
        }
        .formStepTextH {
            font-size: 30px;
        }
        .container_agreement{
            font-size: 19px;
        }
        .formStepTextH2 {
            font-size: 18px;
        }
        .imgTextEnd {
            margin: 34px 64px 0;
        }
        .btnPos {
            position: relative;
            left: 665px;
            top: -52px;
        }
        .formStep {
            font-size: 18px;
        }
        .slidecontainer_dop{
            img{
                width: 100%;
            }
        }
        .div-2content{
            margin: 0 64px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .btnPos1 {
            position: relative;
            left: 482px;
            top: -46px;
        }
        .div-5_container_1 {
            width: 100%;
        }
        .div-5_container {
            margin: 0 64px;
        }
        .div-5_container_text {
            font-size: 22px;
        }
        .div-7_container {
            margin: 0 0 0 20px;
        }
        ._dialogBtn {
            font-size: 19px;
        }
        .div-7_container_text2 {
            font-size: 22px;
        }
        .div-7_container_text1 {
            font-size: 36px;
        }
        .div-7_container_list {
            font-size: 22px;
        }
        .div-7_container_img{
            img{
                width: 100%;
            }
        }
        .div-7_container_text {
            gap: 14px;
            margin: 0 0 0 40px;
            width: 75%;
        }
    }
    .modal_descr_mobile{
        font-size: 18px;
    }
    .modal_form_num {
        width: 300px;
        height: 52px;
    }
    .btn_form_modal {
        width: 300px;
        height: 52px;
    }

}
@media (max-width: 1400px)  {
    ._dop_TextSale{
        font-size: 35px;
    }
    input[type="tel"]::-webkit-input-placeholder {
        font-size: 18px;
    }
    input[type="tel"]::-moz-placeholder {
        font-size: 18px;
    }
    input[type="text"]::-webkit-input-placeholder {
        font-size: 18px;
    }
    input[type="text"]::-moz-placeholder {
        font-size: 18px;
    }
    .button{
        font-size: 17px;
    }
    .titleAll{
        font-size: 30px;
    }
    .headerBtn {
        width: 236px;
        height: 42px;
    }
    ._Block2ContactText {
        font-size: 12px;
    }
    ._Block2Contact {
        font-size: 18px;
    }
    ._Block1Contact{
        font-size: 18px;
        gap: 6px;
        img{
            width: 80%;
        }
    }
    .headerBlock1{
        font-size: 14px;
    }
    .bannerDialog{
        font-size: 35px;
    }
    ._agreement {
        font-size: 19px;
    }
    .cardProductTextHead {
        font-size: 35px;
    }
    ._textHead2 {
        font-size: 27px;
    }
    ._CardText{
        font-size: 16px;
    }
    ._CardText2{
        font-size: 14px;
    }
    ._CardText3{
        font-size: 14px;
    }
    .banner{
        .bannerText{
            gap: 25px;
        }
        h1 {
            font-size: 60px;
        }
        ._TextNum {
            font-size: 165px;
        }
        ._TextSale{
            font-size: 41px;
        }
    }
    .descriptionFastenings{
        .descriptionFastenings_img_inf {
            font-size: 19px;
        }
        .prof_var_item_content {
            font-size: 14px;
        }
    }
    .LUMFER{
        .LUMFER_img_list {
            padding-bottom: 110px;
        }
        .LUMFER_img_above{
            top: -65px;
            gap: 13px;
        }
        .LUMFER_text{
            font-size: 23px;
            height: 85px;
        }
        .LUMFER_text_dop {
            font-size: 16px;
            padding: 13px 0 9px 22px;
            width: 85%;
            gap: 0;
        }
        .custom-counter {
            font-size: 17px;
        }
        .custom-counter {
            gap: 6px;
        }
        .LUMFER_list{
            .custom-counter li::before {
                 font-size: 17px;
             }
        }
        .LUMFER_text {
            height: 62px;
        }
        .LUMFER_img_inf {
            font-size: 12px;
        }
    }
    .rooms{
        .rooms_item_title {
            font-size: 24px;
        }
        .rooms_item_subtitles {
            padding-left: 35px;
            font-size: 25px;
        }
        .rooms_item_subtitle.active:after {
            left: -109px;
        }
        .rooms_items {
            gap: 17px 25px;
        }
    }
    .shiaga{
        .shiagaOrder_cards {
            grid-template-columns: repeat(4, 1fr);
        }
        ._CardText{
            margin: 0;
            padding: 8px;
        }
        ._CardText21{
            padding: 0 0 14px 8px;
            gap: 8px;
        }
        ._CardText22{
            padding: 0 0 13px 8px;
            gap: 8px;
        }
        ._CardText23{
            padding: 0 0 55px 8px;
            gap: 8px;
        }
        ._CardText24{
            gap: 8px;
            padding: 0 0 6px 8px;
        }
        .shiagaOrder_CardText{
            span{
                font-size: 13px;
            }
        }
        ._CardTextImg {
            grid-template-columns: 75% 1fr;
            align-items: flex-end;
            column-gap: 0;
            background: #ffffffbf;
        }

    }
    .installmentPlan{
        .installmentPlan_title {
            font-size: 70px;
        }
        .installmentPlan_text {
            font-size: 36px;
        }
    }
    .history_lable {
        width: 433px;
        height: 53px;
        font-size: 25px;
    }
    .history{
        .history_Imgs {
            img{
                width: 22vw;
            }
        }
        .history_Title {
            font-size: 26px;
        }
        .history_Text1 {
            font-size: 17px;
        }


    }
    .history_btn_for_order_title {
        padding: 0px 281px;
    }
    .history_btn {
        height: 48px;
    }
    .history_card_text_title {
        font-size: 20px;
    }
    .history_card_text_all {
        font-size: 16px;
    }
    .card_text_dop {
        gap: 14px;
    }
    .history_card_text {
        gap: 5px;
    }
    .departure{
        padding: 40px 0 20px 100px;
        .shapes_wrapper{
            left: 583px;
            top: 69px;
            img{
                width: 520px;
            }
        }
        .departure_content_text {
            margin-top: 14px;
            font-size: 20px;
        }
        .departure_item {
            gap: 14px;
            img{
                width: 30px;
            }
        }
        .departure_items {
            gap: 14px;
        }
        .departure_item_text {
            font-size: 17px;
        }
        .departure_submit {
            margin-top: 33px;
            gap: 16px 16px;
        }
        .checkbox-label {
            font-size: 13px;
        }
        .btn_departure {
            width: 260px;
        }
        .departure_input {
            width: 250px;
        }
    }
    .map{
        ._BlockInf{
            span{
                font-size: 20px;
            }
            ._TextImg{
                font-size: 23px;
            }
        }
    }
    .FGeoText   {
        font-size: 20px;
    }
    .FNumber{
        font-size: 20px;
    }
    .quiz{
        .btnPos {
            position: relative;
            left: 565px;
            top: -52px;
        }
        .btnPos1 {
            position: relative;
            left: 376px;
            top: -46px;

        }
        .next-q {
            width: 190px;
            height: auto;
            font-size: 18px;
        }
        .formStepTextH {
            font-size: 27px;
        }
        .formSteps {
            gap: 10px;
        }
        .container_agreement {
            font-size: 15px;
        }
        .formStepTextH_dop {
            margin-top: 20px;
        }
        .slidecontainer {
            gap: 20px;
            font-size: 20px;
        }
        .slide {
            font-size: 20px;
        }
        .div-5_container_text {
            font-size: 20px;
        }
        .div-7_container_check_dialog_dialogNumber {
            width: 80%;
        }
        ._dialogBtn {
            font-size: 17px;
        }
        .div-7_container_check_dialog_dialogBtn {
             width: 80%;
        }
        ._agreement {
            font-size: 17px;
        }
        .div-7_container_list {
            font-size: 20px;
            gap: 18px;
        }
    }
    .modal_descr_mobile{
        font-size: 16px;
    }
    .modal_form_num {
        width: 260px;
        height: 48px;
    }
    .btn_form_modal {
        width: 260px;
        height: 48px;
    }
    .modal_bottom_dopStyle{
        padding-right: 20px;
    }

}
@media (max-width: 1200px) {
    ._dop_TextSale{
        font-size: 30px;
    }
    input[type="tel"]::-webkit-input-placeholder {
        font-size: 17px;
    }
    input[type="tel"]::-moz-placeholder {
        font-size: 17px;
    }
    input[type="text"]::-webkit-input-placeholder {
        font-size: 17px;
    }
    input[type="text"]::-moz-placeholder {
        font-size: 17px;
    }
    .titleAll{
        font-size: 27px;
    }
    .button{
        font-size: 16px;
    }
    .logoOPenDor{
        width: 70%;
    }
    ._Block2Contact {
        font-size: 16px;
    }
    ._Block2ContactText {
        font-size: 12px;
    }
    .headerBlock1 {
        font-size: 11px;
        gap: 4px;
    }
    ._Block1Contact {
        font-size: 16px;
        gap: 10px;
    }
    .headerBtn {
        width: 184px;
        height: 37px;
    }
    .headerBlock2 {
        gap: 3px;
    }
    .banner{
            grid-template-rows: repeat(2, 1fr);
        h1 {
            font-size: 50px;
        }
        ._TextNum {
            font-size: 140px;
            padding-left: 195px;
        }
        .bannerDialog{
            margin-top: 45px;
            font-size: 30px;
            grid-row-start: 2;
            grid-row-end: 3;
            padding: 0 0 0 10px;
        }
        .bannerTextImg {
            grid-row-start: 1;
            grid-row-end: 3;
        }
        .bannerText{
            gap: 18px;
            padding: 30px 25px;
        }
        ._dialog, .banner_form {
            gap: 15px;
        }
        ._agreement{
            font-size: 17px;
        }
    }
    .FLogo {
        margin-right: 10vw;
    }
    .FGeoData {
        justify-content: space-evenly;
        gap: 18px;
    }
    .quiz{
        .div-7_container_text_img{
            img {
                width: 21px;
            }
        }

        ._agreement {
            font-size: 13px;
        }
        .quizText2 {
            font-size: 20px;
        }
        .formCards {
            gap: 22px;
            margin: 0 32px;
        }
        .formStep {
            padding: 6px 20px;
            height: auto;
            width: auto;
            font-size: 16px;
        }
        .formStepTextH {
            font-size: 25px;
        }
        .formStepTextH2 {
            font-size: 16px;
        }
        .container_agreement {
            font-size: 13px;
        }
        .next-q {
            width: 150px;
            height: auto;
            font-size: 17px;
            padding: 10px 4px;
        }
        .imgTextEnd {
            margin: 15px 32px 0;
        }
        .imgTextEnd{
            font-size: 15px;
        }
        .btnPos {
            left: 494px;
            top: -47px;
        }
        .btnPos1 {
            left: 333px;
        }
        .formStepTextH_dop {
            margin-top: 16px;
        }
        .slidecontainer {
            gap: 18px;
            font-size: 18px;
        }
    }
    .cardProduct{

        ._CardsGroup {
            grid-template-columns: repeat(3, auto);

        }
    }
    .descriptionFastenings{
        .descriptionFastenings_img_inf {
            font-size: 17px;
        }
        .prof_var_item_content {
            font-size: 11px;
            border-radius: 0 0 13px 13px;
        }
    }
    .LUMFER{
        .LUMFER_img_above{
            top: -80px;
        }
        .LUMFER_text_dop {
            width: 83%;
            font-size: 14px;
        }
        .LUMFER_text {
            font-size: 21px;
            height: 60px;
        }
        .custom-counter {
            font-size: 15px;
        }
        .LUMFER_img_list {
            padding-bottom: 100px;
        }
        .LUMFER_img_inf {
            font-size: 11px;
        }
        .LUMFER_img_inf_title {
            font-size: 15px;
        }
    }
    .container6 {
        padding: 110px 0 61px 72px;
    }
    .installmentPlan{
        .installmentPlan_title {
            font-size: 65px;
        }
        .installmentPlan_text {
            font-size: 31px;
        }
    }

    .rooms{
        .rooms_item_title {
            font-size: 20px;
        }
        .rooms_item_subtitles {
            padding-left: 25px;
            font-size: 20px;
            margin-top: 25px;
        }
        .rooms_item_subtitle.active:after {
            left: -139px;
        }
    }
    .shiaga{
        .shiagaOrder_CardText{
            span {
                font-size: 14px;
            }
        }

    }
    .history_lable {
        width: 364px;
        height: 40px;
        font-weight: 700;
        font-size: 25px;
        right: 19px;
        top: 87px;
    }
    .history{
        .history_Imgs {
            display: flex;
            flex-direction: row;
            gap: 20px;
            img{
                width: 23vw;
            }
        }
        .history_Title {
            font-size: 25px;
        }
        .history_Text1 {
            font-size: 15px;
        }
    }
    .history_btn_for_order_title {
        padding: 0 218px;
    }
    .history_card_text_title {
        font-size: 18px;
    }
    .history_card_text_all {
        font-size: 14px;
    }
    .history_btn {
        width: 260px;
        height: 40px;
    }
    .sale{
        .history_btn_for_order_title{
            padding: 0 249px;
        }
    }
    .shiaga{
        .shiagaOrder_cards {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    .departure{
        padding: 40px 0 20px 50px;
        .shapes_wrapper{
            left: 503px;
            top: 85px;
            img{
                width: 425px;
            }
        }
        .departure_content {
            width: 60%;
        }
        .departure_content_text {
            margin-top: 15px;
            font-size: 19px;
        }
        .departure_item_text {
            font-size: 17px;
        }
        .departure_item {
            img{
                width: 23px;
            }
            gap: 14px;
        }
        .departure_items {
            gap: 8px;
            margin-top: 16px;
        }
        .departure_submit {
            margin-top: 22px;
            gap: 16px 9px;
        }
        .checkbox-label {
            font-size: 13px;
        }
        .btn_departure {
            width: 240px;
        }
        .departure_input {
            width: 240px;
        }
        .btn_departure {
            font-size: 18px;
        }
        .departure_input {
            height: 45px;
        }
        .btn_departure {
            height: 45px;
        }
    }
    .map{
        ._BlockInf{
            gap: 3px;
            ._TextImg {
                font-size: 21px;
            }
        }
    }
}
@media (max-width: 993px) {
    .promotion{
        .promotion-wrapper{
            display: flex;
            flex-direction: column;
            gap: 10px;
            .promotion-wrapper-block2{
                .promotion-wrapper-block2-imgMob{
                    display: inline;
                }
                .promotion-wrapper-block2-img{
                    display: none;
                }

            }

        }
    }
    ._dop_TextSale{
        font-size: 25px;
    }
    .marginTop{
        margin-top: 80px;
    }
    input[type="tel"]::-webkit-input-placeholder {
        font-size: 15px;
    }
    input[type="tel"]::-moz-placeholder {
        font-size: 15px;
    }
    input[type="text"]::-webkit-input-placeholder {
        font-size: 15px;
    }
    input[type="text"]::-moz-placeholder {
        font-size: 15px;
    }
    .button {
        font-size: 12px;
    }
    .titleAll {
        font-size: 20px;
    }
    .logoOPenDor {
        width: 100%;
    }
    ._Block2Contact {
        font-size: 12px;
    }
    ._Block1Contact {
        font-size: 12px;
        gap: 1px;
        img {
            width: 100%;
        }
    }
    .a_logo{
        width: 19%;
    }
    .headerBlock1 {
        a{
            width: 10%;
        }
        font-size: 7px;
        .a_tel{
            width: 85%;
        }
    }
    .headerBtn {
        width: 160px;
        height: 30px;
    }
    .headerBlock2{
        img {
            width: 20px;
        }
    }
    .headerBlock1Btn {
        gap: 10px;
    }
    ._Block2ContactText {
        font-size: 8px;
    }
    .circle {
        width: 6px;
        height: 6px;
    }
    .banner{
        margin-bottom: 0;
        h1 {
            font-size: 40px;
        }
        ._TextSale {
            font-size: 31px;
        }
        ._TextNum {
            font-size: 92px;
            padding-left: 150px;
        }
        .bannerDialog {
            height: 233px;
            margin: 0;
            font-size: 20px;
            padding: 0 0 0 15px;
        }
        ._agreement {
            font-size: 11px;
            display: flex;
            gap: 2px;
        }
        ._dialogNumber {
            padding: 0 15px;
            width: 185px;
            height: 39px
        }
        ._dialogBtn {
            width: 185px;
            height: 39px
        }
    }
    ._textHead2 {
        font-size: 21px;
    }
    .cardProductTextHead{
        gap: 10px;
        .cardProductTextHead {
            font-size: 35px;
        }
        .cardProductTextHead {
            gap: 15px;
        }
    }
    ._CardText {
        font-size: 11px;
        gap: 2px;
    }
    ._CardText2 {
        font-size: 10px;
    }
    ._CardText3 {
        font-size: 10px;
    }
    ._CardTextImg {
        column-gap: 6px;
    }
    .cardProduct{
    }
    .quiz{
        .formStep {
            padding: 4px 14px;
            font-size: 12px;
        }
        .formStepTextH {
            font-size: 20px;
        }
        .formStepTextH2 {
            font-size: 11px;
        }
        .container_agreement {
            font-size: 10px;
        }
        .highload2 {
            height: 15px;
            width: 15px;
        }
        .imgTextEnd {
            font-size: 10px;
        }
        .next-q {
            width: 100px;
            height: auto;
            font-size: 15px;
            padding: 5px 4px;
        }
        .btnPos {
            left: 353px;
            top: -27px;
        }
        .slidecontainer {
            font-size: 13px;
        }
        .formStep_dop {
            margin-top: 13px;
        }
        .btnPos1 {
            left: 262px;
            top: -35px;
        }
        .div-5_container_text {
            font-size: 15px;
        }
        .slide {
            font-size: 14px;
        }
        .div-5_container {
            margin: 0 35px;
        }
        .div-7_container_text1 {
            font-size: 22px;
            padding-bottom: 1px;
        }
        .div-7_container_text2 {
            font-size: 16px;
        }
        ._dialogBtn {
            font-size: 12px;
        }
        ._agreement {
            font-size: 8px;
        }
        .div-7_container_list {
            font-size: 11px;
            gap: 10px;
        }
        .div-7_container_text_img{
            img{
                width: 17px;
            }
        }
        .div-7_container_text {
            gap: 12px;
            margin: 0 0 0 20px;
            width: 100%;
        }
        .div-7_container_text2 {
            padding-bottom: 11px;
        }
        .div-7_container_check_dialog_dialogBtn {
            height: 34px;
        }
        .div-7_container_check_dialog_dialogNumber {
            height: 34px;
        }
        .div-7_container_check {
            padding-bottom: 10px;
        }
    }
    .descriptionFastenings{
        .descriptionFastenings_img_inf {
            font-size: 14px;
        }
        .descriptionFastenings_img_inf {
            height: 74px;
            padding: 7px 0 0 13px;
            font-size: 14px;
        }
        .prof_var_item_content {
            height: 35px;
            padding: 5px 0 10px 8px;
            font-size: 9px;
        }
    }
    .LUMFER{
        margin-bottom:  0;
        .LUMFER_text {
            font-size: 16px;
        }
        .LUMFER_text_dop {
            width: 99%;
            font-size: 10px;
            padding: 6px 0 9px 22px;
        }
        .custom-counter {
            padding: 0 0 0 20px;;
            font-size: 11px;
        }
        .custom-counter li {
            gap: 6px;
        }
        .custom-counter li::before {
            width: 18px;
            height: 18px;
        }
        .custom-counter {
            gap: 4px;
        }
        .LUMFER_img_inf {
            font-size: 8px;
        }
        .LUMFER_img_inf_title {
            font-size: 12px;
        }
        .descriptionFastenings_img_inf {
            padding: 1px 0 3px 6px;
        }
        .LUMFER_img_list {
            padding-bottom: 80px;
        }
    }
    .installmentPlan{
        .installmentPlan_title {
            font-size: 50px;
        }
        .installmentPlan_text {
            font-size: 24px;
        }
    }
    .container6 {
        padding: 50px 0 61px 50px;
        gap: 15px;
        margin: 0 ;
    }
    .rooms{
        .rooms_container {
            padding: 30px 25px 35px 0;
            min-width: auto;
            width: 100%;
            margin-bottom: 60px;
            min-height: 300px;
        }
        .rooms_item_title {
            font-size: 15px;
            height: 47px;
        }
        .rooms_item_subtitles {
            padding-left: 25px;
            font-size: 17px;
            margin-top: 15px;
            gap: 11px;
        }
        .rooms_item_subtitle.active:after {
            bottom: -17px;
            left: -174px;
        }
    }
    .shiaga{
        .shiagaOrder_CardText{
            span {
                font-size: 10px;
            }
        }
        ._CardText23 {
            padding: 0 0 45px 8px;
        }
    }
    .history{
        .history_Title {
            font-size: 15px;
        }
        .history_Text1 {
            font-size: 11px;
        }
        .history_Imgs{
            img {
                width: 20vw;
            }
        }
    }
    .history_lable {
        width: 350px;
        height: 33px;
        font-weight: 700;
        font-size: 20px;
        right: 19px;
        top: 72px;
    }
    .container9 {
        gap: 20px;
    }
    .history_Imgs {
        gap: 14px;
    }
    .history_cards_title {
        gap: 40px;
    }
    .history_card {
        gap: 15px;
        img{
            width: 70px;
        }
    }
    .history_card_text_title {
        font-size: 14px;
    }
    .history_card_text_all {
        font-size: 12px;
    }
    .container13 {
        gap: 40px;
    }
    .sale{
        .history_btn_for_order_title {
            padding: 0 159px;
        }
        .history_btn {
            width: 204px;
            height: 33px;
        }
    }
    .history_btn_for_order {
        height: 200px;
    }
    .discountBanner {
        width: 105%;
        margin: 0 auto 0 auto;
    }
    .departure {
        padding: 25px 0 20px 30px;
        .departure_content_text {
            margin-top: 9px;
            font-size: 17px;
        }
        .departure_items {
            gap: 4px;
            margin-top: 11px;
        }
        .departure_item_text {
            font-size: 12px;
        }
        .checkbox-label {
            font-size: 9px;
        }
        .checkbox-view{
            width: 13px;
            height: 13px;
            img{
                width: 10px;
            }
        }
        .departure_item{
            img {
                width: 18px;
            }
        }
        .departure_input {
            width: 160px;
            height: 36px;
        }
        .btn_departure {
            width: 160px;
            height: 36px;
            font-size: 13px;
        }
        .shapes_wrapper{
            img {
                width: 335px;
            }
        }
        .shapes_wrapper {
            left: 356px;
            top: 68px;
        }


    }
    ._BlockInf {
        padding: 0 25px 13px 22px;
    }
    ._InfTextImg {
        gap: 10px;
    }
    .map{
        margin:  0;
        iframe {
            height: 350px
        }
        ._BlockInf{
            ._TextImg {
                font-size: 17px;
                gap: 5px;
            }
            span {
                font-size: 17px;
            }
        }

    }
    .FNumber {
        font-size: 17px;
    }
    .FGeoText {
        font-size: 17px;
        align-items: center;
    }
    .FGeoData {
        gap: 1px;
    }



    }
@media (max-width: 768px) {
    ._dop_TextSale{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .container{
        padding: 0 14px;
    }

    .GeoDatalogoMoo{
        display: inline;
    }
    .marginTop{
        margin-top: 60px;
    }
    .a_logo {
        display: none;
    }
    .headerBlock1Btn {
        display: none;
    }
    .headerBlock2{
        display: none;
    }
    .headerContainer {
        justify-content: center;
        align-items: center;
    }
    .mobhead {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        padding: 2px 0;
        width: 100%;
        justify-content: space-between;
    }
    .mobheadImg {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;

        img {
            width: 30px;
            height: 30px;
        }
    }
    .mobheadBtn {
        display: flex;
        flex-direction: column;
        font-weight: 400;
        font-size: 12px;
        color: #fff;
        font-family: 'Geometria';
    }
    .headerBtn {
        width: 178px;
        height: 34px;
    }
    .headerBtn1 {
        display: none;
    }
    .cardProductTextHead {
        margin-bottom: 30px;
    }
    input[type="tel"]::-webkit-input-placeholder {
        font-size: 16px;
    }
    input[type="tel"]::-moz-placeholder {
        font-size: 16px;
    }
    input[type="text"]::-webkit-input-placeholder {
        font-size: 16px;
    }
    input[type="text"]::-moz-placeholder {
        font-size: 16px;
    }
    .button {
        font-size: 14px;
    }
    .banner {
        margin: 20px 0 -80px;
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        .bannerTextImg {
            border-radius: 15px;
        }

        .bannerText {
            position: absolute;
            z-index: 2;
            padding: 10px;
            gap: 5px;
            .bannerTextSale {
                display: flex;
                flex-direction: row;
                align-items: center;
                span {
                    font-size: 22px;
                }
                ._TextSale{
                    position: static;
                }
                ._TextNum {
                    font-size: 70px;
                    padding: 0;
                    top: auto;
                    left: auto;
                    position: static;
                }
            }

            h1 {
                font-weight: 700;
                font-size: 30px;
                position: relative;
            }
        }
        .bannerDialog {
            margin:  0 0 0 auto;
            transform: translateY(-71px);
            width: 90%;
            gap: 10px;
            padding: 23px 15px;
            position: relative;
            font-size: 20px;
            ._dialog, .banner_form {
                display: flex;
                flex-direction: column;
                gap: 11px;

                ._dialogNumber {
                    font-weight: 400;
                    font-size: 16px;
                    border-radius: 10px;
                    padding: 12px 22px;
                    width: 55vw;
                    height: 38px;
                    font-family: 'Geometria';
                }
            }

            ._dialogBtnMob {
                padding: 12px 22px;
                font-size: 16px;
                width: 55vw;
                height: auto;

                span {
                    display: flex;
                    flex-direction: row;
                }
            }

            ._agreement {
                font-weight: 400;
                font-size: 12px;
                display: flex;
                flex-direction: row;
                position: relative;
                left: 5px;
                gap: 10px;

                label {
                    text-align: left;
                }
            }
        }
    }

    ._textHead2 {
        font-size: 18px;
    }
    ._Card_btn{
        display: none;
    }
    .cardProduct{
        ._CardsGroup {
            grid-template-columns: repeat(2, auto);
            gap: 12px;
        }
        ._CardText {
            font-size: 14px;
        }
        ._CardText2 {
            font-size: 14px;
        }
        ._CardText3 {
            font-size: 14px;
        }
    }
    .quiz {
        gap: 17px;
        .quizFromImg{
            display: flex;
            .img_quiz{
                display: none;
            }
        }
        .progress {
            height: 10px;
        }
        .progress-line {
            height: 10px;
        }
        .slider{
            height: 11px;
        }
        .formStepTextH {
            font-size: 19px;
        }
        .formStepTextH2 {
            font-size: 10px;
        }
        .container_agreement {
            font-size: 10px;
        }
        .formCards {
            gap: 15px;
            margin: 0 39px;
            grid-template-columns: repeat(2, 1fr);
        }
        .btnPos {
            left: 265px;
            top: -36px;
        }
        ._ImgCheck{
            img {
                width: 90%;
            }
        }
        ._dialogBtn {
            font-size: 10px;
        }

        input[type="tel"]::-webkit-input-placeholder {
            font-size: 14px;
        }
        input[type="tel"]::-moz-placeholder {
            font-size: 14px;
        }
    }
    .descriptionFastenings {
        display: flex;
        gap: 10px;
        flex-direction: column;
        .prof_var_item_content {
            font-size: 11px;
        }
        .prof_var_item_text{
            display: none;
        }
        .prof_var_item:hover .prof_var_item_text {
            display: none;
        }
    }
    .container6 {
        padding: 46px 0 31px 39px;
        gap: 11px;
        margin: 0;
    }
    .installmentPlan {
        .installmentPlan_title {
            font-size: 35px;
        }
        .installmentPlan_text {
            font-size: 15px;
        }
    }
    .LUMFER {
        .LUMFER_img_list {
            display: flex;
            flex-direction: column;
            padding: 0px;
        }
        .LUMFER_img_above{
            display: none;
        }
        .LUMFER_img {
            width: 100%;
            padding: 15px ;
        }
        .LUMFER_text {
            font-size: 16px;
            height: auto;
            margin: 0;
        }
        .LUMFER_text_dop {
            font-size: 13px;
            gap: 5px;
        }
        .custom-counter {
            font-size: 13px;
        }

    }
    .rooms {

    }
    .rooms{
        display: flex;
        justify-content: center;
        .rooms_item_title {
            font-size: 15px;
            height: auto;
            line-height: normal;
        }
        .rooms_item_subtitles{
            font-size: 15px;
        }
        .rooms_container {
            width: 90%;

        }

    }
    .shiaga {
        .shiagaOrder_cards {
            grid-template-columns: repeat(2, 1fr);
            padding: 0;
        }
        .shiagaOrder_CardText {
            span {
                font-size: 11px;
            }
        }
    }
    .container9 {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
        padding: 0;
    }
    .history_Text {
        gap: 10px;
        padding: 0 0 17px 17px;
    }
    .history {
        .history_Imgs {
            width: 100%;
            display: flex;
            justify-content: center;
            img {
                width: 30vw;
                padding: 25px 0;
            }
        }
        .history_Title {
            font-size: 19px;
        }
        .history_Text1 {
            font-size: 14px;
        }
    }
    .history_card {
        width: 100%;
        padding: 35px 0 25px;
    }
    .history_cards {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 15px;
    }
    .history_card_text_title {
        font-size: 17px;
    }
    .history_card_text_all {
        font-size: 14px;
    }
    .history_card_text {
        gap: 9px;
        line-height: 1.2;
    }
    .sale {
        .history_btn_for_order_title {
            padding: 0 122px;
        }
    }
    .history_btn_for_order {
        height: 250px;
    }
    .container13 {
        width: auto;
        padding-bottom: 40px;
        gap: 50px;
    }
    .discountBanner {
        width: auto;
        margin: 0;
        right: 0;
        .discountBanner_Img {
            display: none;
        }

        .discountBanner_ImgMob {
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            button {
                position: relative;
                z-index: 11;
                top: -95px;
                border-radius: 10px;
                padding: 24px 22px;
                width: 45vw;
                height: 52px;
                font-family: 'Geometria';
                font-weight: 500;
                font-size: 20px;
                color: #fff;
            }
        }
    }
    .departure{
        padding: 20px 10px 0;;
        flex-direction: column-reverse;
        align-items: center;
        .shapes_wrapper{
            position: static;
            img {
                width: 294px;
            }
        }
        .departure_form {
            width: 100%;
        }
        .departure_item_text {
            font-size: 13px;
            line-height: 18px;
        }
        .departure_item {
            gap: 8px;
        }
        .departure_content_text {
            margin-top: 3px;
            font-size: 16px;
        }
        .departure_items {
            margin-top: 6px;
        }
        .departure_submit {
            margin-top: 15px;
            flex-direction: column;
        }
        .departure_input {
            width: 295px;
            height: 39px;
        }
        .btn_departure {
            width: 295px;
            height: 39px;
            font-size: 14px;
        }
        .checkbox-label {
            font-size: 11px;
            padding-bottom: 5px;
        }
        .departure_content {
            width: 90%;
        }
    }
    .map{
        ._BlockInf {
            span {
                font-size: 15px;
            }
        }
        ._InfTextImg {
            gap: 6px;
            svg {
                width: 20px;
                height: 20px;
            }
        }
    }
    footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
        height: auto;
        gap: 10px;

        .FGeoDatalogo {
            display: none;
        }
        .FGeoData {
            display: flex;
            flex-direction: column;
            gap: 18px;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 10px 0 0 35px;
            width: auto;

            img {
                width: auto;
                height: auto;
            }

            .FGeoText .FNumImgLogo {
                width: auto;
                height: auto;
                font-size: 16px;
            }

            .FGeoText {
                display: flex;
                flex-direction: row;
                align-items: center;

                span {
                    font-size: 16px;
                }
                svg {
                    width: 20px;
                    height: 20px;
                }
            }
            .FNumImgLogo {
                gap: 8px;
                svg {
                    width: 20px;
                    height: 20px;
                }
            }

            .FNumber {
                font-size: 16px;
                gap: 3px;
            }

        }

        .FLogo {
            width: 122px;
            height: 34px;
            margin: 0;
            padding: 0;
        }
    }

    .modal_back {

        .modal_window {
            width: 320px;
            height: 384px;
            min-height: 380px;
        }

        .modal_close {
            position: relative;
            width: 22px;
            height: 22px;
            top: 13px;
            left: 282px;

            .modal_close1 {
                display: none;
            }

            .modal_close2 {
                display: flex;
            }
        }

        .modal_content_img {
            display: none;
        }

        .modal_title {
            font-weight: 700;
            font-size: 24px;
            line-height: 1;
        }

        .modal_descr_mobile {
            font-weight: 400;
            font-size: 16px;
            line-height: 1;
        }

        .modal_form {
            input {
                padding: 12px 22px;
                width: 272px;
                height: 48px;
                font-weight: 400;
                font-size: 16px;
            }

            button {
                border-radius: 5px;
                padding: 12px 22px;
                width: 272px;
                height: 48px;
                font-weight: 500;
                font-size: 18px;
            }
        }

        .modal_form_check {
            .modal_bottom {
                font-weight: 400;
                font-size: 12px;
            }

        }
        .modal_content_text {
            padding: 31px 0 61px 24px;
        }
    }
}
@media (max-width: 576px) {
    ._dop_TextSale{
        font-size: 19px;
    }
    .history_lable {
        width: 258px;
    }
    .marginTop{
        margin-top: 40px;
    }
    .a_logo {
        display: none;
    }
    .headerBlock1Btn {
        display: none;
    }
    .headerBlock2{
        display: none;
    }
    .headerContainer {
        justify-content: center;
        align-items: center;
    }
    .mobhead {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        padding: 2px 0;
    }
    .mobheadImg {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;

        img {
            width: 30px;
            height: 30px;
        }
    }
    .mobheadBtn {
        display: flex;
        flex-direction: column;
        font-weight: 400;
        font-size: 12px;
        color: #fff;
        font-family: 'Geometria';
    }
    .headerBtn {
        width: 178px;
        height: 34px;
    }
    .headerBtn1 {
        display: none;
    }
    .cardProductTextHead {
        margin-bottom: 30px;
    }
    input[type="tel"]::-webkit-input-placeholder {
        font-size: 16px;
    }
    input[type="tel"]::-moz-placeholder {
        font-size: 16px;
    }
    input[type="text"]::-webkit-input-placeholder {
        font-size: 16px;
    }
    input[type="text"]::-moz-placeholder {
        font-size: 16px;
    }
    .button {
        font-size: 14px;
    }

    .banner {
        margin: 20px 0 -70px;

        .bannerText {

            z-index: 2;
            padding: 10px;
            .bannerTextSale {


                span {
                    font-size: 20px;
                }

                ._TextNum {
                    font-size: 60px;

                }
            }

            h1 {
                font-size: 25px;
            }
        }
        .bannerDialog {
            font-size: 18px;
            height: 240px;
            transform: translateY(-65px);

            ._agreement {
                font-size: 10px;
            }
        }
    }
    .rooms{
        display: flex;
        justify-content: center;
        .rooms_item {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .rooms_items {
            gap: 17px 4px;
        }
        .rooms_item_title {
            font-size: 14px;
            line-height: 20px;
            height: 40px;
        }
        .rooms_item_subtitles {
            font-size: 14px;
            gap: 3px;
            margin-top: 14px;

            padding-left: 8px;
        }
        .rooms_item_subtitle.active:after {
            left: -190px;
            bottom: -16px;
        }
        .rooms_container {
            min-height: 240px;
            padding: 0 10px 0 0;
            margin:0;
            width: 90%;

        }

    }
    ._textHead2 {
        font-size: 18px;
    }
    ._Card_btn{
        display: none;
    }
    .cardProduct{
        ._CardsGroup {
            grid-template-columns: repeat(2, auto);
            gap: 12px;
        }
        ._CardText {
            font-size: 12px;
        }
        ._CardText2 {
            font-size: 12px;
        }
        ._CardText3 {
            font-size: 12px;
        }
    }
    .quiz {

        width: auto;
        .img_quiz {
            display: none;
        }
        ._ImgCheck {
            width: 100%;
        }
        .quizText {
            font-weight: 700;
            font-size: 24px;
            line-height: 1;
            padding: 0 30px;
        }

        .quizText2 {
            font-weight: 400;
            font-size: 16px;
            line-height: 1;
            padding: 0 30px;
        }

        .quiz_form {
            width: 94vw;
            padding: 0;

            .my-div {
                padding: 15px 0 20px 0;
            }

            .formSteps {
                gap: 10px;
            }

            .formStep {
                font-size: 14px;
                border-radius: 100px;
                padding: 12px 22px;
                width: 120px;
                height: 30px;

            }

            .formStepTextH {
                font-weight: 500;
                font-size: 20px;
                line-height: 1;
                text-align: center;
            }

            .formStepTextH2 {
                font-weight: 400;
                font-size: 14px;
                line-height: 1;
                text-align: center;
            }

            .formCards {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 8px;
                margin: 0 16px;
            }

            ._agreement {
                label {
                    font-size: 14px;
                    margin: 0;
                    width: 100%;
                }

                .highload2 {
                    height: 20px;
                    width: 20px;
                }
            }
            .container .highload2:after {
                width: 5px;
                height: 9px;
            }
            .next-q {
                border-radius: 10px;
                padding: 10px 0;
                width: 37vw;
                margin: 8px;
            }

            .btnPos {
                left: 195px;
                top: 7px;
                border-radius: 10px;
                padding: 12px 22px;
                width: auto;
                height: auto;
                font-weight: 500;
                font-size: 20px;
            }

            .slidecontainer_dop {
                width: auto;

                input {
                    width: 100%;
                }

                img {
                    width: 80vw;
                    height: 50vw;
                }
            }

            .btnPos1 {
                left: 20px;
                top: 0;
            }

            .formSteps_dop {
                width: auto;
            }

            .container_progress {
                width: 100%;
            }

            .slidecontainer {
                gap: 25px;
                font-size: 20px;
            }

            .div-5_container {
                margin: 20px 0 0 0;
                padding: 5px 20px;
                gap: 10px;
                align-items: stretch;
                .div-5_container_1 {
                    display: grid;
                    grid-template-columns: repeat(1, 1fr);
                    justify-content: space-between;
                    width: auto;

                    align-items: center;
                    justify-items: stretch;

                    .div-5_container_text {
                        font-size: 20px;

                    }

                    .slide {
                        font-size: 20px;

                        p {
                            margin: 5px 0 0 0;
                            padding: 0;
                        }
                    }
                }
            }

            .div-7_container {
                width: auto;
                padding: 15px 15px 20px;
                ._agreement {
                    label {
                        font-size: 10px;
                        margin: 0;
                        width: 100%;
                    }
                }


                .div-7_container_text {
                    gap: 14px;
                    margin: 0 0 0;
                    width: 79%;
                    span {
                        font-size: 20px;
                        padding: 0;
                        margin: 0;
                        width: 100%;
                    }

                    .div-7_container_text1 {
                        font-size: 24px;
                    }

                }
                ._dialogBtn {
                    font-size: 14px;
                }

                .div-7_container_check_dialog {
                    width: 272px;
                }

                .div-7_container_check_dialog_dialogNumber {
                    width: 272px;
                }

                .div-7_container_check_dialog_dialogBtn {
                    width: 272px;
                }

                input[type="tel"]::-webkit-input-placeholder {
                    font-size: 16px;
                }

                .div-7_container_check_dialog {
                    align-items: center;
                    padding: 0;
                    margin: 0;
                }

                .div-7_container_check {
                    padding: 0;
                }

                .div-7_container_list {
                    span {
                        font-size: 16px;
                    }

                    gap: 10px;
                    margin: 10px 0 0 0;
                    padding: 0 0 0 0;

                    img {
                        width: 25px;
                        height: 25px;
                    }

                }

                .div-7_container_img {
                    display: none;
                }

            }
        }
        .imgTextEnd{
            display: none;
        }
    }
    .descriptionFastenings {
        display: flex;
        gap: 10px;
        flex-direction: column;
        .prof_var_item_content {
            font-size: 11px;
        }
        .prof_var_item_text{
            display: none;
        }
        .prof_var_item:hover .prof_var_item_text {
            display: none;
        }
    }
    .container6 {
        padding: 46px 0 31px 39px;
        gap: 11px;
        margin: 0;
    }
    .installmentPlan {
        display: flex;
        align-items: center;
        justify-content: center;
        .container6 {
            display: none;
        }

        .installmentPlanImg {
            width: 100%;
            display: flex;
            align-items: center;
        }
    }
    .LUMFER {
        .LUMFER_img_list {
            display: flex;
            flex-direction: column;
            padding: 0px;
        }
        .LUMFER_img_above{
            display: none;
        }
        .LUMFER_img {
            width: 100%;
            padding: 15px ;
        }
        .LUMFER_text {
            font-size: 16px;
            height: auto;
            margin: 0;
        }
        .LUMFER_text_dop {
            font-size: 13px;
            gap: 5px;
        }
        .custom-counter {
            font-size: 13px;
        }

    }

    .shiaga {
        .shiagaOrder_cards {
            grid-template-columns: repeat(2, 1fr);
        }
        .shiagaOrder_CardText {
            span {
                font-size: 12px;
            }
        }
    }
    .container9 {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
        padding: 0;
    }
    .history_Text {
        gap: 10px;
        padding: 0 0 17px 17px;
    }
    .history {
        .history_Imgs {
            width: 100%;
            display: flex;
            justify-content: center;
            img {
                width: 40vw;
                padding: 25px 0;
            }
        }
        .history_Title {
            font-size: 19px;
        }
        .history_Text1 {
            font-size: 14px;
        }
    }
    .history_card {
        width: 100%;
        padding: 35px 0 25px;
    }
    .history_cards {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 15px;
    }
    .history_card_text_title {
        font-size: 17px;
    }
    .history_card_text_all {
        font-size: 14px;
    }
    .history_card_text {
        gap: 9px;
        line-height: 1.2;
    }
    .sale {
        .history_btn_for_order_title {
            padding: 0 122px;
        }
    }
    .history_btn_for_order {
        height: 250px;
    }
    .container13 {
        width: auto;
        padding-bottom: 40px;
        gap: 50px;
    }
    .discountBanner {
        width: auto;
        margin: 0;
        right: 0;
        .discountBanner_Img {
            display: none;
        }

        .discountBanner_ImgMob {
            display: flex;
            flex-direction: column;
            align-items: center;
            button {
                position: relative;
                z-index: 11;
                top: -95px;
                border-radius: 10px;
                padding: 24px 22px;
                width: 45vw;
                height: 52px;
                font-family: 'Geometria';
                font-weight: 500;
                font-size: 20px;
                color: #fff;
            }
        }
    }
    .departure{
        padding: 20px 10px 0;;
        flex-direction: column-reverse;
        align-items: center;
        .shapes_wrapper{
            position: static;
            width: 100%;
            img {
                width: 294px;
            }
        }
        .departure_form {
            width: 100%;
        }
        .departure_item_text {
            font-size: 13px;
            line-height: 18px;
        }
        .departure_item {
            gap: 8px;
        }
        .departure_content_text {
            margin-top: 3px;
            font-size: 16px;
        }
        .departure_items {
            margin-top: 6px;
        }
        .departure_submit {
            margin-top: 15px;
            flex-direction: column;
        }
        .departure_input {
            width: 295px;
            height: 39px;
        }
        .btn_departure {
            width: 295px;
            height: 39px;
            font-size: 14px;
        }
        .checkbox-label {
            font-size: 11px;
            padding-bottom: 5px;
        }
    }
    .map{
        ._BlockInf {
            span {
                font-size: 15px;
            }
        }
        ._InfTextImg {
            gap: 6px;
            svg {
                width: 20px;
                height: 20px;
            }
        }
    }
    footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
        height: auto;
        gap: 10px;

        .FGeoDatalogo {
            display: none;
        }
        .FGeoData {
            display: flex;
            flex-direction: column;
            gap: 18px;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 10px 0 0 35px;
            width: auto;

            img {
                width: auto;
                height: auto;
            }

            .FGeoText .FNumImgLogo {
                width: auto;
                height: auto;
                font-size: 16px;
            }

            .FGeoText {
                display: flex;
                flex-direction: row;
                align-items: center;

                span {
                    font-size: 16px;
                }
                svg {
                    width: 20px;
                    height: 20px;
                }
            }
            .FNumImgLogo {
                gap: 8px;
                svg {
                    width: 20px;
                    height: 20px;
                }
            }

            .FNumber {
                font-size: 16px;
                gap: 3px;
            }

        }

        .FLogo {
            width: 122px;
            height: 34px;
            margin: 0;
            padding: 0;
        }
    }
}
@media (max-width: 460px){
    ._dop_TextSale{
        font-size: 15px;
        margin-bottom: 0;
    }
    .marginTop{
        margin-top: 30px;
    }
    .titleAll{
        font-size: 20px;
    }
    .button {
        font-size: 15px;
    }
    .logoOPenDor {
        display: none;
    }
    .logoOPenDorImg {
        display: none;
    }
    .headerBlock1 {
        display: none;
    }
    .headerBlock2 {
        display: none;
    }
    .mobhead {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        padding: 2px 0;
    }
    .mobheadImg {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        img {
            width: 20px;
            height: 20px;
        }
    }
    .mobheadBtn {
        display: flex;
        flex-direction: column;
        font-weight: 400;
        font-size: 10px;
        color: #fff;
        font-family: 'Geometria';
    }
    .headerBtn {
        width: 150px;
        height: 32px;
        font-size: 12px;
    }
    .headerBtn1 {
        display: none;
    }
    ._Card_btn {
        display: none;
    }
    ._Card_dop {
        display: inline-flex;
    }
    .cardProduct{
        margin: 0 ;
        .cardProductTextHead{
            margin-bottom: 15px;
            font-size: 20px;
            ._textHead2{
                font-size: 16px;
            }
        }
        ._CardsGroup{
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;

            ._Card{
                ._CardTextImg{
                    column-gap: 3px;
                    ._CardText{
                        border-radius: 0 0 10px 10px;
                        line-height: 1;
                        span{
                            font-size: 10px;
                        }
                        gap: 2px;
                        height: auto;
                    }

                }
            }
        }
    }
    .map {
        width: auto;
        grid-template-columns: repeat(3, minmax(60px, auto));
        grid-template-rows: repeat(3, auto);

        ._BlockInf {
            padding: 15px;
            gap: 9px;
            span {
                font-size: 14px;
                line-height: 1.2;
            }
        }
        ._TextImg {
            font-size: 14px;
            gap: 7px;
        }
        ._InfTextImg {
            gap: 7px;
        }
    }
    .banner {
        margin: 20px 0 -15px;
        .bannerText {
            gap: 0;
            .bannerTextSale {
                span {
                    font-size: 14px;
                    line-height: 1.2;
                }
                ._TextNum {
                    font-size: 48px;
                }
            }
            h1 {
                font-size: 20px;
            }
        }
        .bannerDialog {
            transform: translateY(-43px);
            height: 250px;
            span {
                font-size: 14px;
                line-height:1.3;
            }
            ._dialog, .banner_form {

                ._dialogNumber {
                    font-size: 16px;
                }
            }
            ._agreement {
                font-weight: 400;
                font-size: 11px;
            }
        }
    }
    .prof_var_items {
        gap: 15px 8px;
    }
    .prof_var_item_content {
        border-radius: 0 0 10px 10px;
    }
    .discountBanner {
        width: auto;
        margin: 0;
        right: 0;
        .discountBanner_Img {
            display: none;
        }

        .discountBanner_ImgMob {
            display: flex;
            flex-direction: column;
            align-items: center;
            button {
                position: relative;
                z-index: 11;
                top: -72px;
                border-radius: 10px;
                padding: 24px 22px;
                width: 60vw;
                height: 48px;
                font-family: 'Geometria';
                font-weight: 500;
                font-size: 20px;
                color: #fff;

            }
        }
    }
    .installmentPlan {
        display: flex;
        align-items: center;
        justify-content: center;
        .container6 {
            display: none;
        }

        .installmentPlanImg {
            width: 100%;
            display: flex;
            align-items: center;
        }
    }
    .LUMFER {
        .LUMFER_text_dop {
            font-size: 10px;
            padding: 6px 0 9px 0;
        }
        .custom-counter {
            font-size: 10px;
            padding: 0;
        }
        .LUMFER_text {
            line-height: 1.2;
            span{
                width: 95%;
            }

        }
        .LUMFER_list {
            .custom-counter li::before {
                font-size: 12px;
            }
        }
    }
    .history_lable {
        width: 192px;
        font-weight: 700;
        font-size: 16px;
        line-height: 1.2;
    }
    .history {
        width: auto;
        margin: 0 ;

        .container9 {
            width: auto;
            display: flex;
            flex-direction: column;
            gap: 24px;

            .history_Imgs {
                gap: 10px;
                margin-top: 15px;

                img {
                    border-radius: 10px;
                    width: 40vw;
                    padding: 0;
                }
            }

            .history_Text {
                padding-bottom: 21px;

                .history_Text1 {
                    gap: 4px;

                    .history_Title {
                        font-weight: 700;
                        font-size: 20px;
                        line-height: 1;
                    }

                }
            }

        }
    }
    .history_Text_description {
        font-weight: 400;
        font-size: 13px;
        line-height: 1;
    }
    .sale {
        .container13 {
            width: auto;
            gap: 100px;
            margin: 0 ;
            padding: 0 0 20px;

            .history_cards_title {
                gap: 15px;

                .history_title {
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 1;
                    text-align: center;
                }

                .history_cards {
                    display: flex;
                    flex-direction: column;
                    gap: 15px;
                    align-items: center;

                    .history_card {
                        margin: 0;
                        padding: 20px 10px;
                        gap: 10px;

                        img {
                            border-radius: 100px;
                            width: 76px;
                            height: 76px;
                        }

                        .history_card_text_title {
                            font-weight: 700;
                            font-size: 14px;
                            line-height: 1;
                        }

                        .history_card_text_all {
                            font-weight: 400;
                            font-size: 13px;

                        }

                        .history_card_text {
                            gap: 7px;

                            br {
                                display: none;
                            }
                        }

                    }
                }
            }

            .history_btn_for_order {
                display: none;
            }

            .history_discountBanner_ImgMob {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(1, 1fr);
                margin: 0 0 0 0;
                align-items: center;
                img{
                    display: flex;
                    grid-column-start: 1;
                    grid-column-end: 4;
                    grid-row-start: 1;
                    grid-row-end: 2;
                    height: 330px;
                }
            }

            .history_text_image {
                z-index: 11;
                grid-column-start: 2;
                grid-column-end: 3;
                grid-row-start: 1;
                grid-row-end: 2;
                gap: 10px;
                padding-top: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                span {
                    width: 77vw;
                    font-family: 'Geometria';
                    font-weight: 700;
                    font-size: 30px;
                    line-height: 1;
                    text-align: center;
                    color: #000;
                }

                button {
                    font-size: 20px;
                    width: 240px;
                    height: 48px;
                }

            }
        }
    }
    .LUMFER_img_above {
        display: none;
    }
    .root {
        align-items: center;
    }
    .imgTextEnd {
        display: none;
    }
    .quiz {
        width: 100%;
        .img_quiz {
            display: none;
        }
        ._ImgCheck {
            width: 100%;
        }
        .quizText {
            font-weight: 700;
            font-size: 24px;
            line-height: 1;
            padding: 0 30px;
        }

        .quizText2 {
            font-weight: 400;
            font-size: 16px;
            line-height: 1;
            padding: 0 30px;
        }

        .quiz_form {
            width: 94vw;
            padding: 0;

            .my-div {
                padding: 15px 0 20px 0;
            }

            .formSteps {
                gap: 10px;
            }

            .formStep {
                font-size: 14px;
                border-radius: 100px;
                padding: 12px 22px;
                width: 120px;
                height: 30px;

            }

            .formStepTextH {
                font-weight: 500;
                font-size: 20px;
                line-height: 1;
                text-align: center;
            }

            .formStepTextH2 {
                font-weight: 400;
                font-size: 14px;
                line-height: 1;
                text-align: center;
            }

            .formCards {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 8px;
                margin: 0 16px;
            }

            ._agreement {
                label {
                    font-size: 12px;
                    margin: 0;
                    width: 100%;
                }

                .highload2 {
                    height: 20px;
                    width: 20px;
                }
            }
            .container .highload2:after {
                width: 5px;
                height: 9px;
            }
            .next-q {
                border-radius: 10px;
                padding: 10px 0;
                width: 37vw;
                margin: 8px;
            }

            .btnPos {
                left: 195px;
                top: 7px;
                border-radius: 10px;
                padding: 12px 22px;
                width: auto;
                height: auto;
                font-weight: 500;
                font-size: 20px;
            }

            .slidecontainer_dop {
                width: auto;

                input {
                    width: 100%;
                }

                img {
                    width: 80vw;
                    height: 50vw;
                }
            }

            .btnPos1 {
                left: 20px;
                top: 0;
            }

            .formSteps_dop {
                width: auto;
            }

            .container_progress {
                width: 100%;
            }

            .slidecontainer {
                gap: 25px;
                font-size: 20px;
            }

            .div-5_container {
                margin: 20px 0 0 0;
                padding: 5px 20px;
                gap: 10px;
                align-items: stretch;
                .div-5_container_1 {
                    display: grid;
                    grid-template-columns: repeat(1, 1fr);
                    justify-content: space-between;
                    width: auto;

                    align-items: center;
                    justify-items: stretch;

                    .div-5_container_text {
                        font-size: 20px;

                    }

                    .slide {
                        font-size: 20px;

                        p {
                            margin: 5px 0 0 0;
                            padding: 0;
                        }
                    }
                }
            }

            .div-7_container {
                width: auto;
                padding: 15px 15px 20px;
                ._agreement {
                    label {
                        font-size: 10px;
                        margin: 0;
                        width: 100%;
                    }
                }


                    .div-7_container_text {
                    gap: 14px;
                    margin: 0 0 0;
                    width: 79%;
                    span {
                        font-size: 20px;
                        padding: 0;
                        margin: 0;
                        width: 100%;
                    }

                    .div-7_container_text1 {
                        font-size: 24px;
                    }

                }
                ._dialogBtn {
                    font-size: 14px;
                }

                .div-7_container_check_dialog {
                    width: 272px;
                }

                .div-7_container_check_dialog_dialogNumber {
                    width: 272px;
                }

                .div-7_container_check_dialog_dialogBtn {
                    width: 272px;
                }

                input[type="tel"]::-webkit-input-placeholder {
                    font-size: 16px;
                }

                .div-7_container_check_dialog {
                    align-items: center;
                    padding: 0;
                    margin: 0;
                }

                .div-7_container_check {
                    padding: 0;
                }

                .div-7_container_list {
                    span {
                        font-size: 16px;
                    }

                    gap: 10px;
                    margin: 10px 0 0 0;
                    padding: 0 0 0 0;

                    img {
                        width: 25px;
                        height: 25px;
                    }

                }

                .div-7_container_img {
                    display: none;
                }

            }
        }
    }
    .departure {
        .departure_content {
            width: 80%;
        }
        .departure_input {
            width: 100%;
            height: 39px;
        }
        .btn_departure {
            width: 100%
        }
        .checkbox-view {
            img {
                width: 13px;
            }
        }
        .shapes_wrapper {
            position: static;
            width: 89%;
            img {
                width: 261px;
            }
        }
    }
    footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
        height: auto;
        gap: 10px;

        .FGeoDatalogo {
            display: none;
        }

        .FGeoData {
            display: flex;
            flex-direction: column;
            gap: 18px;
            align-items: flex-start;
            justify-content: flex-start;;
            padding: 10px 0 0 35px;

            img {
                width: auto;
                height: auto;
            }

            .FGeoText .FNumImgLogo {
                width: auto;
                height: auto;
                font-size: 16px;
            }

            .FGeoText {
                display: flex;
                flex-direction: row;
                align-items: center;

                span {
                    font-size: 16px;
                }
            }

            .FNumber {
                font-size: 16px;
            }

        }

        .FLogo {
            width: 122px;
            height: 34px;
            margin: 0;
            padding: 0;
        }
    }
    .rooms{
        .rooms_item {
            padding-top: 10px;
        }
        .rooms_items {
            gap: 17px 4px;
        }
        .rooms_item_title {
            font-size: 14px;
            line-height: 20px;
            height: 40px;
        }
        .rooms_item_subtitles {
            font-size: 14px;
            gap: 2px;
            margin-top: 14px;
            padding-left: 8px;
        }
        .rooms_item_subtitle.active:after {
            left: -190px;
            bottom: -16px;
        }
        .rooms_container {
            min-height: 240px;
            padding: 0 10px 0 0;
            margin:0;

        }

    }
    .shiaga{
        ._CardTextImg {
            grid-template-columns: 70% 1fr;
            grid-template-rows: auto;
            column-gap: 0;
            background: #ffffffbf;
        }
        ._CardText21{
            padding: 0 0 20px 5px;
            margin: 0;
            gap: 2px;
        }
        ._CardText22{
            padding: 0 0 0 5px;
            margin: 0;
            gap: 2px;
        }
        ._CardText23{
            padding: 0 0 43px 5px;
            margin: 0;
            gap: 2px;
        }
        ._CardText24{
            padding: 0 0 0 5px;
            margin: 0;
            gap: 2px;
        }
        .shiagaOrder_CardText {
            span {
                font-size: 10px;
            }
        }
    }
}