*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
body {
    height: 100%;
    line-height: 1;
    font-size: 16px;
    margin: 0;
}
body._lock {
    overflow: hidden;
}
.wrapper{
    min-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/*---------HEADER-----------*/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #C4112F;
}
.header_container {
    max-width: 1200px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    padding: 0px 30px;
    align-items: center;
    justify-content: space-between;
    min-height: 70px;
    
}
.header_logo {
    position: relative;
    z-index: 5;        
    max-height: 50px;  
}

.menu_icon {
    display: none;
}

.menu_list {
    list-style: none;
}
.menu_list > li {
    position: relative;
    margin: 0px 0px 0px 20px;
}
.menu_link {
    color: #fff;
    font-size: 20px;
    text-shadow: #000 1px 0 0px, #000 0 1px 0px, #000 -1px 0 0px, #000 0 -1px 0px;
}
.menu_link:hover {
    text-decoration: underline;
}
.mobile {
    color: #fff;
    font-size: 16px;
}

@media (min-width: 1258px) {
    .menu_list {
        display: flex;
        align-items: center;
        padding-left: 0;

    }
    .menu_list > li {
        padding: 10px 0;
    }
}

@media (max-width: 1258px) {
    .menu_icon {
        z-index: 5;
        display: block;
        position: relative;
        width: 30px;
        height: 18px;
        cursor: pointer;
    }

    .menu_icon span,
    .menu_icon::before,
    .menu_icon::after {
        left: 0;
        position: absolute;
        height: 10%;
        width: 100%;
        transition: all 0.3s ease 0s;
        background-color: #fff;
    }

    .menu_icon::before,
    .menu_icon::after {
        content: "";
    }

    .menu_icon::before {
        top: 0;
    }

    .menu_icon::after {
        bottom: 0;
    }

    .menu_icon span {
        top: 50%;
        transform: scale(1) translate(0px, -50%);
    }

    .menu_icon._active span {
        transform: scale(0) translate(0px, -50%);
    }

    .menu_body._active::before {
        top: 50%;
        transform: rotate(-45deg) translate(0px, -50%);
    }

    .menu_body._active::after {
        bottom: 50%;
        transform: rotate(45deg) translate(0px, 50%);
    }

    .menu_body {
        position: fixed;
        top: 0;
        left: -120%;
        width: 100%;
        height: 100%;
        background-color: rgba(39, 109, 195, 0.9);
        padding: 100px 30px 30px 30px;
        transition: left 0.3s ease 0s;
        overflow: auto;

    }
    .menu_body._active {
        left: 0;
    }
    .menu::before {
        content: "";
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 70px;
        background-color: #C4112F;
        z-index: 2;
    }
    .menu_list > li {
        flex-wrap: wrap;
        margin: 0 0 15px 0;
    }
    .menu_link {
        font-size: 24px;
    }   
}


/*-------FOOTER---------*/

.footer {
    width: 100%;
    background-color: #C4112F;
    z-index: 12;
}
.f_container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 0px 30px 20px 30px;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
} 
.f_information {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
.map-responsive {
    margin: 0;
    max-width: 600px;
}

.f_title {
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-shadow: #000 1px 0 0px, #000 0 1px 0px, #000 -1px 0 0px, #000 0 -1px 0px;
}
.f_text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 10px;
}
.f_text_block1 {
    margin-right: 30px;
}
.f_items{
    padding: 0 10px;
    flex-wrap: wrap;
}
.f_contact_title {
    color: #fff;
    font-size: 18px;
    text-shadow: #000 1px 0 0px, #000 0 1px 0px, #000 -1px 0 0px, #000 0 -1px 0px;
} 
.f_contact_text {
    color: #fff;
    font-size: 18px;
    text-shadow: #000 1px 0 0px, #000 0 1px 0px, #000 -1px 0 0px, #000 0 -1px 0px;
}

@media (min-width: 1134px) {
    .map-responsive {
        width: 600px;
        height: 300px;
    } 
}

