/*header*/
/*border:2px solid #000;*/

.header-wrap { 
    position: relative;
    width: 100%;
    background: var(--white);
    
}
.header-wrap.fixed { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 100;
    background: var(--color-header-bg) ;
    box-shadow:0px 2px 10px 0px rgba(166,166,166,1);
    -webkit-box-shadow:0px 2px 10px 0px rgba(166,166,166,1);
    -moz-box-shadow:0px 2px 10px 0px rgba(166,166,166,1);
}
    .header-wrap__inner { width: 100%; }
        .header { }
            .header-inner {}
                .header-section {}
                    .header-section.section_top { height: 60px; }
                        .header-leftblock { gap: 30px;}
                            .header-leftblock__item {}
                                .header-leftblock__item .logo { width: 120px; }
                                .header-leftblock__item .logo img { max-width: 100%; }

                                .header-leftblock__item .slogan { color: var(--color-header-slogan); }
                        .header-rightblock { gap: 30px;}
                            .header-rightblock__item { gap: 30px;}
                                .header-rightblock__item .phone a { 
                                    font-size: var(--fs-18);
                                    font-weight: 700;
                                    color: var(--color-header-phone); 
                                    text-decoration: none;
                                }

                                .header-rightblock__item .search { /*position: relative;*/ height: 40px; padding: 8px 0; }
                                    .header-rightblock__item .search__link { cursor: pointer; } 
                                        .header-rightblock__item .search-icon { width:22px; height:22px; stroke: var(--dark); stroke-width: 2px; }
                                    .header-rightblock__item .search__link:hover .search-icon { stroke: var(--color-link); }
                                
                                .header-rightblock__item .personal { position: relative; height: 40px; padding: 10px 0; }
                                    .header-rightblock__item .personal__link { 
                                        display: flex;
                                        text-decoration: none;
                                        flex-direction: row; 
                                        gap: 10px; 
                                        align-items: center;
                                        color: var(--color-header-link);
                                    }
                                    .header-rightblock__item .personal-icon { width:20px; height:20px; }
                                    .header-rightblock__item .personal__link:hover .personal-icon { stroke: var(--color-link); }
                                    .header-rightblock__item .personal__link:hover>span { color: var(--color-link); }
                                    .header-rightblock__item .personal__link span { display: none; }

                                .header-rightblock__item .topbasket { position: relative; height: 40px; padding: 8px 0; }
                                    .header-rightblock__item .basket__link { 
                                        display: flex;
                                        text-decoration: none;
                                        flex-direction: row; 
                                        gap: 10px; 
                                        align-items: center;
                                        color: var(--color-header-link);
                                        position: relative;
                                    }
                                    .header-rightblock__item .basket-icon { width:22px; height:22px; }
                                    .header-rightblock__item .basket__link:hover .basket-icon { fill: var(--color-link); }
                                    .header-rightblock__item .basket__link:hover>span { color: var(--color-link); }
                                
                        .header-rightblock__item .personal-menu__popup { display: none; }
                            .header-rightblock__item .personal:hover .personal-menu__popup { display: block; }

                        .header-rightblock__item .topbasket .basket__popup { display: none; }
                            .header-rightblock__item .topbasket:hover .basket__popup { display: block; }

                    .header-section.section_bottom {}
                    .header-section.section_bottom .header-topmenu {}
                        .header-section.section_bottom .topmenu {}

           


/*Header Media*/
@media screen and (max-width: 1344px) {
    .header .topbasket .basket__popup::after { left: auto; right:50px; }
    .header .topbasket .basket__popup { right: 0%; }
}
@media screen and (max-width: 767px) {
    .header-leftblock__item .slogan { display: none; }
    .header-rightblock { margin-right: 60px;}
    .header-leftblock { gap: 0px;}
    .fa-bars { color: var(--dark-blue); }
    .bx-opened .fa-bars { color: var(--white); }
}
@media screen and (max-width: 640px) {   
    
}
@media screen and (max-width: 480px) {
    .header-rightblock__item .phone { display: none; }
}
/*content*/
.content-wrap {
    position: relative;
    width: 100%;
    background: var(--white);
}
    .content-wrap__inner { width: 100%; }
        .content { }
            #navigation { padding: 9px 0; }
            .breadcrumbs-section {}
                .breadcrumbs {}
                    .breadcrumbs-item {
                        display: inline-block;
                        position: relative;
                        color: var(--muted);
                        font-size: var(--fs-14);
                    }
                    .breadcrumbs-item .muted-link { color: var(--muted); text-decoration: none; }
            .content h1#pagetitle { font-weight: var(--font-h1); padding: 10px 0; font-size: var(--fs-32); }

            
            .content-section { padding-bottom: 40px; gap: 20px; }
                .content-section__block {}
                    .content-section__block.leftblock { max-width: 250px; }
                    .content-section__block.rightblock { flex: 1; }
                    .content-section__block .workarea {}
            
            @media screen and (max-width: 640px) {
              .content-section { flex-direction: column; }
                
            }
            @media screen and (max-width: 480px) {
                .content-section__block.leftblock { display: none; }
            }
    
