@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic');

:root {
--color-white: #fff;
--color-black: #000;
--color-blue: #00116C;
--color-peach: #C8736E;
--color-bordo: #500B1D;
}

* { font-family: "Montserrat", Arial, Helvetica, sans-serif;}

body, html {
    color: #383838;
    background: #fff;
     font-family: "Montserrat", Arial, Helvetica, sans-serif;
    
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 40px;}
.uk-badge { background-color: var(--color-peach);top: -10px;right: -10px;  }
.uk-pointer { cursor: pointer; }
.uk-border {border: 5px solid #f0f0f0;}
.uk-background-white { background-color: var(--color-white); }
.uk-link, a { color: var(--color-black); }

.uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    color: #0f6ecd;
    text-decoration: none;
}
.search-div, .search-div2  { display: none; }
.uk-button-primary { background-color: #000 !important; }
.search-div {
    display: none;
    position: absolute;
    z-index: 299;
    background: var(--color-white);
    width: calc(100% - 10px);
    height: auto;
    color:#000 !important;
}
.search-div a, .search-div2 a { color:#000 !important; } 

.price-pid:after, .price-pid-nds:after {
    content: ' грн';
}
.uk-red {font-weight: bold;}
.qtminus, .qtplus  { cursor: pointer; }
.showbas { min-width: 50px; }

.ppagese {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid var(--color-black);
    margin: 3px;
    width: auto;
    cursor: pointer;
}

.ppagese:hover, .ppageseselect {
    background: var(--color-black);
    color: #fff;
}

.uk-notification-message-danger {    background: rgba(255,0,0,1);    color: var(--color-white);    padding: 20px;    font-size: 1em;}
.uk-notification-message-danger h3 {color: var(--color-white);}
.uk-notification-message-danger h3, .uk-notification-message-success h3{ color: var(--color-white)); }
.uk-notification-message-danger .uk-close { color: var(--color-white);display: block; }
.getmessager {bottom: 50px !important; display: none; }
.bigimage {padding: 70px;}
#form-filter p { cursor: pointer; }
.uk-button {
    padding: 0 20px;
}    

#tprice td, #tprice th {
    padding: 5px 5px !important;
}
#npcity { display: none; height: auto;    max-height: 220px;}
#divnovapost_city2 {  height: auto;    max-height: 220px; }
.pids-names { height: 50px; overflow: hidden;text-overflow: ellipsis;}
.npblock { display: none;     padding: 5px;
    border-bottom: 1px solid #efefef;
    cursor: pointer;}
.npblock:hover { opacity: 0.8; }
.selecttwo { display: none !important; }
.showleft {   display: none; }
footer .uk-text-small { font-size: .75rem;line-height: 1.5;}
.buyone { display: none; }
.cityorder, .shipaddress, .shipnnova  { display: none; }
.showbasket {cursor: pointer;}

@media (max-width: 640px) {
.uk-height-middle {    height: 200px;    overflow: hidden;}
.uk-height-auto {   height: auto !important; }
.txt_grd {
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(
180deg, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
    bottom: 0px;
    height: 205px;
    width: 100%;
}
.bigimage {
    padding: 0px 0px 30px 0px;
}

}