/*-------GOLOVNA---------*/
.main_content {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
    flex-wrap: wrap;

}
.main_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
} 
.down_menu {
    margin: 20px;
    display: flex;
    justify-content: space-around;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.img_down_menu {
    max-width: 150px;
}
.down_menu_point1 {
    max-width: 100%;
    padding: 0;
    border-width: 0;
    position: relative;
    text-align: center;
    margin: 20px;
}
.text_down_menu {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #C4112F;
    background: #000000;
    width: 100%;
    padding: 20px 0px;
    margin: 0;
    opacity: 0.6;   
}
.down_menu_point2 {
    max-width: 100%;
    padding: 0;
    border-width: 0;
    position: relative;
    text-align: center;
    margin: 20px;
}
.down_menu_point3 {
    max-width: 100%;
    padding: 0;
    border-width: 0;
    position: relative;
    text-align: center;
    margin: 20px;
}
.down_menu_point4 {
    max-width: 100%;
    padding: 0;
    border-width: 0;
    position: relative;
    text-align: center;
    margin: 20px;
}   
.down_menu_point5 {
    max-width: 100%;
    padding: 0;
    border-width: 0;
    position: relative;
    text-align: center;
    margin: 20px;
}   


.img_house {
    max-width: 100%;

}
.img_vishivanka1 {
    max-width: 100%;
    margin-bottom: 30px;
} 
.main_text {
    padding: 0 20px;
}
.main_page_text1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}
.main_page_title2 {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}
.main_page_text2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}
.main_page_title3 {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}
.main_page_text3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}
.link_eps {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #005BBB;
    margin-bottom: 30px;
}
.link_eps:hover {
    text-decoration: underline;
}
/*-------BLINDS---------*/

.main_content_bl {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_bl {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.main_text_bl {
    padding: 0 20px;
}
.blinds_title {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}
.blinds_text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding: 0 20px;
}
.blinds_image {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.image_block1_bl {
    display: flex;
    justify-content: space-around;
    padding: 0 30px;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.imgbl1 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding-right: 10px;
    
}
.imgbl2 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
} 
.image_block1_b2 {
    display: flex;
    justify-content: space-around;
    padding: 0 30px;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.imgbl3 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding-right: 10px;
}
.imgbl4 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

@media (max-width: 1134px) {
    .imgbl1 {
        width: 300px;
        height: auto;
    }
    .imgbl2 {
        width: 300px;
        height: auto;
    }
    .imgbl3 {
        width: 300px;
        height: auto;
    }
    .imgbl4 {
        width: 300px;
        height: auto;
    }
}

/*-------LINKS-----------*/
.fixed_btn {
    position: fixed;
    right: 50px;
    bottom: 50px;
    border-radius: 80px;
    background: #02ADF2;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    cursor: pointer;
    border: 0;
    z-index: 11;
}
.fixed_btn:hover {
    text-decoration: underline;
}
@media (max-width: 1134px) {
    .fixed_btn {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
    }
}

/*---------CALC_PRICE----------*/

.calc_prise_block {
    margin: 20px 0;
}
.calc_prise_main_title {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}
.calc_prise_text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding: 0 20px;
}
.calc_prise_buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.calc_prise_btn {
    margin: 2px;
}
.calc_img {
    max-width: 180px;
}
.prise_text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #02ADF2;
}




/*---------MODAL---------*/

.modal-bgd {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(24 25 28 / 70%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    z-index: 150;
}

.modal-form-cont {
    background: #FFFFFF;
    position: relative;
    border-radius: 8px;
    padding: 20px;
    margin-top: 30px;
    z-index: 6;
}

.modal-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-form-field {
    width: 80%;
    display: flex;
    flex-direction: column;
    padding: 40px 20px 0 20px;
    margin-bottom: 16px;
}
.modal-form-field1 {
    width: 80%;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    margin-bottom: 16px;
}

.modal-field-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    color: #000000;
}

.modal-field-input {
    border: 1px solid #005BBB;
    box-sizing: border-box;
    border-radius: 8px;
    height: 48px;
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    padding: 4px 8px;
}

