:root{
    --black: #2a2e33;
    --super_black: #000;
    --white_head: #f6f6f6;
    --white: #ffffff;
    --blue: #2f65fd;
    --gray: #707070;
    --gray_blue: #576577;
    --thin_line_black: #2A2E33;
    --thin_line_white: #fff;
    --slider_bg: #d3d3d3;
    --slider_fill: #83bdd9;
    --slider_circle: #000;
    --bg_close_btn: #d46060;
    --showarea-bg: rgba(0, 0, 0, 0.75);
    --radius_12px: 12px;
    --radius035: 0.35rem;
    --radius05: 0.5rem;
    --catalog_bg: #373c3f;
}

@font-face{
    font-family: 'Gilroy';
    src: local('Gilroy'),
    url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Gilroy';
    src: local('Gilroy'),
    url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Gilroy';
    src: local('Gilroy'),
    url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

*{
    box-sizing: border-box;
    font-family: 'Gilroy', sans-serif;
    margin: 0;
    border: 0;
    outline: none;
    font-weight: 400;
}

html{
    font-size: 16px;
    scroll-behavior: smooth;
}

body{
    position: relative;
    background-color: var(--white);
    color: var(--black);
    scroll-behavior: smooth;
}

section{
    /*overflow-x: clip;*/
    /*overflow-x: initial;*/
    position: relative;
    width: 100%;
}

img{
    display: inline-block;
    vertical-align: inherit;
}

button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 1;
    color: var(--black);
    text-transform: uppercase;
    line-height: 44px;
    white-space: nowrap;
    word-break: keep-all;
    padding: 0 2rem;
    min-width: 176px;
    border-radius: var(--radius035);
    text-align: center;
    cursor: pointer;
    transition: transform 50ms ease;
}

button:hover{
    transform: scale(1.05);
}

h1{
    font-size: 3.8rem;
}

h2{

    font-size: 3.3rem;
}

h3{
    font-size: 2rem;
}

a{
    color: var(--blue);
    text-decoration: none;
    transition: color 0.1s ease;
    cursor: pointer;
}

a:active{
    color: #6990ff;
}

a:visited{
    color: var(--blue);
}

a:hover{
    color: #6990ff;
}

a.main_menu_item{
    display: inline-block;
    flex: 0 1 12.5%;
    background-color: var(--gray_blue);
    color: var(--white);
    text-align: center;
    text-decoration: none;
    padding: 1.3rem 0.5rem;
    white-space: nowrap;
    border-right: 1px solid var(--white);
    cursor: pointer;
}

a.main_menu_item:visited{
    color: var(--white);
}

a.main_menu_item:last-child{
    border: none;
}

a.main_menu_item:hover{
    filter: brightness(1.1);
}

a.bottom_menu_item{
    color: var(--white_head);
}

a.bottom_menu_item:visited{
    color: var(--white_head);
}

a.bottom_menu_item:hover{
    color: var(--white_head);
}

a.bottom_menu_item:active{
    color: var(--white_head);
}

.hover{
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.hover:hover{
    background-color: var(--gray_blue);
    color: var(--white);
}

.btn_white{
    background-color: var(--white);
    border: 1px solid var(--black);
}

.btn_blue{
    background-color: var(--blue);
    color: var(--white);
}

.btn_black{
    /*background-color: var(--black);*/
    background-color: var(--super_black);
    color: var(--white);
}

.btn_gray{
    background-color: var(--gray);
    color: var(--white);
}

.btn_wide{
    min-width: 220px;
}

.fixed_left{
    margin-right: 1rem;
}

.fixed_header_button{
    line-height: 2.3rem;
    min-width: 150px;
    width: fit-content;
    padding: 0 0.5rem;
}

.btn_small_text{
    font-size: 0.6rem;
    padding: 0 1rem;
}

.bg_black{
    background-color: var(--black);
    color: var(--white);
}

.bg_white{
    background-color: var(--white);
    color: var(--black);
}

.bg_white_head{
    background-color: var(--white_head);
    color: var(--black);
}

.bg_gray{
    background-color: var(--gray);
    color: var(--white);
}

.bg_gray_blue{
    background-color: var(--gray_blue);
    color: var(--white);
}

.bg_blue{
    background-color: var(--blue);
    color: var(--white);
}

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

.section_inner{
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.header{
    display: flex;
    justify-content: space-between;
    padding: 2rem 0 3.5rem 0;
}

.fixed_menu{
    display: none;
}

.fixed_menu_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fixed_menu_bottom{
    padding-top: 1.5rem;
    text-align: center;
    display: flex;
    justify-content: flex-end;
}

/*------------------- menu burger ------------------- */

.menu_burger{
    display: block;
    position: relative;
    width: 28px;
    height: 22px;
    transition: transform 0.2s ease;
    cursor: pointer;
}
.menu_burger:hover{
    transform: scale(1.1);
}
.menu_burger::before, .menu_burger::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    background-color: #fff;
    transition: transform 0.2s ease, top 0.2s ease, bottom 0.2s ease;
}
.menu_burger::before{
    top: 0;
}
.menu_burger::after{
    bottom: 0;
}
.menu_burger span{
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    top: 12px;
    background-color: #fff;
    transition: transform 0.2s ease;
}
.menu_burger.active::before{
    transform: rotate(45deg);
    top: 8px;
}
.menu_burger.active::after {
    transform: rotate(-45deg);
    bottom: 10px;
}
.menu_burger.active span{
    transform: scale(0);
}

/*------------------- end menu burger ------------------- */

.header_item{
    align-self:center;
}

.header_item_buttons{
    /*flex: 1 0 auto;*/
    flex: 1 1 33%;
    text-align: right;
}

.round_div, .round_div_white{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--black);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
}

.round_div_white{
    background-color: var(--white);
    color: var(--black);
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
}

.header_item_rounds{
    display: flex;
    flex-wrap: nowrap;
}

.header_round_item{
    display: inline-flex;
    margin: 0 0.5rem 0.5rem 0.5rem;
    text-align: left;
    align-items: center;
}

.header_round_item_text_div{
    width: 120px;
    padding-left: 1rem;
    font-size: 12px;
}

.header_right_button{
    margin-left: 1rem;
}

.header_left_button{
    margin-bottom: 0.5rem;
}

.main_menu_section{
    height: 0;
    overflow: visible;
}

.main_menu_wrapper{
    height: 0;
    overflow: visible;
}

.main_menu, .main_menu1{
    position: absolute;
    display: flex;
    color: var(--white);
    width: 100%;
    top: -30px;
    border-radius: var(--radius05);
    overflow: hidden;
    z-index: 999;
}

.padding4vertical{
    padding: 4rem 0;
}

.intro_inner{
    display: flex;
    padding: 4rem 0 2rem 0;
}

.intro_inner_column{
    position: relative;
    flex: 1 1 50%;
}

