.hr {
    width: 100%;
    height: 1px;
    background-color: #ADADAD;
    margin-top: 46px;
    margin-bottom: 46px;
}

.title_center {
    text-align: center;
    color: #1D1D21;
    font-size: 44px;
    width: 80%;
    margin: 0 auto;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .title_center {
        width: 100%;
        font-size: 34px;
    }
}

@media (max-width: 750px) {
    .title_center {
        font-size: 24px;
    }
}

@media (max-width: 627px) {
    .title_center {
        font-size: 20px;
    }
}

/* UI */

.small_container {
    width: 1194px;
    max-width: 100%;
	margin: 0 auto;
}

@media (max-width: 1265px) {
    .small_container {
        padding:  0 25px;
    }
}

@media (max-width: 627px) {
    .small_container {
        padding:  0 12px;
    }
}

/* aluminum partitions */
.constructor_nav_items {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.constructor_nav_item {
    margin-top: 12px;
    padding: 10px 14px;
    border: 1px solid #7D7D7D;
    border-radius: 10px;
    margin-right: 11px;
    min-width: max-content;
}
.constructor_nav_item.active {
    background-color: #4E2321;
    border: 1px solid #4E2321;
    color: #fff;
}

.constructor_nav_item.active:hover::before {
    content: none;
}

@media (max-width: 627px) {
    .constructor_nav_item {
        font-size: 14px;
        padding: 10px 10px;
    }
}

/* CONSTRUCTOR */

.constructor_inner {
    display: flex;
}
.constructor_view {
    position: relative;
    width: 55%;
    height: 643px;
    border-radius: 10px;
    overflow: hidden;
}

.constructor_view_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
    z-index: 3;
}
.constructor_view_bg_screens {
    left: auto;
    right: 0;
    width: auto;
}
.constructor_view_backgroundbg {
    position: absolute;
    z-index: 1;
}
.constructor_view_backgroundbg_doors,
.constructor_view_backgroundbg_partitions {
    top: 50%;
    left: 62%;
    transform: translate(-50%, -50%);
}
.constructor_view_backgroundbg_wall-panels {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.constructor_view_svg {
    position: absolute;
    height: 100%;
    z-index: 2;
}
.constructor_view_svg_slats {
    left: 35px;
    top: 35px;
    width: 100%;
}
.constructor_view_svg_door_handle {
    position: absolute;
    left: 50%;
    top: 58%;
    height: 6%;
    z-index: 3;
}
.constructor_view_svg_partitions {
    left: 85px;
    top: 0;
    width: 907px;
}
.constructor_view_svg_doors {
    /* left: 50%; */
    left: 50.5%;
    /* top: 55%; */
    top: 54.4%;
    /* width: 1060px; */
    width: 808px;
    transform: translate(-50%, -50%);
}
.constructor_view_svg_doors2 {
    left: 88%;
}
.constructor_view_svg_wall-panels {
    left: 35px;
    top: 35px;
    height: 100%;
    width: 100%;
}
.constructor_view_svg_door {
    position: absolute;
    left: 50.16%;
    top: 58%;
    height: 55%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.constructor_view_svg_door_handle_slats {
    position: absolute;
    left: 53%;
    top: 58%;
    height: 6%;
    z-index: 3;
}
.constructor_view_container {
    position: absolute;
    top: 52%;
    left: 540px;
    width: 371px;
    height: 63%;
    transform: translate(-50%, -50%);

    display: flex;

    z-index: 4;
    color: #1D1D21;
}
.constructor_view_container_doors {
    top: 52%;
    left: 52%;
    /* width: 193px; */
    width: 150px;
    height: 68%;
    transform: translate(-50%, -50%);
}
.constructor_view_container_screen {
    top: 46px;
    left: auto;
    right: 249px;
    width: 169px;
    height: 444px;
    transform: none;
}
.constructor_view_block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

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

.constructor_view_door_partitions {
    margin-top: 14px;
    height: 100%;
    width: 34%;
    margin-right: -4px;
}

.constructor_view_container_partitions svg:nth-child(2) {
    opacity: 0;
    animation: openSlide .5s ease-in-out forwards;
    animation-delay: .2s;
}

@keyframes openSlide {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.constructor_view {
    background-color: #AEA38E;
}

.constructor_view_screens {
    background-color: #806f61;
}

/* COLORS */
.constructor_view_container.black {
    color: #1D1D21;
}
.constructor_view_container.white {
    color: #fff;
}
.constructor_view_container.chrom {
    color: #C1C1C1;
}
.constructor_view_block.along {
    width: 130%;
    left: -30%;
}

.constructor_view_info {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    margin-top: 30px;
    margin-right: 30px;
    cursor: pointer;
}
.constructor_view_info__content {
    background-color: #fff;
    border-radius: 15px;
    width: 340px;
    max-width: 340px;
    padding: 11px 15px;

    position: absolute;
    right: 40px;
    top: -10px;
    display: none;
    transition: .2s ease-in-out;
    opacity: 0;
}
.constructor_view_info.active .constructor_view_info__content {
    display: block;
    opacity: 1;
}
.constructor_view_info__content::after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 20px solid #fff;

    position: absolute;
    right: -17px;
    top: 13px;
}

.constructor_panel {
    padding-left: 20px;
    width: 45%;
    overflow: hidden;
}
.constructor_panel_title {
    color: #1D1D21;
    font-size: 28px;
    font-weight: 300;
    margin: 0;
}
.constructor_panel_prices {
    display: flex;
    justify-content: start;
    align-items: end;
    flex-wrap: wrap;

    margin-top: 20px;
}
.constructor_panel_price_value {
    min-width: max-content;
    font-weight: 300;
    font-size: 18px;
    margin-top: 10px;
    margin-right: 20px;
    color: #1D1D21;
}
.constructor_panel_price_value span {
    font-weight: 600;
    font-size: 24px;
    color: #1D1D21;
}
.constructor_panel_price_button {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-top: 10px;
    min-width: max-content;
    padding: 11px 32px;
    background-color: #8F1913;
    border-radius: 10px;
    transition: .2s linear;
    cursor: pointer;
}
.constructor_panel_price_button:hover {
    background-color: #660F0A;
    box-shadow: 2px 2px 6px 0 #00000040;
}
.constructor_panel_check_buttons {
    display: flex;
    flex-wrap: wrap;
}

.constructor_panel_check_title {
    margin-top: 12px;
    font-size: 28px;
    font-weight: 300;
    color: #1D1D21;

}

.margin-constructor-buttons {
    margin-top: 24px;
}
.margin-constructor-buttons-buffels {
    margin-top: 64px;
}
.margin-constructor-buttons-screens {
    margin-top: 24px;
}

.constructor_panel_check_button {
    margin-top: 12px;
    border: 1px solid #CDCDCD;
    padding: 6px 14px;
    font-weight: 300;
    font-size: 18px;
    border-radius: 10px;
    display: flex;
    margin-right: 12px;
    min-width: max-content;

    cursor: pointer;

    transition: .2s linear;
}
.constructor_panel_check_button:hover {
    box-shadow: 2px 2px 10px 0 #00000026;
    background-color: #fff;
    border: 1px solid #fff;
}
.constructor_panel_check_button.active {
    box-shadow: 2px 2px 10px 0 #00000026;
    background-color: #fff;
    border: 1px solid #fff;
}
.constructor_panel_doors_navigate {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.constructor_panel_doors_navigate_end {
    justify-content: end;
}
.constructor_panel_doors_title {
    color: #1D1D21;
    font-weight: 400;
    font-size: 22px;
}
.constructor_panel_doors_arrow {
    margin-left: 8px;
    padding: 10px;

    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;

    transition: .2s linear;
}
.constructor_panel_doors_arrow:hover {
    background-color: #fff;
}
.constructor_panel_doors_arrows {
    display: flex;
}
.constructor_panel_doors_arrows.control_arrows {
    display: none;
}

.constructor_panel_doors_arrows.control_arrows.visible {
    display: flex;
}
.constructor_panel_doors_slider_container {
    position: relative;
    overflow: auto;
    margin-top: 18px;
    width: 100%;
    height: 209px;
}


.constructor_panel_doors_slider_container::-webkit-scrollbar {
    display: none;
}
.constructor_panel_doors_slider {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    min-width: max-content;
    height: 100%;
}
.constructor_panel_doors_item {
    width: 132px;
    height: 200px;
    border-radius: 12px;
    margin-right: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;

    transition: .2s linear;
}
.constructor_panel_doors_item:hover {
    background-color: #FFFFFF;
    box-shadow: 2px 2px 10px 0 #00000026;
}

.constructor_panel_doors_item.active {
    background-color: #FFFFFF;
    box-shadow: 2px 2px 10px 0 #00000026;
}
.constructor_panel_doors_item_img {

    display: block;
    margin: 0 auto;
    margin-top: 22px;
    max-width: 40px;
}
.constructor_panel_doors_item_title {
    margin-top: 8px;
    text-align: center;
    color: #1D1D21;
    font-weight: 500;
    font-size: 18px;
}

.constructor_panel_colors_slider_container {
    display: none;
    position: relative;
    overflow: auto;
    margin-top: 10px;
    width: 100%;
    height: 215px;
}
.constructor_panel_colors_slider_container.constructor_planshet_nav {
    display: none;
}
.constructor_panel_colors_slider_container.visible {
    display: block;
}

.desktop_view.visible {
    display: none;
}

.constructor_panel_colors_slider_container::-webkit-scrollbar {
    width: 0;
}
.constructor_panel_colors_slider {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    min-width: max-content;
    height: 100%;
}
.constructor_panel_colors_item {
    width: 130px;
    height: 190px;
    border-radius: 12px;
    margin-right: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;

    transition: .2s linear;
}

.constructor_panel_colors_item.active {
    background-color: #FFFFFF;
    box-shadow: 2px 2px 10px 0 #00000026;
}

.constructor_panel_colors_item:hover {
    background-color: #FFFFFF;
    box-shadow: 2px 2px 10px 0 #00000026;
}
.constructor_panel_colors_item_block {
    width: 95px;
    height: 95px;
    border-radius: 12px;
    display: block;
    margin: 0 auto;
    border: 1px solid #BEBEBE;
    margin-top: 17px;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: cover;
}
.constructor_panel_colors_item_block.border-none {
    border: none;
}
.constructor_panel_colors_item_title {
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    width: 90%;
    margin-top: 10px;
}
.controls_container {
    display: none;
}

.controls_container.active {
    display: block;
}
.constructor_planshet_nav {
    display: none;
}
.constructor_planshet_nav.controls_container {
    display: none;
}

.constructor_planshet_nav.controls_container.active {
    display: none;
}
.desktop_view.visible {
    display: block;
}

.constructor_planshet_nav.visible {
    display: none;
}
@media (min-width: 1025px) and (max-width: 1485px) {
    .constructor_view_svg_wall-panels {
        /* width: auto; */
        width: 1010px;
    }
}
@media (max-width: 1485px) {
    .constructor_view_svg_partitions {
        left: 50%;
        transform: translate(-50%, 0);
    }
    .constructor_view_svg_wall-panels {
        left: 50%;
        transform: translate(-50%, 0);
    }
    .constructor_view_svg_door_handle {
        left: 43%;
    }
    .constructor_view_container_partitions {
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .constructor_view_backgroundbg_doors {
        left: 50%;
    }
    .constructor_view_backgroundbg_partitions {
        left: 50%;
    }
    .margin-constructor-buttons-buffels {
        margin-top: 70px;
    }
    .constructor_view_svg_slats {
        left: 50%;
        transform: translate(-50%, 0);
    }
}
@media (max-width: 1024px) {
    .constructor_planshet_nav {
        display: flex;
    }
    .constructor_planshet_nav.controls_container {
        display: none;
    }
    
    .constructor_planshet_nav.controls_container.active {
        display: block;
    }
    .desktop_view {
        display: none;
    }
    .desktop_view.visible {
        display: none;
    }
    .constructor_aluminum_colors.desktop_view.visible {
        display: none;
    }
    .constructor_view {
        height: 454px;
    }
    .constructor_view_svg_door {
        width: 100px;
    }
    .constructor_panel_title {
        font-size: 22px;
    }
    .constructor_planshet_nav.visible {
        display: block;
    }

    .constructor_view_svg {
        width: 756px;
    }
    .constructor_view_svg_doors {
        width: 572px;
    }
    .constructor_view_svg_doors2 {
        left: 120%;
    }
    .constructor_view_container {
        width: 135px;
    }
    .constructor_view_container_doors {
        width: 105px;
    }
    .constructor_view_container_partitions {
        width: 312px;
    }
    .constructor_view_container_screen { 
        top: 34px;
        right: 76px;
        width: 119px;
        height: 313px;
    }
    .margin-constructor-buttons {
        margin-top: 165px;
    }
    .margin-constructor-buttons-buffels {
        margin-top: 50px;
    }
    .margin-constructor-buttons-screens {
        margin-top: 165px;
    }
    .constructor_view_bg {
        left: -10%;
        width: 110%;
    }
    .constructor_view_bg_screens {
        left: auto;
        right: -100px;
        width: auto;
    }
}

@media (max-width: 832px) {
    .margin-constructor-buttons {
        margin-top: 75px;
    }
    .margin-constructor-buttons-buffels {
        margin-top: 75px;
    }
    .margin-constructor-buttons-screens {
        margin-top: 75px;
    }
    .constructor_view_info__content {
        width: auto;
    }
}

@media (max-width: 750px) {
    .constructor_panel_prices {
        flex-wrap: wrap;
        width: 100%;
    }
    .constructor_panel_price_value {
        width: 100%;
        font: 18px sans-serif;
    }
    .constructor_panel_check_button {
        font-size: 18px;
    }
    .constructor_panel_price_button {
        margin-top: 15px;
        font-size: 20px;
        width: 100%;
        text-align: center;
    }
    .constructor_panel_check_title {
        font-size: 20px;
    }
    .constructor_view_container {
        width: 100px;
    }
    .constructor_view_container_doors {
        width: 105px;
    }
    .constructor_view_container_partitions {
        width: 238px;
    }
    .constructor_view_container_screen { 
        width: 119px;
    }
    .constructor_view_svg {
        width: 566px;
    }
    .constructor_view_svg_doors {
        /* width: 756px; */
        width: 572px;
    }
    
    .constructor_panel_title {
        font-size: 16px;
    }
    .constructor_panel {
        width: 38%;
        padding-left: 18px;
       
    }
    .constructor_view {
        width: 62%;
       
    }
    .margin-constructor-buttons {
        margin-top: 50px;
    }
    .margin-constructor-buttons-buffels {
        margin-top: 50px;
    }
    .margin-constructor-buttons-screens {
        margin-top: 50px;
    }
    .constructor_view_backgroundbg_doors {
        width: 90%;
    }
    .constructor_view_backgroundbg_partitions {
        width: 90%;
    }
}


@media (max-width: 627px) {
    .constructor_inner {
        flex-wrap: wrap;
    }
    .constructor_view_bg {
        left: 0%;
        width: 100%;
        top: -22px;
        height: 352px;
    }
    .constructor_view_bg_screens {
        left: auto;
        right: 0;
        height: 100%;
        width: auto;
        top: auto;
    }
    .constructor_view {
        width: 100%;
        height: 320px;
    }
    .constructor_view_svg_door {
        width: 80px;
    }
    .constructor_view_svg_door_handle_slats {
        left: 53%;
    }
    .constructor_view_svg_slats {
        top: 0;
    }
    .constructor_panel {
        width: 100%;
        padding-left: 0;
    }

    .constructor_panel_title {
        margin-top: 8px;
        font-size: 20px;
    }
    .constructor_view_backgroundbg_doors {
        width: auto;
        height: 244px;
    }
    .constructor_view_backgroundbg_partitions {
        width: auto;
        height: 244px;
    }
    .margin-constructor-buttons {
        margin-top: 24px;
    }
    .margin-constructor-buttons-buffels {
        margin-top: 24px;
    }
    .margin-constructor-buttons-screens {
        margin-top: 24px;
    }
    .constructor_panel_prices {
        margin-top: 0;
        display: flex;
        align-items: end;
        justify-content: start;
        width: 100%;
    }
    .constructor_panel_price_value {
        width: max-content;
    }
    .constructor_panel_price_button {
        font-size: 14px;
        width: max-content;
    }
    .constructor_panel_check_title {
        font-size: 16px;
    }
    .constructor_panel_doors_item {
        width: 110px;
        height: 150px;
    }
    .constructor_view_svg_door_handle {
        left: 46%;
    }
    .constructor_panel_doors_item_img {
        height: 50%;
    }
    .constructor_panel_doors_item_title {
        font-size: 14px;
    }
    .constructor_view_svg_doors {
        width: 414px;
        height: 335px;
        left: 50.2%;
    }
    .constructor_view_svg_doors2 {
        left: 85%;
    }
    .constructor_view_container_doors {
        width: 75px;
        left: 51.5%;
        height: 72%;
    }
    .constructor_view_container_screen { 
        right: 124px;
        width: 84px;
        height: 221px;
        top: 23px;
        left: auto;
    }
}
@media (max-width: 360px) {
    .constructor_view_container {
        width: 185px;
    }
    .constructor_view_container_screen {
        width: 84px;
    }
    .constructor_view_svg_partitions {
        width: 430px;
    }
    .constructor_view_svg_doors {
        width: 414px;
        height: 340px;
        left: 50%;
    }
    .constructor_view_svg_doors2 {
        left: 120%;
    }
    .constructor_view_svg_wall-panels {
        width: 430px;
    }
    .constructor_view_container_doors {
        width: 75px;
        left: 52.5%;
    }
    .constructor_view_svg_door_handle {
        left: 44%;
    }
}


/* advantages partitions */

.advantages_partitions_inner {
    margin-top: 82px;
    display: flex;
    justify-content: space-between;
}
.advantages_partitions_about {
    width: 49%;
}
.advantages_partitions_text {
    font-size: 22px;
    font-weight: 400;
    color: #000;
}
.advantages_partitions_step {
    margin-top: 66px;
    display: flex;
    justify-content: start;
    width: 100%;
}

.advantages_partitions_step:nth-child(2n) {
    justify-content: end;
}

.advantages_partitions_step_container {
    display: flex;
    width: 42%;
    
}

.advantages_partitions_step_number {
    margin-right: 6px;
    font-size: 32px;
    font-weight: 200;
}
.advantages_partitions_step_inner {
    border-left: 2px solid #8F191380;
    
    padding-left: 6px;
}
.advantages_partitions_step_title {
    font-weight: 500;
    font-size: 18px;
}
.advantages_partitions_step_text {
    margin-top: 6px;
    font-weight: 300;
    font-size: 16px;
}

.advantages_partitions_img_container {
    position: relative;
    width: 49%;
    height: 1052px;
    overflow: hidden;
    border-radius: 200px 200px 0 0;
}

.advantages_partitions_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    height: 100%;
    width: auto;
}

@media (max-width: 1440px) {
    .advantages_partitions_title {
        width: 100%;
    }
    .advantages_partitions_step_container {
        width: 70%;
    }

    .advantages_partitions_img_container {
        width: 60%;
    }

    .advantages_partitions_img { 
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
    .advantages_partitions_img_buffels { 
        left: -100%;
    }
    .advantages_partitions_about {
        width: 39%;
    }
}

@media (max-width: 1024px) {
    .advantages_partitions_step:nth-child(2n) {
        justify-content: start;
    }
    .advantages_partitions_step_container {
        width: 100%;
    }
    .advantages_partitions_img { 
      
        left: -40%;
       
    }
    .advantages_partitions_inner {
        margin-top: 42px;
    }
    .advantages_partitions_text {
        font-size: 16px;
    }
    .advantages_partitions_img_container {
        border-radius: 100px 100px 0 0;
    }
}

@media (max-width: 750px) {
    .advantages_partitions_inner {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    .advantages_partitions_img_container {
        margin-top: 18px;
        width: 100%;
        height: 395px;
        
    }

    .advantages_partitions_img { 
        
        width: 100%;
        left: 0;
        object-fit: cover;
    }


    .advantages_partitions_about {
        width: 100%;
    }

   .advantages_partitions_steps {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

   }

    .advantages_partitions_step {
        width: 49%;
    }
}

.mobile_visible {
    display: none;
}
@media (max-width: 627px) {
    .mobile_hide {
        display: none;
    }
    .mobile_visible {
        display: block;
    }
    .advantages_partitions_text {
        font-size: 14px;
    }
    .advantages_partitions_step {
        width: 100%;
    }

    .advantages_partitions_img_container {
        margin-top: 12px;
        border-radius: 50px 50px 0 0;
    }

    .advantages_partitions_img { 
        width: 150%;
  
    }

    .advantages_partitions_step_text {
        font-size: 14px;
    }

    .advantages_partitions_step_title {
        font-size: 16px;
    }

    .advantages_partitions_step {
        margin-top: 22px;
    }

    .advantages_partitions_inner {
        margin-top: 18px;
    }
   
}

/* aluminum slider */

.aluminum_slider_title {
    margin-top: 82px;
}
.aluminum_slider_inner {
    margin: 0 auto;
    margin-top: 82px;
    position: relative;
    height: 800px;
    width: 80%;
    border-radius: 30px;
    overflow: hidden;
}
.aluminum_slider_slides {
    position: absolute;
    height: 800px;
    top: 0;
    left: 0;

    /* width: 1200%; */
    display: flex;

    transition: .4s ease-in-out;
}

.aluminum_slider_content {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;

    animation: animToBlock .5s linear;
}
@media (min-width: 751px) {
    .aluminum_slider_content:not(.active) {
        display: none;
    }
}
.aluminum_slider_img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.aluminum_slider_description {
    padding-left: 6px;
    border-left: 2px solid #fff;
    position: absolute;
}
.aluminum_slider_description_title {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}
.aluminum_slider_text {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 400;

    color: #fff;
}
.aluminum_slider_left_arrow {
    position: absolute;
    top: 50%;
    left: 42px;
    transform: translate(0, -50%);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 20px;

    height: 160px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;

    transition: .2s linear;

    cursor: pointer;
}
.aluminum_slider_left_arrow:hover {
    background-color: rgba(255, 255, 255, 0.8);
}
.aluminum_slider_left_arrow svg path {
    transition: .2s linear;
}
.aluminum_slider_left_arrow:hover svg path {
    fill: #000;
}
.aluminum_slider_right_arrow {
    position: absolute;
    top: 50%;
    right: 42px;
    transform: translate(0, -50%);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 20px;

    height: 160px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;

    transition: .2s linear;

    cursor: pointer;
}

.aluminum_slider_right_arrow:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.aluminum_slider_right_arrow svg path {
    transition: .2s linear;
}
.aluminum_slider_right_arrow:hover svg path {
    fill: #000;
}

@media (max-width: 1440px) {
    .aluminum_slider_inner {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .aluminum_slider_inner {
        height: 518px;
        margin-top: 42px;
    }
    .aluminum_slider_slides {
        height: 518px;
    }
    .aluminum_slider_description_title {
        font-size: 22px;
    }
    .aluminum_slider_text {
        font-size: 14px;
     
    }
    .aluminum_slider_content:nth-child(n) .aluminum_slider_description {
        top: 75px;
        left: 150px;
        height: max-content;
    }
}


@media (max-width: 750px) {
    .aluminum_slider_inner {
        height: 464px;
    }
    .aluminum_slider_slides {
        height: 464px;
        width: 100%;
        overflow: auto;
    }

    .aluminum_slider_left_arrow {
        display: none;
    }

    .aluminum_slider_right_arrow {
        display: none;
    }
    .aluminum_slider_title {
        margin-top: 42px;
    }

    .aluminum_slider_img {
        border-radius: 20px;
    }

    .aluminum_slider_description_title {
        font-size: 16px;
        color: #000
    }

    .aluminum_slider_text {
        font-size: 14px;
        color: #000
    }
    .aluminum_slider_content:nth-child(n) .aluminum_slider_description {
        position: static;
        
        width: 100%;
        height: max-content;
        border-left: 2px solid #000;
    }
  
    .aluminum_slider_content {
        min-width: 90%;
        margin-right: 12px;
  
    }
    .aluminum_slider_img {
        width: 100%;
        height: auto;
    }

    .aluminum_slider_inner {
        border-radius: 0;
        margin-top: 18px;
    }
}

@media (max-width: 360px) {
    .aluminum_slider_inner {
        height: 303px;
    }
    .aluminum_slider_slides {
        height: 303px;
        width: 100%;
        overflow: auto;
    }
    .aluminum_slider_description_title {
        font-size: 16px;
        color: #000
    }

    .aluminum_slider_text {
        font-size: 14px;
        color: #000
    }
    .aluminum_slider_content:nth-child(n) .aluminum_slider_description {
        left: 0;
        top: 52%;
        width: 100%;
        height: max-content;
        border-left: 2px solid #000;
    }
}

/* OPEN TYPES */

.open_types {
    margin-top: 120px;
}
.open_types_title {
    font-weight: 600;
    font-size: 44px;
    color: #1D1D21;
}
.open_types_subtitle {
    margin-top: 45px;
    font-weight: 300;
    font-size: 44px;
    color: #1D1D21;
}
.open_types_ul {
    margin-top: 23px;
}
.open_types_li {
    font-size: 22px;
    font-weight: 300;
    color: #1D1D21;
}
.open_types_inner {
    display: flex;
    justify-content: space-between;
}
.open_types_systems {
    margin-top: 20px;
    width: 42%;
}
.open_types_system {
    width: min-content;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #B9B9B9;
    padding: 24px 12px;
    width: 100%;
}

.open_types_system svg {
    width: 100%;
}

.open_types_system svg .moving {

    transform: translateX(0px);
    transition: .4s ease-in-out;
}

.open_types_system:nth-child(1):hover svg  .moving {
    transform: translateX(-135px);
}
.open_types_system:nth-child(2):hover svg  .moving {
    transform: translateX(-125px);
}
.open_types_system:nth-child(3):hover svg  .moving {
    transform: translateX(-100px);
}

.open_types_system svg  .moving_right {
    transform: translateX(0);
    transition: .4s ease-in-out;
}

.open_types_system:hover svg  .moving_right {
    transform: translateX(100px);
}

.open_types_system_title {
    margin-top: 32px;
    font-size: 18px;
    font-weight: 300;
    color: #1D1D21;
}
.open_types_view {
    width: 57%;
    display: flex;
    justify-content: space-between;
}

.open_types_view_img {
    width: 60%;
    border-radius: 30px;
    transition: .5s linear;
}

.open_types_view_text {
    width: 39%;
    font-size: 22px;
    font-weight: 300;
}

.open_types_view_text b {
    font-weight: 700;
}

.open_types_system:nth-child(1) svg .moving2 {
    transform: translate(167px, 80px);
    transition: .4s ease-in-out;
}

.open_types_system:nth-child(1) svg .moving2_path {
    transform: translateX(-100px);
    transition: .4s ease-in-out;
}

.open_types_system:nth-child(1):hover svg .moving2 {
    transform: translate(25px, 80px);
    transition: .4s ease-in-out;
}

.open_types_system:nth-child(1):hover svg .moving2_path {
    transform: translateX(-235px);
    transition: .4s ease-in-out;
}


.open_types_system:nth-child(2) svg .moving2 {
    transform: translate(167px, 80px);
    transition: .4s ease-in-out;
}
.open_types_system:nth-child(2):hover svg .moving2 {
    transform: translate(30px, 80px);
    transition: .4s ease-in-out;
}

.open_types_system:nth-child(2) svg .moving2_path {
    transform: translateX(0px);
    transition: .4s ease-in-out;
}
.open_types_system:nth-child(2):hover svg .moving2_path {
    transform: translateX(-140px);
    transition: .4s ease-in-out;
}

.open_types_system:nth-child(2) svg .moving_right2 {
    transform: translate(357px, 80px);
    transition: .4s ease-in-out;
}
.open_types_system:nth-child(2):hover svg .moving_right2 {
    transform: translate(494px, 80px);
    transition: .4s ease-in-out;
}

.open_types_system:nth-child(2) svg .moving_right2_path {
    transform: translateX(0px);
    transition: .4s ease-in-out;
}
.open_types_system:nth-child(2):hover svg .moving_right2_path {
    transform: translateX(137px);
    transition: .4s ease-in-out;
}

@media (max-width: 1440px) {
    .open_types_view {
        flex-wrap: wrap;
        width: 47%;
        flex-direction: column-reverse;
        align-items: end;
        margin-top: -130px;
    }
    .open_types_systems {
        width: 47%;
        margin-top: 122px;
    }
    .open_types_inner {
        width: 100%;
    }

    .open_types_view_img {
        width: 100%;
        margin-top: 60px;
    } 
    .open_types_view_text {
        width: 80%;
        text-align: left;
    }
}


@media (max-width: 1024px) {
    .open_types_ul {
        width: 50%;
    }
    .open_types_li {
        font-size: 15px;
    }
    .open_types_title {
        font-size: 34px;
    }
    .open_types_subtitle {
        font-size: 34px;
    }
    .open_types_view_text {
        font-size: 16px;
        width: 100%;
    }
    .open_types_view {
        margin-top: 0;
        align-items: start;
        justify-content: start;
    }
    .open_types_view_img {
        margin-top: 20px;
    }
    .open_types_systems {
        margin-top: 49px;
    }
}

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

.open_types_system_container_title svg {
    display: none;
}

@media (max-width: 627px) {
    .open_types_system_container_title svg {
        display: block;
        max-width: min-content;
    }
    .open_types_inner {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .open_types_systems {
        margin-top: 10px;
        width: 100%;
    }

    .open_types_system {
        padding: 10px 20px;
        border: none;
        box-shadow: 2px 2px 10px 0 #00000026;
    }

    .open_types_system_title {
        margin-top: 5px;
        font-size: 12px;
        min-width: max-content;
    }
    .open_types_view {
        width: 100%;
    }
    .open_types_ul {
        margin-top: 12px;
        margin-bottom: 0;
        width: 100%;
        
    }
    .open_types_ul li {
        font-size: 14px;
    }
    .open_types_view_text {
        margin-top: 22px;
        width: 100%;
        font-size: 14px;
        
    }
    .open_types_view_img {
        margin-top: 12px;
    }
    .open_types_view {
        margin-top: 0;
    }
    .open_types_title {
        font-size: 20px;
        width: 100%;
    }
    .open_types_subtitle {
        margin-top: 22px;
        font-size: 20px;
    }
    .open_types {
        margin-top: 32px;
    }
}


/* glazing types */

.glazing_types {
    margin-top: 120px;
}
.glazing_types_items {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.glazing_type_item {
   margin-top: 37px;
   height: 204px;
   width: 194px;
   padding: 4px;
   margin-right: 25px;
   border: 0.5px solid #a9a9a97e;
   border-radius: 4px;
}
.glazing_types_item_img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 3px;
}
.glazing_types_item_title {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
}
@media (max-width: 627px) {
    .glazing_types {
        margin-top: 42px;
    }
    .glazing_types_items {
        margin-top: 12px;
        flex-wrap: nowrap;
        justify-content: left;
        width: 100%;
        height: 232px;
        overflow-x: auto;
    }
    .glazing_type_item {
        margin-top: 0;
        height: 222px;
        min-width: 249px;
        
     }
    .glazing_types_item_img { 
        width: 100%;
    }

}


/* MECHANIZM */
.mechanizm {
    position: relative;
    margin-top: 120px;
    padding-bottom: 170px;
    background: url('../img/bg/1.png');
    background-size:60%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

@media (min-width: 2176px) {
    .mechanizm {
        background: url('../img/bg/1.png');
        background-size:50%;
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }
}
.mechanizm::before {
    content: '';
    position: absolute;
    
    bottom: 0;
    left: 0;
    width: 100%;
    height: 23px;
    background-color: #CACBC6;
    z-index: -1;
}

.mechanizm_inner {
    width: 50%;
}
.mechanizm_text {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 500;
    color: #1D1D21;
}
.mechanizm_text p {
    margin-top: 22px;
}
.mechanizm_data_items {
    margin-top: 170px;
    margin-left: 154px;
    font-size: 22px;
    font-weight: 300;
    color: #1D1D21;
}
.mechanizm_data_items b {
    font-weight: 500;

}
@media (max-width: 1440px) {
    .mechanizm_data_items {
        margin-left: 0;
        margin-top: 160px;
    }
    .mechanizm {
        background-size: 65%;
    }
    .mechanizm_inner {
        width: 65%;
    }
}

@media (max-width: 1270px) {
    .mechanizm_data_items {
        margin-top: 50px;
    }
}

@media (max-width: 1024px) {
    .mechanizm_data_items {

        margin-top: 96px;
    }
    .mechanizm_text {
        font-size: 16px;
    }
    .mechanizm_data_items {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    .mechanizm_data_items {
        margin-top: 96px;
    }
    .mechanizm_text {
        font-size: 16px;
    }
    .mechanizm_data_items {
        font-size: 16px;
    }
}

@media (max-width: 750px) {
    .mechanizm {
        padding-bottom: 110px;
    }
    .mechanizm_inner {
        width: 100%;
    }
    .mechanizm_text {
        font-size: 14px;
    }
    .mechanizm_data_items {
        margin-top: 60px;
        font-size: 14px;
    }
    .mechanizm {
        margin-top: 45px;
        background-size: 50%;
        background-position: 100% 100%;
        height: min-content;
    }
    .mechanizm::before {
        top: 95%;
    }
}
@media (max-width: 360px) {
    .mechanizm {
        padding-bottom: 0px;
    }
    .mechanizm_inner {
        width: 100%;
    }
    .mechanizm_text {
        font-size: 14px;
    }
    .mechanizm_data_items {
        margin-top: 220px;
        margin-bottom: 50px;
        font-size: 14px;
    }
    .mechanizm {
        margin-top: 45px;
        background-size: 100%;
        background-position: 0 62%;
        height: min-content;
    }
    .mechanizm::before {
        top: 74%;
    }
}

/* questions */

.questions {
    padding-top: 120px;
    background-color: #E6E6E6;
}
.questions_inner {
    display: flex;
    justify-content: space-between;
}
.questions_description {
    width: 37%;
}
.questions_description_title {
    font-size: 44px;
    font-weight: 600;
    color: #1D1D21;
}
.questions_description_text {
    margin-top: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #59595C;
}
.questions_description_contacts {
    display: flex;
    justify-content: space-between;
    margin-top: 62px;
}
.questions_description_contact {
    width: 40%;
}
.questions_description_contact_title {
    font-size: 14px;
    font-weight: 400;
    color: #59595C;
}
.questions_description_contact_value {
    font-size: 18px;
    font-weight: 500;
    color: #1D1D21;
}
.messengers {
    margin-top: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.messenger {
    width: 18%;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;

    transition: .2s linear;
}
.messenger:hover {
    background-color: #fff;
}

.messenger svg .filling {
    fill: #898989;
    transition: .2s linear;
}
.messenger:hover svg .filling {
    fill: #505050;
}
.messenger svg .stroking {
    stroke: #898989;
    transition: .2s linear;
}
.messenger:hover svg .stroking {
    stroke: #505050;
}
.questions_form {
    width: 45%;
    padding: 32px 22px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 4px 4px 12px 0 #0000001A;
   
}
.questions_form_input {
    margin-bottom: 18px;
    outline: none;
    border: 1px solid #CDCDCD;
    background-color: #E8E8E8;
    border-radius: 10px;
    width: 100%;
    padding: 21px 17px;
}
.questions_form_input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #59595C;
}
.questions_form_check {
    display: flex;
    width: 100%;
}
.questions_form_check_text {
    margin-left: 18px;
    display: flex;
    width: 100%;

    font-size: 16px;
    font-weight: 400;
    color: #59595C;
}

.questions_form_check_text a {
    text-decoration: underline;
}
.questions_form_button {
    text-align: center;
    width: max-content;
    margin: 0 auto;
    margin-top: 82px;
    background-color: #8F1913;
    border-radius: 10px;
    padding: 15px 35px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;

    transition: .2s linear;
}
.questions_form_button:hover {
    background-color: #660F0A;
    box-shadow: 2px 2px 6px 0 #00000040;
}

@media (max-width: 1024px) {
    .questions_description {
        width: 39%;
    }
    .questions_form {
        width: 59%;
    }
    .questions_description_title {
        font-size: 34px;
    }
    .questions_description_contact {
        width: 49%;
    }
}

@media (max-width: 750px) {
    .questions {
        padding-top: 40px;
    }
    .questions_inner {
        flex-wrap: wrap;
        justify-content: center;
    }
    .questions_description {
        width: 100%;
    }
    .questions_form {
        margin-top: 12px;
        width: 100%;
    }
    .questions_form_button {
        font-size: 20px;
        padding: 8px;
        width: 100%;
        margin-top: 38px;
    }
    .questions_form_check_text {
        font-size: 12px;
        flex-wrap: wrap;
        margin-left: 15px;
    }
    .questions_form_input {
        padding: 12px 17px;
    }
    .questions_description_title {
        font-size: 20px;
    }
    .questions_description_contact_title {
        font-size: 14px;
    }

    .questions_description_contact_value {
        font-size: 16px;
    }
    .questions_description_text {
        font-size: 14px;
        margin-top: 8px;
        width: 75%;
    }
    .questions_description_contacts {
        margin-top: 42px;
        width: 100%;
        justify-content: space-between;
    }
    .questions_description_contact {
        width: max-content;
    }
    .messengers {
        margin-top: 22px;
        width: 100%;
    }
}


/* FAQ */
.faq {
    padding-top: 102px;
    padding-bottom: 96px;

    background-color: #E6E6E6;
}
.faq_items {
    margin-top: 32px;
}
.faq_item {
    margin-top: 18px;
    width: 100%;
    max-height: 80px;
    border-radius: 10px;
    padding: 22px;
    overflow: hidden;
    background-color: #fff;
    transition: .2s ease-in-out;
    cursor: pointer;
}
.faq_item.active {
    max-height: 400px;
}
.faq_item_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.faq_item_title_text {
    font-weight: 500;
    color: #1D1D21;
    font-size: 24px;
}
.faq_item.active .faq_item_title .faq_item_title_text {
    color: #000;
}
.faq_item_title_svg {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #B5B5B5;
    border-radius: 6px;

    transition: .2s linear;
}
.faq_item:hover .faq_item_title .faq_item_title_svg {
    background-color: #8F1913;
    border: 1px solid #8F1913;
}
.faq_item.active .faq_item_title .faq_item_title_svg {
    background-color: #8F1913;
    border: 1px solid #8F1913;
}
.faq_item .faq_item_title .faq_item_title_svg svg {
    transform: rotate(0);
    transition: .2s linear;
}
.faq_item.active .faq_item_title .faq_item_title_svg svg {
    transform: rotate(180deg);
}
.faq_item .faq_item_title .faq_item_title_svg svg path {
    stroke: #4E4E51;
    transition: .2s linear;
}
.faq_item:hover .faq_item_title .faq_item_title_svg  svg path{
    stroke: #fff;
}
.faq_item.active .faq_item_title .faq_item_title_svg svg path {
    stroke: #fff;
}
.faq_item_answer {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 300;
    color: #515151;
    width: 80%;
}
@media (max-width: 1024px) {
    .faq_item_title_text {
        font-size: 18px;
    }
}
@media (max-width: 424px) {
    .faq {
        padding-top: 42px;
        padding-bottom: 28px;
    }
    .faq_items {
        margin-top: 12px;
    }
    .faq_item {
        margin-top: 8px;
       max-height: 90px;
    }
    .faq_item_answer {
        font-size: 14px;
        width: 100%;
    }
    .faq_item_title_text {
        font-size: 14px;
    }

    .faq_item_title_svg {
        min-width: 35px
    }

    .faq_item.active {
        max-height: 500px;
    }
}
/* comprehensiveSolutions */
.comprehensiveSolutions {
    background-color: #F3F2F3;
}
.comprehensiveSolutions_title {
   font-size: 48px;
   font-weight: 400;
}
.comprehensiveSolutions_subtitle {
    margin-top: 42px;
    font-weight: 200;
    width: 80%;
    color: #000;
}
@media (max-width: 1024px) {
    .comprehensiveSolutions_title {
        font-size: 34px;
    }
    .comprehensiveSolutions {
        padding-top: 80px;
    }
    .comprehensiveSolutions_higher .comprehensiveSolutions_item {
        /* margin-top: 22px; */
        /* width: 32%; */
    }
    .comprehensiveSolutions_item img {
        width: 100%;
    }
}
@media (max-width: 627px) {
    .comprehensiveSolutions {
        padding-top: 42px;
    }
    .comprehensiveSolutions_title {
        font-size: 20px;
        font-weight: 500;
        width: 70%;
    }
}
/* ext styles */
.mobile_visible {
    display: none;
}
@media (max-width: 750px) {
    .mobile_hide {
        display: none;
    }
    .mobile_visible {
        display: block;
    }

    .mobile_visible.flex {
        display: flex;
    }
}

.popup_call_title {
    font-size: 24px;
}

.popup_measurer_title {
    font-size: 24px;
}

.popup_measurer_subtitle {
    font-size: 14px;
}

.popup_search_title  {
    font-size: 24px;
}
.glazing_types + .questions {
    margin-top: 120px
}
.constructor_view_bg_inctive {
    display: none;
}
.constructor_panel_doors_navigate.visible {
    display: flex;
}
.constructor_panel_check_buttons.inactive {
    display: none;
}