body {
    color: #000;
    font-family: "Kanit", Arial, Tahoma;
    font-weight:300;
    margin: 0px;
    padding: 0px;    
    position:relative;
    top:0 !important; 
    overflow-x:hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

strong, b {
    font-family: 'Kanit', Arial, Tahoma;
    font-weight:400;
}

a:hover, a:active, a:focus {
    outline: 0;
}

a {
    color: #000;
}

a:hover {
    color: #444;
}

.hide {
    display:none;
}

/* header */
#header {    
    width:100%; 
    position:relative;
    z-index:1022;
}   

#header .menubg {    
    width:100%; 
    position:absolute;
    height:67px;
    bottom:0;
    left:0;
    background:#00b5e5;
} 

#header.sticky .menubg {    
    display:none !important;
} 

#header #logo img {    
    max-height:50px;
} 

#header .hamburger {
    top:0;
    right:0;
    position:absolute;
    text-transform:uppercase;
    height:90px;
    width:100px;
    border-radius:0;
    font-size:50px;
}

#header .icon {
    height:50px;
    line-height:24px;
    margin:20px 10px 20px 0;
    position:relative;
    z-index:5; 
    font-size:1rem;
    min-width:60px;
    padding:10px;
}

#header .icon.login {
    background: url(../img/avatar.png) no-repeat 5px center;
    background-size:45px 45px;  
    padding-left:55px;
    margin-right:20px;
}

#header .icon.login:hover {
    background: url(../img/avatar.png) no-repeat 5px center #fff;
    background-size:45px 45px; 
    padding-left:55px; 
}

#header .icon.user {
    background: url(../img/user.png) no-repeat 5px center;
    background-size:45px 45px;
    padding-left:55px;  
    margin-right:20px;
}

#header .icon.user:hover {
    background: url(../img/user.png) no-repeat 5px center #fff;
    background-size:45px 45px;  
    padding-left:55px;
}

#header .icon.settings {
    background: url(../img/menu.png) no-repeat center center;
    background-size:45px 45px;  
}

#header .icon.settings:hover {
    background: url(../img/menu.png) no-repeat center center #fff;
    background-size:45px 45px;  
}

#header .icon.intbtn {
    font-size:24px;
}

#header .icon.lang {
    background: url(../img/languages.png) no-repeat center center;
    background-size:45px 45px;  
}

#header .icon.lang:after {
    display:none; 
}

#header .icon.lang:hover {
    background: url(../img/languages.png) no-repeat center center #fff;
    background-size:45px 45px;  
}

#header .icon.lang.cz {
    background: url(../img/czech.png) no-repeat center center;
    background-size:28px 28px;  
}

#header .icon.lang.cz:hover {
    background: url(../img/czech.png) no-repeat center center #fff;
    background-size:28px 28px;  
}

#header .icon.lang.sk {
    background: url(../img/slovakia.png) no-repeat center center;
    background-size:28px 28px;  
}

#header .icon.lang.sk:hover {
    background: url(../img/slovakia.png) no-repeat center center #fff;
    background-size:28px 28px;  
}

#header .icon.lang.pl {
    background: url(../img/pl.png) no-repeat center center;
    background-size:28px 28px;  
}

#header .icon.lang.pl:hover {
    background: url(../img/pl.png) no-repeat center center #fff;
    background-size:28px 28px;  
}

#header .icon.lang.en {
    background: url(../img/engeu.png) no-repeat center center;
    background-size:28px 28px;  
}

#header .icon.lang.en:hover {
    background: url(../img/engeu.png) no-repeat center center #fff;
    background-size:28px 28px;  
}

#header .buttonmenu {
    border:0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); 
    border-radius:0;    
}

#header .buttonmenu.log {
    min-width:300px;
}

#header .buttonmenu .eu {
    background: url(../img/engeu.png) no-repeat center left;
    background-size: 24px 24px; 
    padding-left:32px; 
}

#header .buttonmenu .en {
    background: url(../img/engeu.png) no-repeat center left;
    background-size: 24px 24px; 
    padding-left:32px; 
}

#header .buttonmenu .cz {
    background: url(../img/czech.png) no-repeat center left;
    background-size: 24px 24px; 
    padding-left:32px; 
}

#header .buttonmenu .sk {
    background: url(../img/slovakia.png) no-repeat center left;
    background-size: 24px 24px; 
    padding-left:32px; 
}

#header .buttonmenu .pl {
    background: url(../img/pl.png) no-repeat center left;
    background-size: 24px 24px; 
    padding-left:32px; 
}

#header .rightbasket {
    float:right;
}

#header .rightbasket .basketico {
    text-decoration:none;
}

#header .rightbasket .basketico .count {
    background: url(../img/basketn.png) no-repeat;
    background-size: 80px 80px;  
    width:80px;
    height:80px;
    position:relative;
    display:block;
    text-decoration:none;
    margin:0;
    text-align:center;
    font-size:18px;
    font-family: 'Kanit', Arial, Tahoma;
    color:#fff;
    padding:24px 5px 0 54px; 
}

#header .rightbasket .basketico .count.full {
    background: url(../img/basketn_full.png) no-repeat;
    background-size: 80px 80px;  
}

#search #search_keyword {
    background: url(../img/ico_search.png) no-repeat 15px center #fff;
    background-size: 23px 23px;  
    padding-left:50px;
}  

#search #search_button {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;    
} 

/* search */
.search.collapse {    
    display:none;
}

.search.collapse.show {    
    display:block;
    position:absolute;
    top:180px;
    left:0;
    z-index:10;
    width:100%;
}

.sticky .search.collapse.show {    
    top:110px;
}

@media (max-width: 575px) {
.sticky .search.collapse.show, .search.collapse.show {    
    top:90px !important;
}
}

@media (max-width: 991px) {
.sticky .search.collapse.show, .search.collapse.show {    
    top:110px;
}
}

#header .search.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

#intriguer {
    z-index:10;
}

#intriguer img {
    max-height:75px;
}

.searchbutton {    
    display:inline-flex;
}

@media (max-width: 991px) {
body {
    padding-top:90px;
}  

body.allblur, body.allblur.sticky {
    padding-top:0;
}  

body.allblur #header {
    position:static;
}  

body.sticky {    
    padding-top:60px;
}

#header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
}

#header .mainmenu {    
    position:absolute;
    top:0;
    left:0;
}

#header .icons {
    padding-right:115px;
}

#header .icon {
    background-size:32px 32px !important;
    margin-right:10px !important;
}

#header .icon.lang {
    background-size:24px 24px !important;  
}

#header .icon.user, #header .icon.login {
    background-size:38px 38px !important;
}

#header.sticky {
    display:block;
}

#header.sticky {    
    border-bottom: 0;
}