.modal-form-btn {
    border-radius: 8px;
    background: #C4112F;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    cursor: pointer;
    border: 0;
    margin: 20px 0 40px 0;
}

.close-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 24px;
    color: #18191C;
    cursor: pointer;
    border: 0;
    background: none;
}

.modal-form-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    max-width: 400px;
    text-align: center;    
}

.modal_descr {
    text-align: center;
    margin-bottom: 0;
    max-width: 400px;
}

.modal-active {
    opacity: 1;
    pointer-events: all;
}


@media (max-width: 1134px) {
    .modal-form-cont {
            width: 300px;
            text-align: center;
        }
   .modal-form-title {
       font-size: 20px;
       line-height: 24px;
       max-width: 250px;
       text-align: center;
   }
   .modal_descr {
       max-width: 250px;
   }
}





/*-------FBLINDS---------*/

.main_content_fbl {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}

.main_container_fbl {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.main_text_fbl {
    padding: 0 30px;
}

.fblinds_title {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}

.fblinds_text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.fblinds_image {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.image_block1_fbl {
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.imgfbl1 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
} 
.imgfbl2 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.image_block2_fbl {
     display: flex;
    justify-content: space-around;
    padding: 0 20px;
    flex: 1 1 auto;
    flex-wrap: wrap;
} 
.imgfbl3 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.imgfbl4 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.image_block3_fbl {
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.imgfbl5 {
    max-width: 300px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.imgfbl6 {
    max-width: 300px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.imgfbl7 {
    max-width: 300px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

@media (max-width: 1134px) {
    .imgfbl1 {
        width: 300px;
        height: auto;
    }

    .imgfbl2 {
        width: 300px;
        height: auto;
    }

    .imgfbl3 {
        width: 300px;
        height: auto;
    }

    .imgfbl4 {
        width: 300px;
        height: auto;
    }
    .imgfbl5 {
        width: 300px;
        height: auto;
    }

    .imgfbl6 {
        width: 300px;
        height: auto;
    }

    .imgfbl7 {
        width: 300px;
        height: auto;
    }
}
/*-------SERVISES---------*/

.main_content_s {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_s {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.main_text_s {
    padding: 0 20px;
}
.main_title_s {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}
.servise_item1 {
    display: flex;
    justify-content: space-around;
    padding: 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.main_inf1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
.img_serv1 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
    
}
.main_inf2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
.img_serv2 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.servise_item2 {
    display: flex;
    justify-content: space-around;
    padding: 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.main_inf3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
.img_serv3 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.text1_s {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    text-align: center;
    max-width: 300px;
}
.main_inf4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
.img_serv4 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.servise_item3 {
    display: flex;
    justify-content: space-around;
    padding: 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.main_inf5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
.img_serv5 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.main_inf6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
.img_serv6 {
    max-width: 500px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
@media (max-width: 1134px) {
    .img_serv1 {
        max-width: 300px;
    }
    .img_serv2 {
        max-width: 300px;
    }
    .img_serv3 {
        max-width: 300px;
    }
    .img_serv4 {
        max-width: 300px;
    }
    .img_serv5 {
        max-width: 300px;
    }
    .img_serv6 {
        max-width: 300px;
    }

}

/*-------WINDOW---------*/
.main_content_w {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_w {
    margin: 0 auto;
    padding: 0;
}
.main_text_w {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
}
.icon_background {
    position: relative;
    width: 100%;
}
.crop {
    margin: 0;
    text-align: center;    
}
.img_house1 {
    margin-top: 3px;

}
.button_win {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 5;
    padding: 0 20px;
}

.button_win1 {
    background: #02ADF2;
    border: 1px solid #000000;
    border-radius: 8px;
    margin-bottom: 15px;
}
.button_win1:hover {
    text-decoration: underline;
}

.win1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    flex-wrap: wrap;
    text-shadow: #000 1px 0 0px, #000 0 1px 0px, #000 -1px 0 0px, #000 0 -1px 0px;
}
.win1:hover {
    text-decoration: underline;
}

@media (max-width: 1134px) {
    .crop {
        position: relative;
        margin: 0;
        width: 800px;
        overflow: hidden;
    }
    
    .crop .img_house1 {
        margin: 0 -250px 0 -250px;
    }
    .button_win {
        display: flex;
        justify-content: center;
        position: absolute;
        z-index: 5;
        padding: 0 20px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 320px;
    }
    .button_win1 {
            background: #02ADF2;
            border: 1px solid #000000;
            border-radius: 8px;
            margin-bottom: 15px;
            padding: 0 20px;
    }
    .button_win2 {
        background: #02ADF2;
        border: 1px solid #000000;
        border-radius: 8px;
        margin-bottom: 15px;
        padding: 0 20px;
    }
    
    .button_win3 {
        background: #02ADF2;
        border: 1px solid #000000;
        border-radius: 8px;
        margin-bottom: 15px;
        padding: 0 20px;
    }
    
    .button_glass {
        background: #02ADF2;
        border: 1px solid #000000;
        border-radius: 8px;
        margin-bottom: 15px;
        padding: 0 20px;
    }
    
    .button_furniture {
        background: #02ADF2;
        border: 1px solid #000000;
        border-radius: 8px;
        margin-bottom: 15px;
        padding: 0 20px;
    }
    .win1 {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        color: #FFFFFF;
        padding: 0;
        text-shadow: #000 1px 0 0px, #000 0 1px 0px, #000 -1px 0 0px, #000 0 -1px 0px;
    }
    
}
/*-------WINDOW1---------*/

.main_content_w1 {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_w1 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.title_w {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}
.tech_char_container {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 20px;
    flex-wrap: wrap;

}
.img_win_11 {
    max-width: 250px;
    height: auto;
    padding: 0 20px;
}
.first_text1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding: 0 20px;
    margin: 0;
    max-width: 800px;  
}
.sub_title_w {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    padding: 0 30px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.tech_har {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    max-width: 700px;
    margin: 0;
}
.color_char {
    display: flex;
    flex-direction: column;
    justify-content: center
    
}

.win_sub_text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    padding: 0 20px;
    color: #000000;
    margin: 10px 0;
}
.img_windows1 {
    display: flex;
    max-height: 300px;
    flex-wrap: wrap;
    justify-content: center;

    
}
.img_windows2 {
    display: flex;
    max-height: 300px;
    flex-wrap: wrap;
    justify-content: center;

}
.img_windows3 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}
.img_win_12 {
    max-width: 40%;
    padding: 20px 0;
}
.img_win_13 {
    max-width: 40%;
    padding: 20px 0;
}
.img_win_14 {
    max-width: 26%;
    padding: 20px 0;
}
@media (max-width: 1134px) {
    .img_win_12{
        max-width: 300px;
    }
    .img_win_13{
        max-width: 300px;
    }
    .img_win_14{
        max-width: 300px;
    }
    .color_char1 {
    margin: 0 0 100px 0;
    }
    .color_char2 {
        margin: 0 0 40px 0;
    }
    .color_char3 {
        margin: 0 0 40px 0;
    }
    .img_win_11 {
        max-width: 250px;
        height: auto;
        left: 50%;
        transform: translate(5%, 0);
        padding: 0 20px;
    }
    .first_text1 {
    padding: 20px 20px; 
    }
}

/*-------WINDOW2---------*/


.main_content_w2 {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_w2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
/*-------WINDOW3---------*/

.main_content_w3 {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}

.main_container_w3 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
/*-------FURNITURE---------*/

.main_content_f {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_f {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.furn_text1 {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 20px;
    flex-wrap: wrap;
}
.img_furn {
    max-width: 300px;
    height: auto;
    padding: 0 20px;
}
.furn_text2 {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 20px;
    flex-wrap: wrap;
}
.first_text3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding: 0 20px;
    margin: 0;
    max-width: 700px;  
}
/*-------SKLOPAKETI---------*/
.main_content_g {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_g {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.text_container_g {
    padding: 20px 0;
}
.sub_title_har {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    padding: 0 30px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.sub_text_glass {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    flex-wrap: wrap;
}
.img_glass {
    max-width: 300px;
}
.glass_item1 {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.glass_item2{
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.img_glass1 {
    max-width: 230px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.text1_g {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    text-align: center;
    max-width: 230px;
    margin: 0 auto;
}
/*-------DOORS---------*/
.main_content_d {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_d {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.button_door {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 5;
    padding: 0 20px;
}
.button_door1 {
    background: #02ADF2;
    border: 1px solid #000000;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 0 80px;
}
.button_door1:hover {
    text-decoration: underline;
}
.button_door2 {
    background: #02ADF2;
    border: 1px solid #000000;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 0 80px;
}
.button_door2:hover {
    text-decoration: underline;
}
@media (max-width: 1134px) {
    .crop {
        position: relative;
        margin: 0;
        width: 800px;
        overflow: hidden;
    }

    .crop .img_house1 {
        margin: 0 -250px 0 -250px;
    }

    .button_door {
        display: flex;
        justify-content: center;
        position: absolute;
        z-index: 5;
        padding: 0 20px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 280px;
    }

    .button_door1 {
        background: #02ADF2;
        border: 1px solid #000000;
        border-radius: 8px;
        margin-bottom: 15px;
        padding: 0;
    }

    .button_door2 {
        background: #02ADF2;
        border: 1px solid #000000;
        border-radius: 8px;
        margin-bottom: 15px;
        padding: 0;
    }
}
/*-------DOOR1---------*/

.main_content_d1 {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_d1 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.tech_char_container1 {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 20px;
    flex-wrap: wrap;
}
.img_door_11 {
    max-width: 250px;
    height: auto;
    padding: 0 20px;
}
.img_doors1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-height: 300px;
}
.img_door_12 {
    max-width: 40%;
    padding: 20px 0;
}
.img_door_13 {
    max-width: 40%;
    padding: 20px 0;
}
.img_door_14 {
    max-width: 40%;
    padding: 20px 0;
}

@media (max-width: 1134px) {
    .img_door_12 {
        max-width: 300px;
    }

    .img_door_13 {
        max-width: 300px;
    }

    .img_door_14 {
        max-width: 300px;
    }
    .img_win_11 {
        max-width: 250px;
        height: auto;
        left: 50%;
        transform: translate(5%, 0);
        padding: 0 20px;
    }
}

/*-------DOOR2---------*/

.main_content_d2 {
    display: flex;
    flex: 1 1 auto;
    margin-top: 70px;
    width: 100%;
}
.main_container_d2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.first_text2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding: 0 20px;
    margin: 0 50px 0 0;
}
.price_btn {
    border-radius: 10px;
    background: #02ADF2;
    cursor: pointer;
    padding: 24px 150px;
    border: 0;
    margin: 0 auto;
    display: block;
}
.price_btn:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
.text_btn_door2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
}
@media (max-width: 700px) {
    .price_btn {
        padding: 12px 50px;
    }
}
.tech_har1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin: 0;
}

/*---------SLIDER----------*/

.image-slider {
	padding: 30px 0 70px 0;
    max-width: 100%;
}
.image-slider__wrapper {
}
.image-slider__slide {
    
}
.image-slider__image {
	text-align: center;
}
.imgedoor10 {
	max-width: 60%;
}
@media (max-width: 1200px) {
    .swiper-container {
        width: 620px;
    }
}
@media (max-width: 600px) {
    .swiper-container {
        width: 320px;
    }
}

/*-------SLIDING_SYSTEM---------*/
.main_content_ss {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-top: 70px;
    width: 100%;
}
.main_container_ss {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.text_container_ss {
    padding: 20px 0;
}
.sub_title_har {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    padding: 0 30px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.ss_image_struct {
    max-width: 60%;
    margin: 20px;
}
.ss_item1 {
    display: flex;
    justify-content: space-around;
    flex: 1 1 auto;
    padding: 0 20px;
    flex-wrap: wrap;
}
.ss_image {
    max-width: 250px;
    margin: 20px 0;
}
.ss_image_logo {
    max-width: 100%;
}
@media (max-width: 600px) {
    .video_ss {
        max-width: 100%;
        height: auto;
    }
}