.navbar {padding:0}
.search {padding-left:0; position: static;}
#search-head-form {margin-top:1rem; list-style-type: none; position: relative; display:block; background-color: #fff;  width: 350px; float:left; height:100%}
#search-head-form .form-control {padding:1rem 1.5rem; border:none; background-color: #e3e5e8; border-radius:30px;}
#search-head-form button {background-color: transparent; border:none; position: absolute; top:1rem; right:1rem; cursor: pointer; color: #475868; display: block;}
#search-head-form button:hover {color: black;}
#search-head-form form {background-color: #fff; width:235px; position: relative;}
.easy-autocomplete-container ul {box-shadow: 5px 5px 16px 0px rgba(0, 0, 0, 0.25);}
.easy-autocomplete a {padding:1rem}
.eac-item img {margin-right:.5rem}
.eac-item span {padding-top:.4rem; display: block;}


header .brand {margin:1rem 3rem 1.2rem 1rem; display: block; width:250px}
header .brand img{ width:150px}
header .brand:hover {opacity:.85}
header nav ul {list-style-type: none; margin:0; padding:0; display:inline-block; position: relative; }
header nav li {display:inline-block;}
header nav .sort:before  {content:"\f6ec"; font-family: "Font Awesome 5 Free"; color: #9da8be; padding-right:.7rem}
header nav .conto:before  {content:"\f023"; font-family: "Font Awesome 5 Free"; color: #9da8be; padding-right:.7rem}
header nav .cont:before  {content:"\f0e0"; font-family: "Font Awesome 5 Free"; color: #9da8be; padding-right:.7rem}
header nav li a  {padding:2.2rem .6rem 2rem .6rem; font-weight: bold; display: block; }
header nav li a.sort  {margin-left:1rem; }
header nav li a.active, header nav li a:hover  {opacity:.7; }
header .firstul { margin-left:1rem}
header .cart {display:block; position: absolute; right:1rem; top:.7rem; padding:1rem 1rem; height:60px; }
header .cart:hover {opacity:.85}
header .cart img {width:40px}
header .cart.noactive {cursor: text;}
header .cart i {display:inline-block; font-size:2.3rem; color: #fff; line-height: 3.3rem;}
header .cart span{position: absolute; font-size:.7rem;  color: #fff;top:1rem; right:.7rem; width:15px; height:15px; border-radius:25px; text-align: center; background-color: #93ba11;}



header .dropdown-menu ul {margin:0; top:0; display: block;}
header .dropdown-menu li {display: block; float:left; width:325px; border-bottom:1px solid #e9eaee}
header .dropdown-menu li a {padding:1rem; display: block;}
header .dropdown-menu li a:hover {background-color: #f2f2f2;}
header .dropdown-menu li img {display:inline-block; margin-right:1rem}
header .dropdown-menu .row {margin:0}
header .dropdown-menu  {border:none}

.submenu .dropdown-menu {position: relative !important; transform: none !important; background: transparent; border: none; box-shadow: none; float: none; margin-bottom: 0}
.submenu {margin:0; padding:2rem 0; list-style-type: none; border-radius: 30px; background-color: #e3e5e8;}
.submenu a {display: block; padding:.25rem 1rem .25rem 1.5rem; border-bottom:1px solid #c0c5cc}
.submenu li.show .dropdown-toggle {color:#36485a; font-weight: bold; }
.submenu li.show .dropdown-toggle:focus::hover {color:#36485a; }
.submenu li.show .dropdown-toggle:active::hover {color:#36485a;}
.submenu li .dropdown-toggle:focus {color:#36485a; font-weight: bold;}
.submenu li.show .dropdown-toggle:hover,
.submenu li .dropdown-toggle:focus:hover {color:#fff; font-weight: bold;}

.submenu a:hover {background-color: #8DBD5A; color: #fff;}
.submenu li li a {border:none; padding-left:2.7rem; position: relative;}
.submenu li li a:before {content:"\f111"; font-family: "Font Awesome 5 Free"; font-size:.3rem; position: absolute; top:.75rem; left:1.7rem}
.submenu li li:last-child a {border-bottom:1px solid #c0c5cc}

.slider .item div {height:30rem}
.slider .item a {font-weight: bold; padding:.75rem 2rem}
.slider .item h1 {color: #fff; padding-top:7rem; font-size:3rem; font-weight: bold; text-shadow: 0px 2px 2px rgba(0,0,0,0.6);}
.slider .item p {font-size:1.3rem; color: #fff; font-weight: 300; text-shadow: 0px 2px 2px rgba(0,0,0,0.6);}
.slider .item .bg {background-color: rgba(54, 72, 90, 0.5);; height:100%}

.imgcategory {margin:1rem 1rem 1rem .5rem}
.imgcategory .cover {height:15rem; overflow: hidden; position: relative; padding:0}
.imgcategory a {font-size:1.4rem; transition:all 0.3s ease; position: absolute; top:0rem; left:0rem;  z-index:2;display: block; width:100%; height:100%; color: #fff; font-weight: bold; text-align: center; background: rgb(255,255,255); background: linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.49) 100%); text-transform: uppercase; }
.imgcategory .cover:before {content:""; border-left:5px solid #fff; border-right:5px solid #fff;  z-index:8; height:100%; position:absolute}
.imgcategory a span {position: absolute; z-index:2; bottom:1.5rem; display: block; text-align: center; width:100%; }
.imgcategory a:hover {transform: scale(1.1); }

.nav-akcie-novinky {position: absolute; left:1rem; top:-3.5rem; z-index:1}
.nav-akcie-novinky li {display: inline-block;}
.nav-akcie-novinky li a {color: #000; font-weight: bold; padding:1rem 1rem; display: block; text-transform: uppercase;}
.nav-akcie-novinky li:first-child a {padding-left:0}
.nav-akcie-novinky li a.active {text-decoration: underline;}
.nav-akcie-novinky li a.active,
.nav-akcie-novinky li a:hover {color:#e93c3c}
.filter li:nth-child(1) a {color: #98c10f}
.filter li:nth-child(2) a {color: #da3b3b}
.filter li:nth-child(3) a {color: #36485a}
.filter li a:hover {color: #000}


.topcat .height1 .item, .topcat .height .item {padding-top:5rem}
.topcat .item .ico {top:5rem}
.category .item {padding:1rem 1rem; position: relative; border-right:1px solid #e9eaee}
.category  div {padding:0; position:relative;}
.category .item img {display: block; margin:0 auto 10px; padding:0;}
.category .item:hover {box-shadow: 4px -2px 12px 0px rgba(0, 0, 0, 0.25)}
.category .catinfo {color: #888; display: block; }
.category .catinfo:hover {color: #000}
.category strong {font-size:1.1rem; display: block; height:90px}
.price {font-weight: bold; display: inline-block; font-size:1.4rem;}
.price.sale {color:#e93c3c;font-size:1.4rem}
.price .oldsale {color:#E93C3C}
.price strike {font-size:0.9rem;}
.category .tobasket {font-size:1.5rem;  color: #c7c7c7; float:right; }
.category .tobasket:hover {color:green}
.ico {color: #fff; font-weight: bold; letter-spacing: -1px; position: absolute; top:1rem; left:0; padding:.3rem .75rem; font-size: .7rem;}
.percent {background-color: #e93c3c;}
span.news    {background-color: #98c10f;}
strike {color: #000; opacity:.7; font-weight: normal; font-size:1.2rem; position: relative; top:-3px; margin-left:.5rem}
.instock {color: #98c10f; font-weight: bold; font-size:.9rem; display: block;}
.outstock {color: #e93c3c; font-size:.9rem; display: block;}



.category .frame  {margin:5rem 0rem 0 0rem;  border-left:1px solid #e9eaee; border-top:1px solid #e9eaee; position: relative;}
.category .start  {margin:5rem 1rem 0 1rem;  border-left:1px solid #e9eaee; border-top:1px solid #e9eaee; position: relative;}

.category .topline {border-top:1px solid #e9eaee; margin:0; border-left:1px solid #e9eaee}
.category .topline .item {border-bottom:1px solid #e9eaee; }
.category .height .item img {margin:4.1rem 0}

.paginat {background-color: #e3e5e8; padding:2rem 0; position: relative; top:-1px}
.paginat strong {padding-top:.8rem; display: block; font-size:.9rem}
.paginat .btn {padding:.7rem 2rem}
.paginat .btn i {padding-left:.5rem}
.pagination {margin-top:.8rem}
.pagination a {width:30px; height:30px; display: block; text-align: center; line-height: 2rem; border-radius:50px; margin:0 .1rem}
.pagination a:hover {background-color: #fff; color:orange}
.pagination a.active {background-color: #36485a;  }
.pagination a.active {color: #fff}

footer {background-color: #785636; padding:3rem 0 3rem 0; font-size:.9rem; }
footer a {color:#fff}
footer a:hover {color:#fff; opacity:.5}
footer ul {list-style-type: none; margin:0; padding:0; color:#fff}
footer li:first-child {margin-bottom:1rem; color: #fff; opacity:1; position: relative; }


footer li:first-child .postage {font-size:1.1rem; width:120px; display: block; line-height: 1.4rem; text-transform: uppercase;}
footer li:first-child .free {font-size:2rem; font-weight: bold; position: absolute; top:-.7rem; left:115px}
footer .ul1 li:first-child {font-size:1.3rem; font-weight: bold;}
footer .ul2 li:first-child {font-size:1.3rem; font-weight: bold; text-transform: uppercase;}
footer .shop1 {float:ri}
footer li {margin-bottom:.3rem}
footer .soc {position: absolute; bottom:0rem; right:2rem}
.collapsible {display:none}

/* CATEGORY */

.breadc a {display: block;}
.breadc a:hover {color: #000}
.breadc {padding:.65rem .5rem .65rem 0rem; }
.breadc li {display:inline-block; font-size:.8rem}
.breadc li:nth-child(1) a{ width:1.3rem;}
.breadc li:first-child a:before{content:"\f015"; font-family: "Font Awesome 5 Free"; padding-right:.5rem}
.breadc li:last-child {font-weight: bold;}
.breadc li a:after{content:"\f0da"; font-family: "Font Awesome 5 Free"; padding:0 .3rem 0 .5rem}
.breadc li:nth-child(1) a:after{content:""!important}

.nav__category {border-top:1px solid #e9eaee; }

.nav__category h1 {padding-top:1rem; font-weight: bold; text-transform: uppercase;}
.nav__category .box { border-bottom:1px solid #e9eaee; }
.nav__category.in .box {padding:0 1rem; border-bottom:1px solid #e9eaee; }

.nav__category_lis {border-bottom:1px solid #e9eaee; padding-bottom:1rem; margin:0 -30px}
.nav__category_lis .np {margin-right:.5rem}
.nav__category_lis a {float:left; width:100%; border:1px solid #e9eaee; padding: 0rem; margin-top:1rem; font-weight: bold; font-size:.9rem; line-height: 1.2rem; position: relative;}
.nav__category_lis a img  {float:left; width:55px; margin-right:1rem}
.nav__category_lis a span {position: absolute; top: 50%; left:50%; padding-left:5rem; transform: translate(-50%,-50%); width:100%; padding-right:1rem}


.owl-carousel .owl-nav {position: absolute; top:1rem; right:1rem}
.owl-carousel .owl-prev,.owl-carousel .owl-next {opacity:.7}
.owl-carousel .owl-prev:hover,.owl-carousel .owl-next:hover {opacity:1}
.owl-carousel .owl-nav i {font-size:30px; line-height: 45px; }
.owl-carousel .owl-nav i:hover {opacity:.7}
.owl-product .owl-dots {margin:1rem 0}
.owl-product  img:hover, .owl-thumbs img:hover {opacity:.8}
.owl-product  .item img {margin-top:2rem}
.owl-thumbs {margin-left:0rem}

.product .owl-thumbs {position: absolute; top:1rem; right:0; z-index:1; width:90px}
.product .owl-thumbs a {display: block; margin:.5rem 0 }
.product .owl-thumbs img {border-radius:50%; border:1px solid #ccc}
.product .owl-thumbs a.active img{border:1px solid red}
.product .ico {margin:1rem 0 0 0rem; z-index: 10;}
.product .content {padding:3rem}
.product .ulreset li {color: #888; font-size:.9rem; display:inline-block; padding-right:1rem}

.product h1 {font-size:1.6rem; font-weight: bold; margin:1rem 0}
.product p {padding:1rem 0 0 0}
.product .anchor {display: block; text-align: right; padding-top:.5rem; font-size:.9rem}
.product .instock {color: #69b68a; display:inline-block; position: relative; top:-4px; border-left:1px solid #e9eaee; padding-left:1rem; margin-left:.5rem}
.product .outofstock {color: #949494;}
.product .unavalaible {color: #d1777e}

.spinner {position: relative; height:5rem; border-top:1px solid #e9eaee; padding-top:1rem; margin-top:1rem}
.spinner i {display:none} /* js */
.spinner input[type=text] {position:absolute; left:0; color: #888; width: 80px; height:60px;  text-align: center;  font-size:2.5rem; border:1px solid #e9eaee;   letter-spacing:-5px; }
.spinner .numbers-row { position: absolute;}
.spinner .button {cursor: pointer; width: 35px; height: 45px; }
.spinner .button:hover {opacity:.7}
.spinner .dec {position: absolute; left:90px; top:1.8rem; color: #888}
.spinner .inc {position: absolute; left:90px; top:-.2rem; color: #888}
.spinner .inc:before {content:" \f067"; font-family: "Font Awesome 5 Free"; font-size:25px; }
.spinner .dec:before {content:" \f068"; font-family: "Font Awesome 5 Free"; font-size:25px;}
.product .content .btn {position:absolute; left:140px;  padding:1rem 3rem 1rem 3rem; font-size:1.2rem;); background-position: 1.7rem .7rem; background-repeat: no-repeat; }
.product .v-kosiku, .product .v-kosiku:hover  {background: #5cb85c url(../images/check.gif) no-repeat 27px 11px !important; border-color: #5cb85c !important;}

.description {background-color: #f6f6f6; padding:2rem 0}
.more {padding:0;  border-top:1px solid #e9eaee; position: relative;  border-left:1px solid #e9eaee;}
.more h2 {position: absolute; top:.8rem; left:1rem; font-size:1rem; font-weight: bold; z-index:1}

.more .item {padding:3.5rem 2rem 2rem 2rem; position: relative; border-right:1px solid #e9eaee; border-bottom:1px solid #e9eaee; font-size:.9rem; text-align: center;}
.more .item:hover {box-shadow: 4px -2px 12px 0px rgba(0, 0, 0, 0.25)}
.more strong {display: block; height:50px; margin-top:1rem}
.more .price {font-size:1rem}
.more strike {font-size:1rem; top:0}
.more img {margin:0 auto}
.more  div {padding:0}

#addbasket-content input {margin:.7rem 1rem 0 0; width:150px; display:inline-block}
#addbasket-content .ks   {position: relative; top:.1rem}

.contact .box {padding:2rem 1rem}
.contact h1 {font-size:1.7rem; font-weight: bold;}
.contact .cover {min-height:430px}

.contactus h1 {font-weight: 800; font-size:2rem }
.contactus.bgs {background: #f6f6f6}
.contactus .box {padding:1rem}
.contactus {border-bottom:1px solid #ccc; padding:5rem 0}
.contactus p {font-size:1.2rem; font-weight: lighter;}
.contactus form {margin-top:2rem}

.map iframe {height:400px; width:100%; display: block;}

.team {padding:5rem 0 3rem 0}
.team h1 {text-align: center; }
.team img {position: absolute; top:-5rem; left:50%; width:150px; margin-left:-75px}
.team .box {margin-top:7rem; background-color: #fff; padding:2rem; border-radius:10px; border:1px solid #ccc; position: relative; text-align: center;}
.team .box .fas {width:15px; display:inline-block}
.team .box a {font-size:.9rem}
.team .box strong {font-size:1.4rem; margin-top:4rem; display: inline-block;}


.subpage {    background-color: #e3e5e8; height:100%}
.subpage .cover {height:25rem}
.subpage .bg {background-color: rgba(54, 72, 90, 0.5); height:100%}
.subpage .box {background-color: #fff; border-radius:10px; padding:3rem 2rem; margin:-10rem 0 3rem 0; text-align: justify;}
.subpage h1 {font-weight: bold; font-size:2.5rem; margin-bottom:2rem; text-align: center;}

.subpage .gallery {padding:0;}
.subpage .gallery div {margin-top:2rem}
.subpage .gallery img:hover {opacity:.7}

.page {border-top:1px solid #e9eaee}
.page h1 {font-weight: 800; font-size:2rem}
.page h3 {font-weight: 800; font-size:1rem}
.page .col-lg-3 {margin-right:-1px}
.page .box {padding:2rem 10rem 2rem 1.7rem; border-left:1px solid #e9eaee}
.page .box2 {padding:0; border-left:1px solid #e9eaee}
.page .box2 h1 {padding:1.25rem 0 .8rem 1.5rem; font-size:1.7rem; margin:0}
.navvop a {display: block; padding: 1.3rem; border-bottom:1px solid #e9eaee; color: #000}
.navvop a:hover {background-color: #e9eaee; color: #000; font-weight: 800;}
.navvop a.active {font-weight: 800;}
.modal-body h2 {font-weight:800; font-size:1.5rem; margin:0 0 2rem 0}


.dopravaplatba {font-size:1.1em; padding:2rem 2rem 1rem 2rem; background-color: #e9eaee; margin:1rem 0}
.dopravaplatba h3 {font-size:1.3em; margin:0 0 .5rem 0; color:#55698f}
.dopravaplatba i {float:left; font-size:3em; margin: 0rem 2rem 0 0; color:#55698f; width:50px}
.dopravaplatba i.fa-euro-sign {padding-left:.5rem}


.th {font-weight: 800; padding:1.3rem 1.5rem; border-bottom:1px solid #e9eaee; }
.th .rozmer, .td .rozmer {padding-left:0}
.td {padding:.5rem 1.5rem 0 1.5rem; border-bottom:1px solid #e9eaee; font-size:.9rem}
.td:hover{border-bottom:1px solid #b5b6b7; }
.td.active {background-color: rgba(0, 128, 0, 0.06); font-weight: 800; color: green}
.td.active .count input  {background-color: rgba(0, 128, 0, 0.01); }
.td.active .count input:hover,  .td.active .count input:focus {background-color: #fff;}
.td .disable .btn, .td .disable .btn:hover, .td .disable input{color: #e9eaee; cursor: text;}
.td a {text-decoration: underline}
.td a.login-price {    background-color: #eaf9ff; display: block; margin-top:-.5rem; padding:.50rem 0 .55rem 1rem; margin-right:1rem; opacity:1 !important}
.td a.btn-modal-login {opacity:.5}

.basket .row {margin:0}
.basket h1 {display:none}
.basket .td img {width:142px; padding:.55rem 0; margin-right:1rem; }
.basket .td a span {position: absolute; top: 50%; left:50%; padding-left:170px; transform: translate(-50%,-50%); width:100%; padding-right:1rem}
.basket .cena {padding-top:2.5rem; font-size:1.2rem}
.countbsk input {width:100px; padding:1rem 0; font-weight: 800; border:1px solid #e9eaee; margin-top:1.7rem }
.basket .spolu {font-size:1.2rem; font-weight: bold; padding-top:2.5rem;}
.remove {font-size:2rem; line-height: 1.4rem; cursor: pointer; font-weight: lighter; position: absolute; right:0}
.remove:hover {color:red}

.load {text-align: center; margin:2rem 0}
.load i {padding-left:1rem}
.loadall {text-align: center;  }
.loadall a {color: #777; display: block; padding:1.5rem 0;}
.loadall a:hover {color: #007ec3; background-color: #f4f4f4;}

.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #e93c3c;}
.custom-control-input:checked~.custom-control-label::before {background-color: #e93c3c;}

.basket .box {padding:0; margin:0}
.basket .sum.top {margin-top:2rem;}
.basket .sum {margin-top:.2rem; font-size:1.2rem}
.basket .sum strong {font-size:1.4rem; margin-top:2rem; font-weight: bold;}
.basket .sum.top2{margin-top:1.5rem; margin-bottom:3rem}
.basket .sum.top2.green {color:#93BA45; }
.basket small {display:none; font-style: normal;}

.basket h2 {padding:1rem 1rem 1rem 1.5rem; font-size:1.2rem; font-weight: bold; line-height: 28px; background-color: #e9eaee; text-align: left; color:#000; margin:0}

.basket label {font-weight: 800; }
.basket:not(.custom-control-label) {font-weight: 300; }
.basket label small {padding-left:.3rem}
.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}
.basket .gdpr .custom-control-label {font-weight: 300;}

.trapay {padding:1rem 0}
.trapay h3 {font-size:1.2rem; margin:0; padding:0 0 1rem 1.5rem; border-bottom:1px solid #e9eaee; font-weight: lighter;}
.trapay .input-group {border-bottom:1px solid #e9eaee; padding:1rem 0rem 1rem 3rem;margin:0}
.payment4 {background: url(../images/card.png) no-repeat right 7px}
.duselect {border-top:1px solid #e9eaee; border-bottom:1px solid #e9eaee;}
.duselect .input-group {padding:1.3rem 0 .3rem 2rem}
.duselect .second {border-left:1px solid #e9eaee; padding-left:1.5rem}
.dodaudaje {padding:1.5rem 0 1.5rem 1.5rem}
.dodaudaje i,
.vopgdpr i {color: red; font-weight: bold; font-style: normal; position: relative; top:-4px}
.dodaudaje .np {padding-right:1.5rem}
.dodaudaje .np.psc {padding-right:0 !important}
.dodaudaje label {font-weight: 300; font-size:.8rem; margin:.5rem 0 0 0}
.dodaudaje .input-group  {margin-top:1.7rem}
.dodaudaje .custom-control-label {font-weight: 800; font-size:1rem; margin:1rem 0 0 0}
.note {padding:1.5rem; padding-bottom:2rem}


.orders {padding-right:0}
.orders h1 {padding:0 0 .85rem 1.5rem; border-bottom:1px solid #e9eaee; margin:0}
.orders .date {padding: 1.5rem 1rem 1.05rem 1rem; border-bottom:1px solid #e9eaee; margin:0; background-color: #e9eaee;}
.orders .number {border-right:1px solid #515151; display: inline-block; padding:0 1rem 0 0; margin-right:.7rem; font-weight: bold; }
.orders .badge {position: relative; top:-.8rem; left:.5rem}
.orders .btn {margin-top:-.5rem;}
.orders .header {font-weight: bold; border-bottom:1px solid #e9eaee; padding:.75rem 0}
.orders .header strong, .orders .tdd strong {padding-left:1rem}
.orders .tdd { border-bottom:1px solid #e9eaee; padding:.75rem 0}
.orders .tdd strong {font-weight: normal;}
.orders .bld strong {font-weight: bold;}
.user .duselect, .user .dodaudaje {margin:0}


.page_headline {text-align: left;}
.page_headline .bg {background-color: rgba(0, 0, 0, 0.33)}
.page_headline p {color: #fff; padding:9rem 0 4rem; display: block; font-size:50px; text-transform:uppercase; font-weight:800; line-height:50px;}
.page_headline p small { font-size:14px;font-weight:800; letter-spacing:4px;}

.news .cover {background-image: url(../images/clanky.jpg);}
.news .img, .calendar .img {height:250px}
.news h1   {color:#fff; font-weight: bold; text-align: center; padding-top:6%}
.news h2 {margin-bottom:1rem; font-size:1.5rem; font-weight: bold; color: #785636 }
.news .col-md-4 img {margin-top:-2rem; }
.news .container {background: url(../images/news.png) no-repeat .7rem 3rem }
.news .margin    {border-right:1px solid #bbbaba; padding-top:3rem; margin-right:3rem; }
.news a:hover    {color:#808080;}
.news .date      {margin-top:2rem}
.news .date img  {float:left; margin-right:1rem}
.news .date i    {font-style: normal; font-size:.9rem; line-height: 1.2rem; display: block; opacity:.7; padding-top:.5rem}
.news .date b    {display: block;}
.news a.btn:hover{color: #fff}

.news .hr        {margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #bbbaba}
.news .hr img    {border-radius:10px}
.news .btn       {padding:1rem 3rem; margin-bottom:3rem}
.news .btn i     {padding-left:.5rem}
.news .detail    {padding-right:5rem}

.news .cat   {margin-top:3rem; color:#808080; }
.news .cat a {color:#808080;  }
.news .cat a:hover {color:#000;  }
.news .cat ul {margin:1rem 0 3rem 0; padding:0; list-style-type: none;}
.news .cat li {margin-bottom:.5rem;}

.article {    background-color: #dedede;}
.article .bg {background-color: #fff;  margin:8rem 0; box-shadow: 3px 3px 20px 0px rgba(105, 105, 105, 0.35); border-radius:10px; position: relative;}
.article .back {position: absolute; left:-92px; top:5.5rem; border-radius:0; border-right:0; border-radius: 5px 0 0 5px}
.article .padd {padding:0 2rem;}
.article .content a {text-decoration: underline;}
.article h1   {font-weight: bold; padding:2rem 0 0 0; color: #444}
.article .info   {margin:1rem 0 2rem 0; padding:0; list-style-type: none; opacity:.45}
.article .info li  {display:inline-block; padding-right:1rem; font-weight: bold;}
.article .info li:after  {content:"|"; padding-left:1rem}
.article .info li:last-child:after  {content:""; padding-left:0rem; margin:0}
.article .info li:last-child  {margin:0}
.article .topimg {min-height:18rem; margin-bottom:2rem}
.article .short  {margin:2rem 0; font-size:1.2rem}
.article .content p  {line-height: 1.8rem; padding-right: 0rem;}
.article .social_line  {border-top:1px solid #e5e7eb; margin-top:2rem}
.article .social  {padding:1.5rem 0 2rem 0; }
.article .social .btn  {margin-right:1rem}
.article .social .btn-outline-info  {margin-right:0; color: #17a2b8}
.article .social .btn-outline-info:hover  {color: white}

.article-gallery {margin:1rem 0 0 0; padding:0 1rem}
.article-gallery-h2 {font-size:1.5rem; font-weight: bold; margin:2rem 0 0 0}
.article-gallery div {margin-bottom:2rem}
.article-gallery img:hover {opacity:.7}

.article-comments {background: rgba(229, 231, 235, 0.53); padding:5rem 0; margin:5rem 0 0 0; border-top:1px solid #e9ebee}

.article-similarly { padding-bottom:5rem}
.article-similarly h2 {color: #313131;  padding:3rem 0 2rem 0; font-size:1.5rem}
.article-similarly .post {background-color: #fff; padding:1rem;  box-shadow: 0 6px 12px rgba(0,0,0,.175); margin-bottom:2rem}
.article-similarly b {display: block; margin:.5rem 0; font-size:1.2rem; min-height:70px;}
.article-similarly hr {border-color: #ced2da;}



/* query */

@media (min-width : 1600px) {
header .dropdown-menu {min-width:748px; border:none; }
header .dropdown-menu li {width:374px}
html {font-size:105%}
.container-fluid {max-width:1500px}
.content {background:none }
.pagination a {line-height: 1.8rem;}
.category .height1 .item img {margin:1.5rem auto}
header nav .sort {padding:35px 1.5rem 38px 1.5rem}
.product .btn {font-size:1rem; line-height: 1.1rem;}
.duselect .input-group {padding-bottom:.45rem}
.contact {background-position: 45rem;}
.page .col-lg-3.np {border-left:1px solid #e9eaee; margin:0}
.basket {border-right:1px solid #e9eaee}
.basket .td img {padding: .89rem 0;}

.col-xl-3{ flex: 0 0 21% !important; max-width:21% !important}
.col-xl-9{ flex: 0 0 79% !important; max-width: 79% !important; }


}

@media (min-width : 1280px) {
.col-xl-3{ flex: 0 0 24%; max-width:24%; }
.col-xl-9{ flex: 0 0 76%; max-width: 76%; }


}

@media (max-width: 1199px){
.navbar {padding:0 1rem}
#search-head-form {margin:1.5rem 0 0 1rem; width:250px}
#search-head-form .form-control {padding:.7rem 1.5rem}
#search-head-form button {top:.75rem}
header .brand {margin:0rem 1rem 0 0; width:220px}
.category .catinfo {font-size:.85rem}
.category strong {font-size:1rem}
.category .height .item img {margin:4.3rem 0}
.slider .item {height: 25rem;}
.page .box {padding:2rem }

}



@media (max-width: 991px) {

#search-head-form {margin:.75rem 8rem 0 0}
#search-head-form .form-control {padding:.7rem 1rem}

.navbar-toggler.collapsed {position: absolute; top:1.3rem; right:4rem; z-index:4}
.navbar-toggler  {right:1rem; position: absolute; top:1.3rem; z-index:4}
.navbar-collapse {position: absolute; left:0; top:0; z-index:3; width:100%; background-color: #fff; box-shadow:3px 3px 20px 0px rgba(105, 105, 105, 0.35)}
.navbar-toggler:focus, .navbar-toggler:active:focus {outline: none;}
.navbar-nav {margin:0; position: relative; z-index:100; padding:4rem 0 4rem 0rem;}
.navbar-nav li a { padding:1rem 1rem 1rem 2rem; font-size:1.1rem;  border:none; }


.navbar {padding-bottom:.65rem}
.subnav, .mn, .owl-thumbs {display:none}
header .dropdown-menu {transform:none; box-shadow:none}

.position-static {position: relative !important}
header .cart {top:-.2rem; right:0}
.brand img {width:220px; margin-top:.5rem}

.content .drobec {padding:.5rem 0 0 0 }
.dropdown .position-static {position: relative !important}
header nav .firstul {position: absolute; top:.7rem; left:200px; z-index:100; }
header nav ul li a {padding:0px 1rem; color:#785636}
header nav ul li a.active, header nav ul li a:hover {color:#785636}
header nav .sort {padding:10px 1rem; color:#785636}
header nav li a.logoutUser {padding:10px 10px}
header .dropdown-menu li img {width:35px; margin-right:.5rem; font-size:}
header .dropdown-menu li a {padding:1rem; display: block;}

.category .height .item img {margin:0}
.category .height1  {border-bottom:1px solid #e9eaee}
.category strong {min-height:60px}

footer .soc {top:1rem}
.cd-top {bottom:0rem}

.basket .th {display: flex !important}
.basket .th .rozmer {margin-left:-15px; margin-right:10px}
.basket .th .spolu {margin:0; padding-left:15px}
.basket .th .bal {padding-left:15px}

.basket {padding:0}
.basket .box {padding:0 !important}

.user {padding:1rem 0}
.profile .dodaudaje {padding:1rem 1rem 1rem .8rem}
.orders .date {padding:1rem 0rem}
.orders h1 {padding-left:1rem}
.orders .header strong, .orders .tdd strong {padding-left: 0rem;}



header .dropdown-menu li {width:100%}
header .dropdown-menu li a {padding-left:1rem !important}
.product .content {padding: 1rem 1rem 3rem 1rem ;}
.contact {background-position: 25rem;}
.contact .box {padding:2rem 1rem}
.page .box {padding:1rem }
.order2 {order:2}
.order1 {order:1}
.navvop  {border-top:1px solid #e9eaee}
footer .col-sm-6 {max-width:50%; flex: 0 0 50%;}
footer .ul2 {margin:2rem 0}
.owl-product .owl-dots {display: block !important}
}
@media (max-width: 767px) {

.slider .item h1 {padding-top:3rem;font-size:1.5rem;}
.slider .item p {font-size:1rem;}

.owl-nav, .product .anchor, .submenu {display: none !important;}

header .cart i {font-size:2rem; line-height: 1.6rem;}
header .cart span {display:none}

header nav ul li a {padding:0 15px}
header .container-fluid {padding:0}
header .container-fluid .row {margin:0}

.imgcategory .np {margin-bottom:.5rem}
.category .topcat {border-left:0}

.page h1 {font-size:1.5rem}
.basket .text-right {text-align: left !important;}
.basket .sum {font-size:1rem; font-weight: bold;}
.basket .sum strong {font-size:1rem; }

.basket .th {display: none !important;}
.basket .td {padding:0}
.basket .td div {max-width:100%; flex:100%}
.basket .td .rozmer   {padding-left:1rem}
.countbsk {padding:0}
.countbsk input {width:100%; text-align: left !important; margin-top:.5rem; padding-left:1rem; border:none; border-top: 1px solid #e9eaee; border-bottom: 2px solid #e9eaee; }
.basket .order1 {order:1}
.basket .order3 {order:3}
.basket .cena {padding-top:1rem; border-top: 1px solid #e9eaee;}
.basket .spolu {padding-top:1rem;}
.basket small {display:block; position: absolute; right:1rem; top:1rem}
.basket label small {top:0}
.basket .up {border:none}
.contact .bg {background-position: 270px 0;}
.contact a {font-size:1.1rem}
.eac-item {padding:1rem}
.dodaudaje {padding:1rem}
.dodaudaje .np {padding-right: 0rem;}
.basket .td a span {line-height: 1.3rem;}
.note {padding-bottom:0}
.vopgdpr {padding-left:1.5rem}

.category .item {border:none}
.remove {right:1rem}
.paddright {text-align: right; padding-right:1rem}
.product .ico {margin-left:0; z-index:2}
.product .content {padding: 0 0 3rem 0;}
.product .btn {padding-right:1.5rem}

.page .box2 h1 {padding-left:1rem}
.search {z-index:10}


/* .easy-autocomplete-container ul {display: block !important;} */
}

@media (max-width: 575px) {

.modal-body {padding:1rem}
.text-right {text-align: left !important;}
#modal-add-basket-cat .text-right {text-align: right !important;}
.hidenxs, .logoutUser{display:none}

header .brand {margin-top:.6rem}
header .row  {margin:0}
header {background-color: #fff;}

.search {width:100%; padding-right:0rem}
#search-head-form {width:100%; margin:1rem 1rem 0 0rem;}
#search-head-form .form-control {padding:.65rem 1rem}
#search-head-form button {top:.75rem}

.imgcategory {margin:.5rem 0}
.imgcategory .cover:before {content:""; border:none}

.slider .item div {height:100%}
.slider .item h1 {font-size:2rem}

.drobec .text-right {display: none;}
.content .box {padding:1rem 2rem}

.collapsible {display:block; border:none; background-color: transparent; cursor: pointer; padding: 1rem 10px 1rem 0; width: 100%; color: #fff; text-align: left; outline: none; font-size: 15px; }
.collapsible i {float:right; margin-top:3px}
.mobile-dropdown { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.cd-top {bottom:54px !important; width:40px !important; background-color: #ccc !important}


.basket .sum.top2 {margin-bottom:1rem}
.duselect .second {padding-left:15px}
.btnorder {text-align: center;}
header .btn-modal-register {display:none}

.th div,.td div {padding-left:1rem}
.td .rozmer {padding-left: 1rem;}
.td {line-height: 2rem;}
.count form {overflow: hidden;}
.count input {width:50%; height:58px}
.count .add {padding:1rem 0 1rem 2rem; display: block;}

.countbsk {padding:0 !important}
.orders .btn {margin-top:1rem;display: block;}
.text-right-xs {text-align: right; }


h1 {font-size:1.8rem}
.toptop {padding-top:4rem}
.contact {background-position: 17rem}
.basket h1 {display:block; margin: 1rem}
.trapay h3  {font-weight: bold;}
.trapay label  {font-weight: lighter !important;}
.trapay h3.second {margin-top:1rem}
.payment4 {background: url() }

footer {padding:0;padding-bottom:1rem; }
footer .soc {position: relative; top:auto; right:auto; margin-bottom:1rem; display: block;}
footer .col-sm-6 {max-width: 100%; flex: 0 0 100%;}
.ul0,.ul1,.ul2  {padding:0; margin:0; padding-left:1rem;}
.ul0 {margin-top:1rem}
.ul1 {margin-top:2rem}

}

@media screen and (max-width : 320px) {
.navbar-toggler.collapsed {right:3rem}
header .cart img {width:30px; margin-top:.5rem}
header nav ul li a {padding:1rem .5rem; font-size:.9rem; font-weight: normal;}
.nav-akcie-novinky li a {padding-right:0rem}
.product .btn {padding:1rem 1rem 1rem 3.8rem; left:130px; background-position: .8rem .7rem;}
.filter .form-control {display: block; width:95%; margin-right:0}

}



/* SIMON */
.owl-dots {display:none;}
.eac-item a {color:black;}



.content-bg:before {
  content: ' ';
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 30%;
  width: 400px;
  height:200px;
  opacity: 0.3;
  background-image: url('../images/logo.svg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}