#header.animated {    
    -webkit-animation-name: none !important;
    animation-name: none !important;
}  

#header #mainmenu {    
    overflow-x:hidden;
    height:100%;
    position:fixed;
    top:90px;
    left:0;
    padding-bottom:90px;
}

#header .menu .nav-item {    
    width:100%;
}

#header .menu .nav-item.btn-sale  {    
    padding:20px !important;
    background:#00b5e5;
}

#lang .item {
    margin:0 auto;
    width:115px;
    text-align:left;
}

.rightbasket {
    margin-top:20px;
}

.rightbasket .basketico .count {
    float: none !important;
    margin: 0 auto !important;
    line-height:1.6em !important;
    text-decoration:none !important;
    height:50px !important;
		padding: 14px 0 0 30px !important;
		font-size: 10px !important;
		background: url(../img/basketn.png) no-repeat !important;
    background-size: 50px 50px !important;  
    background-position:center right !important;
    width:50px !important;
}

.rightbasket .basketico .count.full {
		background: url(../img/basketn_full.png) no-repeat !important;
    background-size: 50px 50px !important;  
    background-position:center right !important;
    width:50px !important;
}

#logo.mobile {
    text-decoration: none !important;
    margin: 0 !important;
    position:fixed !important;
    top:15px !important;
    left:20px !important;
    display:block !important;
    line-height:0 !important;
    z-index:101 !important;
}

body #packeta-widget-overlay, body.sticky #packeta-widget-overlay {
    margin-top:-60px;
}

.hpbanners .banner .btn {
    font-size:1rem;
}
}

/* content */
.navigation {
    position:relative;
    z-index:4;
}

@media (max-width: 767px) {
.navigation {
    font-size:14px;
}
}

.htitle {
    position:relative;
    color: #000;
    text-transform:uppercase; 
    font-weight:800;
    text-align:center;
}

.htitle .bi {
    opacity:0.3;
}

/* detail produktu */
.productdetail .gallery.mainimage .carousel-indicators {
    position:static;
    margin:20px 0 0 0;
}

.productdetail .gallery.mainimage .carousel-indicators [data-bs-target] {
    max-width: 75px;
    height: auto;
    width:100%;
    text-indent: 0;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius:4px;
}

.productdetail .gallery.mainimage .zoom {
    position:absolute;
    bottom:0;
    right:0;
    z-index:99;
}

.productdetail .parameters .parameter, .productdetail .parameters .parameter a {
	color:gray;
}

.productdetail .excinside .excdescription {
	background:#ffd200;
    color:#000;
    padding:10px 20px;
    display:inline-block;
    font-weight:400;
    text-transform:uppercase;
    font-size:18px;
}

.productdetail .normal {
  font-size: 18px;
  text-decoration: line-through;
  color: #444;
  font-weight:400;
  margin-bottom:-10px;
}

.productdetail .price, .productdetail .trueprice {
    font-weight:400;
}

.productdetail .exclusive {
    text-transform:uppercase;
    font-weight:400;
    color:initial;
}

.productdetail .description {
    color:gray;
}

.productdetail .description p {
    margin-bottom:0;
}

.productdetail .description h2, .productdetail .description h3 {
    text-transform:uppercase;
    font-weight:400;
    margin:0;
    padding:0;
    font-size:1rem;
    line-height:1.5;
    color:initial;
}

.productdetail .description .icons {
    max-height:70px;
    margin:15px 0;
}

.productdetail .dettitle {
    font-weight:800;
    text-transform:uppercase;  
}

.productdetail .dettitle .producer {
    display:block;
    font-size:18px;
    line-height:36px;
    color:#999; 
    font-weight:300;  
}