/*footer*/
.footer-wrap {
    background-color: var(--color-footer-bg);
    width: 100%;
}
    .footer-wrap__inner { padding: 25px 0; }
        .footer { }
            .footer-item {}
                .footer-menu { list-style: none; padding: 0; margin: 0; }
                    .footer-menu .item.title { margin-bottom: 20px; }
                    .footer-menu .item.title,
                        .footer-menu .item.title a { 
                            color: var(--white);
                            font-weight: 600;
                            font-size: var(--fs-16) ; 
                            text-decoration: none;
                        }
                    .footer-menu .item { padding: 4px 0; }
                        .footer-menu .item a { 
                            color: var(--color-footer-link);
                            text-decoration: none; 
                        }
                            .footer-menu .item a:hover {
                                color: var(--white);
                            }
                        .footer-menu .item.contacts {
                            display: flex;
                            flex-direction: row;
                            gap: 15px;
                            justify-content: baseline;
                        }
                            .footer-menu .item.contacts svg {
                                width: 18px;
                                fill: var(--white);
                            }
                            .footer-menu .item.contacts, 
                            .footer-menu .item.contacts a {
                                color: var(--white);
                            }
                        
                            .footer-menu .item.socservice ul { 
                                position: relative; 
                                display: inline-block; 
                                padding: 0 0px; 
                                z-index: 1; 
                            }    
                                .footer-menu .item.socservice ul li { 
                                    display: inline-block;
                                    vertical-align: top;
                                    margin: 4px;
                                    padding: 0;
                                }
                        
                                .footer-menu .item.socservice ul li a { 
                                    display: block;
                                    width: 43px;
                                    height: 43px;
                                    border-radius: 3px;
                                    opacity: 0.9;
                                    border: 1px solid rgba(255,255,255,0.2);
                                    background: url(images/social.svg) 0 0 no-repeat;
                                        background-position-x: 0px;
                                        background-position-y: 0px;
                                    -webkit-transition: opacity 0.3s ease;
                                }
                                
                                .footer-menu .item.socservice ul li.vk a {
                                    background-position: -1px -377px;
                                }
                                .footer-menu .item.socservice ul li.vk a:hover {
                                    background-position: -1px -189px;
                                }
                                .footer-menu .item.socservice ul li.ok a {
                                    background-position: -47px -377px;
                                }
                                .footer-menu .item.socservice ul li.ok a:hover {
                                    background-position: -47px -189px;
                                }
                                .footer-menu .item.socservice ul li.facebook a {
                                    background-position: -94px -377px;
                                }
                                .footer-menu .item.socservice ul li.facebook a:hover {
                                    background-position: -94px -189px;
                                }
                                .footer-menu .item.socservice ul li.viber a {
                                    background-position: -329px -377px;
                                }
                                .footer-menu .item.socservice ul li.viber a:hover {
                                    background-position: -329px -189px;
                                }
                                .footer-menu .item.socservice ul li.whatsapp a {
                                    background-position: -329px -423px;
                                }
                                .footer-menu .item.socservice ul li.whatsapp a:hover {
                                    background-position: -329px -235px;
                                }
                        
                            .footer-menu .item .payments { 
                                max-width: 250px; height: 55px ; 
                                background: url(images/payment/visa-mastercard-mir.png);
                                background-size: 99%; background-repeat: no-repeat; margin: 0; 
                            }
    .copyright-inner {}
        .copyright {
            border-top: 1px solid #757575;
            padding-top: 20px;
        }
            .copyright span { color: var(--color-footer-link);}
                    
@media screen and (max-width: 480px) {
        
}

@media screen and (max-width: 767px) {
    .footer-item { width: calc(100%/2 - 20px); margin-bottom: 30px; }
}

@media screen and (max-width: 480px) {
    .footer-item { width: 100%; margin-bottom: 30px; }
    .footer-menu .item.title,
    .footer-menu .item { text-align: center; }
    .footer-menu .item.contacts { justify-content: center; }
    .footer-menu .item .payments { margin: 0 auto; }

    .copyright { text-align: center; }
}