.intro_left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 1rem;
}

.intro_div{
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.intro_img_div{
    padding-left: 1rem;
}

.intro_img{
    display: block;
    width: 100%;
    border-radius: 1rem;
}

.rounded_div{
    position: relative;
    border-radius: var(--radius_12px);
    padding: 1.5rem;
}

.intro_btn_block{
    position: relative;
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    flex-wrap: wrap;
}

.zamer_top{
    font-size: 1.4rem;
}

.zamer_middle{
    padding: 1rem 0 3rem 0;
}

.intro_btn{
    flex: 0 1 49%;
    padding: 0 1rem;
    margin: 0.5rem auto;
    font-size: 0.7rem;
    min-width: 260px;
}

.calculator_over_block{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border-radius: var(--radius_12px);
    background-color: var(--white);
    padding: 3rem 1rem;
    -webkit-box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
}

.box_shadow{
    -webkit-box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
}

.calculator_over_top{
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.calculator_over_middle{
    font-size: 1.9rem;
    margin: 0.5rem 0 3rem 0;
}

.calc_under{
    border-radius: var(--radius_12px);
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    height: 4rem;
    width: 86%;
    margin: 0 auto;
    background-color: var(--white);
    -webkit-box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 2px 4px 4px rgba(34, 60, 80, 0.2);
}

.calculator_main_block{
    background-color: var(--white);
    display: flex;
    width: 84%;
    margin: 0 auto;
}

.rounded{
    display: block;
    border-radius: var(--radius_12px);
}

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

.ml0{
    margin-left: 0;
}

.ml1rem{
    margin-left: 1rem;
}

.pr1rem{
    padding-right: 1rem;
}

.pl1rem{
    padding-left: 1rem;
}

.calc_right_img{
    border-radius: var(--radius_12px);
    width: 100%;
    height: 100%;
}

.calculator_side_block{
    flex: 0 1 32%;
    margin-right: 3rem;
}

.calculator_center_block{
    flex: 0 1 68%;
    font-size: 1.15rem;
    background-color: var(--white);
}

.calculator_cards_container{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 380px;
}

.calculator_card{
    position: relative;
    flex: 0 1 33.33%;
    padding: 1rem 1rem 0 1rem;
    cursor: pointer;
    transition: transform 50ms ease;
    height: max-content;
}
.calculator_card:hover{
    transform: scale(1.1);
}

.flex_item50_percent{
    flex: 0 1 50%;
}

.calculator_card_img{
    border-radius: 8%; /*var(--radius035);*/
    width: 100%;
}

.width80{
    width: 80%;
    margin: 0 auto;
    display: block;
}

.calculator_card_text_block{
    text-align: center;
    margin-top: 0.7rem;
    font-size: 0.8rem;
}

.btn_in_the_calc{
    position: relative;
    flex: 0 1 66%;
}

.btn_right_bottom{
    position: absolute;
    right: 3rem;
    bottom: 0;
}

.center_text{
    text-align: center;
}

.progress{
    position: relative;
    padding: 0 1rem;
}

.progress_block, .progress_inner_block{
    position: relative;
    background-color: #D3D3D3;
    height: 1.3rem;
    margin: 1rem 0;
    border-radius: 0.65rem;
    width: 100%;
}

.progress_inner_block{
    margin: 0;
    background-color: var(--black);
    width: calc(100% / 6);
}

.text_1_4{
    font-size: 1.4rem;
}

.flex_column{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.flex_column_between{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex_center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_between_stretch{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.width50percent{
    width: 50%;
}

.catalog_header{
    margin: 2.5rem auto 4rem auto;
}

.catalog_header:first-child{
    margin-top: 0;
}

.catalog_buttons_block{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 3rem auto;
}

.margin_side{
    margin: 0 0.8rem;
}

.cat_new{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 1.5em 1.5em;
    grid-auto-flow: row;
    grid-template-areas:
            "cat_new1 cat_new2"
            "cat_new3 cat_new4";
}

.cat_new1, .cat_new2, .cat_new3, .cat_new4{
    position: relative;
    border-radius: var(--radius_12px);
    padding: 1.5rem;
}

.cat_new1{ grid-area: cat_new1; }
.cat_new2{ grid-area: cat_new2; }
.cat_new3{ grid-area: cat_new3; }
.cat_new4{ grid-area: cat_new4; }

.cat_item_header{
    font-size: 27px;
    margin-bottom: 2rem;
    font-weight: 500;
}

.cat_new_img_div{
    position: relative;
    background-image: url("/img/catalog_bg1.png");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.cat_new_img{
    display: block;
    margin: 0 auto;
    width: 56%;
}

.cat_new_text{
    font-size: 20px;
    font-weight: 500;
}

.cat_new_rombs{
    display: flex;
    justify-content: left;
    align-items: flex-start;
}

.romb_div{
    position: relative;
    flex: 0 1 25%;
    width: 25%;
}

.romb_new_img{
    display: block;
    width: 100%;
}

.romb_text{
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
}

.cat_btn{
    margin: 2rem auto 0.5rem auto;
    display: block;
    width: 100%;
    line-height: 3rem !important;
}

.cat_text_part{
    margin-top: 0.7rem;
}

.catalog {  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 1.5em 1.5em;
    grid-auto-flow: row;
    grid-template-areas:
            "catalog1 catalog2 catalog3";
}

.catalog1 { grid-area: catalog1; }

.catalog2 { grid-area: catalog2; }

.catalog3 { grid-area: catalog3; }

.catalog_doors{
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.catalog_item, .catalog_item_special{
    width: 100%;
    max-width: 380px;
    min-width: 380px;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.catalog_item:last-child{
    margin-right: 0;
}

.catalog_item_special:nth-child(2n){
    margin-right: 0;
}

.image_block_wide{
    display: block;
    width: 100%;
}

.max_width{
    max-width: 70%;
    margin: 0 auto;
}

.catalog_upper_title{
    height: 5rem;
    /*height: 4rem;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
}

.cb_btn{
    margin: 0 2rem;
}

.catalog_title, .catalog_title1{
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
}

.catalog_text{
    padding: 1rem 0;
    flex: 1;
}

.mb_05{
    padding-bottom: 0.5rem;
}

.catalog_title1{
    white-space: nowrap;
}

.pr02rem{
    padding-right: 0.2rem;
}

.margin_vert2rem{
    margin: 2rem auto;
}

.margin_vert1rem{
    margin: 1rem auto;
}

.img_oversize{
    position: relative;
    display: block;
    height: 100%;
    transform: scale(1.38) translateX(-10%);
    z-index: 999;
    width: 23%;
}

.text_right{
    text-align: right;
}

.temp_margin_top{
    padding-top: 6rem;
}

.temp_margin_bottom{
    padding-bottom: 8rem;
}

.discount_block{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bar100{
    width: 100%;
    height: 5px;
    background-color: var(--white);
    border: 1px solid var(--super_black);
}

.bar_fill{
    width: 50%;
    height: 5px;
    background-color: var(--super_black);
}

.catalog_bottom_block{
    display: flex;
    position: relative;
    font-size: 0.8rem;
    margin: 1rem 0 2rem 0;
}

.catalog_bottom_left{
    width: 40%;
}

.catalog_bottom_right{
    width: 60%;
    margin-top: 0.1rem;
}

.catalog_price_block{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order_free_cons_btn{
    margin-left: 1rem;
    padding: 0 1rem;
}

.inline_phone_input{
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.4rem;
    transition: all 200ms ease;
    letter-spacing: 1px;
    max-width: 260px;
    display: inline;
    background-color: var(--white_head);
    padding: 0.5rem 1rem;
    border-radius: var(--radius035);
}

.zamer_phone_input{
    margin: 0.5rem auto;
    width: 100%;
    font-size: 1.4rem;
    transition: all 200ms ease;
    letter-spacing: 1px;
    max-width: 260px;
    display: inline;
    background-color: var(--white);
    padding: 0.5rem 1rem;
    border-radius: var(--radius035);
}

.flex_half{
    flex: 0 1 50%;
}

.flex_left_center{
    display: flex;
    justify-content: left;
    align-items: center;
}

.flex_left_start{
    display: flex;
    justify-content: left;
    align-items: flex-start;
}


.flex_between_center{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w73{
    width: 65%;
    padding-right: 1.5rem;
}

.moving_content_block, .moving_content2{
    position: relative;
    width: 100%;
    overflow-x: hidden;
    padding-top: 4rem;
    overflow-y: visible;
}

.moving_content_block{
    min-height: calc(520px + 6.5rem);
}

.bold{
    font-weight: 600;
}

table.prices_table{
    border-collapse: collapse;
    min-width: 1000px;
    margin: 0 2rem;
    position: absolute;
    top: 4rem;
    left: 0;
}

tr.prices_table_row:last-child{
    border-bottom: none;
}

tr.prices_table_row:first-child{
    border-bottom: none;
}

td.prices_cell{
    width: 19%;
    height: 4rem;
    text-align: center;
    vertical-align: middle;
}

td.prices_gray_cell{
    width: 24%;
    background-color: var(--gray_blue);
    height: 4rem;
    text-align: center;
    vertical-align: middle;
}

.table_btn_free_cons{
    margin: 0 1rem;
}

.transparent{
    background-color: transparent;
}

.border_bottom{
    border-bottom: 1px solid #D3D3D3;
}

.padding_side2rem{
    padding: 0 2rem
}

.text_bold_blue{
    font-weight: bold;
    font-size: 2rem;
    color: #84BDDA;
}

.actions {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 1.5rem 1.5rem;
    grid-auto-flow: row;
    grid-template-areas:
            "action_item1 action_item2 action_item3";
}

.action_item1 { grid-area: action_item1; background-color: var(--white); }

.action_item2 { grid-area: action_item2; background-color: var(--white); }

.action_item3 { grid-area: action_item3; background-color: var(--white); }

.align_items_center{
    align-items: center;
}

.action_text{
    width: 100%;
    margin-bottom: 2rem;
}

.action_last{
    flex: 1 1 auto;
    display: flex;
    align-items: end;
}

.text_09rem{
    font-size: 0.9rem;
}

.text_1_3_mb{
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}

.calc {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1.8fr;
    /*grid-template-rows: calc(109px + 3rem) 1fr 1fr 0.5fr 0.6fr;*/
    gap: 1rem 1rem;
    grid-auto-flow: row;
    grid-template-areas:
            /*"calc1 calc2 calc3"*/
            "calc4 calc5 calc3"
            "calc4 calc5 calc3"
            "calc4 calc5 calc3"
            "calc6 calc7 calc7";
}

.margin_4rem1rem_vert{
    margin: 4rem 0 1rem 0;
}

.calc1 { grid-area: calc1; }

.calc2 { grid-area: calc2; text-align: center; }

.calc3 { grid-area: calc3; }

.calc4 { grid-area: calc4; }

.calc5 { grid-area: calc5; text-align: center; }

.calc6 { grid-area: calc6; }

.calc7 { grid-area: calc7; text-align: center; }

.about_us_block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4rem 0 1rem 0;
}

.about_us_text_block{
    width: 50%;
}

.ul{
    margin: 1rem 0;
    padding: 0 1rem;
}

.professionals {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 1rem 1rem;
    grid-auto-flow: row;
    grid-template-areas:
            "professionals_item1 professionals_item2 professionals_item3 professionals_item4";
}

.professionals_item1 { grid-area: professionals_item1; }

.professionals_item2 { grid-area: professionals_item2; }

.professionals_item3 { grid-area: professionals_item3; }

.professionals_item4 { grid-area: professionals_item4; }

.sert_flex{
    display: flex;
    justify-content: center;
    align-items: center;
}

.width100percent{
    width: 100%;
}

.mt1_5rem{
    margin-top: 1.5rem;
}

.mt1rem{
    margin-top: 1rem;
}

.sert_50percent_pr{
    flex: 1 1 50%;
    padding-right: 1rem;
}
.sert_50percent_pl{
    flex: 1 1 50%;
    padding-left: 1rem;
}

.sert {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 1rem 1rem;
    grid-auto-flow: row;
    grid-template-areas:
            "sert1 sert2 sert3 sert4 sert5 sert6";
}

.sert1 { grid-area: sert1; position: relative; }

.sert2 { grid-area: sert2; position: relative; }

.sert3 { grid-area: sert3; position: relative; }

.sert4 { grid-area: sert4; position: relative; }

.sert5 { grid-area: sert5; position: relative; }

.sert6 { grid-area: sert6; position: relative; }

.pseudo{
    margin: 0;
}

.pseudo:after{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.moving_div{
    position: relative;
}

.lr_img_container{
    width: 1060px;
    position: relative;
    height: 536px;
}

.left_img, .right_img, .up_arrow{
    width: 3.6rem;
    height: 3.6rem;
    background-color: var(--white_head);
    border-radius: 50%;
    border: 1px dashed #aaa;
    -webkit-box-shadow: 5px 7px 20px -11px rgba(34, 60, 80, 0.86);
    -moz-box-shadow: 5px 7px 20px -11px rgba(34, 60, 80, 0.86);
    box-shadow: 5px 7px 20px -11px rgba(34, 60, 80, 0.86);
    cursor: pointer;
}

.left_img, .right_img{
    display: none;
    position: absolute;
    /*width: 4rem;*/
    top: calc(50% - 2rem);
    /*background-color: #fff;*/
    /*border-radius: 50%;*/
    /*border: 1px solid #3e3e3e;*/
    padding: 0.5rem;
    opacity: 70%;
    z-index: 90;
    /*cursor: pointer;*/
}

.left_img{
    left: 2rem;
}

.right_img{
    right: 2rem;
}

.project_img{
    display: block;
    margin: 0.1rem;
    flex: 1 1 33%;
    width: 33%;
}

.flex_wrap{
    flex-wrap: wrap;
}

.tab{
    width: 18rem;
    border-top-left-radius: var(--radius_12px);
    border-top-right-radius: var(--radius_12px);
    line-height: 3rem;
    text-align: left;
    margin: 0 1.5rem;
    padding: 0 1.5rem;
}

.tab_normal{
    background-color: var(--gray);
    color: var(--white);
    cursor: pointer;
}

.tab_active{
    background-color: var(--white);
    color: var(--black);
}

.tab_transparent{
    opacity: 0;
}

.advantages {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-auto-columns: 1fr;
    gap: 1.5rem 1.5rem;
    grid-auto-flow: row;
    grid-template-areas:
            "adv11 adv2"
            "adv3 adv4"
            "adv5 adv6";
}

.adv11,.adv2,.adv3,.adv4,.adv5,.adv6{
    background-color: var(--white);
}

.adv1 { grid-area: adv11; }

.adv2 { grid-area: adv2; }

.adv3 { grid-area: adv3; }

.adv4 { grid-area: adv4; }

.adv5 { grid-area: adv5; }

.adv6 { grid-area: adv6; }

.margin_bottom1rem{
    margin-bottom: 1rem;
}

.height_3rem{
    height: 3rem;
}

.video_feedbacks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 1.5rem 1.5rem;
    grid-auto-flow: row;
    grid-template-areas:
            "video_feedback1 video_feedback2 video_feedback3";
}

.video_feedback1 { grid-area: video_feedback1; }

.video_feedback2 { grid-area: video_feedback2; }

.video_feedback3 { grid-area: video_feedback3; }

.bottom_block{
    margin: 0;
}

.bottom_menu{
    margin: 3rem auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottom_menu_item{
    white-space: nowrap;
    cursor: pointer;
}

.bottom_info_block{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thin_line_container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.thin_line{
    position: absolute;
}

.thin_line_black{
    background-color: var(--thin_line_black);
}

.thin_line_white{
    background-color: var(--thin_line_white);
}

.thin_line_vert{
    width: 1px;
}

.thin_line_hor{
    height: 1px;
}

.installment_div{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.installment_calc{
    width: 80%;
    font-size: 1.2rem;
    padding-left: 10rem;
}

.installment_main{
    padding: 3rem 4rem;
    margin-bottom: 1.5rem;
}

.slider4{
    width: 271px;
    margin-bottom: 2rem;
}

.slider, .slider_v{
    width: 100%;
    padding: 1rem 0;
    cursor: pointer;
}

.slider_field, .slider_field_v{
    position: relative;
    background-color: var(--slider_bg);
    height: 6px;
    width: 100%;
}

.slider_fill, .slider_fill_v{
    position: relative;
    background-color: var(--slider_fill);
    width: 50%;
    height: 100%;
}

.slider_v{
    height: 271px;
    width: fit-content;
    padding: 0 1rem;
}

.slider_field_v{
    background-color: var(--slider_fill);
    width: 6px;
    height: 100%;
}

.slider_fill_v{
    background-color: var(--slider_bg);
    height: 75%;
    width: 100%;
}

.slider_circle_wrapper{
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    overflow: visible;
}

.slider_circle_wrapper_v{
    position: absolute;
    right: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    overflow: visible;
}

.slider_circle{
    position: absolute;
    background-color: var(--slider_circle);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    left: -10px;
    top: -10px;
    cursor: pointer;
}

.slider_circle_text{
    position: absolute;
}

.months_container{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.month_line{
    width: 2px;
    height: 1rem;
    background-color: #9c9c9c;
}

.month_amount{
    width: 36px;
    text-align: center;
}

.sliders_container{
    padding: 0 18px;
}

.slider_value_div{
    text-align: center;
    margin: 1rem 0;
}

.slider_value{
    color: var(--black);
}

.final_value{
    display: inline-block;
    color: var(--slider_fill);
}

.installment_btn{
    width: 100%;
    line-height: 4.5rem;
    font-size: 1.5rem;
    border-radius: var(--radius_12px);
}

.installment_left{
    align-items: start;
    position: relative;
    justify-content: space-between;
    width: 20%;
}

.installment_logo{
    width: 100%;
}

.img343{
    flex: 1 1 auto;
}

.img_height{
    display: block;
    /*width: 100%;*/
    /*flex: 1 1 auto;*/
    /*flex: 0 1 auto;*/
    cursor: pointer;
    /*height: 100%;*/
}

.modal_container{
    height: 0 !important;
    width: 0 !important;
    overflow: hidden;
}

.modal_wrapper{
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    transition: opacity 200ms ease;
}

.modal_window{
    position: relative;
    background-color: var(--white_head);
    min-width: 300px;
    min-height: 200px;
    transform: scale(0.01);
    opacity: 0;
    transition: opacity 200ms ease, transform 200ms ease;
}

.modal_window_inner{
    padding: 1.5rem;
}

.opacity1{
    opacity: 1;
}

.scale1{
    opacity: 1;
    transform: scale(1);
}

.inperror {
    border-bottom: 2px solid var(--bg_close_btn);
}

.inptext {
    display: block;
    background-color: transparent;
    max-width: 500px;
    width: 100%;
    padding: 0.5rem 0;
    margin: 0.5rem 0 2rem 0;
    font-size: 1.4rem;
    transition: all 200ms ease;
    letter-spacing: 1px;
}

.inp_ok{
    border: 0;
    border-bottom: 1px solid var(--black);
}

.modal_header{
    font-size: 1.4rem;
    margin: 1rem auto 2rem auto;
    width: 350px;
}

.close_btn{
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 32px;
    height: 32px;
    background-color: var(--bg_close_btn);
    color: var(--white);
    cursor: pointer;
}

.close_btn:hover {
    opacity: 1;
}
.close_btn:before, .close_btn:after {
    position: absolute;
    left: 15px;
    top: 2px;
    content: ' ';
    height: 28px;
    width: 2px;
    background-color: #fff;
}
.close_btn:before {
    transform: rotate(45deg);
}
.close_btn:after {
    transform: rotate(-45deg);
}

.resizing{
    border: 0;
    cursor: pointer;
}

.fixedbody{
    overflow: hidden;
}
.showarea-hidden{
    height: 0px !important;
    overflow: hidden;
    display: none;
}
.showarea{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: zoom-out;
    z-index: 9999;
}
.showarea-inner{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*-ms-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-khtml-user-select: none;*/
    /*-webkit-user-select: none;*/
    /*user-select: none;*/
    background-color: var(--showarea-bg);
}
.showarea-img{
    max-width: 95%;
    max-height: 95%;
}

.up_arrow{
    display: none;
    position: fixed;
    left: 1.5rem;
    bottom: 1.5rem;
    /*width: 3.6rem;*/
    /*height: 3.6rem;*/
    /*background-color: var(--white_head);*/
    /*border-radius: 50%;*/
    /*border: 1px dashed #aaa;*/
    /*-webkit-box-shadow: 5px 7px 20px -11px rgba(34, 60, 80, 0.86);*/
    /*-moz-box-shadow: 5px 7px 20px -11px rgba(34, 60, 80, 0.86);*/
    /*box-shadow: 5px 7px 20px -11px rgba(34, 60, 80, 0.86);*/
    /*cursor: pointer;*/
    z-index: 95;
}

.fixed_desktop_header_container{
    /*display: none;*/
    height: 0 !important;
}

.fixed_desktop_header{
    position: fixed;
    padding: 0 1rem;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--white_head);
    border-bottom: 1px solid var(--black);
    top: -200px;
    transition: top 0.2s ease;
    z-index: 1000;
}

.fixed_desktop_inner{
    padding: 1rem 0;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    color: var(--black);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.waiting_screen{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.4);
}

.spinner{
    width: 160px;
    height: 160px;
}

.pointer{
    cursor: pointer;
}

.plastic_windows{
    flex: 1 1 auto;
    text-align: right;
    margin-right: 1rem;
}

.calc_inputs_div{
    margin: 0 auto;
    flex: 1 1 80%;
    padding-top: 3rem;
}

.calc_inputs_btn_div{
    flex: 0 1 auto;
    padding: 0 2rem;
    text-align: right;
}

.your_attention{
    padding: 0 1rem;
    text-align: center;
    font-size: 1.15rem;
    margin: 0 auto;
    max-width: 500px;;
}

.calc_inputs_inner{
    width: fit-content;
    margin: 0 auto;
}

/* catalog new */
.catalog_new {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 2em 2em;
    grid-auto-flow: row;
    grid-template-areas:
            "catalog_item1 catalog_item2"
            "catalog_item3 catalog_item4"
            "catalog_item5 catalog_item6";
}

.catalog_item1 { grid-area: catalog_item1; }

.catalog_item2 { grid-area: catalog_item2; }

.catalog_item3 { grid-area: catalog_item3; }

.catalog_item4 { grid-area: catalog_item4; }

.catalog_item5 { grid-area: catalog_item5; }

.catalog_item6 { grid-area: catalog_item6; }

.catalog_item1, .catalog_item2, .catalog_item3,
.catalog_item4, .catalog_item5, .catalog_item6{
    max-width: 100%;
    width: 100%;
    border-radius: var(--radius_12px);
    overflow: hidden;
}

.catalog_item_title{
    flex: 1 1 auto;
    padding: 1.3rem 0;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--catalog_bg);
    color: var(--white);
    border-bottom: 1px solid var(--white);
}

.catalog_item_body{
    display: flex;
    flex: 1 1 100%;
    background-color: var(--catalog_bg);
    color: var(--white);
}

.catalog_item_info_div{
    flex: 1 1 50%;
    padding: 1rem 0 1rem 0;
    border-right: 1px solid var(--white);
}

.catalog_info_div1{
    min-height: 5rem;
    font-size: 0.9rem;
    padding: 0 1rem;
}

.catalog_info_div2{
    padding: 0 1rem;
}

.catalog_info_div3{
    display: flex;
    position: relative;
    font-size: 0.8rem;
    margin: 1rem 0 2rem 0;
    padding: 0 1rem;
}

.catalog_info_div4{
    font-size: 0.8rem;
    padding: 0 1rem;
    min-height: 3rem;
}

.catalog_info_div5{
    min-height: 1rem;
    border-top: 1px solid var(--white);
    text-align: center;
    padding: 1rem 1rem 0 1rem;
}

.catalog_img_div{
    flex: 1 1 50%;
    background-size: cover;
    background-position: 50% 50%;
}

.swiper_over{
    background-color: var(--white);
    padding: 1.5rem;
    border-radius: var(--radius_12px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 4rem;
}

.swiper-button-pre, .swiper-button-nex{
    cursor: pointer;
}

.swiper_btn{
    display: block;
    margin: 1.5rem;
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    width: initial;
    height: initial;
    position: relative;
    transition-property: transform;
}

.bar100_new{
    width: 100%;
    height: 5px;
    background-color: var(--super_black);
    border: 1px solid var(--white);
}

.bar_fill_new{
    width: 50%;
    height: 5px;
    background-color: var(--white);
}

.semi_bold{
    font-weight: 600;
}

.catalog_button{
    width: 100%;
}


.cat_v3{
    display: none;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 1.5em 1.5em;
    grid-auto-flow: row;
    grid-template-areas:
            "cat_v3_item1 cat_v3_item2"
            "cat_v3_item3 cat_v3_item4";
}

.cat_v3_item1, .cat_v3_item2, .cat_v3_item3, .cat_v3_item4{
    position: relative;
    border-radius: var(--radius_12px);
    padding: 1.5rem;
}

.cat_v3_item1{ grid-area: cat_v3_item1; }
.cat_v3_item2{ grid-area: cat_v3_item2; }
.cat_v3_item3{ grid-area: cat_v3_item3; }
.cat_v3_item4{ grid-area: cat_v3_item4; }

.cat_v3_bg_img{
    display: block;
    width: 100%;
}

.cat_v3_over_div{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: nowrap;
    padding: 1.5rem;
}

.cat_v3_over_text{
    text-transform: uppercase;
}

.cat_v3_over_btn_div{
    margin: 0;
}

.cat_v3_mini_btn{
    padding: 0 1rem !important;
    min-width: initial;
}

/* catalogue v3 desktop */

.cat_v3_desktop{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 2rem;
    grid-auto-flow: row;
    grid-template-areas:
            "cat_v3_dt_item1 cat_v3_dt_item2"
            "cat_v3_dt_item3 cat_v3_dt_item4";
}

.cat_v3_dt_item1, .cat_v3_dt_item2, .cat_v3_dt_item3, .cat_v3_dt_item4{
    position: relative;
    border-radius: var(--radius_12px);
    padding: 1.5rem;
    background-color: var(--white);
    color: var(--black);
}

.cat_v3_dt_item1{ grid-area: cat_v3_dt_item1; }
.cat_v3_dt_item2{ grid-area: cat_v3_dt_item2; }
.cat_v3_dt_item3{ grid-area: cat_v3_dt_item3; }
.cat_v3_dt_item4{ grid-area: cat_v3_dt_item4; }

.cat_v3_desktop_img{
    display: block;
    width: 100%;
    margin: -2% auto;
}

.cat_v3_desktop_head{
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    padding-bottom: 0.5rem;
    text-align: center;
}

.cat_v3_desktop_text{
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 4.5rem;
}

.cat_v3_desktop_part{
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.cat_v3_desktop_bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.desktop_ul{
    padding-left: 1rem;
    padding-right: 0.5rem;
}

.dt_li{
    font-weight: 500;
    font-size: 18px;
}

.cat_desktop_btn{
    padding: 1rem !important;
    line-height: initial !important;
    width: initial !important;
    min-width: initial !important;
    font-size: 20px;
}

/* modal catalog items */

.cat_modal{

}

.cat_v3_modal_img{
    width: 100%;
    max-width: 350px;
}

.cat_v3_modal_head{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.cat_v3_modal_text{
    font-size: 14px;
    font-weight: 500;
}

.cat_v3_modal_part{
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.cat_v3_modal_bottom{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.modal_ul{
    padding-left: 1rem;
    padding-right: 0.5rem;
    font-size: 14px;
}

.cat_modal_btn{
    padding: 1rem !important;
    line-height: initial !important;
    width: initial !important;
    min-width: initial !important;
}

/* END modal catalog items */

.serts_text_block{
    width: 100%;
    margin: 4rem auto 0;
    max-width: 700px;
}



@media (max-width: 1240px) {
    .header{
        padding: 2rem 1.5rem 3.5rem 1.5rem;
    }
    h2{
        font-size: 2rem;
    }
    /*h1{*/
    /*    font-size: 2rem;*/
    /*}*/
    h3, .calculator_over_top{
        font-size: 1.6rem;
    }
    .calculator_over_middle {
        font-size: 1.5rem;
    }
    .section_inner {
        width: 100%;
    }
    .main_menu, .main_menu1{
        border-radius: unset;
    }
    .intro_inner{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .catalog{
        margin: 0 2rem;
    }
    .catalog_doors{
        padding: 0 2rem;
    }
    .catalog_new{
        padding: 0 2rem;
    }
    .cat_new{
        margin: 0 2rem;
    }
    .cat_v3{
        margin: 0 2rem;
    }
    .cat_v3_desktop{
        margin: 0 2rem;
    }
    .discount_block{
        padding: 0 2rem;
    }
    .section_padding{
        padding: 0 2rem;
    }
    .section_special{
        padding: 0 2rem;
    }
    .calculator_over_block{
        height: auto;
        padding: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .calc_under{
        display: none;
    }
    .calculator_center_block{
        background-color: transparent;
    }
    .calculator_main_block{
        background-color: transparent;
        position: relative;
        top: auto;
        margin-top: 3rem;
        width: 88%;
    }
    .header_item_buttons{
        flex: 1 0 auto;
    }
    .header_item_rounds{
        flex-wrap: wrap;
    }
}

@media (max-width: 1220px) {
    .header_item{
        align-self: flex-start;
    }
    .w73{
        width: 73%;
    }
    .catalog_new{
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto auto;
        grid-auto-flow: column;
        grid-template-areas:
            "catalog_item1" "catalog_item2" "catalog_item3" "catalog_item4" "catalog_item5" "catalog_item6";
    }
}

@media (max-width: 1150px) {
    .bottom_block{
        display: flex;
        justify-content: space-around;
        align-items: self-start;
        margin: 2rem 0 0 0;
    }
    .bottom_menu{
        align-items: start;
        flex-direction: column;
        margin: 0 2rem;
    }
    .bottom_info_block{
        align-items: start;
        flex-direction: column;
        margin: 0 2rem;
    }
    .bottom_item{
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 1110px) {
    .installment_div{
        flex-direction: column;
    }
    .installment_calc{
        width: 100%;
        padding-left: 0;
        margin: 4rem auto 0 auto;
    }
    .installment_left{
        width: 100%;
        text-align: center;
    }
    .installment_logo{
        width: 260px;
        margin: 0 auto 4rem auto;
    }
    .calculator_main_block{
        width: 100%;
    }
    .professionals {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 2rem 2rem;
        grid-auto-flow: row;
        grid-template-areas:
                "professionals_item1 professionals_item2" "professionals_item3 professionals_item4";
    }
}

@media (max-width: 1060px) {
    .intro_inner{
        padding-top: 7.5rem;
        flex-direction: column;
    }
    .intro_img_div{
        padding: 0;
    }
    .intro_left{
        padding-right: 0;
    }
    .free_measure_div{
        margin: 3rem 0;
    }
    .intro_div{
        margin: 2rem;
        text-align: center;
    }
    .moving_content_block, .moving_content2{
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    table.prices_table{
        margin: 0;
        width: 1060px;
        padding: 0 2rem;
        display: block;
    }
    .left_img{
        display: block;
    }
    .right_img{
        display: block;
    }
    .sert{
        width: 1100px;
        padding: 0 2rem;
    }
    .section_special{
        padding: 0;
    }
    .sert_50percent_pl{
        padding-right: 2rem;
    }
    .sert_50percent_pr{
        padding-left: 2rem;
    }
    .unselectable{
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .unselectable_img{
        pointer-events: none;
    }





    a.main_menu_item{
        flex: 0 1 25%;
        border-top: 1px solid var(--white);
    }
    a.main_menu_item:last-child{
        border-top: 1px solid var(--white);
    }
    a.main_menu_item:nth-child(4){
        border-right: 0;
    }
    .main_menu, .main_menu1{
        flex-wrap: wrap;
    }


    .header_item_rounds{
        justify-content: center;
    }



    .header{
        flex-direction: column;
        align-items: center;
        padding: 11rem 0 2rem 0;
    }
    .main_menu, .main_menu1{
        background-color: var(--gray_blue);
        position: fixed;
        top: -100%;
        left: 0;
        padding: 8rem 0 1rem 0;
        /*transition: top 0.2s ease;*/
        z-index: 9998;
    }
    a.main_menu_item{
        flex: 0 1 100%;
        border: 0;
    }
    a.main_menu_item:last-child{
        border: 0;
    }
    .logo_item{
        width: 100%;
        padding: 1rem 4rem;
        z-index: 9999;
    }
    .fixed_menu{
        display: block;
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*align-items: center;*/
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 1rem 1.5rem;
        border-bottom: 1px solid #fff;
        z-index: 9999;
    }
    .main_menu1{
        display: none;
    }
    .header_item_buttons{
        display: none;
    }
    .header_item{
        align-self: center;
        margin: 0.5rem auto;
    }
    .header_item:nth-child(2){
        display: none;
    }
    .header_right_button{
        margin-left: 0.5rem;
    }




}

/*@media (max-width: 1040px) {*/
/*    .calc{*/
/*        grid-template-columns: 1fr 2fr;*/
/*        !*grid-template-rows: 0.7fr 0.7fr 2fr 0.5fr;*!*/
/*        grid-template-rows: 0.7fr 0.4fr 2fr 0.5fr;*/
/*        grid-template-areas:*/
/*                "calc3 calc3"*/
/*                "calc1 calc2"*/
/*                "calc4 calc5"*/
/*                "calc6 calc7";*/
/*    }*/
/*}*/

@media (max-width: 990px) {
    .catalog{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto;
        grid-template-areas: "catalog1 catalog1" "catalog2 catalog3" "catalog4 catalog5" "catalog6 catalog7";
    }
    /*.header_item_rounds{*/
    /*    justify-content: center;*/
    /*}*/
    .about_us_block{
        flex-direction: column-reverse;
    }
    .about_us_text_block{
        width: 70%;
        margin: 0 auto;
    }
    .about_us_video_block{
        position: relative;
        width: 100%;
        margin: 0 auto 4rem auto;
    }
    .calculator_main_block{
        flex-direction: column;
    }
    .btn_in_the_calc{
        height: 6rem;
        width: 100%;
        flex: 0 1 100%;
    }
    .btn_right_bottom{
        right: 1rem;
    }
    .calc_rigth_img_block{
        display: none;
        /*display: block;*/
        /*padding: 2rem 0 0 0;*/
    }
    .calc_right_img{
        width: 100%;
    }
    .after_payment_block{
        margin: 0 0 2rem 0;
    }
}

@media (max-width: 950px) {
    /*a.main_menu_item{*/
    /*    flex: 0 1 25%;*/
    /*    border-top: 1px solid var(--white);*/
    /*}*/
    /*a.main_menu_item:last-child{*/
    /*    border-top: 1px solid var(--white);*/
    /*}*/
    /*a.main_menu_item:nth-child(4){*/
    /*    border-right: 0;*/
    /*}*/
    /*.main_menu, .main_menu1{*/
    /*    flex-wrap: wrap;*/
    /*}*/
    .video_feedbacks{
        grid-template-columns: auto;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas:
                "video_feedback1" "video_feedback2" "video_feedback3";
    }
    .max_width{
        max-width: 100%;
    }
}

@media (max-width: 920px) {
    .order_free_cons_btn{
        margin-left: 0;
    }
    .cat_new {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        gap: 1.5em 1.5em;
        grid-auto-flow: row;
        grid-template-areas: "cat_new1" "cat_new2" "cat_new3" "cat_new4";
    }
    .cat_new1, .cat_new2, .cat_new3, .cat_new4{
        margin: 0 auto;
        max-width: 420px;
        width: 100%;
    }
    .cat_item_header {
        font-size: 20px;
    }
    .cat_v3{
        display: grid;
    }
    .cat_v3_desktop{
        display: none;
    }
}

@media (max-width: 860px){
    .discount_buttons_block{
        display: flex;
        flex-direction: column;
    }
    .order_free_cons_btn{
        margin-left: 0;
        margin-top: 1.5rem;
        padding: 0 1rem;
    }
    .inline_phone_input{
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
    /*.header_item_buttons{*/
    /*    flex: 0 1 auto;*/
    /*}*/
    /*.header_right_button{*/
    /*    margin: 0;*/
    /*}*/
    .w73 {
        padding-right: 2.5rem;
    }
    .temp_margin_bottom{
        padding-bottom: 4rem;
    }
    .temp_margin_top{
        padding-top: 4rem;
    }
    .img_oversize{
        transform: unset;
    }
    .calc{
        margin: 4rem auto 1rem auto;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        width: 70%;
        grid-template-areas:
            "calc3"
            "calc4"
            "calc5"
            "calc6"
            "calc7";
    }
}

@media (max-width: 846px) {
    .catalog_doors{
        flex-direction: column;
        align-items: center;
    }
    .catalog_item, .catalog_item_special{
        margin-right: 0;
        min-width: unset;
    }
}

@media (max-width: 830px) {
    .actions{
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas: "action_item1" "action_item2" "action_item3";
    }
    .about_us_text_block{
        width: 100%;
        margin: 0 auto;
    }
    .about_us_video_block{
        position: relative;
        width: 100%;
        margin: 0 auto 4rem auto;
    }
}

@media (max-width: 810px) {
    .advantages{
        grid-template-columns: auto;
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-areas: "adv11" "adv2" "adv3" "adv4" "adv5" "adv6";
    }
}

@media (max-width: 755px) {
    .catalog_buttons_subblock{
        display: flex;
        flex-direction: column;
    }
    .cb_btn{
        display: block;
        width: 260px;
        margin: 1rem auto;
    }
    .catalog_buttons_block{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 700px) {
    .professionals {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 1rem 1rem;
        grid-auto-flow: row;
        grid-template-areas:
                "professionals_item1" "professionals_item2" "professionals_item3" "professionals_item4";
    }
    .sert_flex{
        flex-direction: column;
    }
    .sert_50percent_pr{
        padding: 0 2rem;
    }
    .sert_50percent_pl{
        padding: 0 2rem;
        margin: 4rem auto 0 auto;
        text-align: center;
    }
    .center_morf{
        text-align: center;
    }
    .calculator_over_block{
        padding: 0;
    }
    .serts_text_block{
        padding: 0 2rem;
    }
}

@media (max-width: 680px) {
    .catalog{
        display: flex;
        flex-direction: column;
        gap: unset;
    }
    .catalog, .catalog2, .catalog3, .catalog4, .catalog5, .catalog6, .catalog7 {
        margin-top: 1.5rem;
    }
    .catalog_upper_title{
        font-size: 1.2rem;
        height: auto;
    }
    .flex_half{
        text-align: center;
    }
    .discount_block{
        flex-direction: column;
    }
    .w73{
        width: 100%;
        padding-right: 0;
    }
    .img_oversize{
        transform: none;
        margin-bottom: 4rem;
        width: 50%;
        z-index: unset;
    }
    .calc{
        width: 100%;
    }
}

@media (max-width: 640px) {
    /*.header{*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*    padding: 11rem 0 2rem 0;*/
    /*}*/
    /*.main_menu, .main_menu1{*/
    /*    background-color: var(--gray_blue);*/
    /*    position: fixed;*/
    /*    top: -100%;*/
    /*    left: 0;*/
    /*    padding: 8rem 0 1rem 0;*/
    /*    !*transition: top 0.2s ease;*!*/
    /*    z-index: 9998;*/
    /*}*/
    /*a.main_menu_item{*/
    /*    flex: 0 1 100%;*/
    /*    border: 0;*/
    /*}*/
    /*a.main_menu_item:last-child{*/
    /*    border: 0;*/
    /*}*/
    /*.logo_item{*/
    /*    width: 100%;*/
    /*    padding: 1rem 4rem;*/
    /*    z-index: 9999;*/
    /*}*/
    /*.fixed_menu{*/
    /*    display: block;*/
    /*    !*display: flex;*!*/
    /*    !*justify-content: space-between;*!*/
    /*    !*align-items: center;*!*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    padding: 1rem 1.5rem;*/
    /*    border-bottom: 1px solid #fff;*/
    /*    z-index: 9999;*/
    /*}*/
    /*.main_menu1{*/
    /*    display: none;*/
    /*}*/
    /*.thin_line_black{*/
    /*    background-color: #bdbdbd;*/
    /*}*/

    /*.thin_line_white{*/
    /*    background-color: #737373;*/
    /*}*/
    /*.header_item_buttons{*/
    /*    display: none;*/
    /*}*/
    /*.header_item{*/
    /*    align-self: center;*/
    /*    margin: 0.5rem auto;*/
    /*}*/
    /*.header_item:nth-child(2){*/
    /*    display: none;*/
    /*}*/
    /*.header_right_button{*/
    /*    margin-left: 0.5rem;*/
    /*}*/
    .intro_inner{
        padding-top: 4rem;
    }
    .calculator_card{
        flex: 0 1 50%;
    }
    .calc7{
        font-size: 1rem;
    }
    .catalog_item_title{
        font-size: 1.5rem;
    }
    .swiper-button-pre, .swiper-button-nex {
        display: none;
    }
    .swiper-slide{
        width: 100%;
    }
}

@media (max-width: 600px) {
    .catalog_new{
        max-width: 380px;
    }
    .catalog_item_body {
        display: flex;
        flex-direction: column;
    }
    .catalog_item_info_div{
        order: 1;
    }
    .catalog_img_div{
        height: 220px;
        min-height: 220px;
        order: 0;
    }
    .make_smaller{
        width: 60% !important;
        margin: 0 auto;
    }
    .cat_v3_over_div {
        padding: 0.5rem;
    }
    .cat_v3_item1,.cat_v3_item2,.cat_v3_item3,.cat_v3_item4{
        padding: 0.5rem;
    }
    .cat_v3_over_text {
        margin-right: 0.5rem;
    }
}

@media (max-width: 550px) {
    /*.logo_item{*/
        /*width: 100%;*/
        /*padding: 1rem 4rem;*/
        /*z-index: 9999;*/
    /*}*/
    .main_logo{
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .header_item_rounds{
        flex-direction: column;
    }
    /*.sert {*/
    /*    grid-template-columns: 1fr 1fr;*/
    /*    grid-template-rows: auto auto auto auto auto;*/
    /*    gap: 1rem 1rem;*/
    /*    grid-auto-flow: row;*/
    /*    grid-template-areas:*/
    /*            "sert1 sert2"*/
    /*            "sert3 sert4"*/
    /*            "sert5 sert6"*/
    /*            "sert7 sert8"*/
    /*            "sert9 sert10";*/
    /*}*/
    .project_img{
        flex: 1 1 100%;
        width: 100%;
    }
    .cat_v3_over_text {
        font-size: 14px;
    }
    h1{
        font-size: 2rem;
    }
}

@media (max-width: 490px) {
    .header_item_buttons{
        text-align: center;
    }
    .header_right_button{
        margin-left: 0;
    }
    .installment_main{
        padding: 3rem 1.5rem;
    }
    .calculator_card_text_block{
        font-size: 0.8rem;
    }
    /*.sert {*/
    /*    grid-template-columns: auto;*/
    /*    grid-template-rows: auto auto auto auto;*/
    /*    gap: 1rem 1rem;*/
    /*    grid-auto-flow: column;*/
    /*    grid-template-areas:*/
    /*            "sert1" "sert2" "sert3" "sert4";*/
    /*}*/
    /*.img_height{*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*}*/
    .catalog_new{
        margin: 0 auto;
        padding: 0 2rem;
    }
    .cat_v3{
        margin: 0 0.5rem;
        gap: 1rem;
    }
}

@media (max-width: 460px) {
    .fixed_left{
        margin-right: 0;
    }
    .fixed_menu_bottom{
        justify-content: space-between;
        padding-top: 0.5rem;
    }
    .header{
        padding: 9rem 0 0.5rem 0;
    }
    .main_menu{
        padding: 7rem 0 1rem 0;
    }
    .intro_inner {
        padding-top: 0;
    }
    .free_measure_div {
        margin-top: 0;
        margin-bottom: 2rem;
    }
    .cat_new1, .cat_new2, .cat_new3, .cat_new4{
        padding: 0.5rem;
    }
    .cat_new {
        margin: 0 0.5rem;
    }
    .cat_v3{
        margin: 0 0.5rem;
    }
    .cat_item_header {
        font-size: 20px;
        margin-bottom: 1rem;
        font-weight: 500;
        margin-top: 0.5rem;
    }
    .cat_v3_over_text {
        font-size: 12px;
    }
}

@media (max-width: 430px) {
    .cat_v3_over_div {
        align-items: center;
        flex-direction: column;
    }
    .cat_v3_bg_img {
        margin-bottom: 2rem;
    }
    .cat_v3_over_text {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 0.6rem;
        text-align: center;
    }
    .cat_v3_over_btn_div{
        width: 100%;
    }
    .cat_v3_mini_btn {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .installment_btn{
        font-size: 1rem;
    }
    .intro_div{
        margin: 2rem 0;
    }
    .romb_text {
        font-size: 9px;
    }
    .cat_new_text {
        font-size: 15px;
    }
    .cat_new_img {
        width: 48%;
    }
    .cat_btn {
        margin: 1rem auto 0.5rem auto;
    }
    .serts_text_block {
        margin-top: 2rem;
    }
    .image_block_wide {
        display: block;
        width: 83%;
        margin: 0 auto;
    }
    .swiper_over{
        padding: 0.5rem;
    }
    .swiper-slide {
        width: 90%;
    }
}

@media (max-width: 370px) {
    .cat_v3_bg_img {
        margin-bottom: 3rem;
    }
    .cat_v3_over_text {
        font-size: 12px;
    }
}

@media (max-width: 350px) {
    .fixed_menu{
        padding: 1rem 0.5rem;
    }
    .intro_inner {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .section_padding {
        padding: 0 0.5rem;
    }
    .catalog {
        margin: 0 0.5rem;
    }
    .discount_block {
        padding: 0 0.5rem;
    }
    .modal_window_inner {
        padding: 1.5rem 0.5rem;
    }
    .modal_header {
        font-size: 1.4rem;
        margin: 1rem auto 2rem auto;
        width: 100%;
    }
    .sert_50percent_pr {
        padding: 0 0.5rem;
    }
    .sert_50percent_pl {
        padding: 0 0.5rem;
    }
    .sert {
        padding: 0 0.5rem;
    }
    a.main_menu_item {
        padding: 1rem 0.5rem;
    }
    .romb_text {
        font-size: 8px;
    }
    .cat_item_header {
        font-size: 16px;
    }
    .cat_new_text {
        font-size: 14px;
    }
    .serts_text_block{
        padding: 0 0.5rem;
    }
    .catalog_doors{
        padding: 0 0.5rem;
    }
}