.productdetail .dettitle .producer .prodlogo {
    float:left;
    margin:0 5px 0 0;
    width:36px;
    height:36px;
    opacity:0.3;   
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.relatedproducts {
    margin-top:80px;
}

.relatedproducts .homeprod {
    margin:0;
}

.relatedproducts.mb {
    margin:0 0 -140px 0;
}

.relatedproducts.basketrelated {
    margin-top:0;
    margin-bottom:-80px;
}

/* vypis produktu */
.produktM {
    overflow: hidden; 
    position:relative; 
    border-radius:20px;
    background:#fff;
    height:100%;
}

.produktM h2 {
	font-size:20px;
    font-weight:300; 
    text-transform:uppercase;
}

.produktM h2 a {
  	text-decoration:none;
  	display:block;
  	color:#000;
    overflow:hidden;
}

.produktM h2 .prodlogo {
  	display:inline-block;
    line-height:25px;
    margin:0 auto 5px auto;
}

.produktM h2 .prodlogo img {
    float:left;
    width:25px;
    height:25px;
    margin:0 5px 0 0;
    opacity:0.5;
}

.produktM h2 .producer {
    display:inline-block;
    font-size:16px;
    opacity:0.5;
    color:#000;
}

.produktM h2 .prodtitle {
	display:block;
    min-height:50px;
    font-weight:600; 
}

.produktM .detailbox {
	text-align:left;
}

.produktM .detailbox .description {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.produktM .detailbox .price {
	margin:0;
    position:relative;
    display:block;
	font-size:20px;
	line-height:20px;
}

.produktM .detailbox .price span {
  line-height: 24px;
  font-size:18px;
}

.produktM .detailbox .price .trueprice {
  margin:5px 0;
  display:block;
  font-weight:400;
}

.produktM .detailbox .price .normal {
  padding: 0;
  font-size: 14px;
  text-decoration: line-through;
  display: block;
  height: 20px;
  margin-top: 10px;
  color: #444;
  font-weight:400;
}

.mystery .produktM .detailbox .price .normal {
  display:none;
}

.produktM .detailbox .price .quantity {
  font-size:14px;
  line-height:14px;
  display:block;
}

.produktM .detailbox .price .quantity.onlystore {
  color:#33a260;
}

.produktM .detailbox .price .quantity.stored {
  color:#33a260; 
}

.produktM .detailbox .price .quantity.soon {
  color:#7254a3;
}

.produktM .detailbox .price .quantity.notstored {
  color:#dc3545;
}

.produktM .detailbox .price .buy {
    color:#fff;
    bottom:10px;
    right:0;
    position:absolute;
    z-index:9;
}

/* windowbasket */
.addprotector {
    text-align:left;
    padding:20px;
    border:2px solid #ddd;
    border-radius:4px;
    margin-bottom:20px;
}

.addprotector .image {
    float:left
}

.addprotector img {
    width:100%;
    height:auto;
    max-width:75px;
    margin:0 20px 0 0;
}

.addprotector p {
    font-size:14px;
    padding:0;
    margin:0 0 10px 0;
}

.addprotector .button {
    color:#fff;
    padding:15px 15px 15px 40px;
    background: url(../img/butt_basket2.png) no-repeat 15px center #00b5e5;
    background-size:20px 20px;  
}

.addprotector .button:hover {
    background-color: #00c1ef;  
    color:#fff;
}

/* smartform */
.gwt-SuggestBoxPopup {
    border: 1px solid #ddd !important;
    margin-left:1px !important;
}

.gwt-SuggestBoxPopup .item {
    padding: 5px 10px !important;
    line-height:14px !important;
}

.gwt-Anchor-suggestLink {
		font-size:10px;
		color:#999;
}

/* acc */
.acctable {
    width:100%;
    margin-bottom:40px;
}

.acctable td {
    padding:5px;
}

.acctable td.first {
    padding:5px 20px 5px 0;
    width:175px;
    text-align:right;
}

.accmenu {
    margin:0 auto;
    padding:20px 0;
    text-align:center;
}

.accmenu a {
    color:#000;
    background:#fff;
    border:2px solid #e5e5e5;
    padding:15px 20px;
    display:inline-block;
    margin:5px 1% 5px 1%;
    width:18%;
    text-align:center;
    border-radius:4px;
    cursor:pointer;
    text-decoration:underline; 
    line-height:16px;
    -moz-transition: background-color 0.1s ease-out;
    -webkit-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;  
}

.accmenu a.act, .accmenu a.act:hover {
    color:#fff;
    background:#00b5e5;
    border:2px solid #00b5e5; 
    text-decoration:none;
}

.accmenu a:hover {
    text-decoration:none; 
    background-color:#f5f5f5;
}

.prodTable {
    width: 100%;
    margin: 0px;
}

.prodTable tr th {
    padding: 0;
    font-weight:400;
}

.prodTable tr td {
    padding: 10px;
    border-bottom:1px solid #ddd;
}

.prodTable .prev {
    text-decoration: none;
    width: 16px;
    height: 16px;
    display: block;
}

.prodTable a.del {
    text-decoration: none;
    display:block;
}

.kosTable {
    border: none;
    width: 100%;
}
.kosTable a.rel {
    width: 24px;
    height: 24px;
    text-decoration: none;
    display: block;
}
.kosTable th {
    padding: 10px;
}
.kosTable tr td {
    padding: 10px;
    border-bottom:1px solid #ddd;
}

.kosTable td input {
    text-align: center;
}
.kosTable2 {
    border: none;
    width: 90%;
    margin: 10px 0;
}
.kosTable2 td {
    vertical-align: top;
}
.kosTable2 td p {
    padding-top: 4px;
}
.kosTable2 td p label {
    padding: 0px;
    margin: 0px;
}
.kosTable2 td input {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/* category banner */
.flexslider.category {
    margin:0 auto; 
	position:relative;
	overflow:hidden;
}

.flexslider.category ul {
	position:absolute;
	z-index:-1; 
}

/* msg */
.msg {
    padding-top:20px;
    margin-bottom:20px;
    text-align:center;
}

.mailinfo {
    padding:10px 10px 10px 52px;
    line-height:30px;
    background:url(../img/msg_info.png) no-repeat left center #f8eead;
}

.mailinfo.ok {
    background:url(../img/msg_ok.png) no-repeat left center #E0F2C8;
}

.mailinfo p {
    margin:0;
}

.paywait {
    display:block;
    color:#999;
    text-align:center;
    margin-bottom:10px;
}

.paymsg {
    padding:0 !important;
    margin:0 auto !important;
    text-align:center;
}

.paymsg strong {
    font-size:1.25rem;
    display:block;
}

/* bbcoins */
.bbcoins {
		padding:10px;
		background:#f8eead;
}

.bbcoins p {
		float:left;
		margin:0 5px 0 0;
}

.bbcoins img {
		float:left;
		margin:0;
}

.bbcoinsmore {
		float:right;
}

/* contact */
.contactcol {
  float:left;
  width:50%;
}

.contactcol p {
  margin:0 0 10px 0;
}

.firmbox {
    padding:40px;
    background:#f5f5f5;
    line-height:0;
    border-radius:4px;
}

.firmbox .img {
    float:left;
    margin-right:20px;
}

.firmbox h3 {
    margin:0 0 20px 0;
    padding:0;
    font-size:18px;
    line-height:20px;
    text-transform:uppercase;
    font-weight:400;
}

.firmbox p {
    margin:0;
    line-height:1.6em;
}

/* alert */
.christalert {
  padding:20px;
  background:#dc3545;
  color:#fff;
  text-align:center;
  font-size:14px;
}

.paytip {
  padding:40px;
  background:#f8eead;
  color:#000;
  text-align:left;
  border-radius:4px;
}   

/* thepay */
.thepay .thepay-methods-radio-method {
  display:none !important;
}

.thepay .thepay-methods-radio-method-cs,
.thepay .thepay-methods-radio-method-kb,
.thepay .thepay-methods-radio-method-csob,
.thepay .thepay-methods-radio-method-postovni_sporitelna,
.thepay .thepay-methods-radio-method-rb,
.thepay .thepay-methods-radio-method-mbank,
.thepay .thepay-methods-radio-method-fio_banka,
.thepay .thepay-methods-radio-method-moneta,
.thepay .thepay-methods-radio-method-air_bank,
.thepay .thepay-methods-radio-method-card {
  display:block !important;
}

.tp-btn {
  display:none !important;
  margin:5% 1% !important;
  width:31% !important;
}

.tp-btn[data-payment-method="card"], .tp-btn[data-payment-method="apple_pay"], .tp-btn[data-payment-method="google_pay"] {
  display:block !important;
}

.tp-btn .tp-icon {
  border: 0 !important;
}

.tp-btn:active .tp-icon, .tp-btn:focus .tp-icon, .tp-btn:hover .tp-icon {
  border: 0 !important;
  box-shadow:none !important;
}

.tp-btn:hover .tp-title {
  color:#000 !important;
}

/* hp slider */
.carousel.hp {
    position:relative;
    z-index:3;
}

.carousel.hp .carousel-inner {
    background: #151519;
}

.carousel.hp .carousel-item .splashimg {
    position:absolute;
    width:100%;
    height:100%;
    background-size: cover;
    background-position:center;
    top:0;
    left:0;
    z-index:2;
}

.carousel.hp .carousel-item .main {
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative;
}

.carousel.hp .carousel-item .textbox {
    width:57%;
    margin:40px 0;
    float:left;
    position:relative;
    z-index:1;
}

.carousel.hp .carousel-item .title {
    background:#2a2a32;
    color:#fff;
    margin:0;
    text-align:center;   
    padding:25px 40px;
    font-size:46px;
    line-height:56px;
    letter-spacing:-2px;
    z-index:5;
    display:none;
    width:100%;
}

.carousel.hp .carousel-item .title span {
    text-transform:uppercase;
    display:block;
}

.carousel.hp .carousel-item .content {
    background-color: rgba(255, 255, 255, 0.95);
    color:#000;
    padding:13px 20px 13px 30px;
    font-size:14px;
    line-height:22px;
    width:100%;
    display:none;
    z-index:2;
} 

.carousel.hp .carousel-item .right {
    bottom:0;
    right:-5%;
    position:absolute;
    display:none;
    z-index:1;
    width:auto;
    height:auto; 
}

.carousel.hp .carousel-item .content p {
    margin:15px 0;
} 

.carousel.hp .carousel-item .banner {
    position:relative;
    z-index:5;
}

.carousel.hp .carousel-item .titles {
    color:#fff;
    min-height:300px;
}

.carousel.hp .carousel-item .titles h1, .carousel.hp .carousel-item .titles h2 {
    font-weight:800;
    font-size: calc(2.5rem + 1vw);
    line-height:1.2;
    margin:0 0 20px 0;
    text-transform:uppercase;
}

.carousel.hp .carousel-item .titles p {
    margin:0 0 10px 0;
    font-size:24px;
    line-height:30px;
}

@media (max-width: 767px) {
.carousel.hp .carousel-item .banner {
    min-height:600px;
}
}

/* benefits */
.benefits .icon {
	width:5rem;
    height:5rem;
    text-align:center;
}  

.benefits span {
	color:#33a260;
    font-weight:300;
}

/* mainmenu */
.mainmenu {                   
    background:#00b5e5;
    padding:0;
    z-index:6;
}

.menu .nav-link {
    display:block;
    padding: 20px !important;
    margin:0;
    text-decoration: none;
    font-size:18px;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
    background:#00b5e5;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out; 
    white-space:nowrap;
}

.menu .nav-item.btn-sale .btn  {    
    font-size:18px;
    font-weight:400;
}

.menu .nav-link:hover {
    background:#00c1ef;
}  

.menu .dropdown-menu {
    margin:0;
    border:0;
    border-radius:0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px; 
    padding:0;
    min-width:350px;
    display: block;
    max-height: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.quickfilter .dropdown-menu {
    margin:0;
    border:0;
    border-radius:0;
    min-width:300px;
    padding:0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); 
}   

.quickfilter .dropdown-toggle.show {
    background:#151519;
    color:#fff;
}  

@media (max-width: 767px) {
.quickfilter .btn-group {
    position:static !important;
} 

.quickfilter .dropdown-menu {
    left:0 !important;
    width:100%;
} 
}

.dropdown-item.active, .dropdown-item:active {
    color:inherit;
}

.menu .dropdown-menu.show, .quickfilter .dropdown-menu.show {
    max-height: 800px;
    visibility: visible;
}

.menu .dropdown-menu .dropdown-item, .quickfilter .dropdown-menu .dropdown-item {
    text-transform:uppercase;
    text-decoration:none;
}

.menu .dropdown-menu .dropdown-item:hover, .quickfilter .dropdown-menu .dropdown-item:hover {
    background-color:inherit;
    text-decoration:underline;
}

.menu .dropdown-menu .dropdown-item:nth-child(even), .quickfilter .dropdown-menu .dropdown-item:nth-child(even) {
    background-color:#f1f1f1;
}

.menu .dropdown-menu .ico, .quickfilter .dropdown-menu .ico {
    min-width:50px;
    max-width:50px;
    margin-right:20px;
}

.menu .nav-link.market {
    color:#fff;
    background:#dc3545;
    border:0;
    float:left;
} 

.menu .nav-link.market:hover  {
    background:#d53838;
} 

.menu .nav-link.market.add {
    background-image: url("../img/add.png");
    background-repeat:no-repeat;
    background-position:20px center;
    background-size:24px 24px;
    padding-left:55px;
} 

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1021;
    background-color: #000;
    opacity: 0.5;
    width:100%;
    height:100%;
    visibility:hidden;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; 
}

.overlayfilter {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #000;
    opacity: 0.5;
    width:100%;
    height:100%;
    visibility:hidden;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; 
}

.open .overlay {
    visibility:visible !important;
} 


/* quickfilter */
.quickfilter {
    position:relative;
    z-index:4;
}   

.quickfilter .form-check-input {
    margin-top:20px;
}

.quickfilter .btn-outline {
    text-transform:uppercase;
}

/* category */
.categorybanner {
    overflow:hidden;
}

.catdescription {
    position:relative;
    z-index:4;
}

.catdescription h1 {
    margin:0;
    text-transform:uppercase;
    font-weight:800;
}

.catdescription h1 span {
    margin:0;
    font-weight:300;
    display:block;
    font-size:1.5rem;
}

.catdescription p {
    margin:0;
}

.categorybanner .splashimg {
    position:absolute;
    width:100%;
    height:100%;
    background-size: cover;
    top:0;
    left:0;
    z-index:1;
}

.categorybanner .splashimg.blur {
    filter:blur(100px);
}

@media (max-width: 575px) {
.categorybanner .splashimg {
    width:150%;
    left:-25%;
}
}

.categorybanner.searchbanner img {
    filter:blur(100px);
}

.categorybanner .catoverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    opacity: 0.5;
    width:100%;
    height:100%;
}

.catbanner {
    overflow:hidden;
    padding-top:35%;
}

.catbanner .ico {
    position:absolute;
    top:10px;
    width:33%;
    left:33%;
    filter:contrast(0) brightness(2); 
    z-index:3;
}

.catbanner .banner.blur {
    filter:blur(100px);
    position:absolute;
    z-index:1;
    width:300%;
    height:auto;
    left:-100%;
    bottom:-50%;
    overflow:hidden;
}

.catbanner .banner {
    z-index:2;
    position:relative;
}

/* overlay */
.loading_overlay {
    z-index:999999999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:black;
    opacity:0.5;
    filter:Alpha(opacity=50);
    position:fixed;
    text-align:center;
    line-height:0;
    font-size:14px;
}

.loading_overlay .loading_gif {
    position:absolute;
	left:0;
	top:40%;
	width:100%;
	height:100%;
    background: url(../img/loading_filter.gif) no-repeat 50% 0;
	padding-top:150px;		  
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:40px;
	right:40px;
	overflow:hidden;
	width:80px;
	height:80px;
	border:none;
	text-indent:-999px;
	background:url(../img/totop.png) no-repeat #000 center center;
	z-index:1020;
    border-radius:4px;
}

@media (max-width: 767px) {
	#toTop {
		display:none !important;
	}
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* mystery box */
.mystery .store a {
    color:#fff;
}

.mystery .text-success {
    color:#27ac6f !important;
}

.mystery .produktM.sold h2 {
    filter:grayscale(1);
    opacity:0.5;
}

.mystery .produktM.sold .detailbox .price span {
    opacity:0.5;
}

.mystery .produktM.sold .detailbox .price span.quantity {
    opacity:1;
}

.mystery .productdetail .description h2, .mystery .productdetail .description h3 {
    color:#fff;
}

.mystery .productdetail .parameters .parameter, .mystery .productdetail .parameters .parameter a, .mystery .productdetail .description, .mystery .text-muted {
	color:#999 !important;
}

.mystery .parameter td {
	border-bottom:1px solid #444 !important;
}

.mystery .desctitle.accordion-button::after {
    filter: contrast(0) brightness(10);
    opacity:0.5;
    margin-left:5px;
}

.mystery .desctitle.accordion-button:not(.collapsed)::after {
    filter: contrast(0) brightness(10);
    opacity:0.5;
}

/* eu modal */
.eumodal {    
    position:absolute;
    width:100%;
    height:100%;
    z-index:99;
}

.eumodal .fixed {    
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10;
}

.eumodal .fixed .window {    
    margin:0 auto;
    width:100%;
    max-width:480px;
    background:#fff;
    padding:40px 40px 120px 40px;
    margin-top:100px;
    border-radius:20px;
    text-align:center;
    background: url(../img/eumodalbg.jpg) no-repeat center center;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0 0 20px 0 rgba(0, 0, 0, 0.3);
	box-shadow:         0 0 20px 0 rgba(0, 0, 0, 0.3); 
    border:2px solid #999;
}

.eumodal .salebody .code {    
    position:absolute;
    bottom:-100px;
    left:0;
    width:100%;
    padding:20px;
    color:#fff;
    z-index:10;
}

.eumodal .salebody .code .separator {    
    color: rgba(255, 255, 255, 0.3);
    margin:0 5px;
}

.eumodal .salebody .code strong {    
    display:block;
    text-transform:uppercase;
    font-size:26px; 
    margin-bottom:10px;
}

.eumodal .salebody .code p {    
    margin:0;
    line-height:1.4em;
    font-size:14px;
}

.eumodal .salebody .code a {    
    color:#fff;
}

.eumodal .salebody {  
    position:relative;  
}

.eumodal .salebody img {    
    width:100%;
    max-width:100%;
    height:auto;
}

.eumodal .moverlay {    
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, .5);
    top:0;
    left:0;
}

