:root {
    --main-green: #68b900;
    --main-green-hover:#477e00;
}

* {box-sizing: border-box;outline: none; user-select: none;}
header { color:#fff; }
.uk-button-default {
    background-color: #efefef;
}

.uk-badge { background: #333;}
.uk-divider-vertical {height: 30px;border-left: 1px solid #fff;}
.uk-icon-button {background: #fff;}
.uk-icon-button:hover {background-color: #fff;color: #333;}
footer { background-color:var(--main-green); color:#fff !important; }
footer .uk-panel { background-color:#4d8801; }
footer a { color:#fff !important; }
.uk-slidenav-previous, .uk-slidenav-next {   background-color:#067700; color: #fff;border-radius: 100%;}
.uk-heading-bullet::before {border-left: calc(5px + 0.1em) solid #f9d51b;}
.uk-button-secondary {background-color:var(--main-green);}
.uk-button-secondary:hover {background-color:#067700;}
.uk-countdown-number {font-size: 2rem !important; font-weight: normal;}
.uk-countdown-separator  {font-size: 1rem !important;}
.countdown {background: #f9d51b;border-radius: 10px;color: #000 !important;width: fit-content;margin-left: auto;margin-right: auto;font-size: 2rem !important;padding: 10px;}
.uk-label {padding: 0px 5px;width: fit-content;margin: 2px;}
.starok svg polygon {fill: #ffd200 !important;stroke: #ffd200 !important;}
.pid-name { display:block; height:45px; overflow:hidden;font-size: 16px; }
#offcanvas-push .uk-offcanvas-bar { background:#fff; color:#000; }
#offcanvas-push .uk-offcanvas-bar a { background:#fff; color:#000; }
#offcanvas-push .uk-offcanvas-close { color:#999; }
.uk-card { border:1px solid transparent; }
.uk-card:hover { border:1px solid #999; }
.uk-card-small.uk-card-body {padding: 0px 10px;}
.addbas {padding: 0px 25px; }
.uk-background-green { background: var(--main-green);color:#fff; font-weight:bold; }
.uk-button-primary {background: var(--main-green);color:#fff;} 
.basket, .delbasket, .delbasketall { cursor:pointer; }   
.uk-logo { max-width: 120px;padding: 10px 0px;     margin-left: 50px;}
.addbas:hover {background: var(--main-green-hover);color:#fff;transition: ease all 0.5s;}
.gifts { width: 80px; height: 80px;border: 3px solid #df591d;border-radius: 100%; overflow: hidden; }
.pidcardone .gifts { width: 120px; height: 120px;border: 3px solid #df591d;border-radius: 100%; overflow: hidden; }
.search_res {position: absolute  !important; background: #fff; box-shadow: 0px 5px 7px #c0c0c0; width: calc(100% - 30px); z-index: 999999999 !important; padding: 15px; display: none; box-sizing: content-box;}
.uncheckboxfilter, .reset_form, .starhover, .select_city, .select_novapost, .select_city_ukr, .select_ukrposhta , .select_street  { cursor:pointer; }
.uk-lightbox {background-color: #fff;  }
.uk-lightbox-toolbar {background-color: rgba(255,255,255,1); } 
.uncheckboxfilter { font-size:12px; background-color:#fac809;color:#000; }
.filtersticky  {background: #fff !important; }  
.select_city { padding:15px; }
.select_city:hover { background-color:#efefef; }

.select_city_ukr { padding:15px; }
.select_city_ukr:hover { background-color:#efefef; }


.select_ukrposhta { padding:15px; }
.select_ukrposhta:hover { background-color:#efefef; }

.select_novapost { padding:15px; }
.select_novapost:hover { background-color:#efefef; }    


.select_street { padding:15px; }
.select_street:hover { background-color:#efefef; }   

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { margin: 0 10px 0 calc(10px - 4px); }
.uk-nav>li>a { padding: 4px 0; }
.addbas {text-wrap: nowrap;    border-radius: 30px;    border: 0px;}


#find_form label {border: 5px solid transparent;display: inline-block;border-radius: 10px;width: 130px;
    height: 155px;vertical-align: middle;cursor:pointer;font-size: 14px;}
#find_form label.find_form_select { border: 5px solid var(--main-green); display: inline-block; border-radius: 10px;}
.home_filter {height: 260px;overflow: hidden; }
.home_filter_open {height: auto; }
header .uk-card { color:#000; }
.homecat { transition: all 0.5s ease;transform: scale(0.9) }
.homecat:hover {transform: scale(1); border-radius: 10px;}
.uk-nav li>a { display: block;width: fit-content;}

#bee { animation: moves 1s infinite; }
#bee2 { animation: moves2 1.5s infinite; }
#bee { margin-top: -33px; margin-left: 0px; }
#bee2 { margin-left: 3px;
    margin-top: -34px;
    margin-right: 65px;}
.bee_air { animation: mymove 0.1s infinite; }


#bee .bee_air { width: 50px;height: 65px;position: absolute;background-image: url(../img/bee_air.webp);background-size: cover; }
#bee .bee_air2 {width: 50px;height: 65px;position: absolute;background-image: url(../img/bee.webp);    background-size: cover; }

#bee2 .bee_air { width: 65px;height: 71px;position: absolute;background-image: url(../img/bee2_air.webp);background-size: cover; }
#bee2 .bee_air2 {width: 50px; height: 71px; position: absolute; background-image: url(../img/bee2.webp);background-size: cover; }



@keyframes mymove {from { opacity: 0; }to { opacity: 1; }}
@keyframes moves {0% {top: 0;}50% {top: 5px;}100% {top: 0;}}
@keyframes moves2 {0% {top: 5px;}50% {top: 0px;}100% {top: 5px;}}


.pidbas {background-color: #fac809;color: #000;}
.pidbas:hover {background-color: #ffd948;color: #000;}

.show_ph {position: absolute; margin-top: 5px; background: #fff; margin-left: 11px; padding: 3px 15px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} 

/* Firefox */
input[type=number] {-moz-appearance: textfield;} 

.uk-input, .uk-textarea, .uk-select {border: 1px solid var(--main-green);border-radius: 5px;}
.shipping_select, .payment_select {border: 1px solid #ffffff;}
.select_sh {border: 1px solid var(--main-green);border-radius: 5px;}

.loads {filter: blur(3px);}
.uk-lightbox-toolbar {
    background-color: rgba(150, 150, 150, 1);
}
.uk-input, .uk-textarea, .uk-select {
    border: 1px solid #999;
   
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: var(--main-green);
}

.basminus, .basplus,.basminus2, .basplus2 { cursor:pointer; }


.uk-notification-message-danger { background-color:#ff0000; color:#fff; font-size:16px; }
.uk-notification-message-success { background-color:green; color:#fff; font-size:16px; }

#fgrd img {max-width: 100px;}
#fgrd .filterlabel img {     max-width: 60px;  }
#fgrd .filterlabel  {     width: 80px;  height: 76px;}
.uk-label-warning { background:#ff0000; }

.buyquickclick { border-radius: 30px;  white-space: nowrap;}
.mybas .buyquickclick { display:none !important; }
.basket_count {    background: #ff0000;}
.addbas { padding: 0px 12px; }
#modal-review  { z-index: 999999;}

@media (max-width: 959px) {

    .pid-price {font-size: 1.3rem;}
    .blkb {justify-content: center;}

.uk-checkbox, .uk-radio {height: 26px; width: 26px;}
#fgrd img {max-width: 70px;}
.filterlabel {width:60px;height:60px;} 
#fgrd  label {width: 80px;height: 80px;}
.filterlabel {width:70px !important;height:70px !important;} 
#fgrd .filterlabel img {max-width: 60px;  }

.basminus, .basplus {position: unset !important;    padding: 9px;
    display: inline-block;}
.cssquantity { display: block !important; }
.basminus2, .basplus2 {
    cursor: pointer;
    padding: 15px;
}
.chquantity {    max-width: 60%;}
    .mright {    margin-right: 0px !important;}
#bee {
    margin-top: -33px;
    margin-left: -13px;
}

.uk-logo {
    max-width: 80px;
        margin-left: 25px;
}

#bee .bee_air { width: 35px;height: 50px;position: absolute;background-image: url(../img/bee_air.webp);background-size: cover; }
#bee .bee_air2 {width: 35px;height: 50px;position: absolute;background-image: url(../img/bee.webp);    background-size: cover; }

#bee2 .bee_air { width: 50px;height: 53px;position: absolute;background-image: url(../img/bee2_air.webp);background-size: cover; }
#bee2 .bee_air2 {width: 40px; height: 53px; position: absolute; background-image: url(../img/bee2.webp);background-size: cover; }

#bee2 {
    margin-left: -4px;
    margin-top: -30px;
    margin-right: 60px;
}
#bee {
    margin-top: -30px;
    margin-left: -13px;
}

}