@charset "utf-8";

:root {
--main-color-text: #000000;
--main-color-whitebtn: #DED2D2;
--main-color-gray: #BABAB8;
--main-color-grayaplha: rgba(218,218,218,0.5);
--main-color-darkgray: #73767C;
--main-color-porcelena: #E8E9E4;
--main-color-white: #FFFFFF;
--main-color-cat: #E8E9E4;
--main-color-catbanner: #F4F4F2;
--main-color-yellow: #FADB6F;

}

[class*=primary] { background-color: #8E9291; }

body { color: var(--main-color-text); cursor:default;-webkit-touch-callout: none;}
:focus {outline:none !important;}
header { background:#000000; color: #ffffff;}
.slider1 { opacity: 0.9; }
.gradient2 { background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);  }
header .uk-h1 { font-family: "Times New Roman";text-shadow: 0px 0px 15px #000;  opacity: 0.95;}

header .uk-h2, .leftcatp .uk-h2 { font-family: "Times New Roman"; font-weight: bold; color: #000;}
.uk-h1 { font-family: "Times New Roman"; }
.uk-navbar-nav>li>a {color: var(--main-color-white);text-transform: none; font-size: 1.1em;}
.uk-navbar-nav>li>a:hover {color: var(--main-color-white); opacity: 0.9;}
.uk-navbar-nav>li.uk-active>a {color: var(--main-color-white);text-transform: none; font-size: 1.1em;}
header nav { color: var(--main-color-white); }
.uk-text-medium {font-size: 1.3rem;    line-height: 1.3;}
.ico { background: var(--main-color-gray); padding: 9px; border-radius: 100px;  margin-right: 15px; }

a.more { display: block; padding: 10px; background:var(--main-color-whitebtn); width: 120px; text-decoration: none; color: #000; font-size: 1.2em; text-align: center; margin-top: 30px; position: relative;}
a.more:before {content: "";position: absolute;top: 0px;left: 139px;border-bottom: 28px solid var(--main-color-whitebtn);border-left: 0px solid transparent; border-right: 13px solid transparent;width: 2px; height: 0;}
a.more:after {content: "";position: absolute;top: 27px;left: 139px;border-top: 25px solid var(--main-color-whitebtn);border-top-color: var(--main-color-whitebtn);border-top-style: solid;   border-top-width: 25px;border-left: 0px solid transparent;border-right: 13px solid transparent;width: 2px;height: 0px;}

#catalogmenu { background:var(--main-color-grayaplha); }
.showbasket { cursor: pointer; }
#catalogmenu a { font-size: 1.1em; color:var(--main-color-text); line-height: 2.2em; position: relative;}
#catalogmenu a:hover::before {content: ""; position: absolute; top: 0px;left: -40px;border-bottom: 27px solid #73767C;border-left: 0px solid transparent;border-right: 13px solid transparent;width: 10px; height: 0;}
#catalogmenu a:hover::after {content: "";position: absolute;top: 27px;left: -40px;border-top: 25px #73767C;border-top-color: #73767C;border-top-style: solid;border-top-width: 25px;border-left: 0px solid transparent;border-right: 13px solid transparent;width: 10px;height: 0px;}
.uk-box-small { width: 50px; height: 50px; display: flex;align-items:center; justify-content: center; }
.uk-box-tiny { width: 50px; height: 40px; display: flex;align-items:center; justify-content: center; }
.uk-heading-line>::after, .uk-heading-line>::before { border-bottom: calc(.2px + .05em) solid var(--main-color-darkgray); }
.uk-h2 { color:var(--main-color-darkgray); }
.uk-heading-line>::before { margin-right: calc(15px + .3em); }
.uk-heading-line>::after { margin-left: calc(15px + .3em); }
.uk-porcelena { background: var(--main-color-porcelena); }

a.more2 { display: block; padding: 10px; background:var(--main-color-darkgray); width: 120px; text-decoration: none; color: #fff; font-size: 1.2em; text-align: center; margin-top: 30px; position: relative;}
a.more2:before {content: "";position: absolute;top: 0px;left: 139px;border-bottom: 24px solid var(--main-color-darkgray);border-left: 0px solid transparent; border-right: 13px solid transparent;width: 2px; height: 0;}
a.more2:after {content: "";position: absolute;top: 23px;left: 139px;border-top: 25px solid var(--main-color-darkgray);border-top-color: var(--main-color-darkgray);border-top-style: solid;   border-top-width: 25px;border-left: 0px solid transparent;border-right: 13px solid transparent;width: 2px;height: 0px;}

#slideshow  .uk-slidenav-previous { margin-left: 350px;  }

.uk-form-danger {background: rgba(255,0,0,0.1); }
.uk-notification-message-danger { background: rgba(255,0,0,1); color: var(--main-color-white); padding: 20px; font-size:1em;   }
.uk-notification-message-success { background: var(--main-color-green); color: var(--main-color-white); padding: 20px; font-size:1em;   }
.uk-notification-message-danger h3, .uk-notification-message-success h3{ color: var(--main-color-white); }
.uk-notification-close { color: var(--main-color-white);  }
.footerpic { position: absolute; top: -140px; right: 0; }
footer { position: relative;  }

#slideshow .uk-dotnav  { bottom: 10px; }
.uk-light .uk-dotnav>*>* { background: var(--main-color-white); opacity: 0.3; border: 0; width: 50px;height: 5px; border-radius:0;}
.uk-light .uk-dotnav>.uk-active>* { background: var(--main-color-white);  opacity: 1;}

/*.pricespid:before { content: 'от '; }
.oldpricespid:before { content: 'от '; }
*/

.pricespid:after { content: ' грн'; font-size: 0.8em;}
.oldpricespid:after { content: ' грн'; font-size: 0.8em;}

.prices:before { content: ''; }
.prices:after { content: ' грн'; }
.prices { white-space: nowrap; }
.oldprices:after { content: ' грн'; }

.pricesonezakg:after { content: ' грн/100гр.'; }

.reprice2:after { content: ' грн/100гр.'; font-size: 0.8em;}
.reprice:after { content: ' грн'; }

.pricesone { opacity: 0.4; }
.pricesone:after { content: ''; }  
.oldprices:after { content: ''; }  

.oldprices { white-space: nowrap; text-decoration: line-through; }
.oldpricespid { white-space: nowrap; text-decoration: line-through;    opacity: 0.3; }


.uk-text-tiny { font-size: 0.9em; }
.tmp-6 .uk-position-top-left, .tmp-1 .uk-position-top-left, .tmp-7 .uk-position-top-left { position: relative !important; padding: 10px; margin-top: 0px; margin-bottom: 0px; }
.tmp-6 .uk-margin-small-top, .tmp-1 .uk-margin-small-top, .tmp-7 .uk-margin-small-top { margin: 0px !important;}
.tmp-6 .uk-position-absolute, .tmp-1 .uk-position-absolute, .tmp-7 .uk-position-absolute { position: relative !important; }
.tmp-6, .tmp-1, .tmp-7 { background-image: url(../img/header.jpg); background-size: cover; }
section {     margin-bottom: 100px; }

.leftcatp { background-color: var(--main-color-grayaplha); position: relative;margin-bottom: 20px;}
.leftcat { background-color: var(--main-color-catbanner); }
.leftcat .more2 { margin-left: auto; margin-right: auto; }
.leftcat ul li a {font-size: 1.1em;color: var(--main-color-text); line-height: 2.2em;}
.leftcatp::after {

content: ' ';
position: absolute;
bottom: -41px;
left: 0;
background-image: url(../img/arr.png);
background-repeat: no-repeat;
z-index: 1;
height: 41px;
width: 100%;
display: block;
background-size: 100%;

}



h1.uk-heading-medium { font-family: "Times New Roman"; opacity: 0.95; }

.pid .uk-badge { background-color: #35363A; border-radius: 0;    position: relative;}
.pid .uk-badge:before {content: "";position: absolute;top: 0px;    right: -15px;border-bottom: 25px solid #35363A;border-left: 0px solid transparent; border-right: 13px solid transparent;width: 2px; height: 0;}
.pid .uk-badge:after {content: "";position: absolute;top: 25px;    right: -15px;;border-top: 25px solid #35363A;border-top-color: #35363A;border-top-style: solid;   border-top-width: 25px;border-left: 0px solid transparent;border-right: 13px solid transparent;width: 2px;height: 0px;}
.pid .uk-label { text-align: center;}
.selects { display: inline-block; cursor: pointer; border:1px solid #000;  margin: 5px; padding: 10px;}
.selectssel {  background-color: #EDEDE9; border:1px solid #C4C6B9;}
.uk-button {    background-color: var(--main-color-text);     color: #fff;}
.uk-button-primary:focus, .uk-button-primary:hover {    background-color: var(--main-color-darkgray);     color: #fff;}
.selectstar {cursor: pointer;color: #FC0;}
.selectstar svg stroke { fill: var(--main-color-yellow); } 
.fa-star svg polygon { fill: var(--main-color-yellow); } 
.starcolor svg > polygon { stroke: #000; stroke-width: 0;}
.starcolor svg > polygon { fill: #000; }
.ppagese span {    padding: 10px;    text-align: left;    border: 1px solid rgba(100,100,100,0.5);    cursor: pointer;    margin-top: 3px;    background-color: #fff;    display: block;}
.ppagese {text-align: center;font-size: 1em !important;display: inline-block; margin: 3px;}
.ppagese span.ppageselect {background-color: #000; border: 1px solid #000;color: #fff;}
#properties { background-color: rgba(233,233,233,0.3); }
#leftcatp2 div.uk-dropdown {     background: var(--main-color-grayaplha);}
#catalogmenu .uk-dropdown { background: var(--main-color-grayaplha); }
#leftcatp2 { margin-bottom: 30px }
.select-datatime { cursor: pointer; padding: 3px;}
.select-datatimesel { background: #efefef; }
.addbassplus {background: black;padding: 13px;cursor: pointer;}
.addbassminus {background: black;padding: 13px;cursor: pointer; display: none;}
.opacitys {opacity: 0.4;}
.shphide { display: none; }
#catalog-pid .pidl412 { display: none; }

.uk-offcanvas-bar {    width: 305px;
}
h1 { margin:0px; }
.uk-breadcrumb { margin:0px;  }

@media screen and (max-width: 320px) {
.pid  .uk-button-primary {
width: 100%;
}
}

@media screen and (max-width: 992px) {
.uk-h3, h3 {font-size: 1.1rem;line-height: 1em;}
.addbass  {padding: 10px 30px;width: 100%;}
.reprice2::after {display: block;}
.reprice::after { display: block;}
.alinkpid {display: block;height: 70px;}
.pid  .uk-button-primary {width: 100%;}
.uk-heading-line { margin: 0px;padding: 0px;font-size: 0.5em;} 
.uk-heading-line .uk-h1 {    margin: 0px;    font-size: 2.5em;}
.uk-navbar-toggle { min-height: 30px;}    
.pid h3 { padding-top: 10px; }
.pid h3.tt-8, .pid h3.tt-40 { padding-top: 0px; }
}