.eumodal .windowclose {    
    position:absolute;
    top:-20px;
    right:-20px;
    width:50px;
    height:50px;
    background: url(../img/close.png) no-repeat center center #00b5e5;
    padding:30px;
    border-radius:50%;
    background-size: 32px 32px; 
    z-index:15;   
    cursor:pointer; 
}

.eumodal .windowclose:hover {    
    background-color:#00c1ef;    
}

/* hp banners */
.hpbanners {
    position:relative;
}

.hpbanners .bannerlink {
    display:block;
    line-height:0;
    text-decoration:none;
}

.hpbanners .banner {
    line-height:0;
    position:relative;
}

.hpbanners img {
    border-radius:0.25rem;
}

@media (max-width: 767px) {
.hpbanners img {
    border-radius:0;
}
}

.hpbanners .banner .titles {
    position:absolute;
    top:0;
    left:calc(var(--bs-gutter-x) * .5);
}

.hpbanners .banner .titles h3 {
    font-weight:700;
    text-transform:uppercase;
}

/* christmas */
.christmasdelivery {
    background: url(../img/christmastree.png) no-repeat 0 0;
    background-size: 24px 24px;  
    padding:0 20px 10px 32px;
    margin-bottom:10px;
    border-bottom:1px solid #ddd;
    clear:both;   
}

