.body:not(.index) .main > .container {
    padding-bottom: 1px !important;
}
@media (min-width: 992px) {
    body .maxwidth-theme {
        
    }
}
.banners-big.short-banner.small .maxwidth-banner, .fill_bg_y.visible_banner header .line-row, body .maxwidth-theme, body.fill_bg_y.visible_banner .banners-big .maxwidth-banner, body.fill_bg_y.visible_banner .contacts-page-map, body.fill_bg_y.visible_banner footer, body.fill_bg_y.visible_banner>.body>.main {
    _max-width: 100% !important;
}
.navigation {
            padding-block: 33px;
            
            display: flex;
            gap: 12px;
                flex-wrap: wrap;
        }

        .navigation-nav {
            font-family: 'geometria-light';
            font-size: 12px;
            color: black;
            cursor: pointer;
        }
.header-menu-header {
            font-family: 'geometria-extrabold';
            font-size: 35px;
            color: #2F4390;
            text-transform: uppercase;
            cursor: pointer;
        }

        .header-menu-punkt-punkt {
            font-family: 'geometria-medium';
            font-size: 14px;
            color: black;
            cursor: pointer;
            padding: 12px 14px;
        }
 .header-menu-punkt-punkt.active {
               font-family: 'geometria-medium';
    padding-block: 11px;
    padding-inline: 20px;
    background-color: #F4F4F4;
    font-size: 14px;
    color: #2F4390;
    cursor: pointer;
        }

        .header-menu {
 
    padding-bottom: 29px;
    display: flex
;
    row-gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
        }

        .header-menu-punkt {
            display: flex;
            gap: 30px;

            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
        }
 @media(max-width: 653px) {
            .header-menu {
          
                padding-bottom: 26px;
                display: flex;
                row-gap: 44px;
                flex-wrap: wrap;
                justify-content: center;
            }
}
   .header-description {
              
                font-family: 'geometria-regular';
                font-size: 12px;
                color: #000000;
line-height: initial;

                opacity: 0.5;
                padding-bottom: 23px;
            }

            .color-card {
                
                display: flex;
                gap: 11px;
                padding-bottom: 65px; 
                display: grid;
                grid-template-columns: repeat(6,1fr);

            }

            .color-card-card {
                border: 1px solid #E4E4E4;
                aspect-ratio: 1/1;
               
            }


            .color-card-card-img{
                width: 100%;
                height: 100%;
                display: flex;
                padding: 15px;
                align-items: flex-end;
            }
            .color-card-card-img-text {
                font-family: 'geometria-bold';
                font-size: 14px;
    line-height: normal; 
                color: #ffffff;
            }

            .color-card-card-color {
                text-align: center;
                display: flex;
                padding-block: 31px;
                padding-inline: 14px; 
                justify-content: space-between;
                flex-direction: column;
                height: 100%;
            }

            .color-card-header {
                font-family: 'geometria-medium';
                font-size: 20px;
                color: #000000;
            }

            .color-card-color {
                font-family: 'geometria-medium';
                font-size: 14px;
                color: #000000;
            }
            @media(max-width:976px) {
                .color-card {

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

                }
            }
            @media(max-width:768px) {
                .color-card {

                    grid-template-columns: repeat(3,1fr);

                }
            }
            
            
            @media(max-width:573px) {
                .header-description {
                    padding-inline: 62px;
                    font-family: 'geometria-regular';
                    font-size: 12px;
                    text-align: center;
                    color: #000000;
                    opacity: 0.5;
                    padding-bottom: 23px;
                }
                .color-card {

                    grid-template-columns: repeat(2,1fr);

                }
            }

            @media(max-width:534px) {
            
            }