html{
    scroll-behavior: smooth;
}
#ultra,#windowsill,#accessories,#complect{
    scroll-margin-top: 148px;
}

header.sticky{
    position: sticky;
    top: 0;
    background: url(./header_bg.png)center no-repeat;
    background-size: cover;
}
.crosh{
    padding-top: 39px;
    padding-bottom: 12px;
}
.crosh .wrapper{
    display: block;
}
.crosh ul{
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
.crosh ul li{
    display: inline-block;
    color: rgb(130, 130, 130);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.crosh ul li::before{
    content: '/';
    padding: 0 5px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.crosh ul li:first-child::before{
    display: none;
}
.crosh ul li:last-child{
    color: rgb(52, 179, 235);
}
.crosh ul li a{
    text-decoration: none;
    color: inherit;
}
.section_title.in{
    color: rgb(35, 35, 35);
}
.balcony_tabs{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid rgb(204, 204, 204);
}
.balcony_tab{
    color: rgb(130, 130, 130);
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5rem;
    padding: 17px 52px;
    cursor: pointer;
    border-bottom: 0.13rem solid transparent;
    margin-bottom: -1px;
    text-transform: uppercase;
}
.balcony_tab.active{
    border-bottom: 0.13rem solid rgb(52, 179, 235);
}
.balcony_slider_container{
    background: url(./balcony.jpg)center no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 67px;
}
.balcony_slider_wrapeper{
    position: relative;
}
.balcony_slide_top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.bs_left{
    padding-top: 40px;
    max-width: 454px;
}
.bs_title{
    color: rgb(35, 35, 35);
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 1.94rem;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.bs_ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 32px;
}
.bs_ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 28px;
    color: rgb(0, 0, 0);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-align: center;
}
.bs_ul li img{
    height: 52px;
    width: auto;
}
.bs_left_bottom{
    color: rgb(0, 0, 0);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
}
.bs_left_bottom p{
    margin-bottom: 20px;
}
.bs_left_bottom ul{
    margin-left: 20px;
    list-style: square outside;
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.bs_left_bottom ul li::marker{
    color: #34B3EB;
}
.bs_left_bottom ul li + li{
    margin-top: 20px;
}
.bs_right{
    position: relative;
    width: 420px;
    padding-top: 7px;
}
.bs_right_img_container{
    width: 100%;
    height: 514px;
    position: relative;
}
.bs_right_img_container img{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.bs_right_price{
    color: rgb(35, 35, 35);
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 1.94rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.bs_right_description{
    margin-top: -28px;
}
.bs_right_desc{
    color: rgb(0, 0, 0);
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 1.06rem;
}
.balcony_slider_bottom{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
}
.balcony_slider{
    margin-bottom: 18px;
}
.bs_right_shiled_content{
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: uppercase;
    text-align: center;
    width: 136px;
    height: 136px;
    background: #34B3EB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.bs_right_shield{
    width: 188px;
    height: 188px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -152px;
    top: 40px;
    z-index: 2;
}
.bs_right_shield::after{
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0.13rem solid rgb(52, 179, 235);
    filter: drop-shadow(0rem 0.25rem 0.38rem rgb(47, 130, 255));
    position: absolute;
    left: 0;
    top: 0;
}
.arrows_container{
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    width: 100%;
    z-index: 3;
}
.arrows_container .wrapper{
    position: relative;
}
.miniform_section{
    background: url(./mini.jpg)center no-repeat;
    background-size: cover;
    padding: 33px 0;
    margin-bottom: 56px;
}
.miniform_section .wrapper{
    position: relative;
}
.mini_form_container{
    width: 550px;
}
.mini_form_img{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 48%;
}
.mini_form{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}
.mini_form input, .mini_form .main_btn{
    width: calc(50% - 8px);
    box-sizing: border-box;
    min-width: auto;
}
.mini_form_container .section_title{
    margin-bottom: 18px;
    color: rgb(255, 255, 255);
}
.mini_form_desc{
    color: rgb(189, 189, 189);
    font-size: 0.88rem;
    font-weight: 300;
    line-height: 1.06rem;
    margin-top: 15px;
}
.glazing_section{
    overflow: hidden;
    margin-bottom: 43px;
}
.glazing_section .section_title{
    color: #232323;
    margin-bottom: 0;
}
.glazing_item{
    width: 100%;
    height: 806px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.glazing_item.first{
    background: url(./gl11.jpg)center no-repeat;
    background-size: cover;
}
.glazing_item.last{
    background: url(./glzng.jpg)center no-repeat;
    background-size: cover;
}
.glazing_wrapper{
    background: url(./balcony.jpg)center no-repeat;
    background-size: cover;
    padding: 40px 0;
}
.glazing_number_container{
    position: absolute;
    left: 160px;
    top: 194px;
}
.glazing_number{
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: rgb(52, 179, 235);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 1.94rem;
    text-transform: uppercase;
    cursor: pointer;
}
.tab_round_block{
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 9px 17px;
    width: 369px;
    box-sizing: border-box;
    position: absolute;
    left: 47px;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.glazing_number_container:hover .tab_round_block{
    opacity: 1;
    visibility: visible;
}
.tab_round_title{
    display: block;
    height: 30px;
    padding-left: 46px;
    line-height: 24px;
    color: #232323;
    font-size: 20px;
    background-repeat: no-repeat;
    background-position: left top;
}
.tab_round_subtitle{
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #232323;
}
.tab_round_price{
    color: #232323;
    font-size: 25px;
    margin: 0 auto;
    width: auto;
    text-align: center;
}
.tab_round_price span{
    font-size: 25px;
    line-height: 31px;
    text-align: center;
    color: #34B3EB;
}
.warning_container{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}
.warning_container{
    padding: 24px 0;
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.ddd_grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ddd_item{
    width: 326px;
    height: 211px;
    background: url(./ddd.jpg)center no-repeat;
    background-size: cover;
}
.ddd_section{
    margin-bottom: 60px;
}
.cottage_form_section{
    background: url(./cottage_form.jpg)center no-repeat;
    background-size: cover;
}
.cottage_form_section .wrapper{
    position: relative;
    padding: 50px 0;
}
.mini_form_container ul{
    margin-left: 20px;
    list-style: square outside;
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    margin-bottom: 30px;
}
.mini_form_container ul li{
    color: rgb(255, 255, 255);
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5rem;
}
.mini_form_container ul li::marker{
    color: #E7346E;
}
.object_img{
    position: absolute;
    right: 0;
}
.overflow{
    overflow: hidden;
    padding-bottom: 100px;
}
.object_img{
    position: absolute;
    top: 0;
    right: -270px;
}
.akcia_section{
    margin-bottom: 70px;
}
.akcia_windows{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.akcia_window{
    width: 336px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: rgb(0, 0, 0);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.akcia_window h3{
    margin-bottom: 26px;
}
.akcia_window img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.akcia_window .main_btn{
    min-width: auto;
    background: #34B3EB;
    color: #FFF;
    width: 226px;
}
.window_shield{
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background: #E7346E;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}
.window_shield span:first-child{
    color: rgb(255, 255, 255);
    font-size: 3.13rem;
    font-weight: 700;
    line-height: 3.3rem;
    text-align: center;
    text-transform: uppercase;
}
.safety_grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 60px;
}
.safety_item{
    width: 336px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.safety_img{
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-bottom: 38px;
}
.safety_title{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.safety_txt{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    text-align: center;
}
.safety_section{
    margin-bottom: 60px;
}
.individual_container{
    max-width: 536px;
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.section_title.in span{
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 0rem;
    letter-spacing: 0%;
}
.colors{
    max-width: 100%;
    margin: 40px 0;
}
.h3{
    color: rgb(35, 35, 35);
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 1.94rem;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.individual_section{
    overflow: hidden;
}
.individual_section .wrapper{
    padding-bottom: 52px;
    position: relative;
}
.individual_img{
    position: absolute;
    bottom: 0;
    right: -115px;
}
.beauty_section{
    padding: 50px 0;
    background: url(./bg1.jpg)center no-repeat;
    background-size: cover;
    margin-bottom: 60px;
}
.beauty_container{
    width: 584px;
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.mini_form_grid{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mini_form_right{
    width: 431px;
}
.mini_form_img_wrapper{
    position: relative;
    width: 100%;
}
.mini_form_img_wrapper img{
    width: 100%;
    height: auto;
}
.mini_fomr_img_shield{
    position: absolute;
    border-radius: 50px;
    background: rgb(52, 179, 235);  
    color: rgb(255, 255, 255);
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 1.94rem;
    text-transform: uppercase;
    height: 52px;
    width: 228px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 64px;
    left: 50%;
    transform: translateX(-50%);
}
.ultraterm_section{
    padding-top: 39px;
    margin-bottom: 70px;
}
.ultraterm_content{
    max-width: 500px;
}
.ultrateerm_grid{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    list-style: none;
    gap: 60px;
}
.ultrateerm_grid li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    width: 83px;
}
.ultrateerm_grid li img{
    height: 80px;
}
.ultrateerm_grid li span{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-align: center;
}
.ultrateerm_grid{
    margin-top: 50px;
}
.ultraterm_section .mini_form_desc{
    margin-top: 46px;
}
.ultraterm_section .wrapper{
    position: relative;
}
.ultraterm_img{
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 100%;
}
.ultraterm_section .bs_right_shield{
    left: auto;
    right: 0;
    bottom: 0;
    top: auto;
    width: 250px;
    height: 250px;
}
.ultraterm_section .bs_right_shiled_content{
    width: 181px;
    height: 181px;
}
.windowsill_grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}
.windowsill_slider_wrapper{
    width: 560px;
    height: auto;
    flex-shrink: 0;
    overflow: hidden;
}
.windowsill_right{
    width: 100%;
}
.windowsill_title{
    color: rgb(35, 35, 35);
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 1.94rem;
    text-transform: uppercase;
    margin-bottom: 13px;
}
.windowsill_color{
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.windowsill_colors{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    row-gap: 20px;
    flex-wrap: wrap;
    max-width: 320px;
    margin-bottom: 20px;
}
.windowsill_txt{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.windowsill_section{
    padding-bottom: 115px;
}
.windowsill_slide{
    width: 100%;
}
.accessories_left{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    width: 550px;
}
.accessories_left p + p{
    margin-top: 20px;
}
.accessories_grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.accessories_mid{
    flex: 0 0 315px;
    height: 477px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background: url(./catimg.png)center no-repeat;
    top: -40px;
}
.accessories_mid .tab_round_block{
    width: 278px;
}
.aclogo{
    margin-top: 86px;
}
.ar_ul{
    list-style: square outside;
}
.ar_ul li{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.ar_ul li + li{
    margin-top: 20px;
}
.ar_ul li::marker{
    color: #34B3EB;
}
.ar_title{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: 20px;
}
.accessories_mid .glazing_number{
    font-family: Calibri;
}
.complect_grid{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.complect_txt{
    max-width: 348px;
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.complect_window_wrapper{
    width: 403px;
}
.complect_window{
    width: 100%;
    display: none;
}
.complect_window.active{
    display: block;
}
.complec_c{
    width: 70px;
    height: 70px;
    cursor: pointer;
}
.complect_choose{
    width: 303px;
}
.complect_choose_grid{
    width: 170px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}
.complect_choose_title{
    color: rgb(35, 35, 35);
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 1.94rem;
    text-transform: uppercase;
    margin-bottom: 23px;
}
.accessories_section{
    margin-bottom: 60px;
}
.complect_section{
    margin-bottom: 60px;
}
.components_tabs{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    margin-bottom: 30px;
}
.component_tab{
    padding: 0 25px;
    border-radius: 1.88rem;
    background: rgb(52, 179, 235);
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    height: 43px;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.component_tab:hover{
    color: #fff;
}
.systems_section .section_title{
    margin-bottom: 0;
}
.components_grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.component{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 336px;
}
.component_img{
    width: 100%;
    height: 330px;
    border-radius: 0.63rem;
    box-shadow: 0rem 0rem 1.88rem 0rem rgba(158, 158, 158, 0.5);
    margin-bottom: 16px;
}
.component_title{
    color: rgb(35, 35, 35);
    font-size: 1.56rem;
    font-weight: 700;
    line-height: 1.94rem;
    text-transform: uppercase;
    text-align: start;
    width: 100%;
    height: 62px;
    margin-bottom: 5px;
}
.component_txt{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.related_products_section{
    background: url(./related.jpg)center no-repeat;
    background-size: cover;
}
.related_products_section .wrapper{
    padding-top: 30px;
}
.anti{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 540px;
    gap: 20px;
}
.related_img{
    position: relative;
    width: 240px;
    flex-shrink: 0;
    height: 260px;
}
.related_img img{
    position: absolute;
    bottom: 0;
    right: 0;
}
.related_title{
    color: rgb(35, 35, 35);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 15px;
}
.related_txt{
    color: rgb(35, 35, 35);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
}
.related_grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.components_section{
    margin-bottom: 60px;
    margin-top: 60px;
}
.remont_img_container{
    position: absolute;
    height: 100%;
    bottom: 0;
    right: -82px;
}
.remont_img_container::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100vw;
    background: #fff;
}
.remont_mini{
    overflow: hidden;
}
.remont_img{
    height: 100%;
    position: relative;
    z-index: 2;
}
.remont_section{
    margin-top: 74px;
    margin-bottom: 50px;
}
.remont_section .section_title{
    color: #232323;
    margin-bottom: 25px;
}
.remont_section .wrapper{
    gap: 0;
}
.remont_grid{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 28px;
    row-gap: 70px;
    margin-top: 50px;
}
.remont_item{
    width: calc(100% / 3 - 28px * 2 / 3);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}
.remont_item_img{
    width: 89px;
    height: 89px;
    object-position: left;
    object-fit: contain;
}
.remont_item_title{
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #232323;
    margin-bottom: 2px;
    height: 40px;
}
.remont_callback{
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #232323;
    cursor: pointer;
}

/* modal */

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.modal__container {
  background-color: #34B3EB;
  padding: 30px;
  max-width: 500px;
  min-height: 300px;
  max-height: 100vh;
  border-radius: 20px;
  overflow-y: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.modal__container .section_title{
    color: #fff;
}
.modal__container .main_btn{
    background: #fff;
    color: #000;
}
.modal_close{
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/* modal */
.fasad_main{
    background: url(./fasad.jpg)center no-repeat;
    background-size: cover;
    margin-bottom: 40px;
}
.fasad_main .wrapper{
    padding-top: 50px;
    padding-bottom: 74px;
    gap: 0;
}
.fasad_main .section_title{
    color: #232323;
    margin-bottom: 46px;
}
.fasad_main_txt{
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #232323;
    max-width: 550px;
}
.fasad_grid{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 28px;
}
.fasad_item{
    width: calc(100% / 5 - 28px * 4 / 5);
    height: 235px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}
.fasad_title{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 56px;
    width: 100%;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    text-transform: uppercase;
    color: #232323;
}
.fasad_img{
    width: 100%;
    height: 115px;
    object-fit: contain;
}
.fasad_btn{
    width: 130px;
    height: 36px;
    background: #34B3EB;
    border-radius: 0px 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}
.fasad_glazing_item{
    display: flex;
    align-items: stretch;
    justify-content:flex-start;
    gap: 28px;
    width: 100%;
}
.fasad_glazing_img{
    width: 348px;
    height: 348px;
    object-fit: contain;
    flex-shrink: 0;
}
.fasad_glazing_content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
}
.fasad_categor_section{
    margin-bottom: 100px;
}
.fg_top{
    width: 100%;
}
.fg_title{
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #232323;
    margin-bottom: 30px;
}
.fg_txt{
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #232323;
}
.fg_bottom{
    width: 100%;
}
.fg_bottom ul{
    margin: 0;
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 28px;
}
.fg_bottom ul li{
    width: calc(100% / 4 - 28px * 3 / 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #535353;
}
.fg_bottom ul li img{
    width: 31px;
    height: 31px;
    object-fit: contain;
}
.fasad_glazing_item + .fasad_glazing_item{
    margin-top: 120px;
}
.fasad_glazing_section{
    margin-bottom: 75px;
}
.fasad_main_mobile_container{
    display: none;
}
.mobile_btn{
    display: none;
}
.fm_img{
    display: none;
}
.mobile_fasad_glazing_section{
    display: none;
}
.about_windows_section{
    background: url(./o_bg.jpg)center no-repeat;
    background-size: cover;
    margin-bottom: 95px;
}
.about_windows_section .wrapper{
    padding-top: 57px;
    padding-bottom: 93px;
    position: relative;
}
.about_windows_container .section_title{
    color: #fff;
    margin-bottom: 25px;
}
.about_windows_container{
    color: #fff;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    width: 694px;
}
.about_windows_container p + p{
    margin-top: 25px;
}
.about_windows_container ul{
    margin: 25px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 20px;
    list-style: none;
}
.about_windows_container ul li{
    width: 281px;
    position: relative;
    padding-left: 20px;
}
.about_windows_container ul li::before{
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0px;
    top: 50%;
    margin-top: -2px;
    background: #34B3EB;
}
.about_windows_img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    z-index: 1;
}
.shield_about_window{
    position: absolute;
    bottom: 0;
    right: -100px;
    width: 500px;
    z-index: 0;
}
.about_why_section{
    margin-bottom: 60px;
}
.about_why_section .section_title{
    margin-bottom: 0;
    color: #232323;
}
.ul_new{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
}
.ul_new li{
    width: calc(100% / 2 - 10px);
}
.ul_new li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_why_section ol{
    list-style: none;
}
.about_why_section ol>li{
    position: relative;
    padding-left: 30px;
}
.about_why_section ol>li + li{
    margin-top: 15px;
}
.about_why_section ol>li:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0px;
    top: 50%;
    margin-top: -2px;
    background: #34B3EB;
}
.ul_new li:nth-child(5n + 4), .ul_new li:nth-child(5n + 5){
    width: calc(100% / 4 - 20px * 3 / 4);
}
.about_serts_grid{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
}
.about_serts_grid img{
    width: calc(100% / 4 - 32px * 3 / 4);
}
.about_serts{
    margin-bottom: 60px;
}
.about_serts .section_title{
    color: #232323;
    margin-bottom: 37px;
}
.about_serts .wrapper{
    gap: 0;
}
.rehau_sert_section{
    background: url(./about_bgg.jpg)center no-repeat;
    background-size: cover;
}
.rehau_sert_section .wrapper{
    padding-top: 62px;
    padding-bottom: 92px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.rehau_mobile{
    position: absolute;
    bottom: 0;
    right: 304px;
    z-index: 2;
}
.rehau_sert_left{
    width: 487px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 48px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
}
.rehau_sert_section h2{
    color: #232323;
    margin-bottom: 0;
}
.rehau_qr{
    width: 334px;
    height: 334px;
    object-fit: contain;
    background: #fff;
    filter: drop-shadow(0px 0px 30px rgba(158, 158, 158, 0.5));
    border-radius: 39px;
}
.rehau_sert_section{
    margin-bottom: 60px;
}
.team_section .wrapper{
    gap: 0;
}
.team_section{
    margin-bottom: 60px;
}
.team_section .section_title{
    color: #232323;
}
.gallery_item:nth-child(1){
    width: 100%;
}
.gallery_item{
    position: relative;
}
.gallery_item_txt_block{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 20px 13px;
    background: rgba(23, 23, 23, 0.7);
    color: #fff;
}
.gallery_item_txt_block h3{
    margin-bottom: 20px;
}
.gallery_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rehau_sert_txt p + p{
    margin-top: 20px;
}
.big_left{
    width: 700px;
}
.default_txt_section ol, .default_txt_section ul{
    margin-left: 20px;
}
.default_txt_section li + li{
    margin-top: 20px;
}
.prices_tabs{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
    flex-wrap: wrap;
}
.pricecs_tab{
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    color: #BDBDBD;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    border: 1px solid #BDBDBD;
    border-radius: 30px;
    cursor: pointer;
}
.pricecs_tab.active{
    border-color: transparent;
    background: #34B3EB;
    color: #fff;
}
.prices_grid{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 28px;
}
.price_item{
    width: calc(100% / 4 - 28px * 3 / 4);
    height: 453px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.price_item_img_container{
    width: 100%;
    height: 254px;
    position: relative;
    margin-bottom: 10px;
}
.price_item_img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.price_ico{
    position: absolute;
    bottom: 31px;
    left: 0;
}
.price_item_top{
    width: 100%;
}
.price_item_title{
    font-size: 16px;
    color: #000000;
    text-align: center;
    width: 100%;
    height: 52px;
    font-weight: 700;
}
.price_item_txt{
    width: 100%;
    text-align: center;
}
.ceny-price__list{
    list-style: none!important;
    text-align: center;
}
.price_item_bottom{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 17px;
}
.price_item_btn{
    height: 43px;
    line-height: 39px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 30px;
    color: #BDBDBD;
    margin: 0 auto;
    padding: 0px 48px;
    background: #34B3EB;
    color: #FFFFFF;
    border: 1px solid #34B3EB;
    cursor: pointer;
}
.price_item_price{
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}
.prices_container_tab{
    display: none;
}
.prices_container_tab.active{
    display: block;
}
.description{
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #BDBDBD;
    margin-top: 40px;
}
.description p + p{
    margin-top: 5px;
}
.prices_section{
    margin-bottom: 70px;
}
.prices_exp_section{
    margin-bottom: 60px;
}
.prices_exp_section .wrapper{
    gap: 0;
}
.prices_exp_section .section_title{
    color: #232323;
}
.prices_exp_grid{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}
.prices_exp_item{
    width: calc(100% / 5 - 20px * 4 / 5);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0;
}
.prices_exp_item img{
    margin-bottom: 25px;
}
.prices_exp_title{
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #34B3EB;
    margin-bottom: 10px;
}
.prices_exp_txt{
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
.calculate_price_section{
    background: url(./calc.jpg)center no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 70px;
}
.calculate_price_section .wrapper{
    padding-top: 46px;
    padding-bottom: 38px;
    gap: 0;
    color: #fff;
    position: relative;
}
.calculate_price_section .section_title{
    color: #fff;
    margin-bottom: 40px;
}
.calculate_price_container{
    width: 680px;
}
.calculate_price_grid{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 70px;
    margin-bottom: 50px;
}
.calculate_price_item{
    width: calc(100% / 3 - 70px * 2 / 3);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
}
.calculate_price_img{
    width: 100%;
    margin-bottom: 10px;
}
.calcp_subtitle{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.calcp_txt{
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #FFFFFF;
}
.calcp_txt p + p{
    margin-top: 20px;
}
.calcp_img{
    position: absolute;
    bottom: 0;
    right: -320px;
}
.trust_section .wrapper{
    gap: 0;
}
.trust_section .section_title{
    color: rgb(35, 35, 35);
}
.trust_grid{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 28px;
}
.trust_item{
    width: calc(100% / 4 - 28px * 3 / 4);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}
.trust_section{
    margin-bottom: 40px;
}
.rsro_form{
    background: url(./form.png)center no-repeat;
    background-size: cover;
}
.formm_img{
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    right: -50px;
}
.conditions_section{
    background: url(./condition.png)center no-repeat;
    background-size: cover;
    margin-bottom: 80px;
}
.conditions_section .wrapper{
    padding-top: 90px;
    padding-bottom: 68px;
    gap: 0;
}
.conditions_section .section_title{
    margin-bottom: 40px;
    color: #232323;
}
.conditions_grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.condition_item{
    width: 536px;
    height: 339px;
    background: #fff;
    border-radius: 10px;
    padding-top: 35px;
    padding-right: 39px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 39px;
}
.condition_circle{
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background: #E7346E;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 10px rgba(231, 52, 110, 0.5);
    flex-shrink: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 20px;
    margin-left: -15px;
}
.condition_title{
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    color: #232323;
    margin-bottom: 10px;
}
.condition_txt p + p{
    margin-top: 10px;
}
.example_section .section_title{
    color: #232323;
}
.example_section .wrapper{
    gap: 0;
}
.example_grid{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 46px;
}
.example_item{
    width: calc(100% / 3 - 46px * 2 / 3);
    height: 660px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.example_item_top{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.example_img{
    width: 100%;
    height: 336px;
    object-fit: contain;
    margin-bottom: 20px;
}
.example_ee{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.example_e{
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}
.example_r{
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 700;
}
.example_g{
    font-weight: 700;
    margin-bottom: 19px;
    font-size: 16px;
}
.example_ee ul{
    margin-left: 20px;
    list-style-type: square;
}
.example_ee ul li::marker{
    color: #34B3EB;
}
.example_ee ul li{
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #232323;
}
.example_ee ul li + li{
    margin-top: 5px;
}
.example_btn{
    width: 159px;
    text-align: center;
    height: 43px;
    line-height: 43px;
    color: #fff;
    background: #34B3EB;
    border-radius: 30px;
    cursor: pointer;
    text-decoration: none;
    margin: 0px auto;
    font-size: 16px;
}
.example_section{
    margin-bottom: 100px;
}
.howtobuy_section{
    margin-bottom: 42px;
}
.howtobuy_section h2{
    color: #232323;
}
.howtobuy_section .wrapper{
    gap: 0;
}
.howtobuy_grid{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 46px;
}
.howtobuy_item{
    width: calc(100% / 3 - 46px * 2 / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.howtobuy_item_txt{
    width: 100%;
    text-align: center;
}
.howtobuy_title{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #232323;
    margin-bottom: 5px;
}
.howtobuy_img{
    margin-bottom: 39px;
}
.monthly_grid{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 69px;
}
.monthly_img{
    width: 439px;
    height: 446px;
    object-fit: contain;
    flex-shrink: 0;
}
.monhly_content{
    padding: 18px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.monhly_content ul{
    margin-left: 20px;
    list-style-type: square;
}
.monhly_content ul li::marker{
    color: #34B3EB;
}
.monhly_content ul li + li{
    margin-top: 20px;
}
.monhly_content .section_title{
    color: #232323;
    margin-bottom: 0;
}
.monthly_partners_grid{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 28px;
}
.monthly_partners_title{
    font-weight: 700;
    margin-bottom: 20px;
}
.monthly_bottom_container{
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    color: #989898;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
}
.monthly_section{
    margin-bottom: 100px;
}
.contacts_item{
    width: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(158, 158, 158, 0.5);
    padding: 23px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.contacts_col{
    width: calc(100% / 3 - 20px * 2 / 3);
    padding: 0 20px;
}
.contacts_col{

}
.contacts_section h1{
    color: #232323;
}
.contacts_section .wrapper{
    gap: 0;
}
.contacts_address{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #232323;
    margin-bottom: 13px;
}
.contacts_metro{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin-bottom: 10px;
}
.contacts_metro::before{
    content: '';
    width: 22px;
    height: 22px;
    background: url(./pointer.svg)center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}
.contacts_phone{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}
.contacts_phone::before{
    content: '';
    width: 22px;
    height: 22px;
    background: url(./phonen.svg)center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}
.contacts_phone a{
    color: inherit;
    text-decoration: none;
}
.contacts_shedule span{
    color: #34B3EB;
}
.contacts_shedule + .contacts_shedule{
    margin-top: 12px;
}
.contacts_item + .contacts_item{
    margin-top: 20px;
}
.contacts_phone + .contacts_phone{
    margin-top: 10px;
}
.map{
    width: 100%;
    height: 423px;
    margin-bottom: 60px;
}
.contacts_section{
    margin-bottom: 100px;
}
.contacts_otdel_section .wrapper{
    gap: 0;
}
.contacts_otdel_section{
    margin-bottom: 60px;
}
.otdel_item{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.otdel_item:last-child{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.otdel{
    width: 50%;
}
.tg_section{
    background: url(./roznica_bg.jpg)center no-repeat;
    background-size: cover;
    margin-bottom: 60px;
}
.tg_section .section_title{
    margin-bottom: 20px;
    font-size: 22px;
}
.tg_section .wrapper{
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff;
}
.tg_section ul li{
    list-style: disc inside;
    font-size: 22px;
}
.tg_grid{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tg_flex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.tg_last{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.tg_last span{
    color: #E6E9ED;
    text-shadow: 0px 4px 10px #34B3EB;
    font-size: 18px;
    z-index: 2;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.tg_btn{
    color: #FFF;
    font-size: 25px;
    border-radius: 10px;
    background: #E7346E;
    padding: 10px 20px;
    height: 70px;
    text-transform: uppercase;
}
.new_services_tabs{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.new_services_tab{
    width: 324px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    filter: grayscale(1);
    opacity: 0.5;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
.new_services_tab img{
    width: 120px;
    height: 120px;
}
.new_services_tab.active{
    filter: grayscale(0);
    opacity: 1;
}
.services_main_section{
    margin-bottom: 100px;
}

.new_service_tab_item{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.new_service_tab_item img{
    width: 324px;
    object-fit: scale-down;
    object-position: center top;
    flex-shrink: 0;
    height: 227px;
}
.new_service_tabs_content{
    margin: 50px 0;
}
.new_service_tab_item h3{
    text-transform: uppercase;
    margin-bottom: 5px;
}
.new_service_tab_item{
    display: none;
}
.new_service_tab_item.active{
    display: flex;
}
.new_partners_section{
    background: url(../design/stt_bg.jpg)center no-repeat;
    background-size: cover;
}
.new_partners_section .wrapper{
    padding-top: 90px;
    padding-bottom: 90px;
    gap: 0;
    position: relative;
}
.new_partners_section h2{
    font-size: 30px;
    margin-bottom: 30px;
}
.new_partners_txt{
    max-width: 536px;
}
.new_partners_phone{
    text-decoration: none;
    font-size: 25px;
    color: #000;
    font-weight: 700;
}
.new_partners_img{
    position: absolute;
    bottom: 0;
    right: -199px;
}
.new_services_tabs_section{
    margin-bottom: 100px;
}
.overflow_container{
    overflow: hidden;
}
@media screen and (max-width: 1200px) {
    .new_service{
        padding: 30px 20px;
    }
    #banner{
        position: relative;
        height: auto;
        padding-bottom: 50px;
    }
    #banner .wrapper{
        position: static;
    }
    #banner .decoration{
        display: block;
        position: absolute;
        z-index: 0;
        bottom: 0;
        right: -60px;
        height: auto;
        width: 30%;
        aspect-ratio: 2 / 1;
        border-radius: 300px 300px 0 0;
        background: #FFF;
        opacity: 0.6;
    }
    .cottage_form_section .wrapper{
        padding: 50px 20px;
    }
    .formm_img{
        max-width: 40%;
        right: 0;
    }
    .conditions_grid{
        gap: 20px;
        align-items: stretch;
    }
    .condition_item{
        height: auto;
        padding-bottom: 20px;
    }
    .monthly_partners_grid{
        flex-wrap: wrap;
        gap: 10px;
    }
}
@media screen and (max-width: 1165px) {
    .form_girl{
        width: 50%;
    }
}
@media screen and (max-width: 1270px) {
    .new_service_title{
        font-size: 1.2em;
        line-height: normal;
    }
    .gallery_item:nth-child(1) {
        width: 100%;
    }
}
.video_grid{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.video_item{
    width: 336px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    text-align: center;
}
.video_item video{
    width: 100%;
    height: 214px;
}
.video_section{
    margin-bottom: 70px;
}
.center_container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_btn{
    padding:0 20px;
    height: 40px;
    box-shadow: 0px 4px 10px #3088ae;
    border-radius: 30px;
    background: #34B3EB;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_btn:hover{
    color: #fff;
}
.about_advantages_section{
    background: url(./bg.png)center no-repeat;
    background-size: cover;
}
.about_advantages_section .wrapper{
    padding-top: 57px;
    padding-bottom: 104px;
    gap: 0;
}
.about_advantages_grid{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 29px;
}
.about_advantages_item{
    width: calc(100% / 2 - 29px / 2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #000000;
}
.abouta_img{
    width: 107px;
    height: 117px;
    object-fit: contain;
}
.abouta_title{
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 5px;
}
.about_advantages_bottom_grid{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 46px;
    margin-top: 87px;
}
.ababottom{
    width: calc(100% / 3 - 46px * 2 / 3);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    color: #000000;
}
.ababottom img{
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-bottom: 39px;
}
.ababottom_title{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 5px;
}
@media screen and (max-width: 1115px) {
    .shield_about_window{
        right: 0;
        width: 350px;
        height: auto;
    }
    .about_windows_img{
        width: 350px;
        height: auto;
        right: 0;
    }
}
@media screen and (max-width: 1025px) {
    .video_grid{
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px;
    }
    .about_windows_img{
        position: static;
        transform: none;
    }
    .shield_about_window{
        left: 0;
        right: auto;
        bottom: 0;
    }
    .about_windows_section .wrapper{
        padding-bottom: 20px;
        padding-top: 50px;
    }
    .calcp_img{
        display: none;
    }
}
@media screen and (max-width: 1058px) {
    .remont_img_container{
        max-width: 50%;
        right: -30%;
    }
    .fg_bottom ul li{
        width: calc(100% / 3 - 28px * 2 / 3);
    }
    .fg_bottom ul{
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .fasad_item{
        width: calc(100% / 3 - 28px * 2 / 3);
    }
    .fasad_grid{
        flex-wrap: wrap;
    }
    .rehau_mobile{
        display: none;
    }
}
@media screen and (max-width: 1036px) {
    .services_section{
        flex-wrap: wrap;
        gap: 20px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .new_service{
        width: calc(100% / 2 - 10px);
    }
    .bs_right_shield{
        left: 0;
    }
    .ddd_item{
        width: calc(100% / 3 - 10px);
    }
}
@media screen and (max-width: 1036px) {
    .choice_item{
        padding: 20px;
    }
}
@media screen and (max-width: 976px) {
    .confidence_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .confidence_txt_and_btn{
        max-width: 100%;
        width: 100%;
        order: 1;
    }
    .balcony_slider_bottom{
        margin-top: 40px;
    }
/*     .gallery_grid{
        gap: 10px;
    } */
    .system_window_shield{
        left: 0;
    }
    .systems_left{
        width: 60%;
    }
    .systems_right{
        width: 40%;
    }
    .system_window_img{
        width: 100%;
        height: auto;
    }
    .seo_grid li{
        width: calc(100% / 3 - 20px * 2 / 3);
    }
    .seo_grid{
        flex-wrap: wrap;
    }
    .form_grid{
        position: relative;
        z-index: 2;
    }
    .mini_form_img{
        max-width: 30%;
    }
    .glazing_item{
        background: none!important;
        height: auto;
    }
    .glazing_number_container{
        position: static;
        margin-bottom: 20px;
    }
    .glazing_number{
        display: none;
    }
    .tab_round_block{
        display: block;
        visibility: visible;
        opacity: 1;
        position: static;
        max-width: 100%;
        width: 100%;
    }
    .tab_round_title {
        text-align: center;
        padding-left: 0;
    }
    .gallery_grid{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
        flex-wrap: wrap;
    }
    .gallery_item{
        width: calc(100% / 3 - 20px * 2 / 3);
        height: auto!important;
        aspect-ratio: 1 / 1;
    }
    .object_img{
        max-width: 70%;
        right: -42%;
        bottom: 0;
        top: auto;
    }
    .individual_img{
        max-width: 47%;
    }
    .mini_form_grid{
        gap: 20px;
    }
    .components_grid{
        gap: 20px;
    }
    .component_img{
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .ultraterm_img{
        width: 50%;
    }
    .ultraterm_section .bs_right_shield{
        right: 40px;
    }
    .windowsill_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
    .windowsill_colors{
        width: 100%;
        max-width: 100%;
    }
    .related_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 50px;
    }
    .anti{
        align-items: center;
    }
    .related_img{
        width: 20%;
        height: auto;
    }
    .related_img img{
        width: 100%;
        position: static;
    }
    .related_products_section .wrapper{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .accessories_mid{
        top: 0;
    }
    .accessories_grid{
        gap: 30px;
    }
    .accessories_mid{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }
}
@media screen and (max-width: 620px) {
    section > * {
        width: 100%;
      }
      html, body {
        min-width: 100%;
      }
      body > * > * * {
        max-width: 100%;
      }
    .gallery_grid{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
        flex-wrap: wrap;
    }
    .gallery_item{
        width: calc(100% / 3 - 20px * 2 / 3);
        height: auto!important;
        aspect-ratio: 1 / 1;
    }
    .new_service{
        width: 100%;
    }
    .confidence_grid{
        gap: 50px;
    }
    .systems_right{
        margin-bottom: 30px;
    }
    .systems_slide{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .systems_right{
        width: 100%;
    }
    .system_window_img{
        width: 100%;
    }
    .system_window_shield{
        left: 0;
    }
    .systems_left{
        width: 100%;
    }
    .system_big_tab{
        flex-shrink: 0;
        padding: 10px;
        font-size: 1.2em;
        line-height: normal;
    }
    .systems_content{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .systems_small_tabs{
        margin-bottom: 10px;
    }
    .choice_grid{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 20px;
    }
    .choice_item{
        width: 100%;
    }
    .confidence_item{
        width: calc(50% - 15px / 2);
    }
    .confidence_flex{
        flex-wrap: wrap;
        gap: 15px;
    }
    .confidence_item_img{
        max-width: 80px;
    }
    .convenience_grid{
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 15px;
    }
    .convenience_item{
        width: calc(50% - 15px / 2);
        gap: 10px;
    }
    .gallery_grid{
        gap: 10px;
    }
    .gallery_item{
        width: calc(50% - 5px);
    }
    .seo_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .seo_grid li{
        width: 100%;
    }
    .form_girl{
        display: none;
    }
    .form_grid{
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .input{
        width: 100%;
    }
    .file_input_wrapper{
        width: 100%;
    }
    .form_grid .main_btn{
        width: 100%;
    }
    .letter_txt_and_btn{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    #banner .decoration{
        display: none;
    }
    .swiper-button-prev.prev, .swiper-button-next.next{
        top: -30px;
        display: none;
    }
    .swiper-button-prev.prev{
        left: 0;
    }
    .swiper-button-next.next{
        right: 0;
    }
    .balcony_tabs{
        overflow: auto;
    }
    .balcony_slide_top{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .bs_right_description{
        margin: 0;
    }
    .bs_right_img_container img{
        position: static;
    }
    .bs_right_img_container{
        height: auto;
    }
    .bs_left_bottom{
        margin-top: 20px;
    }
    .bs_ul{
        flex-wrap: wrap;
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }
    .bs_ul li{
        width: calc(50%);
    }
    .mini_form{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .mini_form_container{
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .mini_form input, .mini_form .main_btn{
        width: 100%;
    }
    .mini_form_img{
        position: static;
        width: 100%;
        transform: none;
        max-width: 100%;
        margin-bottom: 50px;
    }
    .mini_form_container .section_title{
        margin-bottom: 0;
    }
    .glazing_item{
        background: none!important;
        height: auto;
    }
    .glazing_number_container{
        position: static;
        margin-bottom: 20px;
    }
    .glazing_number{
        display: none;
    }
    .tab_round_block{
        display: block;
        visibility: visible;
        opacity: 1;
        position: static;
        max-width: 100%;
    }
    .tab_round_title {
        text-align: center;
        padding-left: 0;
    }
    .ddd_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .ddd_item{
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .akcia_windows{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .akcia_window{
        width: 100%;
    }
    .individual_img{
        position: static;
        width: 100%;
        margin-bottom: 50px;
    }
    .safety_grid{
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .safety_item{
        width: calc(50% - 10px);
    }
    .beauty_container{
        width: 100%;
    }
    .object_img{
        position: static;
        margin: 30px 0;
        width: 100%;
        max-width: 100%;
    }
    .mini_form_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .components_tabs{
        overflow: auto;
    }
    .component_tab{
        flex-shrink: 0;
    }
    .components_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 40px;
    }
    .component{
        width: 100%;
    }
    .component_title{
        height: auto;
        margin-bottom: 15px;
    }
    .ultraterm_img{
        position: static;
    }
    .windowsill_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .windowsill_colors{
        max-width: 100%;
    }
    .accessories_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 50px;
    }
    .complect_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 50px;
    }
    .complect_choose_grid{
        width: 100%;
    }
    .complect_txt{
        width: 100%;
    }
    .complect_window_wrapper{
        width: 100%;
    }
    .complect_choose{
        width: 100%;
    }
    .related_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 50px;
    }
    .anti{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
    .related_img{
        width: 100%;
        height: auto;
    }
    .related_img img{
        width: 100%;
        height: 200px;
        object-fit: contain;
        position: static;
    }
    .related_products_section .wrapper{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ultraterm_img{
        width: 100%;
    }
    .ultraterm_section .bs_right_shield{
        width: 200px;
        height: 200px;
    }
    .ultraterm_section .bs_right_shiled_content{
        width: 150px;
        height: 150px;
    }
    .ultraterm_section .bs_right_shield {
        right: 40px;
    }
    .mini_form_img_wrapper img{
        margin: 20px 0;
    }
    .ulatra_img_wrapper{
        width: 100%;
        position: relative;
    }
    .ulatra_img_wrapper{
        margin-bottom: 30px;
    }
    .windowsill_section .section_title{
        margin-bottom: 0;
    }
    .aclogo{
        margin-top: 20px;
    }
    .accessories_mid{
        width: 100%;
    }
    .accessories_mid .tab_round_block{
        width: 100%;
    }
    .accessories_mid{
        top: 0;
    }
    .accessories_mid{
        padding: 30px 0;
    }
    .ar_ul{
        margin-left: 20px;
    }
    .remont_img_container{
       position: static;
       max-width: 100%;
       height: auto;
    }
    .remont_img_container::after{
        display: none;
    }
    .remont_item{
        width: calc(100% / 2 - 15px / 2);
    }
    .remont_item_img{
        width: 50px;
        height: 50px;
        flex-shrink: 0;
    }
    .remont_item_title{
        height: auto;
        font-size: 12px;
    }
    .remont_grid{
        gap: 15px;
    }
    .fasad_main_txt{
        display: none;
    }
    .fasad_glazing_section{
        display: none;
    }
    .fasad_main_mobile_container{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 27px;
    }
    .fasad_m_item{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        color: #232323;
    }
    .fasad_m_item img{
        width: 32px;
        height: 32px;
        object-fit: contain;
    }
    .fasad_main .wrapper{
        padding-top: 0;
        padding-bottom: 0;
        background: none;
    }
    .fasad_main{
        background: none;
        position: relative;
    }
    .fm_img{
        position: absolute;
        bottom: 76px;
        right: 0;
        width: 133px;
        height: 246px;
    }
    .mobile_btn{
        width: 100%;
        height: 55px;
        border-radius: 30px;
        filter: drop-shadow(0px 5px 14px rgba(125, 125, 125, 0.45));
        background: #34b3eb;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        color: #FFFFFF;
        margin-top: 40px;
    }
    .fasad_grid{
        gap: 20px;
        flex-wrap: wrap;
    }
    .fasad_item{
        width: calc(100% / 2 - 10px);
    }
    .fg_header.ui-accordion-header{
        border: none;
        background: #34B3EB;
        color: #fff;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        color: #FFFFFF;
        padding: 15px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 29px;
        border-radius: 10px 0px;
        margin-bottom: 20px;
        gap: 20px;
    }
    .fg_header.ui-accordion-header svg{
        flex-shrink: 0;
    }
    .fq_accordion_container.ui-accordion-content{
        padding: 0;
        border: none;
        padding-bottom: 30px;
    }
    .fasad_glazing_item{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .fasad_glazing_img{
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .fg_bottom ul{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
    }
    .fg_bottom ul li{
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 22px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #000000;
    }
    .fg_bottom ul li br{
        display: none;
    }
    .fasad_main_mobile_container{
        display: flex;
    }
    .mobile_btn{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fm_img{
        display: block;
    }
    .mobile_fasad_glazing_section{
        display: block;
    }
    .rehau_sert_section .wrapper{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
    .about_advantages_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 40px;
    }
    .about_advantages_item{
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
        text-align: center;
    }
    .about_advantages_bottom_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 40px;
        margin-top: 40px;
    }
    .abouta_title{
        text-align: center;
    }
    .ababottom{
        width: 100%;
    }
    .ul_new li{
        width: 100%!important;
    }
    .about_serts_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
    .about_serts_grid img{
        width: 100%;
        height: auto;
    }
    .rehau_sert_left{
        gap: 30px;
    }
    .rehau_sert_section .wrapper{
        gap: 30px;
    }
    .shield_about_window{
        width: 100%;
    }
    .crosh ul{
        display: none;
    }
    .crosh{
        padding: 15px 0;
    }
    .prices_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 50px;
    }
    .price_item{
        width: 100%;
    }
    .prices_tabs{
        overflow: auto;
        flex-wrap: nowrap;
    }
    .pricecs_tab{
        flex-shrink: 0;
    }
    .prices_exp_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 50px;
    }
    .prices_exp_item{
        width: 100%;
    }
    .calculate_price_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 50px;
    }
    .calculate_price_item{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .calculate_price_img{
        width: 250px;
    }
    .trust_grid{
        gap: 20px;
        flex-wrap: wrap;
    }
    .trust_item{
        width: calc(50% - 10px);
    }
    .conditions_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .condition_item{
        padding: 20px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
    .condition_circle{
        margin: 0;
    }
    .example_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 50px;
    }
    .example_item{
        width: 100%;
    }
    .howtobuy_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 50px;
    }
    .howtobuy_item{
        width: 100%;
    }
    .monthly_grid{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .monthly_img{
        width: 100%;
        height: auto;
    }
    .formm_img{
        position: static;
        transform: none;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .tg_grid{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
    .contacts_col{
        width: 100%;
    }
    .contacts_item{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
    .tg_section ul li{
        list-style: disc outside;
    }
    .tg_section ul{
        margin-left: 20px;
    }
    .new_services_tab img{
        width: 70px;
        height: 70px;
    }
    .new_services_tab{
        gap: 20px;
        text-align: center;
    }
    .new_service_tab_item.active{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .new_service_tab_item img{
        width: 100%;
    }
    .new_partners_section .wrapper{
        padding-top: 30px;
        padding-bottom: 0;
    }
    .new_partners_img{
        position: static;
        width: 100%;
        object-fit: contain;
        margin-top: 40px;
    }
}