.mysterybox .christmasdelivery {
    border-bottom:1px solid #61616f;
}

/* vyprodej */
.bg-attractive {
    background-size:cover !important;
    background: url(../img/sales_background.jpg?_=1) center center #ff9a16 no-repeat;     
}
.attractive h2.fs-0 {
    font-weight:800;
    text-transform:uppercase;
}

.attractive .produktM {
    border:0;
}

@media (min-width: 576px) {
.attractive .produktM .image-container {
    width:400px;
    margin:0 !important;
}
}

/* backto */
.backto {
    text-align:center;
    background:#ddd;
    padding:5px 20px;
    display:none;
}

.backto.dark {
    background:#61616f;
    color:#fff;
}

.backto img {
    height:40px;
    width:auto;
    display:inline-block;
    margin:0 0 0 5px;
}

.backto.dark img {
    display:none;
}

.backto a {
    display:inline-block;
    line-height:40px;
    color:#000;
    text-decoration:none;
}

.backto.dark a {
    color:#fff;
}

.backto span {
    text-decoration:underline;
}

/* freeship info */
.productdetail .benefits .rounded-pill {
    font-weight:300;
    padding:5px 15px;
    font-size:14px;
}     

/* pandemic */
.warning {
    text-align:center;
}

.warning p {
    color: #856404;
    border:1px solid #ffeeba;
    background:#fff3cd;
    border-radius:4px;
    margin:20px auto 0 auto;
    padding:10px;
}

.warning p a {
    color: #856404;
}

/* size select */
div.selectbtn {
  display: inline-block;
  background-color: #ddd;
  border: 1px solid #ddd;
  padding: 0 5px;
  margin:5px;
  text-align:center;
  width:50px;
  height:50px;
  line-height:50px;
  cursor: pointer;
  font-size:16px;
  -moz-transition: background-color 0.1s ease-out;
  -webkit-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
}

div.selectbtn:hover {
  background-color: #e5e5e5;
}

div.selectbtn.disabled {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color:#ccc;
}

div.selectbtn.selected {
  background-color: #00b5e5;
  border: 1px solid #00b5e5;
  color:#fff;
}

div.selectbtn.s0 {
  display:none;
}

.sizebox .left {
  line-height:50px;
  display:block;
  width:100%;
  text-align:center;
}

.sizebox .left p {
  line-height:50px;
}

.sizebox .right {
  margin:0 !important;
  display:block;
  width:100%;
  text-align:center;
}

/* themes */
.themebanners {
    width:100%;
    max-width:1440px;
    margin:0 auto 80px auto;
    padding:0 40px;
}

.themebanners a {
    display:block;
    line-height:0;
    text-decoration:none;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; 
}

.themebanners a:hover {
    opacity:0.9;
}

.themebanners .themebanner {
    float:left;
    width:25%;
    line-height:0;
    padding:1%;
}

.themebanners .themebanner img {
    width:100%;
    height:auto;
    border-radius:4px;
}

/* stripes */
.catstrip {
    overflow:hidden;
}

.catstrip .container-xxl {
    z-index:1;
}

.catstrip h2 {
    font-weight:800;
    text-transform:uppercase;
}

