@import "./fonts.css";
@import "./magnific-popup.css?v1";
@import "./global.css";
@import "./owl.carousel.css";
@import "./table.css";
@import "./font-awesome.min.css";
@import "./swipebox.css";


.transport-page h1 {text-align:center;color:#5f6060;font-size:2.3em;font-weight:700; margin:3rem 0 2rem 0}
.transport-page .panel{background-color:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.08);overflow:hidden; margin-bottom: 2rem;}
.transport-page .heading {padding:20px 30px; background-color: #5f6060;}
.transport-page h2 {font-size:1.5em;font-weight:600;color:#fff;margin:0 !important;  display: flex; align-items: flex-start; gap: 0.7em; max-width: 100%;}
.transport-page h2 span {flex: 1 1 auto;  min-width: 0;   word-break: break-word; line-height: 19px;}
.transport-page .image-background{width:100%;height:350px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.transport-page .body {padding:30px;color:#495057}
.transport-page p {margin-bottom:15px;font-size:1.1em}
.transport-page i {flex: 0 0 auto; flex-shrink: 0}   

.headline2026 h1{ color: #333; font-size:2.2rem; padding:0; text-align: center; ; font-weight: bold;line-height: 40px; margin:2.5rem 0 2rem 0;  }
.headline2026 h1 b {display:block;  font-weight: normal; font-size:1.7rem}
.headline2026 .btn {position:relative; margin-top:1rem; padding:13px 60px 13px 20px; font-size: 1.1rem; font-weight: bold; border-radius: 3px; background-color: #fdc300; border:none; color: black; border-bottom:1px solid rgba(255, 255, 255, 0.729)}
.headline2026 .btn:hover {background-color: #fdc200b9; border-color:silver}
.headline2026 .btn::after {transition: transform 0.3s ease; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 35px; height: 35px; background-image: url('../images/righticon.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.headline2026 .btn:hover::after {transform: translateY(-50%) translateX(5px);}
.headline2026 .bg{background-color: #e3e3e3; }
.headline2026 h2 {font-size: 1.7rem; line-height: 2rem; color: #2b2b2b}
.headline2026 {font-size: 1.1rem; line-height: 1.7rem}
.headline2026 .box01 {width:70%; margin:0 auto; text-align: center; padding:10rem 0}
.headline2026 .box03 {margin-bottom: 4rem;}
.headline2026 .headline-center img {width: 70%; margin:0 auto -8rem auto;}
.headline2026 li {margin-bottom:7px}
.headline2026 ul {list-style-type: disc; margin-left:1.1rem}
.headline2026 .box01 ul {list-style-type: none; margin-left:0}
.headlinebox {position: relative; }
.headlinebox .image-wrap {position: relative; margin-left: -300px; max-width: 60vw; top:-6rem}
.headlinebox.right .image-wrap {position: relative; margin-right: -300px; top:0; margin-left: auto;}
.headlinebox .image-wrap img {width: 100%;height: auto;display: block; }
.headlinebox .text-wrap {flex-grow: 1;width: 90%; padding:4rem 1rem 1rem 1rem}
.headlinebox.box03 .text-wrap {padding-bottom: 10rem;}
.headlinebox.box04 .text-wrap {padding-bottom: 3rem;}
.headlinebox.overflow-hidden {overflow: hidden;}
.headlinebox.last .image-wrap {top:-4rem}

.categorytents .headline { color: #333; padding:0; text-align: center; font-weight: normal; line-height: 30px; margin:2.5rem 0 0rem 0;  font-size:1.2rem}
.categorytents .headline b {display:block; font-weight: bold;  font-size:1.5rem}

.categorytents .sizes {display: flex ;flex-wrap: wrap; margin-top:2rem}
.categorytents .sizes div {flex: 1 1 auto; margin:0 3px}
.categorytents .sizes a {border:1px solid #bebebe; padding:15px 20px; text-align: center; display: block; margin-bottom:.5rem; border-radius: 5px; color: #5f6060;}
.categorytents .sizes a:hover {background-color: #e0e0e0;}
.categorytents .sizes strong {font-size:1.4rem; position: relative; font-weight: 800;}
.categorytents .sizes strong:after {content:"m"; font-size:1.1rem; padding-left:.2rem; font-weight: 400}
.categorytents .categories  {margin:1rem 0 3rem 0; text-align: center;}
.categorytents .categories img {opacity: 1; margin-bottom:2rem}
.categorytents .categories h2 {margin-bottom: 0;}
.categorytents .categories .title {font-size:24px; display: block; line-height: 25px;}
.categorytents .categories .title span {font-weight: normal;}
.categorytents .categories .gold {color:gold}
.categorytents .categories .fa-star {font-size:.85rem}
.categorytents .categories .opacity {opacity:.1}
.categorytents .categories ul {margin-top:.5rem !important; list-style: none; font-size: 1rem;}
.categorytents .categories li::before {display: none;}
.categorytents .categories li:first-child {font-weight: bold;  height:60px}
.categorytents .categories li:last-child b {display: block; margin-top:5px;}

.categorytents .categories .btn {display:inline-block}
.categorytents .categories .badge {border-radius: 0; font-size:13px; position: relative; top:-1px;}
.categorytents .categories img:hover {opacity: .7;}
.categorytents .categories .dimensions  {margin:1rem 0;}
.categorytents .categories .dimensions b {display: block;}
.categorytents .categories .dimensions a {display:inline; margin:0}
.categorytents .categories .materials  {font-weight: bold; font-size: 1.1rem;}
.categorytents .categories .materials  span.oslash {font-size: 1.4rem;}
.categorytents .categories .materials  span.mm {font-size: .85rem;}
.categorytents .ico {margin-top:5px}
.categorytents .ico img {width:18px; margin: 0 3px 0 0;}
.categorytents .wallthick.ico img {width:27px}

.categorytents .oslash{background-image: url(../images/oslash.svg); width:20px; height:20px; background-size: cover; display: inline-block; position: relative; top:5px;}


.breadcrumbs nav {white-space: nowrap; margin-top: 7px;}
.breadcrumbs ul {margin:0; padding:0 !important}
.breadcrumbs li {display: inline-block;  color: #5f6060}
.breadcrumbs li.active {font-weight: bold; }
.breadcrumbs li a {display: block; padding:.5rem 1.5rem .5rem 0; position: relative; margin:0 !important; color: #5f6060}
.breadcrumbs li a:hover {text-decoration: underline; color:#eb6509}
.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%); }
.product .breadcrumbs nav {margin:10px 0}
.product .breadcrumbs li a {margin:10px 0; font-size:.8rem; line-height: 0;}


.topbaskettitle {display:none !important}
.order-float {background-color: white; padding:1.5rem; margin-top:1.5rem; border:1px solid silver}
.order-float select {margin-bottom: 2rem;}
.order-box .d-flex{justify-content: center;}
.stockinfo  {text-align: center; margin:1rem 0 0 0;}
.stockinfo .instock {font-weight:bold; color:green}
.stockinfo .outstock {font-weight:bold; color:rgb(210, 16, 16)}
.stockinfo .vatinfo {opacity:.5; padding-left: .5rem;}
.vypredaj {font-size:16px !important; margin:-6px 0 5px 0; color: #565656 !important; font-style: italic; font-weight: normal; }
.gallery2024 {padding:2rem 0 0 0}
.gallery2024 .mb {margin-bottom:2rem}
.gallery2024 img:hover {opacity:.7}
.order-float input[type=number] {width:60px; float:right; height:49px; margin-right:15px}
.order-float  .btnbasket a{padding: 11px 40px 11px 70px; font-size:18px; background: #0096e7 url(../images/css.png) no-repeat 23px 11px; }
.order-float  .btn{font-size:16px; font-weight: 800; padding: 12px 27px; float:right;}
.desc {border:1px solid silver; margin-top: 1.5rem; padding:2rem 2rem 1rem 2rem; background-color: #f9f9f9;}
.owl-product .owl-nav {display:block; font-size:20px; color: #8b9096}
.owl-product .owl-nav .owl-prev {position: absolute; top: 50%; left: 0px;  transform: translateY(-50%);}
.owl-product .owl-nav .owl-next {position: absolute; top: 50%; right:0px;  transform: translateY(-50%);}
.modal-zoom-content .item {padding:5px !important} /* gallery modal padding */

/* the fourthwall */
.fourthwall {border:1px solid silver; margin-top: 1.5rem; padding: 2rem; background-color: #f9f9f9;}
.fourthwall:hover {background-color: #f3f3f3;}
.fourthwall {padding-left:1.5rem}
.fourthwall .font5 {padding:.9rem 1.3rem; font-size: 1.3rem; font-weight: bolder; display: inline-block; margin-left: 1rem;     margin-left: auto}
.fourthwall .font5 i {margin-right: 5px;}
.d-flex {display: flex; }
.flex-wrap {flex-wrap: wrap}
.align-self-center {align-self: center;}
.flex-justify {justify-content: center;}


.owl-slider a{height: 550px; display: block; background-size: cover; background-position: center;}
.owl-slider .owl-dots, .owl-slider .owl-nav {display: none;}


.final {padding-top:100px; padding-bottom:100px;}

/* paypal sale -5 € */
.discount-transfer  {border-color: green; animation: blink 2s steps(8, end) forwards; color: green}
@keyframes blink {0%, 100% {border-color: green;}16.66%, 49.99%, 83.32%  {border-color: transparent;}33.33%, 66.66%{border-color: green;}}

/* basket print checkbox */
.printLabel {padding-top: 25px; margin-top: 25px; border-top: 1px solid #242424; display: none}
.printLabel input {width: 20px; height: 20px; position: relative; top:3px; margin-right: 5px;}
.printLabel label { font-size:18px; font-weight: bold !important;}
.printLabel img {display: inline;}
.printLabel input[type=checkbox]:checked+label {color: black}

.col-md-5s { width: 20%; float: left;}
.navbar-brands.logo-de img {margin-top: 13px;}
.navbar-brands.logo-hr img {margin-top: 13px;}
.navbar-brands.logo-at img {margin-top: 13px;}
.navbar-brands.logo-pl img {margin-top: 13px;}
.navbar-brands.logo-fr img {margin-top: 13px;}
.navbar-brands.logo-ro img {margin-top: 17px;}
.navbar-brands.logo-si img {margin-top: 10px;}
.navbar-brands.logo-it img {margin-top: 17px;}

.zona .label {    display: block; white-space: normal;}
main {padding-top:80px}
.linenav b{display: block;}
.linenav {text-align: center; border-left:1px solid #ccc}
.iconav   {background-image: url(../images/m4.png); background-size: cover;  display: inline-block; width:60px; height:40px }
.iconav67 {background-image: url(../images/m1.png); background-size: cover; display: inline-block; width:60px; height:40px}
.iconav58 {background-image: url(../images/m2.png); background-size: cover; display: inline-block; width:60px; height:40px }
.iconav59 {background-image: url(../images/m3.png); background-size: cover; display: inline-block; width:60px; height:40px }
.iconav60 {background-image: url(../images/m60.png); background-size: cover; display: inline-block; width:60px; height:40px }
.iconav5 {background-image: url(../images/mc1.png); background-size: cover; display: inline-block; width:30px; height:40px }
.iconav6 {background-image: url(../images/mc2.png); background-size: cover; display: inline-block; width:30px; height:40px }
.iconav7 {background-image: url(../images/mc3.png); background-size: cover; display: inline-block; width:30px; height:40px }
.navbar-nav>li>a.icofont b {display:block; text-align: center;}
.navbar-nav>li>a.icofont {font-size:12px;}
.navbar-nav>li>a.icocontact {padding-left:3rem}
.topbasketico {text-align: center;     border-left: 1px solid #ccc;}
.topbasketico img {margin:8px 0 8px 0; width:30px; opacity: .95;}
.topbasketico span {display:block; }

.startheadline {background: url(../images/boom.png?v1) no-repeat center -40px; text-align: center;}
.startheadline h1 {padding:30px 0 30px 0; margin:0; font-size:2rem}
.startheadline p {font-size:15px; line-height: 21px;}


.startprint {margin:2rem 0 0 0; text-align: center; }
.startprint h2 {margin:2rem 0; font-size:1.3rem}
.startprint p  {margin:0 0 4rem 0}
.startprint .btn  {margin-top:2rem; font-size:1em; padding:10px 20px; border-radius:20px; font-weight: bold;}
.startprintline {border-right:1px solid #ccc}
.owl-print-start {border-top:1px solid #ccc; padding:0 !important}
.modal-print-gallery .modal-zoom-content a {padding: 0.5rem !important; display: block;}

.startpromo {padding:3rem 0; background: rgb(169,169,169); background: radial-gradient(circle, rgba(169,169,169,1) 0%, rgba(169,169,169,1) 35%, rgba(102,102,102,1) 100%);}
.startpromo .row {margin:0}
.startpromo div {padding:0}
.startpromo img {width:530px}
.startpromo {font-size:1.1rem}
.startpromo h2 {margin-top:3rem}
.startpromo li {margin:0 1rem 1rem 0}
.startpromo li:before{content:"\f058"; opacity:.5; font-family: FontAwesome; padding-right:15px; color: #fff; float:left; font-size:1.5rem; margin-top:-4px}

.cookies {word-wrap: break-word; margin-top:2rem}
#cookies {position:fixed; bottom:20px; left:20px; background-color:white;width:295px;  z-index:500; box-shadow: 3px 3px 20px 0px rgb(105 105 105 / 50%);}
#cookies .cbox {padding:2rem; font-size:13px; background-color: #fff; color: #000}
#cookies strong {font-size:16px; margin-bottom:10px; display: block;}
#cookies .cbox b {display: block; margin-bottom:1.1rem; line-height: 16px;}
#cookies .material-switch > label {left:0}
#cookies .d-flex {justify-content: space-between; align-items: center;}
.cookiesbox {position:fixed; top:50%; left:50%; bottom:auto;  width: 300px;  transform: translate(-50%,-50%);  background-color:white;  z-index:500; box-shadow: 3px 3px 20px 0px rgb(105 105 105 / 50%);}
.weblayer--overlay {background-color: #fcfcfc; top: 0; left: 0; position: fixed;     z-index: 2; opacity: 0.7; display: block; width: 100%;  height: 100%; }
.cookiesbox .accept-cookies {padding:10px 25px !important}

.register_sale .boxs {background-color: #fff; padding:2rem 1rem; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);     color: #565656;}
.register_sale .boxs a {color: #565656; text-decoration: underline;}
.register_sale h2 {text-align: center; font-size:23px}
.register_sale .table>tbody>tr>td {border: 1px solid #c6c8cb}
.register_sale ul {list-style-type: square; margin-left:1.3rem}


.modal-lg {width: 1200px}

.akcia-ico  {background:  url(../images/saleico.png) no-repeat; width:90px; height:138px; position: absolute; top:0; right:15px; padding:15px 0 0 8px; z-index:10}
.akcia-ico b {display: block; color: #fff; font-size:12px}
.akcia-ico i {display: inline-block; background-image:  url(../images/piggy.svg); width:40px; height:35px; background-size: cover; margin-top:5px}
.akcia-ico .text-center {display: block;width:70px;}

.doprava-ico  {background:  url(../images/freeshiping.png) no-repeat; width:90px; height:138px; position: absolute; top:0; right:115px; padding:15px 0 0 8px; z-index:10}
.doprava-ico b {display: block; color: #fff; font-size:14px}
.doprava-ico b.hu, .doprava-ico b.pl, .doprava-ico b.ro, .doprava-ico b.de, .doprava-ico b.at
 {font-size:12px}
.doprava-ico .text-center {display: block;width:70px;}


.bar-shipping { width: 100%; background-color: #f1f1f1; 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;}
.basket-free-left {padding-top:7px; display:inline-block}
.basket-free-yes {padding:10px; background-color: green; color: white; display:block}
.basket-free {padding-top:7px; display:inline-block; color:green} /* basket top hover */
.dopravazdarma {margin-bottom:15px}
.payment-info, .transport-info {padding:0 15px 0 40px}

.col-print {width:140px; padding-right:0}
.col-print h2 {font-size:14px !important}

.heureka h2 {font-size:1.5rem; margin:0 0 1rem 0}
.heureka a {color: #00a0dc;}
.heureka {position:relative; border-top: 1px solid #f5f5f5; background-color: #fafafa; padding:3rem 0 4rem 0; overflow: hidden; z-index:1}
.heureka .item {background-color: #fff; color: #757575; padding:1rem 1rem; text-align: center; margin:0 0 2rem 0; border-radius:10px; border:1px solid #e4e4e4; }
.heureka p {padding-bottom:1rem; display: block;}
.heureka .item:after {content: ""; position: absolute; top: 100%; left: 50%; width: 50px; height: 50px; margin-left: -25px; margin-top: -55px}
.heurekalogocs .item:after {background: url(/images/heurekalogocz.svg) no-repeat;}
.heurekalogosk .item:after {background: url(/images/heurekalogosk.svg) no-repeat;}
.heurekalogocs:after {background-image: url(/images/heurekalogocz.svg),url(/images/heurekalogocz.svg),url(/images/heurekalogocz.svg);}
.heurekalogosk:after {background-image: url(/images/heurekalogosk.svg),url(/images/heurekalogosk.svg),url(/images/heurekalogosk.svg);}
.heurekabg:after { content: ""; display: block; width: 1330px; height: 740px; position: absolute; top: -120px; left: 50%; margin-left: -665px; z-index: -1; transform: rotate(-15deg); opacity: .04; -webkit-filter: grayscale(100%); filter: grayscale(100%); background-repeat: no-repeat,no-repeat,no-repeat; background-position: 0 0,580px 40px,100% 100%; background-size: 460px,300px,470px; }

.probar { width: 100%; height: 10px; margin-top:.35rem}
.probar .pbi { width: 10%; height: 100%; background: #fff; float: left; border: 1px solid rgb(158 158 158 / 65%); position: relative; margin-left:-1px; font-size:9px; line-height: 15px; text-align: center; color: green; }
.probar .pbi.green { background: #ffe54b; background: linear-gradient(0deg, rgba(255,229,75,0.75) 0%, rgb(252, 255, 225) 100%); }



.widget_shopping_cart_content {display: none; position:absolute; top:82px; right:0px; width:600px; background-color:white; box-shadow: 0 6px 12px rgba(0,0,0,.175); border-top:2px solid #fff}
.cart_list {color: #333; padding: 25px;  }
.cart_list .overflow {max-height: 350px; overflow: auto; margin-bottom: 25px; }
.cart_list  table {border-bottom:1px solid #ddd; }
.cart_list  td a {color: #333; font-weight: normal;}
.cart_list a.remove {font-size:30px}
.cart_list a.remove:hover {color: #eb6509;}

.navbar-collapse {padding-right:0}
.brand {margin-top:-25px; }

.navbar-brands img {width:210px; margin-top:6px}
.navbar {border:0; margin:0; border-radius:0; position: fixed; z-index:1000; width:100%; background-color: #fff; border-bottom:1px solid #ccc}
.navbar-nav {float:none; margin:0 auto;     display: table;}

.navbar-nav>li {padding:0}
.navbar-nav>li.first a{padding-left:0}
.navbar-nav>li.open {padding-bottom:0}
.navbar-nav>li>a {font-weight: 800; padding: 5px 10px 10px 10px; color: #333   }
.baskettxt {display: none}

.navbar-nav>li>a:focus {background-color: transparent; color: #000}
.navbar-nav>li>a.active, .navbar-nav>li>a:hover {background-color: transparent; opacity:.7; color: #666}

.dropdown-menu {padding:0; border-radius:0 !important; border:0 !important; }
.dropdown3 {width:400px; border:0; margin:0; right:auto !important}
.dropdown-menu-width li {float:left}
.dropdown-menu-width li.nav-icon a {width:200px; padding: 155px 0 0 0; text-align: center; margin: 30px 0 0 0}
.dropdown-menu-width li.nav-icon strong {display:inline-block; margin-bottom:7px; font-size:14px}
.dropdown-menu-width li.nav-rabat a {width:200px; padding:5px 15px 15px 15px; margin: 20px 0; border:6px dotted #eee;  }
.dropdown-menu-width li.nav-rabat a:hover {background-color: #eb6509; color: #fff; border-color: #eb6509}
.dropdown-menu-width li.nav-rabat b {font-size:55px; display: block;}

/* para rozmery */
.parastanok_rozmery {background: transparent; font-size:.85rem; margin-top:1rem }
.parastanok_cat     {background-color:#fff !important}
.parastanok_rozmery ul {margin:0; padding:0; list-style-type: none; border-top:1px solid #e2e4e9;}
.parastanok_rozmery li {padding:.5rem; border-bottom:1px solid #e2e4e9;}
.parastanok_dropdown li {float:none; padding:.5rem 0; text-align: center;}
.parastanok_dropdown li:nth-child(8) {font-size:.8rem}
.parastanok_rozmery li:nth-child(1),
.parastanok_rozmery li:nth-child(2) {display:none}
.parastanok_rozmery li:nth-child(5) i { background: url(../images/paramsta.png?v1) no-repeat 5px -103px; width:45px; height:18px;  display: inline-block; position: relative; top:5px}


.parastanok_rozmery .ocel2 li:nth-child(6) i
{ background: url(../images/paramsta.png?v1) no-repeat 5px -142px; width:45px; height:25px;  display: inline-block; position: relative; top:5px}

.parastanok_rozmery .hlinik6 li:nth-child(6) i,
.parastanok_rozmery .ocel1 li:nth-child(6) i,
.parastanok_rozmery .hlinik4 li:nth-child(6) i,
.parastanok_rozmery .hlinik5 li:nth-child(6) i,
.parastanok_rozmery .ocel3 li:nth-child(6) i
{ background: url(../images/paramsta.png?v2) no-repeat 5px -313px; width:45px; height:25px;  display: inline-block; position: relative; top:5px}





.configurator  {margin-top: 1rem;}
.configurator .padd {padding:.55rem 0; border-bottom:1px solid #ccc}
.configurator .header {padding:.75rem 0; background-color: #ffe54b; color: #000; border:none; font-weight: 800;}
.configurator span {padding-top:.5rem; display: inline-block;}
.configurator span.price {font-weight: 800; color: #cd0e0e; padding-top:0}
.configurator .big {font-size:1.6rem; font-weight: 800;}
.configurator .sublbtn {padding:1.5rem 0 .5rem 0;}
.configurator .textright {text-align: right; }
.configurator .col-sm-3 strong {display: inline-block; margin-top: 3px; font-size:1.2rem}
.configurator input[type=number] {float:none !important; height:34px !important}
.configurator .print-price {padding-left:0} 
.configurator .print-icon {height:20px; opacity:.15; margin-top:8px}
.configurator .print_add_files {margin:5px 0px; display:block}
.configurator .print_add_files_bg {background-color: #ececec; padding:15px; border:1px solid #c5c6c7}
.description {padding-top:70px; padding-bottom:70px; line-height:20px}

.category-rabat a {padding:30px 50px; display: block; border:6px dotted #eee; margin-top:50px; font-size:20px}
.category-rabat b {font-size:55px; display: block;}
.category-rabat a:hover {background-color: #eb6509; color: #fff; border-color: #eb6509}

.nav > li {font-size:12px}
.nav > li.dropdown1.open { position: static; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #fff; color: #000 !important}
.nav .open > a.navactive, .nav .open > a.navactive:hover, .nav .open > a.navactive:focus {border-color: #ccc}
.nav > li.dropdown1.open .dropdown-menu-width {display:table; width: 100%;  left:0; right:0; box-shadow: 0 30px 30px -5px rgba(0,0,0,.15); }
.dropdown-menu-width>li { display: table-cell; }
.dropdown-menu-width-box {padding:15px }
.dropdown-menu-width ul {list-style-type: none; display:inline-block}
.dropdown-menu-width li a {padding:6px 0 5px 10px; display: block; font-size:16px; }
.dropdown-menu-width li a:hover {opacity:.9}
.dropdown-menu-width h3 {font-weight: 400;}

.nav-login {border-right:1px solid #ccc; padding-right:30px}
.nav-login a {color: #909096}
.nav-login .input-group {margin: 0 0 10px 0}
.nav-login .input {font-size:.9em; padding-top:5px}
.nav-reg {padding-left:30px}
.nav-reg a {display: block; background-color: #eb6509; padding: 17px; color: #fff; font-size:20px; }
.nav-reg a:hover {opacity:.9}
.nav-reg a b {font-size:1.4rem; display: block; }

.loginbox div {text-align: center;margin: 2rem;}
.loginbox img {display: block;margin-bottom: 1rem;}

.claim .ico span {display: block; margin:1rem 0; font-weight: bold;}
.claim h3 {margin:0 0 1rem 0}
.claim label {margin-top:1rem}
.claim .check-custom label {margin-top:.5rem !important}


.start {background-image: url(../images/start.jpg); height:650px; background-position: top center;}

.start2 {background-image: url(../images/start2.jpg); background-position: top center; text-align: center;}
.start2 strong {display: block; color: #000; font-size:25px}
.start2 a {display: block; margin-bottom:3rem}
.start2 a:hover {opacity:.9}
.start2 .price           {color: #000; font-size:40px; font-weight: bold; line-height: 45px; display:inline-block;  vertical-align: top;}
.start2 .price .od       {font-weight: normal; font-size:20px; display:inline-block; padding-right:7px}
.start2 .price .curency  {font-weight: normal; font-size:20px; display:inline-block; vertical-align: top; padding-left:7px}
.start2 .price_with_vat {color: #9f9f9f;  border-left:1px solid #e9e9e9; display: block;}

.box { position: absolute; background-color: #fff; color: #000; width:190px; height:190px; border-radius:50%; text-align: center;}
.box b {font-size:35px; display: block;}
.box img {display: inline-block; margin-top:20px}

.box2x2  {top:50px; left:130px}
.box25x25  {top:80px; left:370px;}
.box25x25  b {font-size:25px}
.box2x3  {top:50px; left:620px}
.box3x3  {top:90px; left:890px}
.box3x3 b {margin-top:-10px; display: block;}
.box3x45  {top:250px; left:0px}
.box3x6  {top:340px; left:840px}


.category_sizes li {text-align: center; float:left; width:150px}
.category_sizes img {padding:0 15px 15px 15px}
.category_sizes strong {display: block; font-size:22px; color: #333; padding-top:1.5rem}
.category_sizes strong:after {content:"m"; font-size:15px; font-weight: lighter; padding-left:.2rem}
.category_sizes .price {font-size:13px; font-weight: bold; display: block; opacity:.5}
.category_sizes a:hover {color: #333}
.category_sizes a:focus {color: #333}


.info {background-image: url(../images/service.jpg); height:650px; background-position: top center;}
.info h2 {color: #fff; font-size:35px}
.info .txt {margin-top:140px; color: #fff}
.info a {color: #fff; padding:10px 45px; font-size:19px; margin-top:25px; border:1px solid #fff; display: inline-block;}
.info a:hover {color: #fff;     background: rgba(255, 255, 255, .3);}

.info p {font-size:17px}
.service  { border-bottom:1px solid #e9e9e9; margin-top:30px}
.service p {font-size:17px}
.service .left {padding-right:60px; border-right:1px solid #e9e9e9}
.service .right {padding-left:60px}
.service ul {font-size:16px; list-style-type: circle; margin: 0 0 30px 20px}
.service li {padding-bottom: 10px}
.service .btn {padding:10px 45px; font-size:19px; margin-top:25px}
.service .btn-danger {margin:-167px 0 0 0px}
.deliveryboy {background: url(../images/deliveryboy.png) no-repeat bottom right; height:360px; border-bottom:1px solid #e9e9e9; margin-bottom:60px}
.deliveryboy p {width:250px}
.deliveryboy .packet {font-size:30px; display: block; font-weight: lighter;}
.deliveryboy .price {font-size:60px; font-weight: bold; line-height: 60px;}
.deliveryboy .currency {font-size:40px; font-weight: lighter; padding-left:5px}

.whyus {background: url(../images/whyus.png) no-repeat bottom right; min-height:400px; margin-bottom:60px}
.whyus p {width:300px}


footer {padding:30px 0 30px 0; font-size: 13px; text-align: center;  opacity:.7 }
footer h3 {font-size: 17px;}
footer a {padding: 10px 7px}
footer .facebook:before {content:"\f230"; font-family: FontAwesome; padding-right:7px}
footer .youtubeplay:before {content:"\f16a"; font-family: FontAwesome; padding-right:7px}
footer .youtubeplay:hover {color: red}
footer .facebook:hover {color: blue}
.podporilisme__ico:after {background-image: url(../images/love.png); width:30px; height:30px; background-size: cover; display:inline-block; content: ""; position: relative; top: 7px;  left: 11px;}


.parastanok {margin:0 0 4rem 0; background-color: #f4f5f7; font-size:.85rem}
.parastanok .container {width:100% !important; overflow: hidden;}
.parastanok a {display: block;}
.parastanok div {padding:0}
.parastanok .row {border-right:1px solid #e2e4e9}
.parastanok h1 {text-align: center; font-size:2rem; margin:3rem 0}
.parastanok .item {border-top:1px solid #e2e4e9; text-align: center; background-color: #fff;}
.parastanok .item.active {background-color: rgb(255, 255, 255, 0.56); border:2px solid #ffe54b}
.parastanok .item .check {background:  url(../images/paramsta.png?v2) no-repeat 5px -225px; width:60px; height:60px;  position: absolute; right:0rem; top:.1rem; z-index:1}
.parastanok .item ul{border-left:1px solid #e2e4e9;}
.parastanok .item strong {font-size:.9rem}
.parastanok .item li {padding:.7rem .7rem; border-bottom:1px solid #e2e4e9; position: relative;}
.parastanok .item i {cursor: pointer; font-style: normal;}
.parastanok .item li:first-child {border:none; padding:0}
.parastanok .item img {padding:2rem 2rem 0 2rem; border-bottom:1px solid #e2e4e9;}
.parastanok .item li:nth-child(odd) {background-color: #f4f5f7;}
.parastanok .item li:nth-child(9) span {top: 50%; width:100%; position: absolute; left: 0; transform: translateY(-50%); }

.parastanok_cat .title {padding:1rem 0; font-size: 1.1rem; font-weight: bold;}
.parastanok_cat li:nth-child(4) i { background: url(../images/paramsta.png?v1) no-repeat 5px -103px; width:45px; height:18px;  display: inline-block; position: relative; top:5px}

.parastanok_cat .ocel2 li:nth-child(5) i
{ background: url(../images/paramsta.png?v1) no-repeat 5px -142px; width:45px; height:25px;  display: inline-block; position: relative; top:5px}

.parastanok_cat .hlinik6 li:nth-child(5) i,
.parastanok_cat .ocel1 li:nth-child(5) i,
.parastanok_cat .hlinik4 li:nth-child(5) i,
.parastanok_cat .hlinik5 li:nth-child(5) i,
.parastanok_cat .ocel3 li:nth-child(5) i
{ background: url(../images/paramsta.png?v2) no-repeat 5px -313px; width:45px; height:25px;  display: inline-block; position: relative; top:5px}

.parastanok .item li:last-child i {color: #9d9d9d; font-weight: normal; font-size:1.2rem; position: relative; top:-3px; right: 5px; line-height: 1rem;}
.parastanok .item li:last-child a {color: #cd0e0e;     font-size: 1.6rem; font-weight: bold; line-height: 1em; letter-spacing: -1px;}
.parastanok .item li:last-child a:hover {opacity:.8}
.parastanok .item li:last-child a:after {content:""; background: url(../images/paramsta.png?v1) no-repeat 5px -180px; width:50px; height:30px; position: relative; display: inline-block;}
.parastanok .tooltip-inner {padding:.5rem 1rem}



/* blog */


.news .cover {background-image: url(../images/clanky.jpg);}
.news .img {height:350px; padding-top:106px}
.news h1   {color:#fff; font-weight: bold; text-align: center; padding-top:12%}
.news h2 {margin-bottom:1rem; font-size:1.5rem; font-weight: bold; color: #4e4e4e }
.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 #ebebeb; 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 #ebebeb}
.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: #eaeaea}
.article .bg {background-color: #fff;  margin:5rem 0; box-shadow: 3px 3px 20px 0px rgba(105, 105, 105, 0.35); border-radius:10px; position: relative;}
.article .back {display: none;}
.article .padd {padding:0 2rem; line-height: 1.7rem;}
.article .content a {text-decoration: underline;}
.article .content img {max-width: 100%; height: auto; }
.article .content h2 {margin:3rem 0 0 0; clear:left; font-size:1.3rem}
.article h1   {font-weight: bold; padding:2rem 0 0 0; color: #444}
.article .infos   {margin:1rem 0 2rem 0; padding:0; list-style-type: none; opacity:.45}
.article .infos li  {display:inline-block; padding-right:1rem; font-weight: bold;}
.article .infos li:after  {content:"|"; padding-left:1rem}
.article .infos li:last-child:after  {content:""; padding-left:0rem; margin:0}
.article .infos 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;}
.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}
.note-float-right {margin: 1rem 0 1rem 1rem}
.note-float-left{margin: 1rem 1rem 1rem 0}

.article-gallery {margin:2rem 0 0 0; padding:0 1rem}
.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:3rem 0}
.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;}

/* product */

.product    {background-color: #e9e9e9; padding-bottom:30px}
.product h1 {font-size:33px; padding:30px 0 10px 0}
.product .owl-thumbs {margin:10px 0;}
.product .owl-thumb-item {background-color: #fff; width:60px; display:inline-block; margin: 0 5px 0px 0}
.product .owl-thumb-item:hover {opacity: .8;}

.stvrtastena {position: relative; }
.stvrtastena a {width:100%; padding:15px 170px 15px 15px; margin: 20px 0; border:6px dotted #eee; display: block; font-size:14px; font-weight: bold;}
.stvrtastena a:hover {background-color: #ffe54b; border-color: #ffe54b}
.stvrtastena a:after {content:""; position: absolute; top:-1rem; right:0; width:200px; height:150px; background-image: url(../images/wallwindow.png); background-repeat: no-repeat;}



#product-slider {margin-top:30px}
.product-data .bg  { background-color: #fff; padding: 30px; margin:30px 0}
.product-data h2 {font-size:25px}
.product-data .price           {color: #000; font-size:25px; font-weight: bold; line-height: 50px; display:inline-block; margin-right:25px;  vertical-align: top;}
.product-data .stock          {font-size:14px; text-align: center; margin-top: 10px;}
.product-data .skladom-true   {color: green;  font-weight: bold;}
.product-data .skladom-false  {color: #cd0e0e !important;  font-weight: bold;}


.product-data .saved          {color: #9f9f9f;  padding:0 10px; margin:0 10px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
#sizes {padding-left:60px; padding-top:7px; background:  url(../images/css.png) no-repeat 9px -45px; height:60px; font-size:17px}
#sizes.icon-color {background-position: 16px -1054px !important;}
#choose-color, #choose-size {padding:11px 25px; font-size:15px; display: block; border-radius:0; margin:0px 0 15px 0; text-align: left; font-weight: 700;  background: #cd0e0e; color: #fff}
.product-data .colors   {margin:15px 0; padding:0; text-align: center;}
.product-data .colors a {display: inline-block; width: 45px; height: 45px; position: relative; margin:0 10px 10px 0; border:1px solid #ccc; box-shadow: 10px 10px 5px 0px rgba(212, 212, 212, 0.55);}
.product-data .colors a:last-child {margin-right:0}
/*.product-data .colors a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 13px solid #fff; border-left: 35px solid transparent; border-right: 36px solid transparent; box-shadow: inset 10px 10px 5px 0px rgba(0,0,0,0.75);}*/
.product-data .colors a:hover {opacity:.6}
.product-data .colors a.active {background:  url(../images/check.svg) no-repeat 11px -5px; box-shadow: 10px 10px 5px 0px rgba(212, 212, 212, 1);}


.tabs { border-bottom:1px solid #e9e9e9; text-align: center;}

.tabs li {display:inline-block}
.tabs li a:hover {border-bottom: 1px solid #000; color: #666}
.tabs li a {padding: 20px 30px; font-size:20px; display:inline-block; border-bottom: 1px solid #fff; font-weight: bold;}
.parameters {border-bottom: 1px solid #e9e9e9; }
.parameters h2 {font-size:23px}
.parameters .parambig {padding-left:60px; padding-top:40px; padding-bottom:30px; border-left: 1px solid #e9e9e9;}
.parameters .parambig ul li {font-size:16px; padding:0 0 20px 25px;}
.parameters .parambig ul li ul {margin-top:20px}
.parameters .parambig ul li:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: normal; padding-right:10px; font-size:17px; margin:0 0 0 -20px; color: #9f9f9f}
.parameters .paramshort ul li {font-size:16px; padding:0 0 20px 30px;}
.parameters .paramshort ul li:before { content: "\f046"; font-family: FontAwesome; font-style: normal; font-weight: normal; padding-right:10px; font-size:17px; margin:0 0 0 -25px;}
.parameters .paramshort {padding-right:60px; padding-top:40px; padding-bottom:30px;}



.rating    {margin-top:50px; margin-bottom:50px}
.rating h3 {margin:0 0 5px 0 }
.rating i  {font-size:28px; color: #f9da15; margin-top:15px}

.product-gallery    {background-color: #e9e9e9; padding:30px 0; min-height:800px}
.product-gallery .col-sm-3   {margin-bottom:30px}

.gallery {margin-top:2rem;}
.gallery .col-sm-2 {margin-bottom:2rem}
.gallery img {border:1px solid #ccc; padding:1rem}



/* listing */
.listing .col-sm-3 {width: 20%;}
.listing    {background-color: #f3f3f3;  padding-bottom:30px}
.listing .txt {font-size:14px;  margin-bottom:40px; text-align: center;}
.listing h1 {margin: 1rem 0; font-size: 2rem; text-align: center;}



.akcia_round {position: absolute; top:-20px; right:10px; z-index:100;background-color: #cd0e0e; padding:12px 0 0 0; width:50px; height:50px; color: #fff; border-radius:50px; display: block; letter-spacing: -1px; font-weight: bold; font-size:1.1em}
.akcia_round .percent {font-size:12px; padding-left:2px}
.new_round {position: absolute; top:40px; z-index:100;background-color: green; padding:12px 0 0 0; width:50px; height:50px; color: #fff; border-radius:50px; display: none; letter-spacing: -1px; font-weight: bold; font-size:1.1em}


.listing a {position: relative; display: block; }
.listing a:hover {opacity:.7}

.listing img {width:250px; margin:0 auto}
.listing h2 {margin:20px 0; font-size:15px; text-align: center; min-height:50px}
.listing .before { display: block; color: #707070}
.listing .before i { background:   url(../images/css.png) no-repeat 0px -760px; display: inline-block; width:50px; margin-bottom:3px; letter-spacing: -1px; }
.listing .price {color: #cd0e0e; font-size:21px; font-weight: bold; line-height: 1em; letter-spacing: -1px; }

.listing .price_with_vat {display: block; color: #666; font-size:13px; margin-top:5px}
.listing .height { display: block; height: 140px; margin-top: 30px; }
.listing .from {font-size: 15px; line-height: 1em; vertical-align: middle; font-weight: normal;}

.contact h1 { text-align: center; margin-top:2rem; font-size: 1.6rem;}
.contact h4 { text-align: center; margin:10px 0 40px; font-size: 1rem; font-weight: normal;}
.contact .data   {padding-top: 50px; padding-bottom:50px; font-size:25px }
.contact .data a {display: block; padding:15px 0}
.contact .data a:hover {opacity:.7}
.contact .writeus  {color: #000; background-color: #eaeaea}
.contact .writeus form {padding:40px 30px 20px 30px}
.contact .writeus .row {margin-bottom:20px}
.contact i {color: red}
.contact-box {  padding-bottom:4rem}

.contact-box h1 {margin:4rem 0 1.5rem 0; padding:0}
.contact-box h4 {font-weight: bold; margin:0 0 .5rem; padding:0}


.printing .col-sm-6  {margin-bottom:15px}
.printfoilmain {background-image: url(../images/printfoil.jpg); background-position: top center; background-repeat: no-repeat;}
.printfoilmain h1 {font-size:25px; text-align:center}
.printfoilbg {background-color: #fff; padding:1rem; margin:3rem 0}

.owl-print .item:hover {opacity:.7}
.print { padding:3rem 0; }
.owl-print.owl-theme .owl-nav.disabled + .owl-dots {margin:0}
.owl-print.owl-theme .owl-dots {margin-top: -2rem !important;position: relative;}


.vop {padding-top:0px; padding-bottom: 100px}
.vop a {text-decoration: underline;}
.vop p {margin-bottom:25px; line-height: 24px;}
.vop h1 {margin:60px 0 40px 0; text-align: center;}
.vop h2 {margin-top:50px}
.table-doprava>tbody>tr>td {padding:15px} /* VOP SUBMENU */


.subnav  {text-align: center; border-bottom:1px solid #e9e9e9;}
.subnav ul {display:inline-block;  height:45px}
.subnav li {float:left; border-left:1px solid #e9e9e9;}
.subnav li:first-child {border:none}
.subnav a {display: block; padding: 15px 25px;}
.subnav a.active {color: #838383}
.subnav a:hover {text-decoration: none; color: #838383; background-color: #e9e9e9;}

.modal .modal-header {padding:15px 15px 15px 30px;}
.modal .close {margin:0px; padding:0px 10px; color: #000; font-weight: lighter; font-size:40px; opacity:1}
.modal .close:hover {opacity:.7}
#modal-doprava .content .row {padding:10px 0 10px 0px; border-bottom: 1px solid #e5e5e5;  font-size:1.1em;}
#modal-doprava .content .row:nth-child(6) {border:none}
.modal-contact .content {padding:20px 30px 30px 30px}
.modal-contact label {padding-top:20px}
.modal-add-basket {text-align: center;}
.modal-add-basket .btn-danger {margin-left:15px}


.modal-padding {padding:30px}
.check-custom input[type="checkbox"]{ display: none; border: none !important; box-shadow: none !important; }
.check-custom input[type="checkbox"] + label span { display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(../images/css.png) no-repeat 0px -922px; margin-top: -3px;}
.check-custom input[type="checkbox"]:checked + label span { background: url(../images/css.png) no-repeat 0px -952px; vertical-align: middle; width: 32px; height: 32px; }
.check-custom a {text-decoration: underline !important;}

/* KOSIK */

.order-header {background-color: #f0f0f0; margin-bottom:50px}
.order-nav li {float:left; background: url(../images/arrow-order.png) no-repeat top right; padding-right:7px; }
.order-nav a {color: #878787; height:93px; display: block; padding: 33px 25px 0 25px; font-size: 17px}
.order-nav a:hover {color: #eb6509; }
.order-nav a.active   {font-weight: bold;}
.order-nav a.noactive {opacity:.6}
.order-nav a.noactive:hover {color: #878787; cursor:text; }

.cart .col-lg-10 {float:none; margin:0 auto;}

.cart-list {background-color: #fff; padding-bottom:40px}
.tablecart {width:100%; margin: 0; }
.tablecart h3 {margin:0 0 10px 0; font-size: 1.4em;}
.tablecart img:hover {opacity:.8}
.tablecart td {padding: 15px}
.tablecart thead th {border:0; border-bottom: 1px solid #e9e9e9; padding: 15px}
.tablecart tbody td {border:0; border-top: 1px solid #e0e5eb;}
.tablecart input[type=number] {width:85px; float:left; margin-right: 7px}
.tablecart .cena-ks {font-size:1.2em; font-weight: bold;}
.tablecart .cena {font-size:1.2em; font-weight: bold; text-align:right; color: #eb6509;}
.tablecart a.remove { display: block; font-size: 1.5em; height: 1.2em; width: 1.2em; padding-bottom: 3px; text-align: center; line-height: 1.1em; color: #000; text-decoration: none; font-weight: 700; border: 1px solid transparent; -webkit-border-radius: 100%; border-radius: 100%; background-clip: padding-box; transition: all 0.3s; margin:0 auto; }
.tablecart a.remove:hover {border: 1px solid red;	color: red;}
.tablecart .shipping-payment b {display:inline-block; min-width:80px}

.total {padding-top:25px; padding-bottom:25px; margin-top:25px; margin-bottom:25px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.total .silver {color: #878787; }
.total .silver span {padding-top:5px; display: inline-block;}
.total h2  {color: #eb6509; font-size:1.7em; margin:0; padding:0; font-weight: normal;}
.total h2 b {margin-left:20px}
.btn-next {margin-top:30px; margin-bottom: 70px}
.btn-next .glyphicon {top:2px}
.btn-next .btn-lg .glyphicon {top:3px}
.basket-next {position: relative; z-index:100}

.doprava-platba {margin-bottom:25px}
.doprava-platba h2 {font-size:1.2em; font-weight: bold; padding-left:15px}
.doprava-platba .kat {font-size:1.1em;  border:1px solid #b0b0b0; margin-bottom:15px; padding:  0 15px; background: url(../images/dopax.png) no-repeat}
.doprava-platba .kat span {padding:20px 0}
.doprava-platba .ico1 {background-position: right 9px}
.doprava-platba .ico2 {background-position: right -63px}
.doprava-platba .ico3 {background-position: right -133px}
.doprava-platba .ico4 {background-position: right -209px}
.doprava-platba .ico5 {background-position: right -210px}
.doprava-platba .ico6 {background: url(../images/onlineplatba.png) no-repeat; background-position: right 17px}
.doprava-platba .ico7 {background-position: right -357px}

.doprava-platba .icoblik {background-position: right -420px}
.doprava-platba .icogiropay {background-position: right -470px}
.doprava-platba .icoeps {background-position: right -526px}
.doprava-platba .icocartebancaire {background-position: right -639px}
.doprava-platba .icosatispay {background-position: right -583px}


.doprava-platba .active {border:1px solid #eb6509}
.doprava-platba .kat:hover {border:1px solid #333}
.doprava-platba .col-sm-3 {text-align: right;}
.doprava-platba label {display: block; font-weight: bold; padding:0; margin:0}
.doprava-platba .kat:hover, .doprava-platba label:hover {cursor: pointer;}
.doprava-platba .free {color: #9ccf56; font-size: .8rem;  line-height: 22px}

#card-info {padding:0 15px 0 40px}

.dodacie-udaje .col-sm-9 {float:none; margin:0 auto;}
.dodacie-udaje .dodacie {border:1px solid #b0b0b0; padding: 40px 35px 25px 35px; }
.dodacie-udaje .dodacie:hover {border:1px solid #e9e9e9}
.dodacie-udaje .margin {margin-bottom:15px}
.dodacie-udaje .form-control {padding:12px 12px; height:auto}

.dodacie-udaje .firemne  {margin:15px 0}
.dodacie-udaje .check-custom {display: block; border:1px solid #b0b0b0; padding: 25px 15px 25px 35px ;}
.dodacie-udaje .check-custom:hover {cursor: pointer; border:1px solid #e9e9e9}
.dodacie-udaje .check-custom label {cursor: pointer}
.dodacie-udaje .check-custom p {margin:0px 0 0 40px}
.dodacie-udaje .check-custom b {margin-left:5px}
.dodacie-udaje .check-custom i {font-style: normal;}
.dodacie-udaje #firemne, .dodacie-udaje #inadodacia {margin-top:15px; margin-right:20px}

.total-suhrn {margin-top:0}
.dph-info {margin-top:7px; display: block; font-size:12px; line-height:17px}

.poznamka h2 { font-size: 1.2em; font-weight: bold; margin: 25px 0 15px 0}
.poznamka textarea {margin-bottom:25px}

/* PAGES */
.register h1 {background: #ffe54b; font-size:21px; margin:0; padding: 13px 30px; font-weight: lighter;}
.register {min-height:800px; background-image: url(../images/contact.jpg); background-position: top center; background-repeat: no-repeat;}


.margin-tb {padding-top:0px; padding-bottom:100px}
.register .dodacie-udaje .dodacie, .register .dodacie-udaje .dodacie:hover {padding:0; border:0; }
.register form {background-color: #fff;padding:30px}
.register .btn {margin-top:15px}
.register .margin {position: relative;}
#email-ok, #email-err  {position: absolute; top:35px; right:15px; color: green;     font-size: 2em;}
#email-err {color: #c90409}

.more-products  { background-color: rgba(240, 240, 240, 0.52); padding: 40px 0 40px 0;    margin-bottom:-20px; border-top: 1px solid #e9e9e9;}
.more-products h2 {font-size:22px; text-align: center; margin-bottom: 3rem;}
.more-products a {margin-bottom: 25px; display: block;}
.more-products a:hover {opacity:.7}
.more-products .img {height:200px; display: block;}
.more-products .price {color: #000; font-size:16px; font-weight: normal; line-height: 1em;  }
.more-products .height { display: block; min-height: 100px; margin-top: 30px; }
.more-products .title {font-size: 17px; display:block; font-weight: bold; min-height: 50px;}
 
.zona {border:1px solid #b0b0b0; background-color: #fff; position: relative; margin-bottom:25px}
.zona .number {position: absolute; top:-1px; left:45px; z-index:100; background-color: #cd0e0e; padding:10px; color: #fff; display: block; letter-spacing: -1px; font-weight: bold; font-size:15px; min-width:40px; text-align: center;}
.zona .padding {padding: 50px 0 20px 25px; background-color: #f4f5f7; border-right:1px solid #b0b0b0; min-height:250px;}
.zona .price {font-size:20px; display:inline-block; margin-bottom:5px}
.zona .btn {margin-top:15px; min-width:120px}
.zona .header {font-weight: 700;}
.zona .overflow {overflow-y: auto; height:250px; padding:10px 40px 25px 0; }
.zona .overflow .row {border-bottom:1px solid #b0b0b0; padding-top:10px; padding-bottom:10px}
.zona .overflow .row:last-child {border-bottom:0}




.exlusive5eur a {margin-top:2rem; background-color: #eb6509; display: inline-block; position: relative; padding:2rem 2rem 2rem 7rem; color:white; font-size:1.3rem; line-height: 1.8rem;}
.exlusive5eur a::before {content: ''; position: absolute; left: 1.7rem; top: 50%;  width:55px; height:50px; transform: translateY(-50%); background-image: url(../images/piggy.svg); background-size: cover;}
.exlusive5eur a:hover {background-color: #eb6309c8; }

@media screen and (max-width : 1198px) {
.navbar-brands img {width:200px}
.navbar-nav>li>a.icocontact {padding-left: 1rem;}
.modal-lg {width: 1050px;}

.box2x2   {top:50px; left:90px}
.box25x25 {top:80px; left:330px;}
.box2x3   {top:50px; left:560px}
.box3x3   {top:90px; left:780px}
.box3x45  {top:250px; left:0px}
.box3x6   {top:340px; left:730px}


.product .owl-thumbs {margin-bottom:0}
.navbar-nav>li>a {padding:7px 2px; font-size:.9em}
.order-nav a {padding:30px 25px 0 25px}

.navbar-nav.smallfont>li .baskettxt, .navbar-nav.de>li .baskettxt {display:none}
.navbar-nav.smallfont>li.brand>a {padding: 0 16px 10px 16px}
.headlinebox .image-wrap {margin-left: -200px}


}



@media screen and (max-width : 998px)   {

.transport-page h1 {font-size: 1.4rem; line-height: 30px;}
.transport-page h2  {font-size: 1.1rem}

.headline2026 h2 {font-size: 1.3rem;}
.headline2026 h1 {font-size: 1.4rem; line-height: 30px;}
.headline2026 h1 b {font-size: 1.2rem;}
.headline2026 {font-size: 1rem;}
.headline2026 .box01 {width: 100%;}
.headline2026 .box03 {margin-bottom: 0rem;}
.headline2026 .box02 .text-wrap {margin-top:-3rem; margin-bottom:2rem}
.headline2026 .box03 .text-wrap {order:1; margin-bottom: 9rem;} 
.headline2026 .box04 .text-wrap {margin:-2rem 0 3rem 0;}
.headline2026 .box04 .image-wrap {top:-4rem}
.headline2026 .headline-center img {width: 100%;}
.headlinebox.right .image-wrap {margin:0}
.headlinebox .image-wrap {max-width: 100%; margin:0;}
.headlinebox .d-flex {flex-direction:column; text-align: center;}
.headlinebox .text-wrap {padding:0; width: 100%;}
.headline2026 ul {list-style-type: none; margin-left:0rem}
.headlinebox.box03 .text-wrap {padding-bottom: 2rem;}
.headlinebox.box04 .text-wrap {padding-bottom: 0rem;}

    .listing .col-sm-3 {width: 50%;}
  .container {width: 100%}
.navbar-brands img {display:none}
.startprintline {border:none}

.magnify-lens {display: none !important}
/* zoom modal */
.modal-lg {width: 720px}
#modal-zoom .modal-dialog {margin-top:10px !important}

.heureka .item:after {margin-top:-30px}
.widget_shopping_cart_content {top:64px}
.navbar-brand {display:inline-block; height:auto; margin:0; padding:8px 0 0 0; float:none}
.navbar-brand img {display:none; height:40px}
.brand, .more-products {display: none !important;}
.navbar-nav>li>a {padding:10px 6px}
.navbar-header {text-align: center; float:none}


.start {text-align: center;}
.box {position: relative; display:inline-block; margin: 15px}
.box2x2   {top:0; left:0}
.box25x25 {top:0; left:0}
.box2x3   {top:0; left:0}
.box3x3   {top:0; left:0}
.box3x45  {top:0; left:0}
.box3x6   {top:0; left:0}

.start {height:auto; padding:35px 0 50px 0}

.service .left  {padding-right:15px; border:none}
.service .right {padding-left:15px; padding-top:30px;  border-top: 1px solid #e9e9e9;}
.service .btn-danger {margin:-50px 0 70px 0 }
.whyus p {width:70%}

.novisible {background: url() !important }
.order-nav {display:none}
.nav-hu>li>a {font-size: 16px;}

#product-slider {margin-top:0}
.product-data .left {padding-left:40px}
.product-data .right {padding-right:40px}
.img_right_one {right:0; left:0; position: relative; padding:0}

.subnav a {padding: 15px 10px}

.flex {display:flex; flex-flow: row wrap; }
.flex1 {flex: 1 100%; order:2}
.flex2 {flex: 1 100%;}
.article .back {display:none}
.article .bg {margin:2rem 0}
.news .margin {border:none; margin-right:0}

.parastanok .row {border:none; margin:0}
.parastanok h1 {font-size:1.5rem;}
.parastanok .item {border:none}
.parastanok .item ul{border:none}
.parameters li {font-size:13px}
.col-md-5s { width: 33%; float: left;}
.order-header {display:none}
footer a {display: block;}
.printLabel {display:none}

/* 2024 */
.dropdown__size div {width: 50%;margin: 0;}
.payment-info, .transport-info {padding:0 0 1rem 0; font-size:11px}
.doprava-platba h2 {background-color: #ccc; padding:1rem; text-align: center;}
main  {padding-top:50px}
.owl-thumbs {display: none;}
.akcia-ico {display: none;}
.doprava-ico {position: relative; left:0;  background:  url() no-repeat; width:100%; height:auto; top:0; padding:0;  font-size:12px;}
.doprava-ico .text-center {width:auto;  display: block; padding:7px 15px;  background-color: green; }
.flex1, .flex2 {padding:0}
.product .container {padding:0}
.contentbox {padding:0 2rem}
.desc {border-left:0; border-right:0}
.fourthwall {border-left:0; border-right:0}
.fourthwall .font5 {padding:0 0 0 1rem;  }

.order-float {padding:0rem .7rem 0 .7rem; text-align: center; border:none; zoom:85%; margin:0; position: fixed; bottom:0; left:0; background-color: white; width: 100%; z-index: 101; box-shadow:1px -1rem 4rem rgba(0, 0, 0, 0.15) !important}
.order-float h3 {font-size:1.1rem; text-align: center; margin:2rem 0 0 0}
.order-float #sizes {margin:1rem 0 1rem 0}
.order-box .vypredaj{font-size:.85rem !important; margin: -10px 0 0 0}
.order-box .d-flex{margin-top:.75rem}
.order-box .stockinfo{margin:1rem 0}
.product-data .colors a.active {background-position: 7px -5px;}

.select-claim span {height:60px}
.col-xs-6 {width: 50%; float:left;}

nav .flexwrap {flex-wrap: wrap; justify-content: center;}

.product h1 {font-size: 25px;}
.product .breadcrumbs nav {padding:10px 0 10px 2rem; border-top:1px solid silver; border-bottom:1px solid silver; margin:-10px 0 0 0; zoom:90%}

.categorytents .categories .title {height: 50px; margin-bottom: 1rem;}
.categorytents .col-xs-50 {width:50%; zoom:80%; margin-top: 1rem;}
.categorytents .d-flex {flex-wrap: wrap;}
.categorytents .headline  {font-size: 1.2rem; line-height: 30px;}
.categorytents .headline b {font-size: 1.4rem;}

}
@media screen and (max-width : 767px)  {


    .topbaskettitle {display:inline-block!important} 
    .topbasketico img{display:none}
    .topbasketico {color: white !important; border:none}
    .topbasketico span {display:inline}

    .product-data .colors a {width:40px; height:40px}

.navbar-brands.logo-de img,
.navbar-brands.logo-at img,
.navbar-brands.logo-pl img,
.navbar-brands.logo-fr img,
.navbar-brands.logo-ro img, 
.navbar-brands.logo-si img, .navbar-brands.logo-it img {margin-top: 8px;}

.col-md-5s { width: 50%; float: left;}
.navbar-brands img {display:block; width:150px; margin:5px 0 5px 10px}
.icobg {background-image: url(); display: none; }
.linenav {border:none}
.navbar-nav>li>a.icofont {font-size: 15px; padding:10px}

/* modal zoom */
.zoom-img-height {height:350px; overflow: hidden;}
.zoom-img-height img {position: relative; top:-3rem}
.modal-lg {width: auto}

.navbar-brand img {display:inline}
.cr, .widget_shopping_cart_content, .rating {display:none !important}
.text-right {text-align: left;}
#nav-expander, .nav-close {display:block}
.navbar-nav>li>a { font-size:1.2em}

.text-right {text-align: left;}
.navbar-nav {margin:0 1rem; display:block}
.navbar-nav>li>a {color: #949597; padding: 5px 10px}
.navbar-nav>li>a:hover {color: #fff}
.dropdown-menu-width-box {padding:0; background-color: #fff;}
.dropdown-menu-width-box .row {margin:0}
.dropdown-menu-width li {padding:0; margin:0}
.category_sizes li {width:50%}
.dropdown-menu-width li a {padding:0}
.navbar-nav>li>a.basket  {height:51px;}
.nav .open > a.navactive, .nav .open > a.navactive:hover, .nav .open > a.navactive:focus {padding:20px; border-radius:0;     background-color: rgb(255, 229, 75); opacity: 1;}

.dropdown1 h3 {display:none}
.dropdown1 form {padding: 20px 0 20px 5px }
.nav-login {border:0; margin:0;}
.nav-reg a {margin-bottom: 15px; font-size:17px}
.nav-reg {padding-left:20px}


.count-icon {color: #fff}
.category_sizes img {padding:0 10px; margin-top:-4rem}

a.nav-expander {color: #FFFFFF; display: block; font-size: 15px; font-weight: 400; margin-right: 0; padding: 10px 30px 7px 10px; margin:8px 0 0 0; position: absolute; right: 0; text-decoration: none; text-transform: uppercase; top: 0; transition: right 0.3s ease-in-out 0s; z-index: 12; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; }
a.nav-expander span {width:30px; height:2px; background-color: #000; display: block; margin-bottom:5px; border-radius:50px}
a.nav-expander:hover { cursor: pointer; }
a.nav-expander.fixed { position: fixed; }
.nav-expanded a.nav-expander.fixed { right: 20em; }
.collapse { background: #2d2f33; display: block; height: 100%; overflow: auto; position: fixed; right: -20em; font-size: 15px; top: 0; width: 20em; z-index: 2000; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; } .nav-expanded .nav-mobile { right: 0; } body.nav-expanded { margin-left: 0em; transition: right 0.4s ease-in-out 0s; -webkit-transition: right 0.4s ease-in-out 0s; -moz-transition: right 0.4s ease-in-out 0s; -o-transition: right 0.4s ease-in-out 0s; }
#nav-close { font-weight: 300; font-size: 35px; line-height: 13px; text-align: right; position: absolute; right:-10px; top:7px; opacity:.5; z-index:1}
.navbar-nav > li.visible-xs {padding:10px}
.navbar-nav>li>a.active {color: #ffe54b}

.product-data .left {padding-left:15px}
.product-data .right {padding-right:15px; border:0}
.tabs {text-align: left; margin: 0 0; border:0}
.tabs li  {display: block;}
.tabs li a {padding: 15px 0px; display: block; border-bottom: 1px solid #e9e9e9;}
.gallery img {padding:0}

.modal-add-basket .btn-danger {margin-left:0px}

.contact, .listing {height:auto; padding-bottom:30px}
.contact .data {font-size:20px}
.contact .writeus form {padding:30px 15px}

.margin-tb {padding:30px 0 50px 0}

.more-products .price {font-size: 20px !important}
.total h2 {font-size:21px}
.dph-info {font-weight:300}
.doprava-platba .kat {background: url() }
.total h2 {margin: 0 -15px;}
.total h2 b {margin-left:0}
.cart .text-right{text-align: center !important;}
.poznamka h2 {margin-top:0}

.zona .padding {border:0; min-height:auto}
.zona .overflow {padding:25px}
.more-products h2 { font-size: 20px; margin: 55px 0 10px 0; text-align: center; }
.parameters .paramshort {padding-right:15px; border:none}
.parameters .parambig {padding-left:15px; border-top: 1px solid #e9e9e9; border-left:0}
.vop h1 {text-align: left; font-size:25px}
.subnav {border:none}
.subnav ul {height:auto; display: block}
.subnav li, .subnav li:first-child {float:none; display: block;     border-bottom: 1px solid #e9e9e9;}
.subnav a  {padding:30px 15px; font-size:17px}
.start2 a {margin-bottom:2rem}
.article h1 {font-size:1.5rem}
.article .padd {padding:0}
.item_img {display:none}
.news .img {height:150px}
.article {background-color: #fff;}
.article .bg {box-shadow:none; margin:0}
.category_sizes strong {font-size:1.6rem}
.category_sizes .item {padding-bottom:1rem}
.navbar-brand {left:1rem;}
.navbar-nav>li {padding:1rem 0}

div.startpromotxt {padding:2rem; font-size:14px}

.product h1 {font-size:21px}
.cookies .material-switch {margin-top: -15px;}
.cookies .text-right {text-align: right !important}
main {padding-top: 60px;}


.configurator form {margin:0}
.configurator .padd {padding:0; border:none}
.configurator div {margin-bottom:.3rem}
.configurator .header {display:none}
.configurator.container {padding:0}
.configurator .text-right {text-align: center !important}
.configurator .printbtn_vyberstanu {margin:1rem 0; white-space: normal;}
.configurator .btn {float:none !important}
.configurator .print-price {position: absolute; top:3px; right: 0px; width:auto; padding-left: 1rem;} 
.configurator .print-img {position: absolute; top:-43px; right: 15px;} 
.configurator .print-img21 {position: absolute; top:-126px; width: 68px; right: 29px; border:1px solid #ececec} 
.potlaccenainfo {display:none} /*configurator */
/* potlac v kosiku */
.printLabel label {font-size: 14px; display:inline}
.printLabel img {display: block; width:120px; margin:12px auto}
.printLabel p {text-align: center;}
.printLabel.text-right {text-align: left !important;} 
.printLabel input {width: 20px;  height: 20px; margin-right: 9px; margin-bottom: 16px; float: left; line-height: 18px;}
.basket-link {display:none}

.parastanok {margin:1rem; font-size: 1rem;}
.parastanok .title {font-size: 1.3rem;}
.parastanok .item {margin:0 0 2.5rem 0;}
.parastanok .item {border: 1px solid #e2e4e9; border-bottom:0}

.listing h2 {font-size:16px; min-height: auto;}
.listing .txt {font-size: 13px;}
.listing img {width: 300px;}
.listing a {margin: 0;}
.listing .height {height: auto; margin-bottom: 3rem;}



}

@media screen and (max-width : 414px) {
/* modal zoom */
.zoom-img-height {height:250px }
.product-data h2 {font-size: 18px}
.dodacie-udaje .col-sm-9 {padding:0}
.dodacie-udaje .dodacie {padding: 15px}
.contact h1 {font-size:18px; margin-top:25px}
.contact p {font-size:14px}
.zona .header {display:none}
.zona .col-xs-5, .zona .col-xs-1, .zona .col-xs-3 {width:100%}

.product-data .bg {padding:15px}
.note-float-left, .note-float-right {float:none !important; margin: 1rem 0}
.stvrtastena a {padding:15px}
.stvrtastena a:after {top:4.5rem; left:1rem;}
.check-custom {font-size:11px}
.check-custom label {line-height: 23px;}
.poznamka {padding:0}



}


@media print {
  a[href]:after {content:none;} /* nevytlaci linky */
 .phone {top: 45px; font-size:1.5em}
 .menu, .noprint, .footer {display: none;}
 FORM input[type=text], FORM textarea {margin-bottom:10px; border:none !important}
 th {border-bottom:2px solid #e5e5e5}
}