@import "./owl.carousel.css";
@import "./swipebox.css";
@import "./fonts.css";
@import "./blog.css";


body {background-color: #fff; color: #1d1d1d; font-family: 'Open Sans', sans-serif;  height: 100%;}
a, a:focus{text-decoration: none; color: #1d1d1d;}
h1, h2, h3, h4 {font-weight: bold;}
label {cursor: pointer;}
label:hover {opacity:.75}
.relative {position: relative;}
.underline {border-bottom:1px solid #5b5b5b;}
.col5 {flex: 0 0 auto; width:20%}
.form-select {padding-top:15px; padding-bottom: 15px;}
.form-check-input {border-color:#c9ced3}
.btn {border-radius:0} 
.btn-large {padding: .8rem 1.5rem; font-weight: bold;}
.btn-danger {background-color: #343b18; border-color: #343b18;}
.btn-danger:hover {background-color: #d04e00;border-color: #d04e00;}
.btn-danger:active, .btn-danger:focus {color: white; background-color: #b64600; border-color: #b64600;}
.form-check-input:focus, .form-control:focus, .form-select:focus {box-shadow: none; border-color:#000000; }
.form-check-input:checked {background-color: #343b18; border-color: #343b18;}
#top-alert {display:none; position:fixed; top:1.5rem; right: 2rem; border-radius:10px; opacity:0.9; font-size:1.2rem; color: green; font-weight: bold;z-index:1000;}
.btn-close {position: absolute; top:15px; right:15px; z-index: 1; transition: transform 0.2s ease-in-out;}
.btn-close:hover {    transform: rotate(90deg);}
.form-select.error {border-color:red;}


.modal .btn {font-weight: bold;}
.modal-x {--bs-modal-width: 600px;}
.modal-body {padding:2rem; text-align: left;}
.modal-sm.modal-body {padding:1rem; text-align: center}
.modal h2 {font-size: 1.5rem;}
.modal-content {border:0; text-align: center; }
.modal.show .modal-dialog {margin-top: 3rem;} 
.page-link:focus, .btn-close:focus, .btn-close:active {outline:0px !important; box-shadow: none !important;}
.ulreset {margin:0; padding: 0; list-style-type: none;}
.cover {background-size: cover;}
input[type=number] {-moz-appearance: textfield;} /*firefox remove spin*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.pr-2 {padding-right:5px} .pr-3 {padding-right:10px} .ml-2 {margin-left:5px}
.alarma {background-color: #c5d930; color: #333; font-weight: bold;  }
.alarma .alarma__content {padding:1rem 0;}
.alarma .close {position: absolute; top: 15px; right: 15px; width:15px; height:15px; display:block; background-size: cover;  background-image: url(../images/close.svg);}

.actionbanner .alarma__content {padding:.25rem 0; text-align:center;}

.custom-pagination .page-item.active .page-link {background-color: #454545;border-color: white; color:white}
.custom-pagination .page-link {color: #454545; border-color: white}
.custom-pagination .page-link:hover,
.custom-pagination .page-link.active {background-color: #ffffff; border-color: #454545; color:#454545; font-weight: bold; border-color: white;}
.custom-pagination {margin:0}

.offcanvas.offcanvas-end {z-index: 100000; font-size:.9rem}
.offcanvas .btn-close {top:23px}
.offcanvas-end .btn-order  {padding:0 15px}
.offcanvas-end .btn-order a {font-weight: bold; display: block; margin-bottom:10px; font-size:.9rem; padding:10px }
.offcanvas-end .product__postage {padding: 1rem; background-color: #f5f5f5; border-bottom:1px solid silver; position: relative;}
.offcanvas-end .product__postage .delivery {padding-left:50px}
.offcanvas-end .offcanvas-body {padding: 0; border-top:1px solid silver;}
.offcanvas-end .offcanvas__subtotal {font-size:1.2rem; font-weight: bold; border-bottom:1px solid silver;}
.offcanvas-end .offcanvas__subtotal small {font-size:.8rem; opacity: .7; display: block; font-weight: normal;}
.offcanvas-end .offcanvas__bottom {position: absolute; bottom:0}
.offcanvas__overflow {height: calc(100% - 320px); overflow-y: auto;}
.offcanvas__overflow::-webkit-scrollbar {width: 5px; }
.offcanvas__overflow::-webkit-scrollbar-thumb {background-color: #a8a8a8; }
.offcanvas__product {border-bottom:1px solid rgb(233, 233, 233); padding-top:15px; padding-bottom: 15px;}
.offcanvas__product .product__order {zoom:70%}
.offcanvas__product .product__order .width {width:100px; margin:0; display: inline-block;}
.offcanvas__product .product__order input[type=number] {width:100px;}
.offcanvas__product .product__order .left 
.offcanvas__product .product__order .right {top:30px}
.offcanvas__product img {width:90px}
.offcanvas__product .box {padding:0 15px}
.offcanvas__product .price {font-weight: bold; font-size: 1rem;}
.offcanvas__product .instock {color:green; padding:3px 0 }
.offcanvas__product .outstock {color:#343b18; padding:3px 0 }
.offcanvas__product .price .remove {font-size: .8rem; opacity: .7; font-weight: normal;}
.offcanvas__product .price .remove:hover {opacity: 1}
.offcanvas__product span {display: block; font-size: .8rem;}
.offcanvas__product h3 {font-size:.95rem; font-weight: bold; margin:0 0 3px 0}
.offcanvas__product .col-8 {width: 58.66666667%;}
.offcanvas__product .col-2 {width: 20.66666667%;}
.offcanvas__product a:hover {opacity: .7;}



/* HEADER */
header {position: sticky; top:0; z-index: 4; background-color: white; width: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;}
.navbar {padding:0}

.logo {position: absolute; top:0px; left: 0; z-index: 2;}
.logo img {width: 110px; margin:0px 0}
.logo img:hover {opacity:.8}


.ico {display: inline-block; margin:0 0 0 15px; padding-left: 35px; position: relative; } 
.ico::before {content: ""; width: 27px; height: 27px; position: absolute; top:50%; transform: translateY(-50%); left:0; background-size: cover;}
.ico:hover {opacity: .6;}
.tel::before {background-image: url(../images/tel.svg); }
.mail::before {background-image: url(../images/mail.svg) }

.basketTop {padding:20px 70px 20px 30px; width:150px; font-weight: bold; display:block;  position: relative; text-align: right; line-height: 20px;}
.basketTop b {display:block}
.basketTop a:before {top:15px; right:0; content:""; background-color: black; background-image: url(../images/basket.svg); width: 45px; height: 45px; position: absolute; border-radius: 100%; background-size: cover;}
.basketTop .pc {position: absolute; top: 8px; right: -7px; z-index: 2; color: #fff; background-color: #343b18; border-radius: 100%; line-height: 5px; width:20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px;}
.basketTop .pr {font-weight: lighter;}
.cs .basketTop .pr {font-size: 14px;}

.loginTop h2 {font-size: 1.2rem; margin: 0 1.1rem 1rem 1.1rem; }
.loginTop .loginLink {font-weight: bold; padding:0 25px 0 15px; position: relative;}
.loginTop .permanent {font-size:15px}
.loginTop .permanent label {padding-right:1.5rem}
.modal-register {background: #ececec; text-align: center; padding:2rem}
.modal-register .btn-modal-register {color: #fff; background-color: #333; padding:.35rem 1.3rem; display:inline-block}


.navbar-nav ul {padding:0}
.navbar-nav li { border-left:1px solid #343b18; height: 80px; display: flex; align-items: center; justify-content: center;}
.navbar-nav li:nth-child(1) {border: none; padding-right: 20px;}
.navbar-nav a:hover {color:#7b9226;}
.navbar-collapse {background-color:#7b9226;}

.navbar-super {margin:0; padding:0; list-style-type: none; white-space: nowrap; }
.navbar-super li {display: inline; position: relative;}
.navbar-super li a {padding:15px 30px 15px 0; font-weight: bold; display: inline-block; }
.navbar-super>li>a { color:white;}
.navbar-super li a:hover, .navbar-super li a.active,
.navbar-super li.active a {color: #343b18}
.navbar-super i {position: absolute; top:-5px; right: 12px; width:15px; height:15px; color: #fff; background-color: #343b18; font-size:12px; font-style: normal; text-align: center; line-height: 15px; border-radius: 100%;}

/*dropdown-menu*/
.langflag {margin-left:20px}
.langflag img:hover {opacity:.6}
.dropend.lang {display:none}
.lang      {font-weight: lighter; position: absolute; top:19px; right:-25px;}
.lang .dropdown-menu {border:none; background-color: transparent; padding:0 0 0 5px; margin:0; min-width: auto;}
.lang .dropdown-toggle::after {display: none;}





.dropdown-toggle::after { display: inline-block; border:none; vertical-align: middle;transition: transform 0.2s ease-in-out; position: absolute; top:1px;}
.dropdown-toggle.show::after {transform: rotate(90deg);}
.dropdown-menu      {border-radius: 0; --bs-dropdown-spacer: 0; padding:0; animation: slideDown 0.3s ease-out;}
.dropdown-menu-body {padding:0}
.dropdown-menu-body.loged {padding:1.2rem}
.dropdown-menu-body li {border:none; height:auto; align-items:start;     justify-content: start; display: block;}
.dropdown-menu-body li:nth-child(1) {padding:0}
.dropdown-menu-body li a {display: block; padding:1rem 2rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.dropdown-menu-body li a:hover {background-color: #0000000d;}
.dropdown-menu-body li a i {padding-right:7px}
.dropdown-menu-body li:last-child a {border:none; background: #0000000d}
.navbar-super .dropdown-menu {transform: translate(0px, 0px) !important; border:0; box-shadow: 0 10px 30px rgba(0,0,0,.375); z-index: 2}
.navbar-super .dropdown-menu li {display: block;}
.navbar-super .dropdown-menu li a {display: block; padding:1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.navbar-super .dropdown-menu li a:hover {background-color: rgba(0, 0, 0, 0.05);}
.navbar-super .dropdown-menu li img  {margin-right:1rem; width:80px}
.navbar-super .dropdown-menu ul {margin:0; padding:0}

.search {position: absolute; top:16px; left:260px; width:350px}
.search input {position: relative; width: 100%; outline: none; padding: 10px 77px 10px 22px ;  background-color: #ececec; border-radius: 0px; border: 1px solid #ececec; }
.search input:focus {background-color: #ffffff; border: 1px solid #e3e3e3; }
.search .searchicon {position: absolute; right: 15px; width:30px; height:30px; display: block; background-size: cover;  background-image: url(../images/lens.svg); transform: translateY(-50%); top:50%; }
.search .searchicon:hover {opacity: .5; }
.search .clear {position: absolute; top: 15px; right: 53px; width:17px; height:17px; display: block; background-size: cover;  background-image: url(../images/close.svg); opacity: .3; ;}
.search .clear:hover {opacity: 1; }


.categoryStart h1 {margin:3rem 0 2rem 0; font-weight: bold; font-size:1.5rem; text-align: center;}
.categoryStart .frame {position: absolute; top:15px; left: 15px; right: 15px; bottom: 15px; border:2px solid #ffffff8f; z-index: 1;}
.categoryStart a {transition: transform 0.3s ease; display: block;}
.categoryStart a:hover {transform: scale(1.2); }
.categoryStart .item {overflow: hidden; text-align: center;}
.categoryStart .caption {position: absolute; bottom:30px;  left: 50%; transform: translateX(-50%); color: white; font-weight: bold; font-size:1.3rem; line-height: 30px; width: 100%; opacity: 1;transition: opacity 0.3s ease; text-shadow: 2px 1px 2px rgba(0, 0, 0, .5);}
.categoryStart .item:hover .caption {opacity: 0; z-index: -1;}
.categoryStart .owl-theme .owl-dots {bottom:-50px}

.owl-category .owl-dots {display:none}
.owl-category .owl-nav {position: absolute; z-index: 1; transform: translateY(-50%); top:50%; width:100%}
.owl-category .owl-nav .fa {font-size:25px; color: #ffffff; transform: translateY(-50%); top:50%;}
.owl-category .owl-nav .fa-stack {height:60px; width:30px; background-color: #343b18; box-shadow: rgb(38, 57, 77) 0px 20px 20px -8px;}
.owl-category .owl-nav .fa-stack:hover {background-color: #d55601; }
.owl-category .owl-nav .owl-next {right:0; position: absolute; transform: translateY(-50%); top:50%;}
.owl-category .owl-nav .owl-next  .fa-stack {border-radius: 5px 0 0 5px;}
.owl-category .owl-nav .owl-prev  .fa-stack {border-radius: 0 5px 5px 0;}
.owl-category .owl-nav .owl-prev {left:0; position: absolute; transform: translateY(-50%); top:50%; }
.owl-slider  .owl-dots {bottom:-45px}
.owl-slider .item {height: 75vh;}

.productStart .nav-link {font-size: 1.5rem; font-weight: bold; padding:1rem 2.8rem;  position: relative; margin-top:2rem; color: #383a3b}
.productStart .nav-link.active {border-bottom:3px solid #e31e25; color: #e31e25}
.productStart .nav-tabs button {border:none; border-bottom:3px solid #ffffff;}
.productStart .nav-tabs span {background-color: #f0f0f0; display: inline-block; width: 35px; height: 35px; font-weight: lighter; border-radius: 100%; line-height: 34px; letter-spacing: -2px; font-size:17px; position: absolute; top:0px; right:5px; z-index: 1; opacity: .7; color: black}
.productStartBg {background-color: #f0f0f0;}



/* AUTOCOMPLET */
.no-result {color: #343b18;   font-weight: bold; display: block;}
.no-result2 {display: block; font-size:.9rem; opacity: .5;}
.autocomplete-modal {box-shadow: 0px 18px 23px rgb(22 22 22 / 24%); border-top: #c2c2c2 1px solid; top:104px; z-index:5;position:fixed;background-color:white;}
.autocomplete {width: 100%; }

.hasalarm .autocomplete-modal {top: 162px;}
.hasaction .autocomplete-modal {top: 162px;}
.hasaction.hasalarm .autocomplete-modal {top: 220px;}

.autocomplete .mt-4 {margin:0 !important}
.autocomplete .line {border-top: #c2c2c2 1px solid; display: block; padding-top: 15px;}
.allresults  {background-color: #f1f1f1; }
.allresults a {padding: 1rem 1rem 1rem 0rem; display: block; }
.allresults a span {color: #343b18; border: #343b18 1px solid; padding:10px 20px; font-weight: bold;}
.allresults a span:hover {opacity: .7;}
.allresults strong {font-size: 1.3rem; position: relative; top: 2px;}

.autocomplete li {position: relative; padding:2px 0 0 20px}
.autocomplete li:before {content:""; background-image: url(../images/arrow.svg); width:20px; height:18px; display: block; background-size: cover; position: absolute; top:2px; left:0; background-position: -10px 0; background-repeat: no-repeat;}
.autocomplete .cat {border-left: #c2c2c2 1px solid}
.autocomplete .cat .box {padding:30px}
.autocomplete strong {padding-bottom: .5rem; display: inline-block}
.autocomplete .cat-result a:hover{color: #343b18;}


.scrollbar-inner {height: 700px; overflow-y: auto; padding-top:1rem; padding-bottom: 1rem;}
.scrollbar-inner::-webkit-scrollbar {width: 5px; }
.scrollbar-inner::-webkit-scrollbar-thumb {background-color: #343b18; }



/* MAIN */

.actionsIcons {z-index: 200; white-space: nowrap; transform: translateX(-50%); left:50%; top:-15px; font-size: 14px; background-color: #fff; border-radius: 25px; color:white; font-weight: bold; padding:5px 15px; display: inline-block; position: absolute; }
.actionsIcons.sale {background-color: #343b18; }
.actionsIcons.new {background-color: #48ad31; }

/* PRODUCT */

.orderbox {position: absolute; bottom:10px; left:0; width: 100%; padding:0 15px}

.owl-products .item {padding-top: 15px;}
.owl-products .product {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; border:1px solid silver; background-color: white;}
.owl-products.product__start {padding: 2rem 0;}
.owl-products .owl-dots {display:none}
.owl-products .owl-nav {position: absolute; z-index: 1; transform: translateY(-50%); top:35%; width:100%}
.owl-products .owl-next {position: absolute; right:15px;}
.owl-products .owl-prev {position: absolute; left:15px;}

.product {position: relative; box-shadow: rgba(100, 100, 111, 0.2) 1px -2px 10px 0px}
.product img:hover, .product  strong:hover {opacity: .8;}
.product .titlebox {display: block; padding:0px 0 15px 0; line-height: 20px; min-height: 82px;}
.product .code {display: block; font-size:.85rem; opacity:.6; margin-top: 7px; font-weight: lighter;}
.product .form-select {padding:5px 10px; border-radius: 0; background-color: transparent;}
.product .frame {padding:5px 10px; border: 1px solid #e2e6e9; font-size: .875rem; }
.product .box {padding:15px; background-color: white; min-height: 200px; text-align: left;}
.product .prod_cat {text-align: center;}
.product .underline {display: inline-block; color:#a1a1a1; font-size: .9rem;}
.product .underline:hover {color:black}
.product .priceBox {margin:15px 0 0 0; line-height: 22px;}
.product .hidden {display: none;}
.product .itemimg {display: block; text-align: center; margin:0 auto}

.offers {position: relative; font-size:.8rem; text-align: right;}
.offers .before_price {display:none}
.offers b {font-weight: normal; opacity:.8; position: relative;}
.offers b:before {position: absolute;content: ""; left: -2px; top: 50%; right: -5px; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg);}
.product .price {display: block; font-size:1.15rem; padding-top: 3px;}
.cs .product .price {font-size:1rem}

.product .price .from {font-size: .8rem;}
.product .price .offer {color: #ce2929}
.product .stock {font-size: .8rem; margin-top:5px}
.product .instock {color: green;}
.product .outstock {color: black }
.product .outstock b {font-weight: normal;}


.form-select.error { animation: blink 1s 2; border-color: red;} /* animácia na upozornenie pre výber */
.added-basket {display:none; position: absolute; bottom:0; left:0; width: 100%; background-color: #0db201; color: white; text-align: center; padding:15px 7px; z-index: 2; }

.product .toBasket  {position: absolute; bottom:5px; right: 15px;}
.toBasket a { background-color: #343b18; color: white; padding:5px 10px 5px 6px; font-weight: bold;  font-size: .9rem; display: inline-block;}
.toBasket a:hover { background-color: #d55601;}
.toBasket a::before {content:""; background-image: url(../images/basket.svg); width:30px; height:30px; display: inline-block; background-size: cover; vertical-align: middle; margin-right: 5px;}
.product .favorite {cursor: pointer; width:20px; height:20px; display:block; position: absolute; top:15px; right:15px; z-index: 1;}
.product .favorite:hover {opacity:1}
.product .favorite::before {z-index:1; content:""; background-image: url(../images/love.svg); width:20px; height:20px; display: block; background-size: cover; opacity:.4}
.product .favorite-in::before {background-image: url(../images/lovein.svg); }

.product__detail {padding-top:1.5rem}
.product__detail .owl-thumb-item {margin:15px 0px 0 0}
.product__detail .owl-thumb-item img {border:1px solid #ececec}
.product__detail .owl-thumb-item img:hover {border:1px solid #484848;}
.product__detail .owl-thumb-item.active img {border-bottom:3px solid #484848;}
.product__detail .owl-thumb-more {background-color: #ececec; display: block; height: 100%; width:100px;  position: relative;}
.product__detail .owl-thumb-more b {transform: translateY(-50%); top:50%; position: absolute; width: 100%; text-align: center; font-size: 1.1rem; opacity: .5;}
.product__detail .owl-nav {position: absolute; z-index: 1; transform: translateY(-50%); top:50%; width:100%}
.product__detail .owl-next {position: absolute; right:0}
.product__detail .owl-prev {position: absolute; left:0}
.product__detail .fa-stack {font-size: 1.2rem;}
.product__detail .box {padding-left:2rem}

.ico_actions  {position: absolute; top:15px; left:15px; z-index: 2; text-align: center;}
.ico_actions span {color: white; padding:5px 10px; margin-bottom:4px; display: inline-block; font-size:.8rem; line-height: 15px; font-weight: bold;}
.product .vypredaj, .imagebox .ico_actions .sale, .imagebox .discount-detail {width: 80px;}
.saledark {width:200px !important; background-color: #222 !important;}
.vypredajdark {width:150px !important; background-color: #222 !important;}
.discount-detail {background-color: #cc5c5ca1 !important;  padding:5px 10px; text-align:center; color:white; font-weight:bold; position:absolute; left: 15px; top:45px; z-index:2; font-size: .9rem; line-height: 15px}
.product__detail h1 {font-weight: bold; font-size:1.8rem; margin:0; padding:0}
.product__detail .code {font-weight: bold; margin-top:5px}


.product__detail .more {padding:0; display: inline-block;}

.product__types h3 {font-size: 1.1rem; font-weight: bold; margin-bottom: 15px;}
.product__types ul {list-style-type: none; margin:0; padding:0;}
.product__types li {display: inline-block; font-size: .8rem; line-height: 17px; width:90px;  margin:0px 4px 10px 0; text-align: center; border:1px solid white; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; margin-bottom:.25rem}
.product__types li a {display: block;  padding:1rem .55rem; }
.product__types li:hover,
.product__types li.active {border:1px solid rgb(103, 103, 103)}
.product__types .surface li  {flex: 1 1 auto}
.product__types .surface li img {display: inline-block; width:50px; margin-bottom: .5rem;}
.product__types .surface li b {display: block}
.product__types .dimension li  {font-size: .85rem; width:120px}
.product__types .dimension li a {padding:10px 15px}



.product__type__dimension img {position: absolute; top:8px; right:15px; width: 40px;}
.product__type__dimension.description b {display: inline-block; width:auto}
.product__frame {border:1px solid silver; border-bottom:0; margin-top:1rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.product__bg  {padding: 1rem; background-color: #ececec; border-bottom:1px solid silver;}
.product__price {margin-right: 2rem;}
.product__price .offers {font-size:1.1rem; margin-right:15px}
.product__price .offers__info {font-size:.9rem; color:#343b18; top:-2px; position: relative;}
.product__price .price {font-size:2rem; display:inline-block; line-height: 35px;}
.product__price .price__without__vat { display:block; line-height: 30px; opacity:.5}

.product__order input[type=number] {border-radius: 0; border:1px solid #a1a1a1; padding:10px 15px; text-align: center; width:120px; font-size:1.2rem; font-weight: bold;}
.product__order input[type=number]:focus{outline:0px !important; box-shadow: none !important;}
.product__order .width {width:120px; margin-right:1rem}
.product__order .spinner {position: absolute; border:none; background-color: transparent; font-size: 2rem; margin:0; padding:0; line-height: 0;}
.product__order .left {top:22px; left:10px}
.product__order .right {top:25px; right:10px; font-size:1.8rem}
.product__order .toBasket a {padding: 10px 15px}
.product__order .toBasket a:hover {background-color: #d15400; color: white}
.product__order .toBasket a.in-basket {background-color: #0db201; color: white}

.product__frame .line {padding:15px; border-bottom:1px solid silver; position: relative;}
.product__frame .padding {padding-left:40px; position: relative;}
.product__frame .icons::before,
.offcanvas__bottom .icons::before
 {content:"";  width:26px; height:26px; display: block; background-size: cover; position: absolute; top:50%;  transform: translateY(-50%); left:0}
 .offcanvas__bottom .icons::before {left:25px}
 
.product__stock .stock__info {font-size:.9rem}
.product__stock .instock {color:green; display:block}
.product__stock .outstock {color:#d40000; display:block}
.product__stock .instock::before {background-image: url(../images/check.svg);}
.product__stock .outstock::before {background-image: url(../images/clock.svg);}
.product__stock .infos {font-weight: bolder;}
.product__stock .infos a:hover {opacity:.7}
.product__stock .infos::before {background-image: url(../images/info.svg);}

.product__postage {display:none}
.product__postage b {display: block;}
.product__postage .free {color:#008000; font-weight: bold;}
.product__postage .progress {--bs-progress-height: .5rem;}
.product__postage .delivery::before {background-image: url(../images/truck.svg);}
.product__postage .delivery.free::before {filter: invert(25%) sepia(98%) saturate(1659%) hue-rotate(93deg) brightness(97%) contrast(106%);}


.product__brand .brand {position: absolute; top:5px; right:15px}
.product__brand .brand img {width:100px} 

.product__links  {font-size: .9rem; }
.product__links a:hover {opacity: .6; }
.product__links i {padding-right:7px}

.product__similar {margin-top:3rem}
.product__similar .item {padding-bottom: 2rem;}
.product__similar h2 {font-size:1.5rem; font-weight: bold;}
.product__similar .actionsIcons, .product__similar .prod_cat, .product__similar .favorite {display:none}


.product__files {border-bottom:1px solid silver}
.product__files .files {font-weight: bolder; padding:15px 15px 15px 50px; }
.product__files .item {border-top:1px solid silver; padding:10px 15px}
.product__files .item:hover {background-color: #f1f1f1; opacity:.7}
.product__files .files a:hover {opacity:.7}
.product__files .files::before {background-image: url(../images/files.svg); left:15px}

.dopyt {background-color: #f5f5f5; padding:3rem 0; margin-top:2rem; border-bottom:1px solid rgb(224, 224, 224);}


.parameters {border-top:1px solid silver; border-bottom:1px solid silver}
.parameters .nav-link {font-size: 1.5rem; font-weight: bold; padding:1rem 2.8rem;  position: relative; color: #383a3b}
.parameters .nav-link.active {border-bottom:3px solid #343b18; color: #343b18}
.parameters .nav-tabs button {border:none; border-bottom:3px solid silver;}
.parameters .nav-tabs span {background-color: #f0f0f0; display: inline-block; width: 35px; height: 35px; font-weight: lighter; border-radius: 100%; line-height: 34px; letter-spacing: -2px; font-size:17px; position: absolute; top:0px; right:5px; z-index: 1; opacity: .7; color: black}
.parameters__content .nav-docs {padding:2rem 2rem 1rem 2rem}
.parameters__content {background-color: #f0f0f0; padding:2rem 0}
.parameters__content h3 {font-size: 1.2rem; margin-bottom: 2rem;}
.accordion {--bs-accordion-border-radius: 0 !important;}
.accordion-header button {font-weight: bold !important; font-size:1.1rem !important; color: #333 !important}
.accordion-button:not(.collapsed) {background-color: #e0e0e0;}
.accordion-item {border-color: #ccc;}
.accordion-button:focus {border:none !important; outline:0px !important; box-shadow: none !important;}

.posuvne-table {border:1px solid #ccc; width: 100%;}
.posuvne-table td {padding: 15px; border-bottom:1px solid #ccc; }
.posuvne-table td:nth-child(2) {border-left:1px solid #ccc}
.posuvne-table tr:nth-child(even) {background-color: #f1f1f2;}
.posuvne-table th:first-child, .posuvne-table td:first-child {width: 180px;}
.img-responsive {max-width: 100%;height: auto;}

.docs-tab {padding-right:70px !important}
.docs-tab::after {content:""; background-image: url(../images/download.svg); width:35px; height:35px;background-size: cover; position: absolute; top:15px; right:25px; background-repeat: no-repeat;}
.docs-tab.active::after {filter: invert(59%) sepia(79%) saturate(6310%) hue-rotate(12deg) brightness(99%) contrast(104%);}
.nav-docs a {height:100%; border:1px solid rgb(214, 214, 214); display:block; padding:2rem 2rem 2rem 5.5rem; position: relative;  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.nav-docs a:hover {background-color: #e6e6e6;}
.nav-docs a::before {content:""; background-image: url(../images/downloads.svg); width:45px; height:45px;background-size: cover; position: absolute; top:50%; left:25px;  transform: translateY(-50%); }
.nav-docs b {display: block; font-size: 1.1rem; line-height: 22px; margin-bottom: 5px; overflow-wrap: break-word;}
.nav-docs span {opacity:.5; font-size:.9rem}

.load-products {font-size:1rem; padding:11px 30px; font-weight: bold;}

/* PRODUCT END */

.startInfoIcons {margin-top:3rem; margin-bottom:3rem}
.startInfoIcons h2 {font-weight: bold; text-align: center; font-size:1.3rem; margin-top:2rem}
.newsletter {background-color: #f8f8f8; padding:2.5rem 0}
.newsletter .title {font-weight: bold; font-size:1.4rem; white-space: nowrap; padding:7px 15px 0 0}
.newsletter .email-err {display:none; position:absolute; right:120px; top:15px;z-index:1000; font-size: 1.1rem;}
.newsletter .email-ok {display:none; position:absolute; right:120px; top:15px;z-index:1000;}
.newsletter .form-check {font-size: .9rem}
.newsletter .form-check-input[type="checkbox"] {width:18px; height: 18px; margin-top: 1px}
input[type=checkbox].checkbox+label {padding-left: 5px; position: relative;}
.newsletter [type=email] {border-radius: 10px; padding: 12px 20px; width: 100%;}
.newsletter .btn {position: absolute; top:4px; right:4px; padding: 8px 20px; border-radius: 10px;}

footer {background-color: #3E471D; padding: 1rem 0 2rem 0; color:white; position: relative;}
footer .footerbox {display: block;}
footer ul {list-style-type: none; margin:0; padding:0;}
footer li {display:inline-block; }
footer li:nth-child(2) {margin:0 3rem 0 2rem}
footer li a.ico {font-size:1.3rem}
footer li a.active {font-weight: bold;}
footer .soc:before   {filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);}
footer .ico:before   {filter: invert(48%) sepia(0%) saturate(6161%) hue-rotate(134deg) brightness(115%) contrast(86%);}
footer .soc {display: inline-block; padding:0; position: relative; top:15px}
footer .soc:before {content:""; width:45px; height:45px; display: block; background-size: cover; opacity:.6; }
footer .fb:before {background-image: url(../images/fb.svg); }
footer .yt:before { background-image: url(../images/yt.svg);}
footer .line {border-top:1px solid rgba(255, 255, 255, 0.188); margin:2rem 0}
footer .subinfo li {text-align: left; vertical-align: middle;}
footer h3 {display:none}
footer a {color: white; font-size:.9rem; display: block;}
footer a:focus {color: white;}
footer a:hover {opacity:.6}
footer .subinfo li {vertical-align: top; line-height: 27px;}
footer .subinfo li:nth-child(2) {margin:0 4rem}
footer .copyright {font-size:.9rem; text-align: center; margin-top:2rem; opacity: .4}
footer .copyright  a {display:inline}

/* contact */
.contact .title {background: linear-gradient(90deg, rgba(157,156,156,1) 0%, rgba(158,159,163,0.5243347338935574) 59%); }
.contact .title h1 {color:#fff; margin:0; padding: 1.5rem 0; font-weight: bolder; font-size:2rem}
.contact h3 {font-size: 1.3rem; padding: 1rem 0; font-weight: bolder;}
.contact .imgbg {height: 300px; background-image: url(../images/bg.jpg); background-size: cover;  background-position: center;}
.contact li a {display: block; position: relative; padding-left:70px}
.contact li a:hover {opacity: .8;}
.contact li a span {opacity:.5}
.contact .icons:before {top:0; left: 0; content:""; width:50px; height:50px; display: block; background-size: cover; position: absolute; }
.contact .tel:before {background-image: url(../images/c_tel.svg)}
.contact .mail:before {background-image: url(../images/c_mail.svg)}
.contact .time:before { background-image: url(../images/c_clock.svg)}
.contact .map:before {background-image: url(../images/c_map.svg)}


.form {box-shadow: 0px 30px 39px rgb(62 62 62 / 61%);  background-color: white; margin:3rem 0}
.form form {padding: 2rem; border-right:1px solid #989898; ;}
.form .form-control { border-radius: 0;}
.form .btn { padding:10px 30px}
.form .box { padding:3rem 2rem 1rem 3rem}
.form .bg_fa {background-color: #f3f3f3b3;}

.servicecat .image-link {position: relative;}
.servicecat .hover-image {position: absolute; top: -100px; right: 0%; opacity: 0; transition: opacity 0.2s ease-in-out; border:1px solid #989898; width: 150px; box-shadow: 0px 30px 39px rgb(62 62 62 / 61%);}
.servicecat .image-link:hover .hover-image {opacity: 1;}

/* about */
.aboutimg {height:300px}
.pageimg {height:300px}
.abouttxt h1 {margin-bottom: 2rem;}
.abouttxt .subinfoimg img {position: relative; bottom:-13rem;}
.abouttxt .box {padding:3rem 0;     font-size: 1.1rem; line-height: 2rem;}
.abouttime {background-color: #ececec; background-image: url(../images/wavy.png?v3); background-size: cover; background-position:  center 60px; background-repeat: no-repeat;}
.abouttime .box {padding: 5rem 0;}
ul.timeline { list-style-type: none; position: relative; } ul.timeline:before { content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 29px; width: 2px; height: 100%; z-index: 1; }
ul.timeline > li { margin: 20px 0; padding-left: 20px; } ul.timeline > li:before { content: ' '; background: #ececec; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #343b18; left: 20px; width: 20px; height: 20px; z-index: 1; }
ul.timeline p {position: relative;}
.brands h3 {color: #c0c0c0; font-size:1.2rem; font-weight: bolder;}
.owl-partner   {padding:2rem 0}
.owl-partner .item:hover  {opacity:.7}
.owl-partner .owl-dots {display:none}
.brands .owl-nav .fa-stack {font-size: 25px; width:2rem}
.brands .owl-nav .fa-stack:hover {opacity:.5}
.brands .owl-nav {top:-45px; position: absolute; right:0;}

/* PAGE */
.page h1 {margin: 1rem 0 2rem 0; font-weight: bold; font-size:1.8rem; }
.page .navvop {margin-left:-12.5px; margin-top: 2rem; position: sticky; top:137px;} 
.page .right__line { padding:2rem 2rem 1rem 2rem; border-right: 1px solid #ddd;}
.page .navvop li a {display: block; padding:1rem 0 1rem 1rem; font-weight: bold; border-left: 3px solid #fff}
.page .navvop li a:hover {border-left: 3px solid #ddd; opacity: .7;}
.page .navvop li a.active {color: #343b18; border-color:#343b18 ;}
.page span {font-size: 1rem !important;}
.page__transport__costs .bg {font-size:1.1em; padding:20px 20px 5px 100px; background-color: #ececec; color: #7b7b7b; margin-bottom: 15px; margin-top:15px; border-radius: 10px; position: relative;}
.page__transport__costs a {color: #7b7b7b;}
.page__transport__costs a:hover {color:black}
.page__transport__costs h3 {font-size:1.3em; margin:0 0 10px}
.page__transport__costs h2 {margin: 1.5rem 0}
.page__transport__costs .bg:before {top:25px; left: 25px; content:""; width:45px; height:45px; display: block; background-size: cover; position: absolute; }
.page__transport__costs .bank:before {background-image: url(../images/bank.svg)}
.page__transport__costs .office:before {background-image: url(../images/office.svg)}
.page__transport__costs .cash:before {background-image: url(../images/cash.svg)}
.page__transport__costs .transport:before {background-image: url(../images/transport.svg)}
.catalog h2 {font-size:1.4rem; margin:2rem 0 1rem 0}
.catalog h2.all_brand_title {    background-color: #ececec; padding:10px 15px;  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px}
.catalog h3 {font-size:1rem; margin:2rem 0 1rem 0}
.catalog .nav__account a span {padding-left:12px}

/* cookies */
.cookiesbox {z-index: 100000 !important; position:fixed; top:50%; left:50%;    transform: translate(-50%,-50%);  background-color:white; width:470px;   box-shadow: 3px 3px 20px 0px rgb(105 105 105 / 50%); text-align: center;}
.cookiesbox .box {padding:30px 20px;  background-color: #fff; position: relative;}
.cookiesbox .box::before {content:""; background: url(../images/cookies.svg); width:60px; height:60px; z-index: 2; position: absolute; top:-10px; left:50%; transform: translate(-50%,-50%); background-size: cover;}
.cookiesbox .box p {margin-bottom:35px; font-size: .85rem;}
.cookiesbox strong {font-size:20px; margin-bottom:10px; display: block;}
.cookiesbox .accept-cookies {padding:9px 20px; background-color: #238356 !important; color:white !important; border: none !important; font-weight: bold;}
.cookiesbox .accept-cookies:hover {background-color: #17593a !important}
.cookiesbox .btn {padding:7px 15px; border-radius: 0;}
.cookiesbox .set-cookies {margin:0 10px}
.weblayer--overlay {background-color: #ffffff;top: 0; left: 0; position: fixed;     z-index: 3; opacity: 0.7; display: block; width: 100%;  height: 100%; }  
  


/* ACCOUNT */
.avatar   {border-bottom:1px solid silver; padding:1rem 0}
.avatar  img  {margin-right: 15px;}
.avatar  a:hover {opacity: .6;}
.avatar .fa-solid {margin-left: 7px;}
.nav__account {position: sticky; top:156px; margin-bottom:1rem}
.nav__account li a {display: flex; align-items: center; padding:10px 0}
.nav__account li i {font-size:1.4rem}
.nav__account a span {position: relative; transition: transform 0.1s ease-in-out; padding-left: 15px;}
.nav__account a:hover span {transform: translateX(5px); color: #343b18;}
.nav__account li.title {font-size:1.2rem; margin:1.8rem 0 .5rem 0}
.nav__account li.active a{color: #343b18; font-weight: bold;}
.account .box {margin:2rem 0}
.account .status-ok {color: green; border-color: green !important}
.account .progressbar {margin: 0;}

.register__checkborder {padding: 15px 15px; background-color: #f3f3f3; border-radius: 7px;}

.order__item h3 {font-size: 1.2rem;}
.order__item a:hover {opacity: .7;}
.order__item .btn {font-weight: bold; font-size:.9rem; padding:.5rem 1.5rem}
.order__item .status {border:1px solid #c1c1c1; padding:5px 15px; display: inline-block;}
.order__item .mr-5 {margin-right: 1rem;}
.order__item .border-x {border-top:1px solid #c1c1c1}
.order__item .fa-circle-arrow-right {font-size:2rem}
.address__item .p-x {padding:2rem }
.address__item .add i {display: block; font-size:1.5rem; margin-bottom:.75rem}
.address__item .add a {display:block; padding:2rem 0}
.address__item .add  {text-align: center; position: relative; width:200px}
.address__item .add:hover {background-color: #ececec;}
.address__item .add span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:200px}
.address__item .dropdown-toggle::before {display:none}
.address__item .fa-ellipsis {font-size:2rem}
.address__item .dropdown-toggle { position: absolute; top:-25px;right: -15px; z-index: 1; line-height: 0;}
.address__item .dropdown-menu.show { transform: none !important;}
.personal__item h3 {font-size: 1.1rem; margin:0}
.personal__item .content  {padding:0 1.5rem 1.5rem 1.5rem; }
.personal__item .width span {display: inline-block; width:140px;}
.personal__item.bg {background-color: #ecececb0;}
.order__detail {border:1px solid #c1c1c1; border-radius: 15px;}
.order__detail .bg {background-color: #ecececb0; }
.order__detail .radius {border-radius: 15px 15px 0 0;}
.order__detail .border-x {border-top:1px solid #c1c1c1; }


/* category */
.category h1 {font-size:1.8rem; margin:0 0 1rem 0}
.category h3 {font-size:1.2rem; margin:0 0 1rem 0}
.category .content {font-size:.9rem;  margin-top:2rem}
.category .content .plusminus {margin-top:2rem}
.category .content ul {margin:1rem 0 2rem 0}
.category .content__img {display:none}
.category .listing .col50 {width:20%}
.category .listing.row {margin-right:0}
.category .listing.row>* {padding-right:0}


.categories img {width:50px; height: 50px; margin-right:1rem; float:left; }
.categories .item {font-size:.9rem; float:left; position: relative; width:100%; padding:5px 15px 5px 10px; border:1px solid #ececec;  font-weight: bold; line-height: 18px; background-color: #ffffffe4;}
.categories .item:hover {background-color: #ececec;}
.categories .item.active {background-color: #ecececb0;}
.categories .item span {position: absolute; top: 50%; transform: translateY(-50%);}
.categories .item i {font-weight: normal; font-style: normal; opacity: .5; display:inline-block; }
.categories .item b {color: #ce2929}

.breadcrumbs {margin-top:.5rem; border-bottom:1px solid #ececec}
.breadcrumbs nav {white-space: nowrap; }
.breadcrumbs ul {margin:0; padding:0}
.breadcrumbs li {display: inline-block;  font-size:.8rem; color: #727272}
.breadcrumbs li.active {font-weight: bold; }
.breadcrumbs li a {display: block; padding:.6rem 1.5rem .6rem 0; position: relative; font-size:.8rem; color: #727272 }
.breadcrumbs li a:hover {text-decoration: underline;}
.breadcrumbs li:last-child a:after {background: url() }
.breadcrumbs li a:after {content:""; background-image: url(../images/arrowright.svg); width:10px; height:10px; background-size: cover; position: absolute; top: 50%; right:5px; transform: translateY(-50%); }

.breadcrumbs .dropdown-menu  {z-index: 3}
.breadcrumbs .dropdown-menu a {display: block; padding: 8px 20px 8px 30px;}
.breadcrumbs .dropdown-menu li {display: block}
.breadcrumbs .dropdown-menu li.active a{color: #343b18;}
.breadcrumbs .dropdown-menu a:before {content:""; background-image: url(../images/arrowright.svg); width:10px; height:10px; background-size: cover; position: absolute; top:15px; left:14px;}
.breadcrumbs .dropdown-menu a:after {display: none;}
.breadcrumbs .dropdown-menu a:hover {    background-color: #ececec;}


 
#read-more {position: relative; color:#343b18; padding-top:20px; top:-10px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%); }
#read-more-content {overflow: hidden; }

.filter {background-color: #f5f5f5;}
.filter ul {position: relative;}
.filter .nav-pills {border-bottom:1px solid #cccccc;}
.filter .nav-link  {padding:15px 20px 15px 50px; font-weight: bold; color:black;  border-radius: 0; margin-right:1px; position: relative;}
.filter .nav-link.active {background-color: rgb(221, 221, 221); color: black;}
.filter .disabled .nav-link, .filter .disabled .nav-link.active {color: black; padding-left:20px; padding-right:30px; background-color: #f4d9d5;}
.filter .disabled .nav-link span {font-weight: normal;}

.filter .disabled .active {background-color: transparent;}
.filter .disabled .remove {margin-left:7px; }
.filter .prevedenie::before {content:""; background-image: url(../images/prevedenie.svg); width:25px; height:25px; background-size: cover; position: absolute; left:14px; transform: translateY(-50%); top:50%; }
.filter .rozmer::before {content:""; background-image: url(../images/rozmer.svg); width:25px; height:25px; background-size: cover; position: absolute; left:14px; transform: translateY(-50%); top:50%; }
.filter .filter__hiden {opacity: .6; position:absolute; top:15px; right:15px}
.filter .filter__hiden:hover {opacity: 1}

.filter i {font-style: normal; background-color: #e0e0e0; padding:3px 5px; margin-left:5px; display:inline-block; font-size: 11px; line-height: 15px; border-radius: 5px;}
.filter .line { padding: 15px; border-bottom: 1px solid #cccccc; position: relative;}
.filter .check-box { padding:15px;}
.filter .searchicon::before {position:absolute; right:20px; content:""; background-image: url(../images/lens.svg); width:25px; height:25px; display: block; background-size: cover; transform: translateY(-50%); top:50%; }
.filter .clear-filter {position:absolute; right:60px; cursor: pointer; transform: translateY(-50%); top:50%; line-height: 0;}
.filter  .check-box {padding-right:0}
.filter  .filter-cat {padding:15px 18px}
.filter  .remove-filters {position: absolute; top:0; right: 6px;}
.filter  .remove-filters:hover {opacity: .4;}


.sorting {padding:1rem 0; border-bottom:1px solid #ececec; position: relative; z-index: 1;}
.sorting ul {margin:0; padding:0; list-style-type: none;}
.sorting li {display: inline-block;}
.sorting li:first-child a {margin-left: 0;}
.sorting li a {margin:0 15px; display:block; color:#929292 ; border-bottom:1px solid rgb(255, 255, 255)}
.sorting li a:hover {border-color: black; color: black}
.sorting li a.active {border-color: #929292; font-weight: bold; color: #929292}
.sorting .fa-solid {margin-right: 7px;}
.sorting .sortinginfo  {color:#929292}
.sorting label {color:#929292 }
.sorting .form-check {margin:0 0 0 5px}
.sorting .collapseSort {display: none}
.sorting .collapse {display: block !important;}
.sorting .collapse {display: block !important;}


/* BASKET */
.progressbar {margin: 5rem 0 0 0 ;overflow: hidden; padding:0}
.progressbar li {list-style-type: none; color: #707070; text-align: center; width: calc(100%/4); float: left; position: relative;}
.progressbar li::before{content: ""; font-weight: bold; font-size:1.2rem}
.progressbar li:nth-child(1):before {content: "1"; }
.progressbar li:nth-child(2):before {content: "2";}
.progressbar li:nth-child(3):before {content: "3";}
.progressbar li:nth-child(4):before {content: "4";}
.progressbar li:nth-child(4)::after {width: 80% !important; right:150px}
.progressbar li.active::before { font-family: "Font Awesome 6 Free"; font-size:1.5rem}
.progressbar li.active:nth-child(1):before, 
.progressbar li.active:nth-child(2):before, 
.progressbar li.active:nth-child(3):before {content:"\f00c";}
.progressbar a {display: inline-block; padding-top:4rem; position: relative; top:-4rem; border-bottom:1px solid white}
.progressbar a:hover {opacity:.8; border-bottom:1px solid silver}
.progressbar li.active a:hover {opacity:.8; border-bottom:1px solid #5cb85c}
.progressbar li:before {content: ""; width: 50px; height: 50px; line-height: 50px; display: block; background: #ececec; border-radius: 50%; margin: 0 auto 10px auto;}
.progressbar li:after {content: ""; width: 100%; height: 10px; background: #ececec; position: absolute; right: -50%; top: 21px; z-index: -1; }
.progressbar li:last-child:after {width: 150%;}
.progressbar li.active a {color: #5cb85c; font-weight: bold;}
.progressbar li.active:before, 
.progressbar li.active:after {background: #5cb85c;color: white; }
.progressbar li.active.check a {color:#333}
.progressbar li.active.check a:hover {border:0}
.progressbar li.active.check::after {background: #ececec;color: white; }
.progressbar li.last::after {background: #5cb85c !important }
.progressbar li.active.check::before {background: #505050;}
.progressbar li.active.check:nth-child(1):before {content:"1"; font-size: 1.2rem;} 
.progressbar li.active.check:nth-child(2):before {content:"2"; font-size: 1.2rem;}
.progressbar li.active.check:nth-child(3):before {content:"3"; font-size: 1.2rem;}



/*BASKET END*/
.basket__right {border:1px solid #ececec; position: sticky; top:160px; margin-bottom:2rem}
.basket__right h2 {font-size: 1.5rem; padding:1rem; }
.basket__right #discount {border:0; border-top:1px solid silver; border-radius:0}
.basket__right #discount-trash {font-weight: lighter;}
.basket__right #discount-fail {border-top:1px silver dashed;}
.basket__right .subtotal {font-size:1rem; font-weight: bold; border-bottom:1px solid silver;}
.basket__right .subtotal small {font-size:.8rem; opacity: .7; display: block; font-weight: normal;}
.basket__right .subtotal a:hover {opacity: .6;}
.basket__right .total {font-size: 1.5rem;}
.basket__right .product__postage {padding: 1rem; background-color: #f5f5f5; border-bottom:1px solid silver; position: relative;}
.basket__right .product__postage .delivery {padding-left:50px}
.basket__voucher {border-bottom:1px solid silver; }
.basket__voucher a {line-height: 15px;}

.basket__items .headline {background:  #f5f5f5; font-size: .9rem; color:#757575; font-weight: bold;}
.basket__items .items {border:1px solid #d6d6d6;}
.basket__items .item {border-top:1px solid #d6d6d6;}
.basket__items .item img {width:100px; float:left; margin-right:1rem}
.basket__items .price {font-weight: bold; font-size: 1rem;}
.basket__items .instock {color:green; }
.basket__items span {display: block; font-size: .8rem;}
.basket__items h3 {font-size:.95rem; font-weight: bold; margin:0 15px 3px 0}
.basket__items h3 a:hover {opacity:.7}
.basket__items .width {width:100px; margin:0}
.basket__items input[type=number] {width:100px !important}
.basket__items .outstock {color:#343b18}

.basket__items .quantity {font-size: 1.1rem; font-weight: bold;}
.basket__items .remove {font-size: .8rem; opacity: .7; font-weight: normal;}
.basket__items .remove:hover {opacity: 1}
.basket__items .price__total {font-weight: bold; font-size: 1.1rem;}
.basket__btns {font-weight: bold;}
.basket__btns .back:hover {opacity: .7;}
.basket__btns .btn {font-weight: bold; padding:10px 30px}
.basket__btns small {display: block; font-weight: lighter; margin-top:10px; opacity:.5}
.basket__btns .fa-arrow-left {padding-right: 10px;}
.basket__btns .fa-paper-plane {padding-left: 10px;}
.basket__btns em {font-style: normal;}

.shipping__methods h2 {font-size: 1.2rem; text-align: center;}
.shipping__methods input[type=radio] {width:20px; height: 20px; top:5px; position: relative;}
.shipping__methods  {font-size: 1rem; font-weight: bold;}
.shipping__methods img {width:50px; margin:0 10px }
.shipping__methods .price {color:green; }
.shipping__methods label {padding: 1rem 1rem; border-bottom:1px solid #ececec}
.shipping__methods label.active {background-color: #0db20119; border:1px solid #0db201aa}
.shipping__methods .address-pickup {border-bottom:1px solid #d6d6d6}
.shipping__methods .address-pickup a {text-decoration: underline}
.shipping__methods .address-pickup a:hover {opacity:.7}

#osmMap {position: relative; }
#osmMap::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url('../images/loader.gif');  background-repeat: no-repeat;background-size: 50px; width: 50px;height: 50px; }
.selected__point {position: absolute; top:3rem; right:1rem; z-index: 1090; width: 330px;}
.pickup__list {zoom:85%; height:500px; overflow-y: auto; }
.pickup__list .pp-list {background-color: white; padding:1rem}
.modal-w90 {--bs-modal-width: 90%;}
.selected__point .btn__group .btn {display:block; width: 100%;}
.selected__point .btn-danger {font-size:.9rem; line-height: 22px;}


.delivery__data .box {padding:1rem;}
.delivery__data h3  {font-size: 1.2rem;}
.delivery__data .form-check-input  {width: 22px; height: 22px; margin-right: 10px;}
.delivery__data .form-check  {line-height: 33px; font-size: 1.1rem; margin:0}
.delivery__data .card-body  {padding:1.5rem;}
.collapse__info   {font-size: .8rem; padding:10px 0 0 25px}

.basket__overview .box {padding:1.5rem; border: 1px solid #d6d6d6;}
.basket__overview label {font-size:.9rem}
.basket__overview .star {color: red; display: inline; font-weight: bold;}
.basket__overview .edit a{border: 1px solid #d6d6d6; border-top:0; background-color: #d6d6d658; font-size:.9rem; display: block;}
.basket__overview .edit a:hover {background-color: #d6d6d6af}
.navbar-super {text-align: center;}
@media (min-width : 1500px) {
html {font-size:105%}
.container-fluid {max-width:1500px}
.container-fluid-max {max-width:100%;}
.toBasket a {zoom:95%}
.loginTop .loginLink {padding:0 25px 0 25px}
.ico {margin:0 0 0 30px;} 
}

@media (max-width: 1299px){
    .container-fluid {--bs-gutter-x: 2.5rem;}
    .navbar-nav .tel, .navbar-nav .mail {display:none}
    .navbar-super i {right:5px}
    .navbar-collapse .about {display:none}
    .navbar-super li a {padding-right:25px}

    .navbar-super li:last-child {padding-right:35px}
    .overflow {overflow: auto; position: relative;}
    #navbars::after {content: ""; position: absolute; top:0; right:0; width:60px; height: 55px; background: linear-gradient(to right, rgba(221, 221, 221, 0) 0%, rgb(221, 221, 221) 43%, rgb(221, 221, 221) 100%);}
    .page .navvop {    margin-left: -11.5px;}
    .category .listing .col50 {width:25%}
    .toBasket a {zoom:85%}
    

}

@media (max-width: 992px) {

    /* nove */
    .alarma .alarma__content {padding:1rem 3rem 1rem 1rem}
    
    .langflag {display: none;}
    
    header .container-fluid {padding: 0!important;}
    .owl-products .owl-nav img {width:40px; }
    #form-nlt {padding:0 1rem}
    footer li:nth-child(2) {margin: 0 2rem 0 1rem; }
    footer img {width: 140px; margin-top:-7px}
    .startInfoIcons h2 {font-size: 1.1rem;}
    .startInfoIcons img {width:120px}
    .category .content {margin-top:1rem}
    
    .brands .owl-nav {display: none !important;}
    .owl-partner .owl-dots {display:block}
    .owl-partner.owl-theme .owl-dots .owl-dot span {width:15px; margin:5px 2px}

    .page .navvop {display: none;}



    .offcanvas-collapse {position: fixed; top: 0; bottom: 0; right: 100%; width: 270px; overflow-y: auto; visibility: hidden; background-color: #323434; transition: transform .3s ease-in-out, visibility .3s ease-in-out; z-index: 5;       box-shadow: rgba(39, 63, 72, 0.8) 0px 7px 29px 0px;}
    .offcanvas-collapse.open {visibility: visible; transform: translateX(100%);;}
    .navbar-toggler {position: absolute; z-index: 101; top:13px; left:5px; color:transparent}
    .navbar-toggler-icon {--bs-navbar-toggler-icon-bg: url('../images/menu.svg')}
    .navbar-toggler-icon.open {--bs-navbar-toggler-icon-bg: url('../images/menuclose.svg'); transition: --bs-navbar-toggler-icon-bg 0.3s ease-in-out; }
    .navbar-toggler-icon.open.alarm_close {position: relative ;  top:-3rem;}
    .navbar-collapse .about {display:block}
    

    .navbar {height: 100px; }

    .navbar-super .dropdown-toggle::after {position: absolute; right:20px; top:12px;filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(188deg) brightness(103%) contrast(101%);}

    .navbar-nav li:nth-child(1) {display:none}
    .logo img {width:60px}
    .logo {top:5px; left: 65px}
    .lang {top:12px}
    .dropend.lang {display:block}

    .loginTop b {display:none}
    .loginTop .loginLink {height: 50px}
    .loginTop .loginLink::after {display:none}
    .loginTop span:before {top:17px; right:0; content:"";  background-image: url(../images/user.svg); width: 25px; height: 25px; position: absolute; z-index: -1;}
    .loginTop {position: absolute; top:0; right:65px; z-index: 1}
    .loginTop .permanent {font-size:12px}
    .loginTop .permanent label {padding-right:0}
    .loginTop h2 {margin:0 0 1rem 0}
    .basketTop b, .basketTop .pr {display:none}
    .navbar-nav li {height:auto; border:none; }
    .basketTop {padding:0; width:auto; position: absolute; top:-2px; right:20px;}
    .basketTop a:before {width:32px; height: 32px;}
    .basketTop .pc {width: 16px; height: 16px; font-size: 12px; line-height: 16px; top: 10px;}
    .navbar-nav .dropdown-menu {position: absolute;}
    #navbars::after {display: none}
    #navbars .overflow {overflow: unset;}
    .navbar-super {white-space: unset; margin-top:70px}
    .navbar-super li a {padding:10px 20px; color: white; border-bottom:1px solid rgba(255, 255, 255, 0.129); display:block; font-weight: normal;}
    .navbar-super i {top:12px; right:20px;  width: 20px; height: 20px; line-height: 19px; font-size:14px}
    .navbar-super .dropdown-menu {position: relative !important; transform: translate(0px, 0px) !important; }
    .navbar-super .dropdown-menu li a {color:rgb(38, 57, 77); width: 100%; position: relative; padding:10px 20px}
    .navbar-super .dropdown-menu a span {top: 50%; transform: translateY(-50%); position: absolute; padding-right: 10px;}
    .navbar-super .dropdown-menu li img {float:left; width: 65px;}
    .navbar-super .dropdown-menu:before {display:none}
    .navbar-super .dropdown-menu li {display: flex;}
    .navbar-super li:last-child {padding:0}
    .search {width: 100%; position: absolute; bottom:0; left:0; top: inherit; }
    .search input {padding:12px 77px 11px 15px; background-color: #ececec; border:none; border-top: #c2c2c2 1px solid; border-radius: 0; font-weight: bold; font-size: 1.1rem;}
    .search input:focus {border:none; border-top: #343b18 2px solid; background-color: #ececec; }


    .autocomplete-modal {top: 100px;}
    .autocomplete .cat {border:0; border-top: #c2c2c2 1px solid}
    .autocomplete .cat .box {padding:30px 15px}
    .allresults a {text-align: center; padding: 1rem;}
    .categoryStart h1 {margin:2rem}
    .prod_cat {padding-top:10px}

    /* category */
    .category .listing .col50 {width:33.333333333%}
    .categories img {width: 40px; height: 40px; margin-right:15px}
    .filter {margin-top:15px}

    .filter .disabled {position: absolute; top:65px; right:15px}
    .filter .disabled .nav-link {background-color: transparent; color: #d04e00; padding:0; font-size:.8rem}
  
    .filter .tab-pane label {font-size:.8rem}
    .filter .filter__hiden  span {display:none}
    .filter label {margin-bottom: 2px;}
    .sortinginfo {display:none}
    .breadcrumbs  {position: relative;}
    .breadcrumbs nav {margin-top: 7px; white-space: nowrap; position: relative; overflow: auto;}
    .breadcrumbs .dropdown-menu {display:none !important; ;}
    .breadcrumbs li:last-child {margin-right:5rem;}
    .breadcrumbs__bg__mobile { width: 80px; height: 40px; background: linear-gradient(to right, rgba(233,236,239,0) 10%, rgb(255, 255, 255) 53%, rgb(255, 255, 255) 100%); position: absolute; z-index: 1; right:0; top: -2px; }

    .page {overflow-wrap: break-word;}

    .product__detail {width: 700px; margin:0 auto}
    .product__detail .box {margin:2rem 0; padding:0}
    .product .priceBox {margin:0; line-height: 17px;}
    .progressbar {margin-top:3rem;}

    .selected__point {position: relative; top: 0;right: 0; padding: 1rem; width: 100%;} /*modal*/


    
    /* basket */
    .order1 {order: 2!important; margin-top:1rem}
    .order2 {order: 1!important;}
    .order3 {order: 3!important;}

    .slider  .container-fluid {--bs-gutter-x: 0;}
}

@media (max-width: 768px) {
    .scrollbar-inner {height: 600px;}
    .autocomplete .col50 {width: 50%; }
    .autocomplete .title {font-size:.9rem}


    .owl-theme .owl-dots .owl-dot span {width: 15px; height: 2px; margin:0 5px 10px 0}
    .categoryStart .owl-theme .owl-dots {display:none}
    .owl-slider .owl-dots {bottom:-35px}
    .alarma .alarma__content {font-size:.9rem}
    html {font-size:85%} 
    .col-xs-6 {width: 50%;}
    .newsletter {padding:1.5rem 0 2rem 0}
    .startInfoIcons img {width:100px}
    .cookiesbox {width: 340px;}
    .cookiesbox .btn {font-size: .75rem; padding:5px 12px;}
    .cookiesbox .set-cookies {margin:0}
    .category h1 {font-size: 1.8rem;}
    .owl-category .owl-dots {display: block; }
    .owl-products .owl-nav  {top:40% }
    .newsletter .d-flex {display:block !important; text-align: center;}
    .newsletter .form-check {text-align: left;}
    .newsletter .title {padding:0 0 1rem 0; font-size: 1.2rem;}
    .page__transport__costs .bg {padding:100px 15px 15px 15px}
    .page__transport__costs .bg:before {left:15px}
    .form form {border:0; border-bottom: 1px solid #989898; }
    .form .box {padding:1rem 2rem 1rem 2rem}
    .contact .imgbg {height: 200px;}
    .blog .box {padding:2rem 1rem}
    .abouttxt .subinfoimg {display: none;}
    .abouttxt .subinfoimg img {bottom:0}
    .productStart {margin-top:0rem !important}
    .productStart .nav-link {font-size:1.1rem}
    .productStart .nav-tabs span {transform: scale(.8);}
    .product .titlebox {font-size:1.3rem}
    .product .offers {position: absolute; top:0; right: 15px;}
    .offers .before_price {display:block; margin-top:3px}
    .toBasket a {text-align: center; display: block; zoom:100%}
    .toBasket a::before {width:25px; height: 25px; }


    
    
    .products__pages .order2 {display:none}
    .product .price {font-size:1.3rem}
    .product .stock {top:0}
    .product .toBasket {position: relative; right:auto; bottom:auto; margin-top: 10px;}
    .product .priceBox {margin-top: 10px;}    
    .product .vypredaj {width: 80px;}
    .load-products {padding:7px 20px}
    .nav-docs a::before {width: 35px; height: 35px; left:20px;}

  
    footer img {display: none;}
    footer .subinfo li:nth-child(2) {margin: 0rem;}
    footer li:nth-child(2) {margin:0}
    footer li a.ico {font-size: .85rem; padding-left: 25px; margin:0}
    footer li a.ico.mail {margin:0 12px}
    footer .ico::before {width:20px; height: 20px;}
    footer .soc {top:10px}
    footer .soc:before {width: 30px; height: 30px;}
    footer {padding: .5rem 0 0 0;}
    .footerbox li:nth-child(3){margin-top:1rem}
    footer a {display: block; padding:3px 0}
    footer .container-fluid, footer .row, footer .col-lg-12 {padding:0; margin: 0;}
    footer .line {margin: 20px 0 0 0;}
    footer .footerbox.text-center {text-align: left !important;}
    footer .footerbox  {padding:0 0 25px 10px; display:none}
    footer .footerbox li {display:block}
    footer .subinfo {background-color: #363636;}
    footer h3 {display:block; font-size:15px; padding:20px 0 20px 10px; margin:0; font-weight: bolder; position: relative;}
    footer h3::after {content: ""; width: 25px; height: 25px; background-image: url(../images/rightwhite.svg); position: absolute; right:0; background-size: cover; transform: translateY(-50%); top:50%; }
    h3.clicked::after {content: ""; width: 25px; height: 25px; background-image: url(../images/down.svg?v3); position: absolute;  right:0; background-size: cover; transform: translateY(-50%); top:50%; }
    
    /* product - product detail */
    .product__detail {width: auto; zoom: 90%;}
    .product__detail h1 {font-size: 1.8rem;}
    .owl-thumbs {display: none !important}
    .parameters .nav-link {padding:10px 15px; font-size:1.1rem}
    .docs-tab::after {width:25px; height: 25px; right:15px; top:9px}
    .docs-tab {padding-right:50px !important}


    .nomobile {display:none}
    .progressbar {margin-top:1.5rem; transform: scale(.9);}
    .basket__items .price__total  {position: absolute; bottom:0px; right:0}
    .basket__items .product__order {margin-top:15px}

    .category .listing .col50 {width:50%}

    .nav__account {display: none;}
    .sorting .collapseSort {display: block; background-color: #f5f5f5; border: #c2c2c291 1px solid; padding:7px 12px; margin:0; font-weight: bold; font-size: .9rem;}
    .sorting .collapse {display: none !important;}
    .sorting .collapse.show {display: block !important; }
    .sorting #collapseSort  {border: #c2c2c291 1px solid; border-top:0}
    .sorting #collapseSort li {display:block; background-color: #f5f5f5;}
    .sorting #collapseSort li a {padding:10px 15px; margin:0; color: #898989; font-size: .9rem; border-bottom: #c2c2c291 1px solid;}
    .sorting #collapseSort li:last-child {padding:10px 15px;}
    .sorting #collapseSort .form-check {margin:0}
    footer .copyright {display:none}
    .loginTop .dropdown-menu {--bs-dropdown-min-width: 280px}
    

    .product .box {min-height: auto;}
    .product .titlebox {min-height: auto;}
    .orderbox {position: relative;}
    .category .listing .col50 {width:100%}
    .parameters__content .nav-docs {padding:0}
    
    .account .text-end {text-align: left !important;}
    .account .btn-outline-dark {display: block; margin-top:15px}
    .account .account__search.ms-auto {margin:15px 0 0 0 !important}
    .account .basket__items .price__total  {top:0}
    .account .order__item h3.bigfont {font-size:1.4rem}
    .account .border {border:1px solid #ccc}
    .address__item .p-x {width: 100%;}


    
    
}
 


@keyframes slideDown {from {opacity: 0;transform: translateY(-10px); }to {opacity: 1; transform: translateY(0);}}
@keyframes blink {0%, 100% {border-color: transparent; } 33%, 60% {border-color: red;}}

/* badges */
.badge        {color:#fff; padding:.35rem .45rem; }
.sale         {background-color: #ce2929;}
.new          {background-color: #06bb42;}
.vypredaj     {background-color: #ce2929;}
.tip          {background-color: orange;}
.bestseller   {background-color: #f35a00}
.freedelivery {background-color: #000;}

.text-success {color:#3E471D !important;}

.product__types .surface li a.disabled {opacity: .15; cursor: text;}
.product__types .surface li a.disabled:hover {border:none !important;}


#product-thumbs.hidden {display:none !important;}

.listing-box {position:relative;}
.color-imgs {position:absolute; bottom: 185px; max-width:100%;}
.color-imgs img {height:50px; }


.dropdown-products {width:1400px}
.dropdown-products a {
    padding: 15px 30px 15px 0;
    font-weight: bold;
    display: inline-block;
    font-size:14px;
}
.dropdown-products img {margin:10px;height:90px;}


.dropdown-menu {
    display: none; /* Initially hide the dropdown */
  }
  
  .dropdown:hover .dropdown-menu {
    display: block; /* Show the dropdown when hovering */
  }
  
.packetery-branch-list select {display:block; width:100% !important; background-color: white !important; padding:12px;}

.dpd-overlay {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.5);display: none;justify-content: center;align-items: center;z-index: 1000;}
.dpd-content {background-color: #fff;width: 100%;height: 100%;overflow: hidden;}
.dpd-iframe {width: 100%;height: 100%;border: none;}
  

#load-slider .owl-item:not(.active) { opacity:0;}

.nav-top {background-color: #1d1d1d; color:white;}
.nav-top a { color:white; display:inline-block; padding:4px 8px; font-size:0.8rem;}

.set-variant {word-wrap: break-word;}ä