.catstrip .themeoverlay {
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-size:cover;
    filter:blur(100px);
    position:absolute;
    z-index:0;
}

.bgstrip {
    position:absolute;
    left:-150%;
    top:0;
    width:400%;
    height:100%;
    z-index:0;
}

/* profile */
.profile {    
    border-bottom:2px solid #ccc;
    margin-bottom:5px;
    padding-bottom:5px;
    display:block;
}

/* sadness */
.emptybasket {
    width:100%;
    height:auto;
    max-width:200px;
}

/* preferences */
.produktM .preferences .preference {   
    font-size:16px;
    margin-top:0;
    margin-bottom:5px;  
    display:table; 
    overflow:hidden;
    font-weight:400;
    text-align:left;
    float:left;
    clear:both;
}

.produktM .preferences .preference .bi {   
    display:inline-block;
    padding:0;
    font-size:14px;
}

.produktM .preferences {  
    position:absolute;
    left:1.5rem;
    top:1.5rem;  
}

.preferences .preference {   
    border-radius:4px;
    font-size:18px;
    line-height:18px;
    margin-bottom:10px;
}

.shoppingcart .preferences {   
  	position:static;
}

.shoppingcart .preferences .preference {   
  	font-size:12px;
    font-weight:300;
    margin-bottom:4px;
}

.shoppingcart .bastep3 hr:nth-last-of-type(1) {
    display:none !important;
}


.productdetail .preferences {   
    top:0;
}

.productdetail .preferences .preference {   
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight:400;
}

.preferences .preference.new {   
    color:#fff;
    background:#71bf47;
}

.preferences .preference.action {   
    color:#fff;
    background:#efae00;
}

.preferences .preference.pre {   
    color:#fff;
    background:#7254a3;
}

.preferences .preference.preorder {
    color:#000;
    background:#ffc800;
}

.preferences .preference.glow {
    color:#000;
    background:#00e9b9;
}

.preferences .preference.attractive {   
    color:#fff;
    background:#dc3545;
}

.preferences .preference.sale {   
    color:#fff;
    background:#dc3545;
}

.prelight span, .prespan {
    color:#222;
    background:#ffc800;
    padding:3px 8px;
    border-radius:4px;
    display:inline-block;
}

.button.allnews {
    display:inline-block;
    margin-top:20px;
}

#collapseakce.text-white a {
    color:#fff;
}

.sticky .btn-sale .btn {
    border:2px solid #fff;
    background:none;
}

/* protector */
.protector img {
    max-height:150px;
}

@media (max-width: 575px) {
.protector img {    
    max-height:100px;
}
}

/* schovani dopravy pro nadlimit */
.oversized .ship50, .oversized .zastr {
    display:none !important;
}

/* pay table */
.paytable {
    background:#d4edda;
    color:#155724;
    padding:35px;
    border-radius:4px;
}

.paytable .qrcode {
    width:100% !important;
    height:auto !important;
    max-width:200px;
    line-height:0;
    display:block;
    border-radius:5px;
    margin:0 auto;
}

.paytable table {
    width:100%;
}

.paytable table td, .overview .paytable table td {
    padding:5px;
    vertical-align:top;
    border:0;
}

.paytable .flag {
    margin:0 5px 0 0;
    float:left;
    max-width:32px !important;
    height:auto;
}

.cztable {
    margin:0 auto;
}

.sktable {
    margin:0 auto;
}

/* basketlist */
.basketlist {
    display:block;
    background:#fff;
    border:2px solid #ddd;
    position:absolute;
    right:0;
    top:90px;
    padding:5px 20px;
    border-radius:4px;
    opacity:0;
    visibility:hidden;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
    z-index:10;
    text-align:left;
} 

.basketlist:hover {
    opacity:0 !important;
    visibility:hidden !important;
}

.basketlist .items .item td {
    border-bottom:1px solid #ddd;
    padding:5px 0;
} 

.basketlist .items .item.last td {
    border-bottom:0;
} 

.basketlist .items .item .title {
    padding-right:10px;
} 

.basketlist .items .item .price, .basketlist .items .total {
    text-align:right;
    padding-left:10px;
    font-style: normal;
    font-weight: 400;   
}

.basketlist .items .total {
    border-top:1px solid #444;  
    padding:0;
    color:#33a260;
}

.basketlist .items .item .img img {
    width:50px;
    height:50px;
} 

#header .rightbasket #basket:hover .basketlist {
    opacity:1;
    visibility:visible;
} 

/* sticky header */
body.sticky {    
    padding-top:140px;
}

body.sticky .shoppingcart .card.sticky-top {    
    top:115px;
}

.shoppingcart .card.sticky-top {    
    z-index:4;
}

#header.sticky {    
    position:fixed;
    width:100%;
    top:0;
    left:0;
}

@media (min-width: 992px) {
.menu .dropdown:hover .dropdown-menu {
    display:block !important;
    max-height: 800px !important;
    visibility: visible !important;
} 

.sticky .menu .nav-link {
    padding:20px 15px;
    font-size:16px;
} 

#header.sticky .icons .btn-group {    
    display:none;
}

#header.sticky .icons .btn-group.searchbutton {    
    display:inline-flex;
}

#header.sticky .logo-full {    
    display:none !important;
}

#header.sticky .logo-small {    
    display:block !important;
}

#header.sticky .mainmenu {    
    position:absolute;
    top:0;
    left:65px;
    background:none;
    width:80%;
    height:100%;
}

#header.sticky .menu .nav-link {    
    background:none;
}

#header.sticky .menu .nav-link:hover {    
    background:none;
}
}

body.sticky #packeta-widget-overlay {
    margin-top:-140px;
}

#packeta-widget-overlay {
    background:rgba(0,0,0,0.5) !important;
    text-align:center !important;
}

#packeta-iframe-wrap {
    max-width:1380px !important;
    position:static !important;
    margin:0 auto !important;
    transform:none !important;
}

/* coolectibles */
.coolectibles .productdetail .description .icons {
    max-height:60px;
    margin-top:10px;
}

.coolectibles .productdetail .description .limited {
    color:#00000a;
    line-height:1.2em;
    margin-bottom:20px; 
}

.coolectibles .productdetail .description .limited img {
    float:left;
    margin:0 10px 10px 0;
    width:40px;
    height:auto;
}

/* coolstrip */
.coolstrip {
    background: url(../img/background_video.jpg) no-repeat center center #020202;
    width:100%;
}

.coolstrip .video {
    margin:0 auto;
    max-width:800px;
}

.coolstrip .ratio {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.coolstrip .ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius:4px;
    overflow:hidden;
}

/* mbstrip */
.mbstrip img {
    border:2px solid #61616f;
    border-radius:4px;
}

/* watchdog */
.watchdog {
    margin:0 0 20px 0;
}

