/* PRODUCT */
.product {margin:2rem 0 }

.product .content {background-color: #ececec; border-radius: 10px 10px 0 0; padding:2rem; position: relative; margin-top: 2rem;}
.product .content .small {font-size: .85rem}
.product .content p {margin:0}
.product h1 {font-weight: bold; font-size:1.6rem}
.product .ico_actions {top:-12px}
.product .znacka img  { width:100px; }
.product .znacka  {position: absolute; top:-30px; right:30px; border:1px solid #ececec; padding:5px 10px; border-radius:15px; background-color: #fff;}
.product .thumbs {width:6rem; margin-left:2rem; position: absolute; top:0; left:0; z-index:2; background-color: #fff;}
.product .padding {padding-left:8rem}
.product .links {padding:1rem 0 1rem 2rem; font-size:.9rem; }
.product .links a {display:inline-block}
.product .owl-product a {display: block; }
.product .owl-carousel .owl-item a {cursor: zoom-in;}
.product .btn-danger {color:#fff !important}
.product .item:hover, .product .image-link:hover {opacity:.9}
.product .box {padding:0 3rem}
.product .bg {background-color: #f6f6f6; padding:2rem; border-radius:0 0 10px 10px; border-top:1px solid #cecece;}

.product .pricebox {position: relative;}
.product .price {font-size:1.6rem; font-weight: bold; display: inline-block;  margin-bottom: 1rem;}
.product .price .dph {font-size:1rem; font-weight: normal;}
.product .price-bez {font-size:.9rem; display: block;font-weight: normal;}
.product .pricedopyt {font-size:1rem; font-weight: bold; display: inline-block; }
.product .price .currency {font-size:1.5rem; font-weight: normal}
.product .price.sale {color:#bf2a13}
.product .price-ks {font-size:.9rem; top:-10px; position: relative;}
.product strike {color:#99a1a9; font-weight: normal; margin-right:.5rem}
.product .stock {display: block; margin-bottom:.5rem; font-size: .8rem;}
.product .date {color: #333; font-weight: normal !important} .product .date b{font-weight: bold;} /* bold fix */
.product .inshop.dropdown-toggle {margin:0 0 0 .5rem}
.product .priceoffer {font-weight: bold; text-decoration: none; color:#357926; padding-left:0rem; font-size:.9rem; line-height: 1.1rem; display:inline-block; margin-top:.25rem}
.product .priceoffer:before {content:"\f494";}

.product .preorder {font-weight: bold; text-decoration: none; color:#bf2a13; padding:0 0 .3rem; font-size:.9rem; line-height: 1.1rem; display:inline-block}
.product .preorder:before {content:"\f14d";}

.product .pricereg {font-weight: normal; position: absolute; top:45px;right: 0px; font-size: 12px; padding: .55rem 1rem}

.product .gifts { color: #bf2a13;   border: 1px solid #ececec; padding: 1rem 1.2rem;border-radius: 5px; margin:.5rem 0}
.product .gifts a:hover { color: #bf2a13; text-decoration: underline;}
.product .gifts img {float:left; padding-right:15px}

.owl-thumb-item {margin-bottom:.5rem; border:1px solid #fff; padding:.5rem}
.owl-thumb-item.active {border-color: #333}

.parameters {background-color: #ececec; padding:2rem 0}
.parameters .nav-link, .history .nav-link {font-size: 1.2rem; font-weight: bold; padding:1rem}
.parameters .nav-link.first, .history .nav-link.first {padding-left:0}
.parameters .nav li a.active {border-bottom:2px solid #c6c9cc;  font-weight: bold; }
.parameters .tab-content {border:1px solid #ececec; border-top-color: #c6c9cc; padding:2rem 0}
.parameters .gallery a {border :1px solid #cecece; display: block}
.parameters .gallery a:hover {opacity:.8; border-color: #cecece}



/* HEADER */
header {position: fixed; z-index: 4; background-color: white; width: 100%; box-shadow: 0px 3px 5px 0px rgb(165 165 165 / 75%)}

.subnav {position: relative; z-index: 1; text-align: center; opacity: .6; padding: 5px 0 15px 0;}
.subnav ul {list-style-type: none; padding: 0; margin: 0;}
.subnav li {display: inline-block; padding: 3px 10px;}
.subnav li:first-child {padding-left: 0;}
.subnav li:last-child {padding-right: 0;}
.subnav a {font-size: .8rem;}

.brand {position: absolute; top:-13px; left: 0; z-index: 2;}
.brand img {width: 220px; margin:10px 0}
.brand img:hover {opacity:.8}

.search {padding-left:250px; position: relative; width: 100%; top:-8px}
.search input {position: relative; width: 100%; outline: none; padding: 10px 60px 10px 22px ;  background-color: #ececec; border-radius: 25px; border: 1px solid #ececec; }
.search input:focus {background-color: #ffffff; border: 1px solid #e3e3e3; }
.search .searchicon {position: absolute; top: 5px; right: 15px; width:35px; height:35px; display: block; background-size: cover;  background-image: url(../images/lens.svg);}
.search .searchicon:hover {opacity: .5; }
.search .clear {position: absolute; top: 13px; right: 60px; width:20px; height:20px; display: block; background-size: cover;  background-image: url(../images/close.svg); opacity: .3;}
.search .clear:hover {opacity: 1; }

.buysearch input {border: 1px solid #e3e3e3; position: relative; width: 100%; outline: none; padding: 10px 60px 10px 22px ;   border-radius: 25px; }
.buysearch .searchicon {position: absolute; top: 5px; right: 15px; width:35px; height:35px; display: block; background-size: cover;  background-image: url(../images/lens.svg); cursor: text;}
.buyed h2 {font-size: 1.1rem; position: absolute; top: 50%; left:150px; transform: translateY(-50%); padding-right: 15px;}
.buyed .middle {position: absolute; top: 50%; left:0; transform: translateY(-50%);}
.buyed img {margin:1rem; width:100px}
.buyed h2 a {display: block}
.buyed-frame {border:1px solid #e3e3e3; border-radius: 10px; margin-bottom: 1rem;}
.buyed-frame:hover {background-color: #ececec;}

.iconav {position: relative; padding-right: 55px; font-weight: bold; font-size: .9rem; padding-top: 5px; height:65px}
.iconav a:before, .assortnav:before {top:-2px; right: 0; content:""; width:40px; height:40px; display: block; background-size: cover; position: absolute; }

.assortnav {padding-top: 10px; display: block; margin-left:2rem}
.assortnav.active a {color: #bf2a13;}
.assortnav:before {content:""; background-image: url(../images/asso.svg)}

.loginnav .loginico:before {content:""; background-image: url(../images/login.svg)}
.loginnav a.regnav:before {content:""; background-image: none}
.loginnav  {margin: 0 2rem;}
.loginnav a {display: block; line-height: 17px;}
.loginnav .dropdown-menu {min-width: 270px; }
.loginnav .dropdown-menu a {display: block; padding: 15px}
.loginnav .dropdown-menu a.active {color: #bf2a13;}
.loginnav .dropdown-menu li.active a{color: #bf2a13;}
.loginnav .dropdown-menu a:hover {    background-color: #ececec;}
.loginnav .dropdown-menu i {padding-right: 10px;}


.basketnav a.dropdown-toggle:before {content:""; background-image: url(../images/basket.svg)}
.basketnav {line-height: 17px; text-align: right; position: relative;}
.basketnav .pc {position: absolute; top: -7px; right: -7px; z-index: 2; color: #fff; background-color: #bf2a13; font-size: 10px; padding: 7px; border-radius: 100%; line-height: 5px;}
.basketnav .dropdown-menu {min-width: 700px; right:0; top:65px; left:auto; box-shadow: 0px 18px 23px rgb(22 22 22 / 24%); border-radius: 0 0 3px 3px; border-top: 0;}


.basketnav .box{padding: 2rem; font-size: .8rem;}
.basketnav h3 {font-size: 1.2rem;}
.freeshipping {background-color: #f1f1f1; padding: .5rem 1rem 1px 1rem; text-align: center;}
.freeshipping p {color: green; padding-top: .5rem;}

.bar-shipping {background-color: #c2c2c2; text-align: center; color: white; border-radius: 20px; cursor: pointer; text-align: right; } .bar { width: 100%; height: 10px; background-color: green; border-radius: 20px }
.bar-shipping .fas {color: green; font-size:1.2rem; top:-1.1rem;  position: relative; margin-right:10px; }


.minicart  {padding:0rem 2rem 0rem 2rem; font-size: .9rem; line-height: 17px;}
.minicart .item {position: relative; }
.minicart .item.line {border-top: #c2c2c2 1px solid;}
.minicart .img {position: relative; display: inline-block; margin-right: 1rem;}
.minicart .title {display: inline-block; width: 200px; vertical-align: middle; margin-right: 1rem; font-weight: bold; line-height: 16px;}
.minicart .ico_actions {left:0}
.minicart .spinner {display: inline-block;width: 85px;}
.minicart .spinner .inc {top:2px}
.minicart .spinner .dec {top:20px}

.minicart .price {display: inline-block; margin: 0 40px 0 40px; }
.minicart .img img {width:100px}
.minicart .price.one {top:0}
.minicart .price.one span{display:none}
.minicart .price b {color: #555; font-size: 1.1rem; display: block; padding-bottom: 5px;}
.minicart .price span {color:#939393; font-weight: lighter;}
.minicart .price-btn {position: absolute; top:28px; right: 1rem;}
.minicart .remove:before {top:11px; right: 0; content:""; background-image: url(../images/remove.svg); width:20px; height:20px; display: block; background-size: cover; position: absolute; }
.minicart .remove:hover {opacity:.5}
.minicart .scroll-wrapper {max-height:450px; overflow: hidden !important; margin-bottom: 2rem;}
.scroll-wrapper.active {padding-right: 2rem}
.subtotal.row {margin:0}
.subtotal {background-color: #f1f1f1; padding: 1rem 1rem; border-top: #c2c2c2 1px solid;}
.subtotal .price {padding:0 0 0 1rem}
.subtotal .price span{font-size: 1.5rem; position: relative; top:2px; left:5px}

/* AUTOCOMPLET */
.no-result {color: #bf2a13; font-size:1.2rem; margin:30px 0 0 -15px; font-weight: bold; display: block;}
.no-result2 {color: #bf2a13; display: block; font-size:.9rem}
.autocomplete-modal {box-shadow: 0px 18px 23px rgb(22 22 22 / 24%); border-top: #c2c2c2 1px solid; top:116px; z-index:100;position:fixed;background-color:white;}
.autocomplete {width: 100%; }
.autocomplete .mt-4 {margin:0 !important}
.autocomplete .lines .item:hover {box-shadow: none; border-bottom: #c2c2c2 1px solid}
.autocomplete .lines .col-lg-4 {padding: 0;}
.autocomplete .scroll-wrapper {max-height:700px; overflow: hidden !important; margin-bottom: 2rem;}


.autocomplete .line {border-top: #c2c2c2 1px solid; display: block; padding-top: 15px;}
.autocomplete .box {padding-top: 15px;}
.autocomplete .lines.row {margin:0}
.allresults  {background-color: #f1f1f1}
.allresults a {padding: 1rem 1rem 1rem 2rem; display: block; font-weight: bold;}
.allresults a:hover {color:white}
.allresults strong {font-size: 1.3rem; position: relative; top: 2px;}
.allresults:hover {background-color: #c2c2c2; color:#fff}
.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; padding: 0;}
.autocomplete .cat .box {padding: 1.3rem;}
.autocomplete b {padding-bottom: .5rem; display: inline-block}

.minicart .spinner-price-btn {position: absolute; top:20px; right:0;}

.tobasket {border: 1px solid #bf2a13; padding:7px 10px 7px 34px; color:#bf2a13; font-weight: bold; position: relative; border-radius: 5px; top:-10px; right:10px}
.tobasket:hover {background-color: #bf2a13; color: white}
.tobasket:before {top:7px; left: 5px; content:""; background-image: url(../images/btnbasket.svg); width:25px; height:25px; display: block; background-size: cover; position: absolute; }
.tobasket:hover:before {background-image: url(../images/btnbasket2.svg)}

.ico_actions {position: absolute; top: 10px; left: 15px; width:70%; text-align: left;}
.ico_actions span {color: #fff; padding: 3px 5px; border-radius: 5px; line-height: 14px;font-weight: bold; font-size: 12px;}
.ico_actions .sale {background-color: #bf2a13; }
.ico_actions .new {background-color: #48ad31; }

.spinner {position: relative; font-weight: bold; vertical-align: top;}
.spinner .btn {font-size:12px; height:44px; color: #fff; padding:0 .4rem; line-height: 2.7rem; width:105px; text-align: center;}
.spinner .button {width:20px; height:20px; position: absolute; top:0; right: -30px; z-index: 2; cursor: pointer; font-size: 20px;}
.spinner i {font-style: normal;}
.spinner .inc {top:-4px}
.spinner .dec {top:15px; padding-left: 2px;}
.spinner .mj {position: absolute; top:19px; right:7px; z-index:2; font-size:12px; background-color: #ffffff; line-height: 0;}
.spinner input[type=text] {padding-left: 10px; width: 70px; height:40px;  border:0; letter-spacing:-1px; font-weight: bold; border-radius:5px}
.spinner input:focus {outline: none;}
.spinner .numbers-row {position: relative; border: #c2c2c2 1px solid; padding-right: 10px; border-radius:5px}

/* MAIN */
main {padding-top: 116px;}

.owl-slider .bg {height:100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(158,159,163,1) 90%); }
.owl-slider h1 b {font-weight: 700; font-size: 2.5rem; display: block;}
.owl-slider h1 {font-weight: 200; font-size: 1.7rem; padding: 3rem 0 1rem 0;}
.owl-slider li {font-weight: 700; padding:0 0 10px 35px; position: relative;}
.owl-slider li:before {content:""; background-image: url(../images/arrow.svg); width:25px; height:18px; display: block; background-size: cover; position: absolute; top:0; left:0}
.owl-slider .btn {border: 1px solid black; margin: 1rem 0 3rem 0; background-color: #1d1d1b; color: white}
.owl-slider .btn:hover {background-color: rgb(80, 80, 80); color: white}
.owl-slider .btn i {padding-left:15px}
.owl-slider .owl-dots, .owl-slider .owl-nav {display: none;}

.indexcat {margin: 1rem auto; text-align: center;}
.indexcat img:hover {opacity:.7}
.indexcat b {display: block; line-height: 18px;}
.blogcat  {background-color: #dedee0; padding: 3rem 0; margin-top: 2rem; clear: both;}
.blogcat  h2 {margin: 0; padding: 0 0 20px 0; font-size: 1.8rem;}
.blogcat  p {margin: 0; padding: 20px 0; }

.servicecat {padding: 1rem 0; margin: 1rem 0;}
.servicecat h2 {margin: 0; padding: 0 0 5px 0; font-size: 1.8rem;}
.servicecat h3 {margin: 0; padding: 0 0 15px 0; font-size: 1.4rem;}
.servicecat ul a  {font-weight: bold; padding: 5px 0; display: block; }
.servicecat ul a.btn  {display: inline-block; padding:.5rem 2rem; margin-top: 1rem;}
.customservice {height: 40%; position: relative; margin-bottom: 2rem;}
.customservice .btn {position: absolute; bottom: 1rem; right: 1rem; padding-left: 2.5rem;}
.customservice .btn:before {content:""; background-image: url(../images/hand.svg); width:25px; height:25px; display: block; background-size: cover; position: absolute; top:8px; left:8px}
.servicecat .owl-partner {border: 1px solid #e3e3e3; padding: 10px; }

footer {background-color: #1d1d1b; padding: 2rem 0 1rem 0; color: white; font-size: .85rem; text-align: center;}
footer img {width: 255px; position: relative; top: -10px; margin-bottom: 10px;}
footer span {display: none;}
footer ul {list-style-type: none; margin:0; padding:0}
footer ul li {display: inline-block; vertical-align: top; width:260px; text-align: left;}
footer ul li.first {width:330px}
footer a {color: #fff}
footer a:hover {color: #9d9c9c; text-decoration: underline;}
footer .footer-title a {font-weight: bold; margin-bottom:1rem; font-size:1rem; margin-bottom:1rem; display: block; text-transform:uppercase;}
footer .footer-title a:hover {text-decoration: none; cursor: text;}
footer .footer-title ul li a {font-weight: 300; font-size:.9rem; margin:.15rem 0; text-transform:none;}
footer .footer-title ul li a:hover {text-decoration: underline; cursor: pointer}
footer .footer-title ul li.active a {font-weight: bold}
footer .box1 {width:40%; float:left}
footer .box1 li {float:none !important}
footer .box1 .footer-menu a {font-size:1.1rem}

footer .ico {position: relative; padding-left: 1.5rem;}
footer .ico:before {top:0px; left: 0; content:""; width:20px; height:20px; display: block; background-size: cover; position: absolute; }
footer .tel:before {background-image: url(../images/tel.svg)}
footer .mail:before { background-image: url(../images/mail.svg)}
footer .home:before {background-image: url(../images/home.svg)}

.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;}
.contact .imgbg {height: 300px; background-image: url(../images/contact.png); background-size: cover; }


.contact li {padding-left: 2.4rem;}
.contact .ico {position: relative; }
.contact .ico:before {top:-2px; left: -2.5rem; content:""; width:30px; height:30px; 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%);  width: 100%; float:left; position: relative; z-index: 2; background-color: white; bottom:-3rem}
.form form {padding: 2rem 3rem; }
.form .form-control {border:0; border-bottom:1px solid #989898; border-radius: 0; padding-left: 0;}
.form .box {border-left:1px solid #989898; padding:3rem 2rem 1rem 3rem}
.form .googlemaps a {border-left:1px solid #989898; border-top:1px solid #989898; padding:2rem 2rem 2rem 3rem; font-size: 1.5rem; display: block; position: relative;}
.form .googlemaps a::after {content:""; background-image: url(../images/gps.svg); top:25px; right: 30px;  width:50px; height:50px; display: block; background-size: cover; position: absolute; }
.form .googlemaps a:hover {background-color: #989898; color: white}
.form .col8 {float:left; width:60%}
.form .col4 {float:left; width:40%}

.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;}

.aboutimg {height:350px}
.aboutimg .circlesk {color: #fff; background-color: rgb(209 28 0 / 84%); border-radius: 100%; position: absolute;     bottom: -250px; right: 2rem; width: 170px; height: 170px; text-align: center;}
.aboutimg .circlesk b {font-size: 1.3rem; text-transform: uppercase; display: block; padding: 50px 0 0 0;}

.abouttxt h1 {margin-bottom: 2rem;}
.abouttxt .box {padding:3rem 0;     font-size: 1.1rem; line-height: 2rem;}
.abouttxt .lipka {width:160px; text-align: center; font-size: 1rem;}
.abouttxt .lipka img {border-radius: 100%; display: inline-block; margin-bottom: 1rem;}


.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 #bf2a13; left: 20px; width: 20px; height: 20px; z-index: 1; }
ul.timeline p {position: relative;}

.partners {padding:4rem 0 0 0 }
.partners p {margin-bottom:3rem}
.grayscale {    -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .9; }
.grayscale:hover { -webkit-filter: none; filter: none; opacity: 1;}
.partners .item {border: 1px solid #e1e3e7; border-right: 1px solid #eee;; padding: 2.56em; text-align: center; min-height:20rem; margin-bottom:2rem; background-color: #fff; border-radius:25px; vertical-align: middle; display: flex; align-items: center;  justify-content: center;}

.dopravaplatba .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;}
.dopravaplatba h3 {font-size:1.3em; margin:0 0 10px}
.dopravaplatba h2 {margin: 1.5rem 0}
.dopravaplatba .bg:before {top:25px; left: 25px; content:""; width:45px; height:45px; display: block; background-size: cover; position: absolute; }
.dopravaplatba .bank:before {background-image: url(../images/bank.svg)}
.dopravaplatba .office:before {background-image: url(../images/office.svg)}
.dopravaplatba .cash:before {background-image: url(../images/cash.svg)}
.dopravaplatba .transport:before {background-image: url(../images/transport.svg)}


.page h1 {margin: 2rem 0;}
.page .navvop {background-color: #ececec; padding:2rem 2rem 1rem 2rem; border-radius: 0 0 15px 15px; position: fixed;     width: 100%;}
.page .navvop li {border-bottom: 1px solid #cdcdcd;}
.page .navvop li:last-child {border:0}
.page .navvop li a {display: block; padding:1rem 0; font-weight: bold;}
.page .navvop li a.active {color: #bf2a13;}


/* user */
.profilenav ul {border: 1px solid #989898; border-radius: 15px; margin:1.5rem 1rem 1.5rem 0}
.profilenav  li a {border-top:1px solid #989898; display: block; padding:.65rem 1rem .65rem 1.3rem; font-weight: bold;}
.profilenav  li i{padding-right: 10px; width:auto}
.profilenav  li:first-child a {border-top:0}
.profilenav  li .active {color: #bf2a13;}
.profilenav  h1 {margin: 2rem 0; font-size: 1.6rem;}
.profilenav .alert h2 {font-size:1.2rem; margin:5px 0 0 0}

.tablecss {border: 1px solid #cdcdcd; border-bottom:0;}
.tablecss.last {border-bottom: 1px solid #cdcdcd}
.tablecss a {display: inline-block;}
.tablecss img {width: 50px; margin:5px 1px; display: inline-block; border: 1px solid #cdcdcd;}
.tablecss img:hover {opacity: .7;}
.tablecss .text-right { line-height: 0;}
.tablecss .overflow {height:56px; overflow-y: auto}
.tablecss .overflowbox {padding-right:5px}
.tablecss .box {padding:16px 0; font-weight: bold;}
.tablecss .box.idobj {padding-left:16px}
.tablecss .box.date {opacity:.5}
.tablecss .box.price {color:green}

.edit-user i {color:red}
.edit-user label {margin-top: 1rem;}
.delivery-address { border: 1px solid #cdcdcd; border-radius:5px; padding:10px 10px 10px 60px; margin-top:10px; cursor:pointer;}
.delivery-address:before {content:"\f3c5"; font-size:2rem; opacity:.4; position: absolute; top:30px; left:30px}
.delivery-address.main { border: 2px solid #bf2a13; color: #bf2a13; font-weight:bold; }
.insert-user-address { border: 1px solid #cdcdcd; border-radius:5px; padding:30px 10px 30px 60px; margin-top:10px; display: block; font-weight: bold;}
.insert-user-address:before {content:"\f055"; font-size:2rem; opacity:.4; position: absolute; top:30px; left:30px}
.update-user-address {position:absolute; right:25px; top: 20px;}
.delete-user-address {position:absolute; right:29px; top: 43px;}

.category .frame {margin: 2rem 0;}
.treenav {list-style:none; border: 1px solid #989898; border-radius: 15px 15px 0 0; }
.treenav ul {margin:0; padding:0; position:relative; list-style-type: none;}
.treenav li {position: relative;}
.treenav li a {border-top:1px solid #989898; display: block; padding:.65rem 1rem .65rem 2.2rem; font-weight: bold;}
.treenav li:first-child a {border-top:0}
.treenav li li a {border:none; padding:0rem .5rem .35rem 3rem; font-weight: normal}
.treenav li li li li a {padding:.35rem .5rem .35rem 4rem; font-weight: normal}

.treenav li li li li li a {padding:.35rem .5rem .35rem 4.5rem; font-weight: normal}

.treenav li li a.active {color: #bf2a13; font-weight: bold }
.treenav li li li a.active {color: #bf2a13; font-weight: normal !important}
.treenav .indicator {cursor: pointer; position: absolute; top:9px; left:15px; font-size:11px; height: 24px; width:20px; z-index:2; text-align: center; padding-top:.5rem; opacity: .5;}
.treenav li li .indicator {cursor: pointer; position: absolute; top:0px; left:30px}
.treenav li a.active {color: #bf2a13;}

.breadcrumbsbg { background-color: #ececec;}
.breadcrumbsbg .breadcrumbs nav {margin-top:0}
.breadcrumbs nav {white-space: nowrap; margin-top:25px; border-bottom:1px solid #ececec;}
.breadcrumbs ul {margin:0; padding:0}
.breadcrumbs li {display: inline-block;  font-size:.8rem}
.breadcrumbs li.active {font-weight: bold; }
.breadcrumbs li a {display: block; padding:.6rem 1.5rem .6rem 0; position: relative; font-size:.8rem}
.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:12px; right:5px;}

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



.category h1 {font-size:2rem}
.category h1 span {font-weight: normal !important; text-decoration: underline; }
.category .content {margin:1rem 0 1rem 0; font-size:.9rem}
.category .content p {margin:0; padding:0}
.category .content img {float: right; margin:0 0 1rem 1rem; width: 140px; border-radius: 100%; box-shadow: 0px 18px 23px rgb(22 22 22 / 24%);}
#read-more {border-bottom: 1px solid #bf2a13; padding:5px 0 2px 0; color:#bf2a13; font-size: 13px;}
#read-more-content {max-height: 70px; overflow: hidden;}

.categories {margin-top:2rem; clear: both;}
.categories h1 {margin-bottom:1.5rem; margin-top: 1.5rem; padding-bottom:10px; display: block; text-align: center;}
.categories img {width:60px; height: 60px; margin-right:1rem; float:left; border-radius: 100%;}
.categories .item {font-size:.9rem; float:left;position: relative; width:100%; padding:.5rem; border:1px solid #ececec; display: block;  font-weight: bold; line-height: 20px; background-color: #fff;}
.categories .item:hover {background-color: #ececec;}
.categories .item span {position: absolute; top: 50%; transform: translateY(-50%);}
.categories .item i {font-weight: normal; font-style: normal; opacity: .5;}

.asortment-categories .item { padding:1rem;  display: block; text-align: center; position: relative; }
.asortment-categories img {border-radius:100%; box-shadow: 0px 18px 23px rgb(22 22 22 / 24%);}
.asortment-categories img:hover {opacity: .7;}
.asortment-categories span {position: relative; vertical-align: middle; font-weight: bold; display: block; margin-top:2rem;  height:100%;}
.asortment-categories .col5 {margin-left:1rem;   width: auto; height: auto;min-height: 150px;flex-basis: 18%; line-height: 1.3rem;}

.leftbox {background: linear-gradient(90deg, rgba(194, 194, 194, 0.6) 0%, rgba(204, 204, 204, 0.4) 79%); padding:1.2rem; margin: 1rem 0;}
.leftbox strong {font-size: 1.2rem; padding-bottom: 10px; display: block; line-height: 23px;}
.leftbox.callus a {position: relative; font-size: 1.3rem; padding-left: 40px; font-weight: bold;}
.leftbox.callus a:before {top:-2px; left: 0rem; content:""; width:30px; height:30px; display: block; background-size: cover; position: absolute; }
.leftbox.callus a:before {background-image: url(../images/c_tel.svg)}
.leftbox.salesbox {font-size: .9rem;}
.leftbox.ico:before {top:15px; right: 15px; content:""; width:50px; height:50px; display: block; background-size: cover; position: absolute;}
.leftbox.salesbox:before {background-image: url(../images/sale.svg); opacity: .2;}
.leftbox.newsletter {border-radius: 0 0 15px 15px;}
.leftbox.newsletter:before {background-image: url(../images/c_mail.svg); opacity: .2;}
.leftbox.newsletter .custom-control-label {line-height: 18px;}
.leftbox.newsletter strong {margin-right: 2rem}
.leftbox .custom-control-label::before {border:1px solid #969696}
.leftbox #button-addon2 {padding-left: 8px; padding-right: 8px;}

.leftbox.alerts {border-radius: 10px; position: relative;}
.leftbox.alerts:before {top:15px; right: 15px; content:""; width:50px; height:50px; display: block; background-size: cover; position: absolute;}
.leftbox.alerts:before {background-image: url(../images/sad.svg); opacity: .2;}

.filter {padding:1rem 0; margin:5px 0 45px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}

.filter  .fas {margin:0 .35rem}
.filter .fontawesome:after {padding-left:.5rem; font-family: "Font Awesome 5 Free";}
.filter .tble:after {content:"\f009";}
.filter .line:after {content:"\f0c9";}

.filter .frame {border: 1px solid #ececec; padding: 0.375rem 0.75rem; margin:0 7px 0 0; border-radius:6px; display:inline-block}
.filter .inshop {background-color: #1d1d1b;}
.filter .inshop a { color:#fff}
.filter .inshop a.active {font-weight: bold;}

.filter .ico-input {position: relative; display: inline-block; margin-right: 5px;}
.filter .ico-input input {width: 170px;}
.filter .ico:before { content: "";  background-size: cover; position: absolute; top: 6px; right: 8px; width: 25px; height: 25px; z-index: 10; opacity: .5;}
.filter .search-size:before {background-image: url(../images/lens.svg)}

.instock {color: #48ad31; font-weight: bold; font-size: .9rem;}
.outstock {color: #bf2a13;}





.listing .item {padding:15px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; text-align: center; transition: all .2s ease; position: relative;}
.listing .item:hover {box-shadow: 0px 5px 12px rgb(22 22 22 / 24%);}
.listing .title {font-weight: bold; line-height: 16px; margin:1rem 0; min-height: 51px;}

.listing .price b {color: #555; font-size: 1.3rem; display: block; line-height: 23px;}
.listing .price span {color:#939393; font-weight: lighter;}

.listing .tobasket {top:0; right: 0; position: absolute; padding:8px 7px 8px 35px; font-size: 15px; }
.listing .spinner-price-btn {position: relative; top:0; left:0; width:100%; height:auto; right: unset; padding:30px}
.listing .tobasket {right:unset; top:20px;  position: relative; padding: 10px 10px 10px 34px;}
.listing .spinner input[type="text"] {width:100%; text-align: left;}

.inbasket {box-shadow: inset 0px 0px 12px rgb(22 22 22 / 34%);}
.code {display: inline-block; font-weight: bold; margin: 7px 7px 0 0; opacity:.4; }

.lines .item {border-bottom: 1px solid #ececec; position: relative;}
.lines .item:hover {box-shadow: 0px 0px 6px rgb(22 22 22 / 24%);}
.lines .col-lg-4 {flex: 0 0 100%; max-width: 100%;}
.lines .img {display: inline-block; margin-right: 1rem}
.lines .img a {display: block}
.lines .img img {width: 90px; margin:10px}
.lines .title {display: inline-block; width: 33%;vertical-align: middle; padding-right: 1rem;font-weight: bold;line-height: 16px; position: relative; }
.lines .title a {display: block;}
.lines .spinner-price-btn {position: absolute; top:30px; right:20px; width:400px; height:40px}
.lines .price {position: absolute; top:30px; right:300px; }
.lines .price b {color: #555; font-size: 1.2rem; display: block; line-height: 23px; padding: 0;}
.lines .price span {color:#939393; font-weight: normal; font-size: 13px;}
.lines .tobasket {position: absolute; top:0; right:0;}
.lines .spinner {position: absolute; top:0; right:170px;}
.lines .ico_actions {top:-12px; }





/* basket table */

.basket .th {font-weight: 800; padding:1rem .5rem; border-bottom:1px solid #ececec; border-top:2px solid #ececec; margin:2rem 0 0 0}
.basket .c1 {width:10%; position: relative;}
.basket .c2 {width:40%; position: relative;}
.basket .c3 {width:14%; position: relative;}
.basket .c4 {width:10%; position: relative;}
.basket .c5 {width:15%; position: relative;}
.basket .c7 {width:60px; position: relative; }
.basket .c6 {width:15px; position: relative;}
.basket .tdb  span {display:block; position: absolute; top: 50%; transform: translateY(-50%); padding:.35rem 0}
.basket .remove { font-size:1.5rem; font-weight: lighter; line-height: 0; cursor: pointer;}
.basket .remove:hover {color: red}
.basket .tdb input {border:none; padding:.5rem; width:90%; margin-right:.5rem; font-weight: bold;}
.basket .tdb  {border-bottom:1px solid #ececec;  margin:0; }
.basket .tdb:hover, .basket .tdb.zebra:hover{background-color: #ececec;}
.basket .tdb a {padding:1rem; display: block;}
.basket .dropdown-toggle {display:inline}
.basket .product-gift a  {display:inline; padding:0}
.basket .product-gift {padding:10px}
.basket .product-gift b, .basket .product-gift i {color: #ce2929;}
.basket a.nounderline {text-decoration: none !important}
 /* favorite product */
.basket-top .discount-listing, .basket-top .badges {display:none}
.basket-top {background-color: #ececec; padding:2rem 0}
.basket-top h2 {font-size:1.5rem}

.basket .sum strong {font-size:1.4rem; margin-top:2rem}
.basket small {display:none; font-style: normal;}
.dropdown-kupon a {text-decoration: none !important}
.dropdown-kupon .dropdown-menu {position: relative !important; transform:none !important; margin-top:1rem; border:0}
.dropdown-kupon .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {color:#000 !important}
.dropdown-kupon span {display:inline-block; padding:.5rem 0 0 0}
.dropdown-kupon #discount-trash {opacity:.5}
.dropdown-kupon #discount-ok {font-weight: bold; color: green}
.dropdown-kupon #discount-fail {font-weight: bold; color: red}

.basket h1, .basket h2  {background-color: #ececec; padding:1rem; font-size:1.2rem; font-weight: bold; line-height: 28px; text-align: center;}
.basket h2 {text-align: left; width:100%}


.basket label {font-weight: 800; }
.basket label small {padding-left:.3rem; font-size:1rem}
.basket .btn-success {margin:1rem 0 2rem 0; padding:.6rem 3rem}
.basket .custom-control-label {display:block; cursor: pointer;}
.basket .custom-control-label:hover {opacity:.7}

.trapay {padding:1rem 0}
.trapay h3 {font-size:1rem; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ececec; text-transform: uppercase;}
.trapay .input-group {border-bottom:1px solid #ececec; padding-bottom:1rem}
.basket .sum.green {color:green}
.trapay .delivery1:after {content:""; background: url(../images/gls.png); width:95px; height:39px; position: absolute; top:-6px; right:0}
.trapay .delivery2:after {content:""; background: url(../images/personal.png); width:95px; height:39px; position: absolute; top:-6px; right:0}
.trapay .delivery3:after,.trapay .delivery4:after {content:""; background: url(../images/packeta.png); width:95px; height:39px; position: absolute; top:-6px; right:0}

.duselect .input-group {padding-top:1rem}
.duselect .first  {padding-left:2.2rem}
.dodaudaje {padding-top:1rem; padding-bottom:1rem}
.dodaudaje label {font-weight: 300; font-size:1rem; margin:.5rem 0 0 0}
.dodaudaje label i {color:red}
.dodaudaje .input-group  {margin-top:1.8rem}
.dodaudaje .custom-control-label {font-weight: 800; font-size:1rem; margin:1rem 0 0 0}
.note {padding-top:1rem; padding-bottom:1rem}


.gift-item {border:1px solid #eee; margin-bottom:1rem; padding:10px;position:relative; margin:5px 5px 15px 5px; cursor: pointer;}
.gift-item.active {border:1px solid #28a745;}
.gift-item.active i {position:absolute; top:.5rem; left:.5rem; color:white; display:inline-block; background-color: #28a745; border-radius:10px; width:20px; height:20px; padding-top:3px;}
.gift-item:hover {border:1px solid #28a745;}
.gift-item img {margin-bottom:1rem}
.gift-item strong {font-size:.8rem; line-height: 1rem; display: block; font-weight: normal; min-height:35px}

.gift-item .disabled {opacity:0.5;}
.gift-item .disabled:hover {border:1px solid #eee;}
.gift-item .badge {position:absolute; top:0 !important; left:0 !important; z-index:2; border-radius:0; width:100%}


@media (min-width : 1380px) {

}

@media (min-width : 1500px) {
html {font-size:105%}
.container-fluid {max-width:1500px; padding:0 15px}
.subinfoimg img {padding: 0 5rem}
.lines .price {right:340px}
.breadcrumbs li a:after {top:14px}


}

@media (max-width: 1199px){
    footer ul li.first {width: 220px;}
    footer ul li.footer-title {width: 220px; margin-right: 15px;}
    .blogcat h2{font-size:1.5rem}

    .leftbox.callus a {font-size: 1.1rem;}
    .leftbox.salesbox:before, .leftbox.newsletter:before {content:""; display: none;}
    .leftbox.newsletter input, .leftbox.newsletter .btn {border-radius: 5px !important; margin-top: 7px;}
    .leftbox.newsletter strong {margin-right: 0rem}

    .asortment-categories .col5 {flex-basis: 29%;}
    .filter .ico-input input {width:160px}
    .filter .frame {margin-right: 3px;}


    .lines .img img {width: 150px;}
    .lines .title {width: 70%; vertical-align: top; padding-top:20px; position: relative;}
    .lines .price {position: absolute; top:80px; right:unset; left:190px; margin-bottom: 1rem}
    .lines .spinner-price-btn {position: absolute; top:80px; left:180px; width:379px;  right: unset; margin-bottom: 1.2rem;}
    .stock {margin-top: 7px; display: inline-block;}
    .listing .spinner {padding: 0 10px}
    .product .box {padding: 0}
}

@media (max-width: 991px) {


    .product .content, .product .bg {padding:15px}
    .product .links {padding-left: 15px;}
    .container-fluid {padding: 0 15px;}
    .subnav  {display: none;}

    .filter {background-color: #ececec; padding:15px 10px 0 10px}
    .filter .ico-input  { display: block; margin-bottom: 10px;}
    .filter .ico-input input {width:100%; display: block;}
    .filter .frame {padding: 4px 5px; font-size:12px; margin-bottom: 5px;}
    .filter .noborder {border:0; padding: 4px 2px; }



    .listing .col-xs-6 {flex: 0 0 50%; max-width: 50%;}


    header {padding: 10px 0 0 0;}
    header .container-fluid {padding: 0;}

    .brand  {left:15px}
    .brand img {width: 190px; margin:10px 0 0 0; position: relative; z-index: 3;}

    .navbar-nav b {display: none;}
    .navbar-nav {position: absolute; top:0; right: 0;}
    .loginnav {margin: 0;}

    .autocomplete-modal {top: 100px;}
    .autocomplete .cat {border:0; border-top: #c2c2c2 1px solid}
    .allresults a {text-align: center; padding: 1rem;}

    .search {padding: 0; margin: 45px 0 0 0%; top:0}
    .search input {padding-left:15px; background-color: #fff; border:none; border-top: #c2c2c2 1px solid; border-radius: 0;}
    .search input:focus {border:none; border-top: #c2c2c2 1px solid; }
    main {    padding-top: 100px;}
    .error404 h1 {font-size: 1.5rem;}

    .assortnav {position: absolute;top:0; right: 105px; padding-right: 49px;}
    .assortnav b {display: block;}
    .loginnav {position: absolute; top:0; right: 60px}
    .basketnav {position: absolute; top:0; right: 15px}
    .basketnav .pr {position: absolute; top: -5px; right: -5px; z-index: 2; color: #fff; background-color: #bf2a13; font-size: 9px; padding: 0 3px; display: block; border-radius: 5px; line-height: 12px;}
    .basketnav .pc {display: none;}
    .owl-slider h1 b {font-size:2rem}
    .owl-slider h1 {font-size:1.3rem; padding-top: 2rem;}
    .blogcat h2{font-size:1.2rem}
    .blogcat  p {font-size:.9rem}
    .servicecat {padding-bottom: 2rem;}
    .owl-partner .owl-dots {position: absolute; left:50%; bottom:-50px; transform: translate(-50%, -50%);}

    footer ul li.first {width: 49%; }
    footer ul li.footer-title {width: 49%; margin:15px 0}

    .autocomplete .minicart .box {padding: 15px 0 ;}
    .form form {padding:1rem}
    .form .col8 {float:none; width: 100%}
    .form .col4 {float:none; width: 100%;}
    .form .box {border-top: 1px solid #989898; border-left: 0; padding: 1rem; margin-top: 1rem;}
    .contact .ulreset {margin-bottom: 1rem;}
    .form .googlemaps a {border-left:0}
    .abouttxt .subinfoimg {display: none;}
    .abouttxt .box {font-size: 1rem; line-height: 1.6rem;}
    .abouttxt h1 {font-size: 1.8rem;}

    .article .bg {margin:1rem 0; box-shadow: none !important}
    .article-similarly {padding-bottom: 0rem;}
    .article .padd {padding: 0;}
    .blog .box {padding: 2rem 0;}
    .blog-headline-img {height: 300px;}

    .page .navvop {position: relative; border-radius: 0;}
    .page .nopadding {padding:0}

    .category-tree {display: none}
    .category-listing {flex: 0 0 100%; max-width: 100%;}

    .breadcrumbs {position: relative;}
    .breadcrumbs nav {margin-top: 7px; white-space: nowrap;  /*overflow-x: auto;*/  position: relative;}
    .breadcrumbs:after { content: ""; width: 80px; height: 45px; 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: -15px; top: -2px; }
    .breadcrumbsbg .breadcrumbs:after {background: linear-gradient(to right, rgba(236,236,236,0) 10%, rgb(236, 236, 236) 53%, rgb(236, 236, 236) 100%); }
    .breadcrumbs li a {padding: .75rem 1rem .75rem 0}
    .breadcrumbs li a:after {right:0;     top: 17px;}
    .breadcrumbs li:last-child {margin-right:5rem;}
    .breadcrumbs .dropdown-menu {display:none !important;}
    .page {overflow-wrap: break-word;}

    .profilenav ul {display: none}
    .buyed .middle {position: relative; left: 130px; padding-bottom: 1rem;}
    .breadcrumbs nav{overflow: auto;}




}

@media (max-width: 767px) {

    /* LINE */
    .lines .col-xs-6 {flex: 0 0 50%; max-width: 50%;}
    .lines .item  {text-align: center; padding:7px; border-right: 1px solid #ececec}
    .lines .img {margin: 0;}
    .lines .img img {width: 150px; display: inline-block;}
    .lines .title {width: 70%; min-height:50px; vertical-align: top; position: relative; text-align: center; padding:0}
    .lines .price {position: relative; top:0px; right:unset; left:0px; margin: 1rem 0 ;}
    .lines .spinner-price-btn {position: relative; top:0; left:0; width:100%; height:auto; right: unset; padding:15px 15px 35px 15px;}
    .lines .spinner {left:0; right:unset; position: relative;}
    .lines .tobasket{right:0; top:25px;  position: relative; padding: 10px 10px 10px 34px;}
    .lines .spinner .button {display: none;}
    .lines .spinner input[type="text"] {width:100%}

    .listing .item  { padding:7px}
    .listing .spinner .button {display: none;}
    .listing .spinner-price-btn {padding:15px 15px 35px 15px;}
    .ico_actions {width: 100%;}







    .indexcat .col {flex-basis: 30%}
    .blogcat    {padding: 0 0 2rem 0;}
    .blogcat  h2{padding-top: 2rem; font-size: 1.7rem;}
    .blogcat  p {min-height: auto;}
    .servicecat {padding:0; margin: 1rem 0 2.5rem 0;}
    .servicecat ul a {border-bottom: #e3e3e3 1px solid; }
    .servicecat h2 {margin-top: 2rem;}
    .customservice {height: 300px;}

    footer {padding: 0%;}
    footer img {display: none}
    footer span {display: block; }

    footer ul li.first {width: 100%; }
    footer ul li.footer-title {width: 100%; margin:0}

    footer ul {width:100%; margin:0; padding:0}
    footer li.footer-title {padding:8px 15px; margin:0; display: block; border-bottom:1px solid #494949; width:100%}

    footer .col-md-12 {padding:0}
    footer .footer-menu {padding-top:10px}
    footer li.footer-title a {margin:0; position: relative; color:#9d9c9c; font-size: 12px;}
    footer li.footer-title a:after {content:""; background-image: url(../images/plus.svg); background-size: cover; position: absolute; top:5px; right:0rem; opacity:.5; width: 14px; height: 14px;}
    footer li.footer-title li a:after {content:""; }
    footer li.footer-title.active a:after {background-image: url(../images/minus.svg); background-size: cover}
    footer li.footer-title li a:after {background: url() !important; }
    footer ul ul {display:none}
    footer ul li {float:none !important;}

    .autocomplete .spinner-price-btn {position: relative; top:0; right:0;}

    .minicart .price b{font-size: 1rem;}
    .minicart .price {margin:0 15px 0 10px}
    .autocomplete .spinner .button  {display: none;}
    .tobasket {right: 0;}
    .cookies .material-switch {margin-top: -15px;}
    .cookies .text-right {text-align:right !important}
    .blog h1, .article h1 {font-size:2rem}
    .category h1 {font-size: 1.5rem; margin-bottom: 1rem;}


    .asortment-categories .col5 {flex-basis: 44%;}

    .tablecss .box {padding:7px 16px}
    .tablecss .idobj {font-size: 1.2rem;}
    .tablecss .text-right {text-align: left !important;}
    .tablecss img {width: 80px;}
    .tablecss .overflow {overflow: hidden; height:auto}
    .tablecss .overflowbox {padding: 15px;}
    .categories .mb-4 {margin-bottom: .5rem!important;}
    .parameters .nav-link {font-size: 1rem}

}

@media (max-width: 450px){
    .modal-body {padding:1rem}
    .assortnav b {display: none;}
    .category .content img {width:100px}

    .listing strike {display:none}





}