/*header*/
.white-menu .inner-container {display: grid;grid-template-columns: 300px 18% 13% 13% 2fr 2fr 2fr 2fr}
.header .blue-menu .inner-container {display: grid;gap: 12px; grid-template-columns: 28% 36% 1fr 1fr 1fr 1fr}
.header .blue-menu .inner-container.new-head .wrap-phone, .header .blue-menu .inner-blue-new { display: none !important; }
.white-menu .wrap-city {
    height: 60px;
    display: grid;
    align-items: center;
}
.white-menu .wrap-shop, .white-menu .wrap-delivery, .white-menu .wrap-info {
    align-items: center;
    height: 40px;
}
.wrap-o-btn .o-btn {
    height: 30px;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
    min-width: 100px;
    background-color: #003d91;
    color: #fff;
    border-radius: 4px;
    justify-content: center;
}
.wrap-o-btn .o-btn:hover {
    background-color: #003274;
}
.white-menu .wrap-lang .block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 18px;
    width: 40px;
    height: 40px;
    text-align: center;
}
.white-menu .wrap-lang .block .ru, .white-menu .wrap-lang .block .ua {
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.white-menu .wrap-lang .block .ru {background-color: #C9CDE7}
.white-menu .wrap-lang .block .ua {background-color: #EBEBEB}
.drop {position: relative}
.drop-list {
    z-index: 3;
    display: none;
    top: 40px;
    left: -21px;
    position: absolute;
    background: #fff;
    padding:6px 0 6px 0;
    min-width: 165px;
    line-height: 26px;
    border-radius: 8px;
    box-shadow: 3px 3px 11px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 3px 3px 11px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 3px 11px 1px rgba(0,0,0,0.25);
}
.drop-list li {list-style-type: none; cursor: pointer;padding: 3px 20px;font-size: 15px}
.drop-list li:hover {background-color: var(--color-main-bg)}
.drop-city {user-select:none;height:40px;width:140px;display: flex;
    justify-content: center;align-items: center;cursor:pointer;margin: 0 0 0 30px}
.drop span {position: relative;display:block}
.drop span::after {
    content: '';
    position: absolute;
    top: 10px;
    right: -21px;
    height: 16px;
    width: 16px;
    background: url('/site/img/icon/ico-chevron-down-black.svg');
}
.header .blue-menu.fly {
    z-index: 100;
    position: fixed;
    top: 0px;
    width: 100%;
}
.header .white-menu {height: 75px;background-color: #fff;display: flex;justify-content: center;}
.header .blue-menu {color: #fff;background-color: var(--color-blue);display: flex;justify-content: center;}
.header .white-menu .inner-container, .header .blue-menu .inner-container {
    align-items: center;
    display: grid;
    height: 60px;
    width: 100%;
}
.header .white-menu .inner-container {height: 75px}
.header .blue-menu .menu-catalog {height: 60px;cursor: pointer;font-size:17px;position: relative}
.header .blue-menu .menu-catalog:hover {background-color: rgba(255,255,255,0.18)}
.header .menu-catalog .menu-icon-chevron {position: absolute; right: 10px; top: 19px}
.header .blue-menu .menu-catalog-ico {margin-left: 19px}
.header .blue-menu .menu-catalog {display: flex;align-items: center}
.header .blue-menu .menu-catalog-text {padding: 0 30% 0 20px}
.header .blue-menu .wrap-search {padding: 0 0 0 15px;position: relative}
.header .inner-blue-new .wrap-search {padding: 0 15px 15px 15px;position: relative}
.header .blue-menu .wrap-search .ico-search {position: absolute;right: 15px;top:10px}
.header .inner-blue-new .wrap-search .ico-search {position: absolute;right: 30px;top:10px}
.header .blue-menu .wrap-search input {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 4px;
    padding: 0 0 0 15px;
    font-size: 14px;
    background-color: var(--color-main-bg);
}
.header .blue-menu .wrap-search input:focus, .header .blue-menu .wrap-search input:active {border:0;outline:none!important;background-color: #fff}
.header .blue-menu .wrap-login .btn-login, .header .blue-menu .wrap-cart .btn-cart {
    width: 120px;
    height: 40px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 16px;
}
.header .blue-menu .wrap-login .btn-login div, .header .blue-menu .wrap-cart .btn-cart div {margin-left:6px}
.header .blue-menu .wrap-fav {cursor: pointer}
/*.header .blue-menu .wrap-cart .btn-cart {height: 60px}*/
.blue-menu .wrap-fav .btn-fav {width: 100%;display: flex;justify-content: center;height: 40px;align-items: center}
.blue-menu .wrap-fav a {width: 100%}
.header .blue-menu .wrap-cart .btn-cart a, .header .blue-menu .wrap-fav .btn-fav a, .header .blue-menu .wrap-login .btn-login a {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.btn-login, .btn-cart, .btn-fav {color: #FFF;transition: all 0.5s;position: relative;}
.btn-login a, .btn-cart a, .btn-fav a {color: #fff;}
.btn-login::before, .btn-cart::before, .btn-fav::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255,255,255,0.15);
    transition: all 0.3s;
}
.btn-login:hover::before, .btn-cart:hover::before, .btn-fav:hover::before {opacity: 0;transform: scale(0.5,0.5);}
.btn-login::after, .btn-cart::after, .btn-fav::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 97%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border: 1px solid rgba(255,255,255,0.5);
    transform: scale(1.1,1.1);
}
.btn-login:hover::after, .btn-cart:hover::after, .btn-fav:hover::after {opacity: 1;transform: scale(1,1);}
.header .blue-menu .wrap-login, .wrap-product .btn-fav, .header .blue-menu .wrap-fav, .header .blue-menu .wrap-cart, .header .blue-menu .wrap-list-phone {position: relative;display: flex;justify-content: center;height: 40px;align-items: center}
.header .blue-menu .wrap-cart {height: 60px;position: relative}
.header .blue-menu .new-head .wrap-cart {height: 60px;position: relative; margin-right: 10px}
/*end header*/
#glide .glide__slide div {
    background-size: cover !important;
    height:350px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.glide__bullets {bottom: -15px!important;}
#glide .glide__bullet {
    background-color: rgb(255 245 0 / 87%) !important;
    width: 20px !important;
    border-radius: 0 !important;
}
#glide .glide__bullet--active {
    background-color: #003274d9 !important;
    border: 1px solid #00000057 !important;
}