.watchdog .watchbutton {
    background: url(../img/watchdog.png) no-repeat left center;
    background-size: 32px 32px;  
    color:#dc3545;
    padding:5px 10px 5px 40px;
    display:inline-block;
}

.watchdog .watchbutton.inactive {
    background: url(../img/watchdog_inactive.png) no-repeat left center;
    background-size: 32px 32px;  
    color:#999;
    padding:5px 10px 5px 40px;
    display:inline-block;
    text-decoration:underline;
}

.watchdog p {
    color:#999;
    font-size:12px;
    line-height:16px;
    display:block;
    margin:0;
}

/* order overview */
.overview {
    width: 100%;
    margin: 0px;
    border-collapse:separate;
    border-spacing: 0 20px;
}

.overview tr th {
    padding: 0;
    font-weight:400;
}

.overview tr td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border:2px solid #ddd;
    border-right:0;
}

.overview tr td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border:2px solid #ddd;
    border-left:0;
}

.overview tr td {
    padding: 10px;
    border-top:2px solid #ddd;
    border-bottom:2px solid #ddd;
}

.overview .paydetail {
    padding:0;
    border:0;
}

.overview .paydetail td {
    padding:0;
    border:0 !important;
}

.overview .paytable .qrcode {
    max-width:130px !important;
}

/* search */
.htitle .searchtitle {
    display:block;
    color:#999;
    font-size:14px;
    line-height:14px;
    letter-spacing:0;
}

.htitle.textpage.searchpage {
    margin-bottom:30px !important;
}

.searchcat {
    text-align:center;
}

.searchcat a {
    display:inline-block;
    margin:2px auto;
    float:none;
}

.homeprod.searchprod {
    margin-bottom:0;
}

/* brands */
.brands .nav-link {
    color:#000;
    opacity:0.9;
    transition: all 0.2s ease-out; 
}

.brands .nav-link:hover {
    text-decoration:underline;
    opacity:1;
}

.brands.funko {
    background:#007cec;
    border-radius:20px;
}

.brands.funko.line {
    border-radius:0;
}

.brands.funko.line .ico {
    max-width:100px;
}

.brands.funko .family {
    position:absolute;
    top:-70px;
    height:50px;
    width:auto;
    left:0;
    background:#007cec;
    padding:10px 15px 0 15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    z-index:4;
}

.brands.funko .family img {
    max-height:30px;
}

.brands.funko .family .other {
    position:absolute;
    left:120px;
    top:5px;
    font-weight:600;
    text-transform:uppercase;
}

.brands.funko .btn-outline-light:active img, .brands.funko .btn-outline-light:hover img {
    filter: contrast(1) brightness(0);
}

.brands.funko .ico {
    filter: contrast(0) brightness(100);
    max-width:150px;
}

.brands .ico {
    max-width:150px;
}

@media (max-width: 991px) {
.brands .ico {
    max-width:100px;
}

.brands.funko .ico {
    max-width:100px;
}
}

/* popdrop */
.popdrop .shipby, .popdrop .freeshipbenefit, .popdrop .pricebox.sold {                   
    display:none !important;
}


/* new shopping basket */
.radiobutts input[type="radio"]:checked + label, .radiobutts input[type="radio"]:checked + label {
    background: url("../img/radio.png") no-repeat left center;
    font-weight:400;
} 

.radiobutts input[type="radio"]:disabled + label, .radiobutts input[type="radio"]:disabled + label {
    background: url("../img/radio_dis2.png") no-repeat left center;
    color:#999;
}

.radiobutts label {
    background: url("../img/radio_dis.png") no-repeat left center;
    display:block;
    cursor:pointer;
}

.radiobutts input[type="radio"] {
    display:none;
} 

.radiobutts .title{
    padding:20px 0 20px 35px;
    display:block;
    text-transform:uppercase;
}

.radiobutts .thepay .title{
    padding:10px 0 10px 35px;
    text-transform:none;
}

.radiobutts .thepay .thepay-methods-radio-method-air_bank hr{
    display:none;
}

.radiobutts .thepay .title img {
    max-height:24px;
    width:auto;
    display:inline-block;
    margin:0 0 0 10px;
}

.img-delivery {
    height:24px;
}

.card .thepay hr {
    height:1px;
}

.radiobutts .title img {
    max-height:24px;
    width:auto;
    display:block;
}

.radiobutts .packeta-selector-branch-name, .radiobutts .ppl-selector-branch-name, .branch-name {
    display:block;
    background: url(../img/point.png) no-repeat left 5px;
    background-size: 16px 16px;  
    padding-left:20px;
}

.stepline .step {
    color:#999;
    font-size:1.25rem;
    text-align:center;
}

.stepline .step .bi {
    font-size:2.25rem;
    vertical-align:middle;
}

.stepline .step.act a, .stepline .step.act {
    color:#fff;
}

.stepline .step a {
    color:#999;
    text-decoration:none;
}

/* category product image hover */
.produktM .image-container {
    aspect-ratio: 1 auto;
}

.attractive .produktM .detailbox {
    text-align:left;
    padding-left:20px;
}

.produktM .image-container .image-link {
    display: block;
    height: 100%;
    position: relative;
}

.produktM .image-container .tile-image {
    position: absolute;
    transition: all .2s cubic-bezier(.4,0,.2,1);
    transition-delay: 0s;
    transition-delay: .1s;
    left:0;
    border-radius:4px;
}

.produktM .image-container .image-link .tile-alt-hover-image {
    opacity: 0;
    transform: translateY(-20px) scale(1.2);
    filter: blur(15px);
}

.produktM .image-container .tile-alt-hover-image {
    transition: all .2s cubic-bezier(.4,0,.2,1);
}

.produktM .image-container .alt-hover-style:focus-within .tile-main-image, .produktM .image-container .alt-hover-style:hover .tile-main-image {
    opacity: .01;
    transform: translateY(20px) scale(.8);
}  

.produktM .image-container .image-link:focus-within .tile-alt-hover-image, .produktM .image-container .image-link:hover .tile-alt-hover-image {
    transition-delay: .1s;
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

.produktM.sold .image-link {
    opacity: 0.5;
}

.produktM.sold .image-link img {
    filter: grayscale(100%) !important; 
}

.mystery .produktM .image-link img {
    transition: all 0.2s ease-out; 
}

.mystery .produktM {
    transition: all 0.2s ease-out; 
}

.produktM .image-container .preferences {   
	position:absolute;
    top:0;
    left:-25px;
    display:block;
    z-index:4;
}

.produktM .packsave.att {
    position:absolute;
    top:29px;
    right:0;
    width:75px;
    color:#fff;
    z-index:6;
  	text-decoration:none;
  	background:none;
  	color:#fff;
  	font-size:20px;   
    text-align:center;    
}

.produktM .prodattractiveicon {
    background: url(../img/saleicon.png?v=1) no-repeat center center;
    background-size: 75px 75px;  
    width: 75px;
    height:75px;
    position:absolute;
    top:-5px;
    right:0;
    z-index:6;
}

/* registration */
.formbox input {
    max-width:250px;
}

/* bootstrap theme */
.form-control {
    font-weight:300;
}

.fs-0 {
  font-size: calc(2rem + 2vw);
  line-height:1;
}

@media (min-width: 1200px) {
  .fs-0 {
    font-size: 3.5rem;
  }
}

.modal {
    max-width:500px;
}

.modal-content {
    border:0;
}

.modal-body .btn-close {
    position:absolute;
    top:15px;
    right:15px;
    text-indent:-999px;
}

.btn-light {
  color: #000;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.btn small {
  font-size:0.9rem;
  line-height:0.9rm;
  margin-bottom:3px;
  text-transform:lowercase !important;
  display:block;
  font-weight:300;
  margin-top:-4px;
}

.rounded-10 {
    border-radius:10px;
}

.card {
    border:0;
}

.card hr {
    border:0;
    opacity:1;
    height:2px;
    background:#ddd;
}

.progress {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius:10px;
    height:20px;
}

.progress-bar {
    border-radius:10px;
}

.progress .bi {
    position:absolute;
    right: -1px;
    top: -5px;
    font-size: 21px;
    color:#fff;
}

.accordion-button {
    border:0;
    text-transform:uppercase;
    font-weight:600;
    font-size:1.25rem;
    background-color:unset;
}

.accordion .accordion-item {
    background:none;
    border:0;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color:#000;
    box-shadow: none;
}

.desctitle.accordion-button {
    border:0;
    text-transform:none;
    font-weight:400;
    font-size:initial;
    width:auto;
    display:inline-flex;
}

.desctitle.accordion-button:not(.collapsed) {
    color: inherit;
    background-color:unset;
    box-shadow: none;
    border:0;
}

.desctitle.accordion-button::after {
    filter: contrast(0) brightness(0);
    opacity:0.5;
    margin-left:5px;
}

.desctitle.accordion-button:not(.collapsed)::after {
    filter: contrast(0) brightness(0);
    opacity:0.5;
}

.desctitle.accordion-button:focus {
    box-shadow: none;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius:4px;
}

.bg-light {
  background:#f1f1f1 !important;
}

.bg-secondary {
  background:#e5e5e5 !important;
}

.bg-dark {
  background:#151519 !important;
}

.bg-dark2 {
  background:#2a2a32 !important;
}

.text-yellow {
  color:#ffcc00 !important;
}

.btn.basket {
  text-transform:uppercase;
  font-weight:300;
}

.btn-primary {
  background-color:#00b5e5;
  border-color:#00b5e5;
}

.btn-primary:hover {
  background-color:#00c1ef;
  border-color:#00c1ef;
}

.btn-outline-primary {
  border:2px solid #000;
  color:#000;
}

.btn-outline-primary:hover {
  background-color:#00b5e5;
  border:2px solid #00b5e5;
  color:#fff;
}

.btn-outline-secondary {
  border:2px solid #fff;
  color:#fff;
}

.btn-outline-secondary:hover {
  background-color:#fff;
  border:2px solid #fff;
  color:#000;
}

.btn-outline-secondary.show:hover {
  color:inherit;
}

.btn-link {
  color:#00b5e5;
}

.btn-link:hover {
  color:#000;
}

.accordion-button:not(.collapsed)::after {
  filter:contrast(0) brightness(2); 
}

@media (max-width: 575px) {
body {
    padding-top:70px;
}  

#header .icon.login, #header .icon.login:hover {
    padding-left:0;
    text-indent:-999px;
    font-size:0;
    background-position:center center;
}

#header .icons {
    padding-right:80px;
    padding-left:0;
}

#header .icon {
    min-width:45px;
    height:45px;
    margin:4px 5px 0 0 !important;
}

#header .icon.user, #header .icon.login {
    text-indent:-999px;
    font-size:0;
    padding:0 !important;
    background-position:center center !important;
}

#header .hamburger {
    height:70px;
    width:70px;
    padding:0;
}

#header .head, #header .head > .row {
    height:70px;
}

#header .brand {
    padding-right:0;
}

.img-delivery {
    height:18px;
}

body.sticky {    
    padding-top:70px;
}

.produktM .preferences {  
    min-height:0;   
}

.rightbasket {
    margin-top:2px;
}

#header #mainmenu {
    top:70px;
}

.categorybanner img {
    width:auto;
    height:100%;
    background-size:cover;
    max-width:none;
    right:0;
    left:auto;
}

.produktM .preferences .preference {   
    font-size:0;
    line-height:0;  
}

.produktM .preferences .preference .bi {   
    display:block;
    padding:5px 10px;
    font-size:20px;
}

.produktM .image-container {
    min-width:150px;
    margin:0 !important;
}

.attractive .produktM .image-container {
    min-width:150px;
}

.produktM .detailbox {
    text-align:left;
    padding-left:20px;
}

#ppl-parcelshop-map .language-wrapper {
    right:50px !important;
}

.step .steptext {
    font-size:initial !important;
}

.productdetail .buy {
    position:fixed;
    width:100%;
    padding:1.5rem !important;
    background:#f1f1f1;
    left:0;
    bottom:0;
    z-index:10;
}

.productdetail .buy .d-flex {
    justify-content:center !important;
}

}

/* CSS for the modal overlay */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 7;
}

/* CSS for the modal box */
.modal-box {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 1023;
}

#close-modal-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
}

.ppl-parcelshop-map {
  height: 100%;
  max-height: 640px;
}

#packeta-widget {
  padding:0 !important;
}

/* trustpilot */
.trustpilot {
    background: #00b67a;
    position:relative;
    text-align:center;
}

.trustpilot .container-xxl {
    background: url(../img/trustpilotbg.png) no-repeat left bottom;
}

.trustpilot .trustpilot-widget.line {
    width:auto !important;
    display:inline-block;
    margin:0 auto;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius:5px;
    padding:10px 0;
}

.trustpilot .trustpilot-widget.line iframe {
    margin:0 auto;
    width:auto !important;
}

/* favorites */
.favorites .fav img {
    width:150px;
    opacity:0.75;
    -moz-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;  
}

.favorites .fav a {
    opacity:0.75;
    -moz-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;  
    color:#000;
}

.favorites .fav a:hover {
    color:#000;
    opacity:1;
}

.favorites .fav a:hover img {
    opacity:1;
}

.favorites .fav .title {
    font-weight:600;
}

/* individuals */
@media (min-width: 1200px) {
  .countries {
      columns:2;
  }
}