*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:root {
    --light-grey: #f9f9f9;
    --grey: #a7a7a7;
    --dark-grey: #333;
    --border-grey: #e9e9e9;
    --primary-color: #00381b;
    --radius: 10px;
}
html,
button,
input,
select,
textarea {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}
html {
    font-size: 10px;
}
body {
    font-size: 1.4rem;
    margin: 0px;
    padding: 0px;
    color: #000;
    background-color: #fff;
}
.container {
    position: relative;
    max-width: 1710px;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    padding: 0 15px;
    
}

/* ***** Links **** */

a {
    color: #000;
    text-decoration: underline;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
a:hover {
    text-decoration: none;
    color: #00381b;
}

a[href^="error:"] {
    background: red;
    color: white;
}

/* ***** Headdings **** */

h1, h2, h3, h4, h5, p, ul, ol, li, form {
    margin: 0;
    padding: 0;
}
h1 {
    margin: 12px 0px;
    padding: 0px;
    font-size: 3.2rem;
    color: #000000;
    font-weight: normal;
}
h2 {
    font-size: 1.8rem;
    color: #262626;
    margin: 5px 0px;
    padding: 0px;
}
h3 {
    font-size: 1.6rem;
    color: #000000;
    margin: 5px 0px;
    padding: 0px;
}
h4 {
    font-size: 1.4rem;
    color: #000000;
    margin: 5px 0px;
    padding: 0px;
}
h2.centerBoxHeading {
    font-weight: 700;
    font-size: 2.4rem;
    color: var(--dark-grey);
    padding: 20px 0 15px;
    margin: 0 0 10px;
}
.index h2.centerBoxHeading {
}
.index #snippet-tabProductListSecond-tabList h2.centerBoxHeading {
    margin-bottom: 10px;
}
.index .top_category_h2 h2.centerBoxHeading,
.index .top_znacky_h2 h2.centerBoxHeading,
.index .services--h2 h2.centerBoxHeading,
.index .proc-bibik__h2 h2.centerBoxHeading,
.index #snippet-tabProductListFirst-tabList h2.centerBoxHeading,
h2.centerBoxHeading.sluzby {
    border-bottom: 0px solid #e5e5e5;
}
h2.centerBoxHeading.sluzby span {
    position: relative;
    top: -50px;
}
.index .top_znacky_h2 h2.centerBoxHeading {
    padding-bottom: 10px;
}

/* ***** Images **** */

img {
    border: 0;
}
.img-responsive {
    max-width: 100%;
    height: auto;
    position: relative;
    display: block;
}

/* ***** button **** */

.btn {
    position: relative;
    display: inline-block;
    padding: 5px 8px;
    background-color: #494949;
    color: #fff!important;
    font-size: 1.6rem;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    
}
#prevOrders .btn,
#orders .btn {
    font-size: 1.2rem;
    text-transform: none;
}
.btn.big {
    padding: 15px 30px;
}
.btn.green {
    background-color: #07ac1d;
}
.btn .fas.fa_left {
    padding-right: 8px;
}
.btn .fas.fa_right {
    padding-left: 8px;
}
.btn:hover {
    background-color: #000;
}
.btn.green:hover {
    background-color: #2d6c09;
}

/* ***** width % **** */

.width-20,
.width-25,
.width-33,
.width-50,
.width-100 {
    position: relative;
    display: block;
}
.width-20 {
    width: 20%;
}
.width-25 {
    width: 25%;
}
.width-33 {
    width: 33.333%;
}
.width-50 {
    width: 50%;
}
.width-66 {
    width: 66.666%;
}
.width-100 {
    width: 100%;
}
.max-width {
    max-width: 100%;
    height: auto;
}

/* ***************** */

.left {
    float: left;
}
.right {
    float: right;
}
.align-left {
    text-align: left!important;
}
.align-right {
    text-align: right!important;
}
.align-center {
    text-align: center!important;
}
.align-justify {
    text-align: justify!important;
}
.clearBoth {
    clear: both;
    height:0;
    font-size:0;
    line-height:0;
    border: 0px green solid;
    display: block;
}
.clearBoth1 {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 13px;
    border-top: 0px #E8E8E8 solid;
    clear: both;
}
.bold {
    font-weight: bold;
}
.nowrap {
    white-space: nowrap;
}
.disp-none {
    display: none;
}

/* ***** FORMS **** */

form, select, input {
    display: inline;
    font-size: 1.4rem;
    margin: 0px;
    padding: 0px;
}
textarea {
    float: left;
    margin: auto;
    display: block;
    width: 99.4%;
}
select {
    padding: 2px;
    border: 1px solid #ddd;
}
.input-text {
    border: 1px #c4c4c4 solid;
    padding: 3px;
    margin: 0px;
}
#frm-watchForm .input-text {
    width: 200px;
}
.input-area {
    border: 1px #959595 solid;
}
.formbox  {
    background-color: #F4F4F4;
    border: 1px solid #DADADA;
    clear: both;
    margin: 0 0 15px;
    padding: 15px;
}
.formbox .error-message {
    margin-top: 10px;
    color: red;
    display: block;
}

/* ********  ********* */

#stranka.container {
    padding-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
}
.index #stranka.container {
    padding-bottom: 0px;
}
#indexDefault {
}
#text {
    border: 0px green solid;
    padding: 0px 0 0 0;
    margin: 0;
}
.columnCenter {
    position: relative;
    float: right;
    width: 80.4%;
    margin: 0;
    padding: 0px 0px 0 15px;
    background-color: #ffffff;
    border: 0;
}
.columnCenter.width-100 {
    width: 100%;
    padding: 0px;
}
.index .columnCenter,
.columnCenter.productdetail {
    width: 100%;
    padding: 0;
}
.columnCenter p {
    padding: 5px 0;
    text-align: justify;
}
.columnCenter ul,
.columnCenter ol {
    padding-left: 25px;
}
.columnCenter li {
    padding: 2px 0px;
}
.ban_top_middle {
    margin: 15px 0;
}
.ban_top_middle_mobile {
    margin-bottom: 10px;
}
.ban_product_middle {
    margin-bottom: 38px;
}
.ban_product_bottom {
    margin-top: 24px;
}
.ban_product_under_basket {
    margin-top: 24px;
}
.ban_left {
    display: block;
    margin-bottom: 9px;
}
.ban_lepsi_cena {
    margin: 15px 0 40px 0;
}
.productDetailLeft img.ban_product_bottom {
    margin-top: 6px;
}
.productDetailLeft img.ban_product_middle {
    margin-bottom: 25px;
}
.ban_hp_middle {
    margin-bottom: 30px;
}
.ban_hp_top {
    margin-top: 37px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}
.ban_over_footer {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 32px;
}
.ban_over_footer img {
    display: inline-block;
}
#dodani_zbozi,
.alert-box
{
    background-color: #0caeec;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px #888888;
    width: 100%;
}
#dodani_zbozi {
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 0px;
    box-shadow: none;
}
.alert-box.alert-success {
    background-color: #21ab1c;
}
.alert-info {
    background-color: #2B8A27;
}

#zbozi {
    position: fixed;
    right: -106px;
    top: 453px;
    z-index: 9999;
    transition: right 0.3s ease 0s;
    -webkit-transition: right 0.3s ease 0s;
    -moz-transition: right 0.3s ease 0s;
    -o-transition: right 0.3s ease 0s;
}
#zbozi:hover {
    right: 0px;
}

/* ***** BreadCrumb **** */

#navBreadCrumb {
    padding: 4px 0px;
    margin: 0px 0 0px;
    color: #8E8E8E;
    border-bottom: 0px #e5e5e5 solid;
    text-align: left;
}
#navBreadCrumb a.first {
    text-decoration: none;
}
.modal-content #navBreadCrumb {
    padding-top: 15px;
}
.columnCenter.productdetail #navBreadCrumb {
    margin-bottom: 15px;
}

/* ***** Menu - site **** */

.menu-site-back {
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-top: 10px;
}

ul.menu-site {
    margin: 20px 0 8px 0;
    padding-left: 0px;
}
ul.menu-site li {
    list-style-type: none;
}
ul.menu-site li a {
    background-color: #e5e5e5;
    padding: 5px 10px;
    margin: 0 0 1px 0;
    display: block;
    text-decoration: none;
}
ul.menu-site li a.flag-eur,
ul.menu-site li a.flag-czk {
    padding-left: 30px;
    background-image: url('../../../data-central/img/front/bg-top-flags.png');
    background-position: 8px -43px;
    background-repeat: no-repeat;
}
ul.menu-site li a.flag-czk {
    background-position: 8px -5px;
}
ul.menu-site li a:hover {
    background-color: #000;
    color: #fff;
}
ul.menu-site li a .fas {
    display: inline-block;
    width: 20px;
}


/**************************************** INDEX ********************************************/

.index #indexDefaultMainContent h1 {
    color: #00381b;
    margin-top: 20px;
}

/***************** top_category *****************/

.top_category {
    position: relative;
    clear: both;
    padding: 0;
    margin: 0 0 40px 0px;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.top_category a {
    position: relative;
    text-decoration: none;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: calc((100% - 80px) / 9);
    min-width: 100px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    transition: transform 0.2s ease;
}
.top_category a:hover {
    transform: translateY(-5px);
}
.top_category .top_category--img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    background: var(--light-grey);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: box-shadow 0.2s ease;
}
.top_category a:hover .top_category--img {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.top_category a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.top_category h3 {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--dark-grey);
}
.top_category p {
    margin: 0;
    font-size: 1.2rem;
    color: var(--primary-color);
    text-decoration: underline;
}


/***********************/

.block-banner--bottom {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 8px;
    margin: 0px 0 24px 0;
}
.block-banner--bottom.video-bottom {
    margin-bottom: 22px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.block-banner--bottom.top {
    margin-top: 24px;
}
.block-banner--bottom img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    display: block;
}
.block-banner--in {
    position: relative;
    display: block;
    width: 100%;
}
.block-banner--in.full {
    width: 100%;
}
.block-banner--in .iframe_out.one {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}

/************ Hero banner grid ***********/

.block-banner {
    display: grid;
    gap: 8px;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 20px;
}
.block-banner img {
    display: block;
    border-radius: var(--radius);
}

.block-banner--main {
    border-radius: var(--radius);
    overflow: hidden;
}
.block-banner--main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-banner--second {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.block-banner--two,
.block-banner--three {
    flex: 1;
    border-radius: var(--radius);
    overflow: hidden;
}
.block-banner--two img,
.block-banner--three img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/***********************/

.container-in {

}
#snippet-tabProductListSecond-tabList {
    margin-bottom: 24px;
}
#snippet-tabProductListFirst-tabList .container-in {

}

.special-productlist-box,
#snippet-tabProductListSecond-tabList .container-in .specialList {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0;
}

.container .container-in .specialListExtra4 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 5px;
}
.centerBoxContentsProducts {
    height: inherit;
    max-height: inherit;
    padding: 0 2px;
    margin: 2px 0;
    width: 25%;
}
.container-in .specialList .specialListExtra .centerBoxContentsProducts {
    height: 100%;
}
.index .centerBoxContentsProducts-in {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}

.nav-tabs-out {
    display: block;
    list-style: none;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin-bottom: 16px;
    padding: 0 0 15px 0;
}
#indexDefault .nav-tabs-out {
    padding: 0;
}
.nav-tabs-out h3 {
    font-weight: normal;
    margin: 0;
    display: block;
    position: relative;
    line-height: 32px;
    padding-bottom: 11px;
    position: relative;
    float: left;
    font-size: 2.2rem;
    color: #3b3b3b;
}
.nav-tabs-out h3:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #00381b;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: -1px;
}
#indexDefault .nav-tabs-out ul.nav-tabs {
    float: right;
    padding-top: 5px;
}
ul.nav-tabs {
    display: block;
    list-style: none;
    padding: 0;
}
ul.nav-tabs li {
    display: inline-block;
    position: relative;
    border: none;
    margin: 0 0 -1px 0;
    padding: 0;
}
.width-66 ul.nav-tabs li {
    padding: 0 13px;
}
.width-66 ul.nav-tabs li:first-child {
    padding-left: 0;
}
.width-66 ul.nav-tabs li:last-child {
    padding-right: 0;
}
ul.nav-tabs li a {
    line-height: 21px;
    padding: 1px 19px 2px;
    margin: 0;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.5rem;
    color: #3b3b3b;
    border: 2px solid transparent;
    border-radius: 13px 13px 13px 13px;
    -moz-border-radius: 13px 13px 13px 13px;
    -webkit-border-radius: 13px 13px 13px 13px;
    -ms-border-radius: 13px 13px 13px 13px;
}
ul.nav-tabs li a:hover,
ul.nav-tabs li.active a {
    color: #3b3b3b;
    border-color: #00381b;
}

.specialList .specialListExtra .listingDescription,
.specialList .specialListExtra .ikony {
    display: block;
}
.specialList .specialListExtra .listingDescription {
    height: auto;
    font-size: 1.4rem;
}
.specialList .centeredContent .ceny {
}
.specialList .centerBoxContentsProducts .starsRate {
    display: none;
}
.specialList .specialListExtra .centeredContent .itemTitle a {
    font-size: 1.8rem;
}
.width-66.specialListExtra8 {
    position: relative;
    float: left;
    padding-left: 15px;
    margin-bottom: 25px;
}

/*** small ***/

#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in .product_znacka,
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in h3.itemTitle,
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in .product-info,
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in .dostupnost_text {
    width: 57%;
    float: right;
    padding-left: 15px;
}
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in h3.itemTitle,
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in .dostupnost_text {
    text-align: left;
}
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in .product-button {
    padding-left: 43%;
    padding-right: 20px;
}
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in .listing_foto {
    width: 43%;
    float: left;
    padding-right: 15px;
    margin-top: -14px;
}
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in .product-info .ceny,
#snippet-tabProductListThird-tabList .centerBoxContentsProducts .centerBoxContentsProducts-in .product-info .listing-coupon-box {
    text-align: left;
}

.rot_left,
.rot_right {
    color: #7f7f7f;
    font-size: 5.2rem;
    padding: 0 15px;
    display: inline-block;
    position: absolute;
    top: 45%;
    left: -16px;
    z-index: 10000;
}
.rot_right {
    right: -16px;
    left: auto;
}
.rot_left:hover,
.rot_right:hover {
    color: #000;
}
.HomepagePagesLinks {
    position: relative;
    border: 0 solid green;
    float: right;
    margin: 0;
    padding: 0px 11px 0 0;
}
.HomepagePagesLinks a,
.HomepagePagesLinks span {
    border: 0px solid #e5e5e5;
    color: #666666;
    display: block;
    float: left;
    font-size: 1.6rem;
    margin: 0 0 3px 3px;
    padding: 5px 10px;
    text-decoration: none;
    height: 37px;
    line-height: 25px;
    position: relative;
}
.HomepagePagesLinks a:before,
.HomepagePagesLinks span:before {
    display: block;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #666666;
    position: absolute;
    right: 0px;
    top: calc(50% - 7px);
}
.HomepagePagesLinks a:hover,
.HomepagePagesLinks span.active {
    color: #bad401;
}
.HomepagePagesLinks span.active {
    font-size: 2.2rem;
}

/* ********* top_znacky ************ */

#top_znacky {
    position: relative;
    clear: both;
    margin: 0 0 50px 0;
    padding: 30px 0px 30px 0;
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}
#top_znacky a {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.index #top_znacky a:before {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    -webkit-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
    background-color: rgba(255,255,255,0.6);
    content: '';
    width: 100%;
    height: 0;
    z-index: 1;
}
.index #top_znacky a.arrow:before {
    content: none;
}
.index #top_znacky a:hover::before {
    width: 100%;
    height: 100%;
}
.index #top_znacky a img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.index #top_znacky a.arrow {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    font-size: 3rem;
    color: #333;
    background: #f3f3f3;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
}
.index #top_znacky a.arrow:hover {
    color: #00381b;
}

/* ****** ROTATOR - fullscreen ******** */

#slider1_container {
    position: relative;
    margin: 0;
    padding: 0px 0 0 0;
    top: 0px;
    left: 0px;
    width: 100%;
    max-width: 1214px;
    height: 500px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    overflow: hidden;
}
#slider1_container > div > div {
    height: 100%;
}

.loading_screen {
    position: absolute;
    top: 0px;
    left: 0px;
}

.loading_screen_filtr {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=70);
    opacity: 0.7;
    display: block;
}

.loading_screen_bcgrnd {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
}

.slides_container {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1214px;
    height: 500px;
    overflow: hidden;
}
.slides_container div a img{
    display: block;
}

.jssorb21 {
    position: absolute;
    top: 470px;
    right: 0px;
    width: 100% !important;
    text-align: center;
}
.jssorb21 div {
    position: relative !important;
    left: initial !important;
    display: inline-block;
    /* size of bullet elment */
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 5px;
    text-align: center;
    color: white;
    font-size: 1rem;
    background-color: #cccccc;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: center top; }
.jssorb21 div:hover, .jssorb21 .av { background-color: #00381b; }
.jssorb21 .av {
    background-position: center bottom;
}
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

.jssora21l, .jssora21r {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    /* size of arrow element */
    cursor: pointer;
    color: #000;
    font-size: 3.8rem !important;
}
.jssora21l {
    left: 25px;
}
.jssora21r {
    right: 25px;
}
.jssora21l:hover,
.jssora21r:hover {
    color: #00381b;
}
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }

/************** block-banner ******************/

.block-banner {
    position: relative;
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.block-banner--second {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
}
.block-banner img {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}

/**************************************** HEADER *****************************************/

#header {
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 2;
}

#top-block {
    position: relative;
    width: 100%;
    background-color: #001f0f;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 300;
    border-bottom: 0;
}
#top-block .container,
#top .container,
#top_bottom .container,
.header-left {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
#top .header-left {
    gap: 15px;
    justify-content: flex-start;
}
#top .container {
    padding-top: 15px;
    padding-bottom: 15px;
}

#top {
    background-color: #fff;
}

#top-block a,
#top-block span,
.top-block a {
    display: inline-block;
    position: relative;
    padding: 0px 16px;
    line-height: 44px;
    text-decoration: none;
    font-weight: 300;
}
#top-block a,
#top-block span {
    color: #fff;
}
#top-search-menu .top-block {
    padding-left: 30px;
    position: absolute;
    left: 0;
    bottom: -36px;
    overflow: hidden;
    height: 36px;
    width: 100%;
}
#top-search-menu .top-block span,
#top-search-menu .top-block a {
    line-height: 36px;
    font-weight: 300;
    color: #333;
    font-size: 1.2rem;
    padding-left: 6px;
    padding-right: 6px;
}
#top-search-menu .top-block a:hover {
    color: #00381b;
}
#top-search-menu .top-block span {
    padding: 0;
}
#top_bottom .top-block a {
    line-height: 55px;
    font-size: 1.5rem;
    font-weight: normal;
    padding-left: 12px;
    padding-right: 12px;
}
#top_bottom .top-block.left a {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
#top_bottom .top-block.left a svg {
    height: 6px;
}
#top_bottom .top-block.left a img {
    display: block;
    height: 3.6rem;
    width: auto;
}
#top_bottom .top-block a span {
    padding: 0.6rem 0.8rem;
    line-height: 1.2;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    border-radius: 10px;
    background: #ff9c00;
}
#top_bottom .top-block a.akce span {
    background: #ea0000;
}
#top_bottom .top-block a.first {
    padding-left: 0px;
}
#top_bottom .top-block a.top-block--upper {
    text-transform: uppercase;
}
#top_bottom .top-block a:hover {
    color: #00381b;
}
#top_bottom .top-block.right a {
    color: #00381b;
    font-weight: 600;
}
#top_bottom .top-block.right a:hover {
    color: #001f0f;
}
#top_bottom .top-block.right a img {
    position: absolute;
    display: block;
    right: -40px;
    bottom: 0;
}
#top-block a i  {
    padding-right: 5px;
}
#top-block a.first {
    padding-left: 0px;
}
#top-block a:hover,
#top-block a.active {
    color: #00381b;
}
#top-block .top-menu-right {
    display: inline-block;
    float: right;
}
#top-block .top-menu-right .last {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 0;
}
#top-block .top-menu-right .last svg {
    height: 6px;
}
#top-block .top-menu-right a,
#top-block a i {
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
#top-block a i {
    font-size: 1.5rem;
}


/* ****** */

.top-block {
    position: relative;
    font-size: 1.4rem;
    display: flex;
    gap: 4rem;
}
.top-block.right {
    float: right;
}
.top-block.right a {
    padding: 0;
}
.top-block.left a {
    font-weight: bold;
}
.top-block a.first {
    padding-left: 0px;
}
.top-block a:hover,
.top-block a.active {
    color: #383b39;
}

#top-block a:after,
#top-block span:after {
    content: '';
    height: 9px;
    width: 1px;
    background: #4a7c59;
    position: absolute;
    display: block;
    top: calc(50% - 4px);
    right: 0;
}
#top-block a.last:after,
.top-block a.last:after,
#top-block span.last:after,
.top-block span.last:after,
#top-search-menu .top-block a:after,
#top-search-menu .top-block span:after,
#top_bottom .top-block a:after {
    display: none;
}

#top-flags {
    position: relative;
    display: inline-block;
    
    z-index: 2;
    padding: 0px 0;
    margin-left: 13px;
    text-align: left;
}
#top-flags a {
    display: block;
    line-height: 38px;
    height: 38px;
    font-size: 1.3rem;
    padding: 0px 0px 0 25px;
    margin: 0 0 0 0px;
    color: #1a1a1a;
    text-decoration: none;
    background-image: url('../../../data-central/img/front/bg-top-flags.png');
    background-position: left -38px;
    background-repeat: no-repeat;
}
#top-flags a.flag-czk {
    background-position: left top;
}
#top-flags a:hover {
    text-decoration: underline;
}
.top-flags a {
    padding: 1px 0px 1px 25px;
    background-image: url('../../../data-central/img/front/bg-top-flags.png');
    background-position: left -48px;
    background-repeat: no-repeat;
}
.top-flags a.flag-czk {
    background-position: left -10px;
}

.header-left-button {
    position: relative;
    float: left;
    width: auto;
    border: 0;
    padding: 0;
    z-index: 2;
}
.navigation-button {
    position: relative;
    padding: 0px 0px 0 0px;
    font-size: 2.6rem;
    text-decoration: none;
    display: inline-block;
    color: #000;
    -webkit-text-stroke: 2px #fff;
}
.header-left {
    position: relative;
    width: 24.3%;
    border: 0;
    padding: 0 0 0 0;
    z-index: 2;
}
#top_bottom .header-left {
    position: relative;
    width: auto;
    padding-right: 20px;
    margin-right: 20px;
}
#top_bottom .header-left::after {
    display: block;
    width: 1px;
    height: 40px;
    position: absolute;
    content: "";
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #e5e5e5;
}
.linkHomePage {
    position: relative;
}
.linkHomePage.category_button {
    padding-right: 58px;
}
.linkHomePage a img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 180px;
}
.header-right {
    position: relative;
    padding: 0px 0 0px 15px;
    width: 75.7%;
    display: flex;
    justify-content: space-between;
}
#top_bottom .header-right {
    width: auto;
    flex-grow: 1;
}
#top-search-menu {
    position: relative;
    max-width: 49%;
    width: 100%;
    
    z-index: 9000;
}
#navigation-search {
    display: none;
    position: relative;
    cursor: pointer;
    color: #000;
    font-size: 2.7rem;
    -webkit-text-stroke: 2px #00381b;
}
#top-search {
    position: relative;
}
.top-search-input {
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0px 47px 0px 15px;
    margin: 0px 0 0 0px;
    font-size: 1.3rem;
    color: #a7a7a7;
    border: 1px solid #e5e5e5;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
}
.top-search-button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 42px;
    line-height: 42px;
    width: 42px;
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 0;
    cursor: pointer;
    color: #000;
    border-radius: 0px 7px 7px 0px;
    -moz-border-radius: 0px 7px 7px 0px;
    -webkit-border-radius: 0px 7px 7px 0px;
    -ms-border-radius: 0px 7px 7px 0px;
}
.top-search-button span {
    display: block;
    font-size: 1.8rem;
    -webkit-text-stroke: 1px #fff;
    color: #000;
}
.top-search-button:hover {
    background: #000;
}
.top-search-button:hover span {
    -webkit-text-stroke: 1px #000;
    color: #fff;
}
#top_categoriesContent {
    position: absolute;
    right: 0px;
    top: 8px;
    width: 48px;
    height: 38px;
    z-index: 1;
    display: block;
}
#categoriesContent_button {
    position: absolute;
    left: 0px;
    top: -6px;
    line-height: 38px;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 2.8rem;
    background-color: #000;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
}
#categoriesContent_button span {
    position: relative;
    width: 100%;
    top: -1px;
}
#categoriesContent_button:hover {
    cursor: pointer;
}
#categoriesContent_button span:after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    width: 100%;
    height: 10px;
    background-color: #000;
}
#categoriesContent_button:after {
    content: 'Menu';
    color: #fff;
    display: block;
    line-height: 10px;
    width: 100%;
    position: absolute;
    bottom: 6px;
    left: 0px;
    text-transform: uppercase;
    font-size: 0.825rem;
    font-weight: bold;
    text-align: center;
}
#header .navigation-button {
    -webkit-text-stroke: inherit;
}
#categoriesContent_button.open {
    background-color: #e0e0e0;
    background-position: center -41px;
}
#top_categoriesContent .categories {
    position: absolute;
    right: 0px;
    top: 38px;
    width: 244px;
    display: none;
    padding: 11px 0 0 0;
    background-color: transparent;
}
#top_categoriesContent:hover .categories {
    display: block;
}
#top_categoriesContent .categories.open {
    display: block;
}
#top_categoriesContent .categories .categoriesContent {
    padding: 5px 15px 2px 15px;
    border: 0px solid #ddd;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(51,51,51,.3);
    -ms-transform: 0 3px 5px 0 rgba(51,51,51,.3);
    -o-transform: 0 3px 5px 0 rgba(51,51,51,.3);
    box-shadow: 0 3px 5px 0 rgba(51,51,51,.3);
    background-color: #00381b;
}
#top_categoriesContent .categories .categoriesContent::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 14px;
    top: 5px;
    background: #00381b;
    border: 1px solid #00381b;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-width: 1px 0 0 1px;
    content: '';
    display: block;
    height: 20px;
    margin: 0 0 -10px -12px;
    width: 20px;
}

#top-kosik-ucet {
    position: relative;
    float: right;
    padding: 0px 0 0 0;
    width: 51%;
    z-index: 9000;
    display: flex;
    justify-content: right;
}
.top--subblock:not(:first-of-type) {
    padding-left: 30px;
}
.top--subblock,
#top-kosik > div {
    display: flex;
    gap: 20px;
    align-items: center;
    text-decoration: none;
    font-size: 1.2rem;
}
.top--subblock img {
    display: block;
    width: 26px;
    height: auto;
}
.top--subblock div.subblock-content {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    align-items: start;
}
.top--subblock:last-of-type div.subblock-content {
    align-items: end;
}
.top--subblock div.subblock-content a {
    text-decoration: none;
}
#top-kosik div > a {
    position: relative;
}
.top--subblock div.subblock-content a:hover {
    text-decoration: underline;
    color: #000;
}
.top--subblock div.subblock-content span {
    font-size: 1.5rem;
    font-weight: bold;
}
.top--subblock span.total-item {
    display: block;
    position: absolute;
    bottom: 1.4rem;
    left: 1.5rem;
    height: 1.8rem;
    width: 1.8rem;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: #000;
    background-color: #ffd800;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    z-index: 10000;
}
#top-kosik:hover span.total-item {
    -webkit-animation-name: total-item-icon-float, total-item-icon;
    animation-name: total-item-icon-float, total-item-icon;
    -webkit-animation-duration: .3s, .75s;
    animation-duration: .3s, 0.75s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
@-webkit-keyframes total-item-icon {
    0% {
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    100% {
        -webkit-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@keyframes total-item-icon {
    0% {
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    100% {
        -webkit-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-webkit-keyframes total-item-icon-float {
    100% {
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
}
@keyframes total-item-icon-float {
    100% {
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
}

#obsah-kosiku-obal {
    padding-top: 7px;
    right: -1px;
    position: absolute;
    top: 40px;
}
#obsah-kosiku {
    background-color: #FFF;
    border: 2px solid #00381b;
    padding: 5px;
    width: 285px;
    z-index: 30;
    display: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    -moz-box-shadow: 0px 5px 6px #949494;
    -webkit-box-shadow: 0px 5px 6px #949494;
    box-shadow: 0px 5px 6px #949494;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#D3D3D3')";
}
#obsah_header {
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    font-size: 1.6rem;
}
#obsah_header .left {
    color: #333;
}
#obsah_header .right a {
}

#obsah_header .right a:hover {
    text-decoration: none;
}
#kosik_content {
    position: relative;
    clear: both;
}
.kosik_produkt {
    border-top: 1px solid #d1d1d1;
    line-height: 130%;
    margin: 0;
    overflow: hidden;
    padding: 10px 10px;
    position: relative;
    background-color: #FFF;
}
.kosik_produkt .listing_foto {
    float: left;
    padding: 0px;
    height: auto;
    width: auto;
}
.kosik_produkt .ikony {
    display: none;
}
.kosik_produkt .ceny {
    position: relative;
    float: right;
    width: 150px;
    height: 16px;
    margin: 0px;
    border: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.kosik_produkt .ceny .doporucena-cena,
.kosik_produkt .ceny .doporucena-cena-hodnota,
.kosik_produkt .ceny .nase-cena,
.kosik_produkt .ceny .nase-cena-hodnota {
    position: relative;
    display: block;
    font-size: 1.4rem;
    color: #999999;
}
.kosik_produkt .ceny .nase-cena-hodnota {
    color: #000000;
    font-weight: bold;
}
.kosik_produkt .sleva-hodnota {
    position: absolute;
    top: -35px;
    left: -101px;
    padding: 3px 0;
    background-color: #d5021b;
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFF;
    width: 45px;
    text-align: center;
}
.kosik_produkt h3.itemTitle {
    position: relative;
    float: right;
    width: 150px;
    height: 47px;
    padding: 0 0px 0 0;
    margin: 7px 0 5px 0;
}
.kosik_produkt h3.itemTitle a {
    text-align: right;
}
#obsah_bottom {
    background-color: #e5e9ea;
    padding: 20px 10px;
    clear: both;
}
#obsah_bottom a {
    display: inline;
    float: none;
    color: #FFF;
}
#obsah_bottom span {
    background-color: #000;
    color: #FFFFFF;
    display: block;
    font-size: 1.8rem;
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}
#obsah_bottom strong {
    font-weight: bold;
    padding-left: 15px;
}
#obsah-kosiku .obsah_info {
    color: #333;
    padding: 10px 15px;
    text-align: center;
    font-size: 1.6rem;
}
#obsah-kosiku .obsah_info strong {
    color: #f9373f;
    text-transform: uppercase;
}

#top_bottom {
    position: relative;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#top_bottom .header-left,
#top_bottom .header-right {
    padding-top: 0;
    padding-bottom: 0;
}

.head_menu {
    width: auto;
}
.head_menu a {
    cursor: pointer;
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
    background: transparent;
    border-radius: 0;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    white-space: nowrap;
}
.head_menu a:hover {
    color: #00381b;
}
.head_menu span.fas {
    font-size: 1.5rem;
}
.head_menu a,
.head_menu a:hover {
    text-decoration: none;
}

/******************* NOVE MENU ******************/

#top-menu-1 {
    height: 53px;
    
    z-index: 8929;
    padding: 0px 0 0 0;
    background-color: #eb008c;

}

.topsubmenu,
#top-menu-1 .categoriesContent {
    position: relative;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
}

#top-menu-1 a.top-menu-1,
#top-menu-1 .categoriesContent .category-top {
    position: relative;
    margin: 0 0 0px 0;
    padding: 0px 15px;
    font-size: 1.6rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    text-align: center;
    z-index: 2001;
    line-height: 53px;
    background-color: transparent;
}

#top-menu-1 a.top-menu-1:hover,
#top-menu-1 a.top-menu-1.active,
#top-menu-1 .categoriesContent .category-top:hover,
#top-menu-1 .categoriesContent .category-top.selected {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #000;
}
#top-menu-1 .categoriesContent .category-top:hover,
#top-menu-1 .categoriesContent .category-top.selected {
    border-bottom: 0px solid #000;
}

.topsubmenu li,
#top-menu-1 .categoriesContent .category-top {
    display: table-cell;
}

.topsubmenu div.subDiv{
    display: none;
    position: absolute;
    top: 53px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    border: 2px solid #eb008c;
    border-top: 0px solid #eb008c;
    color: #000;
    padding: 0 4.28%;
}

.topsubmenu div.menuSloupec {
    position: relative;
    float: left;
    border-left: 1px solid #d8d8d8;
    width: 20%;
    min-height: 280px;
    margin: 55px 0;
    padding: 0px 34px;
}
.topsubmenu div.menuSloupec.produkt {
    margin: 0;
    padding-top: 30px;
    min-height: calc(280px + 110px);
}
.topsubmenu div.menuSloupec.produkt.two {
    border-left: 0px solid #d8d8d8;
}

.topsubmenu div.menuSloupec.frst {
    border-left: 0px solid #d8d8d8;
    padding-left: 15px;
}

.topsubmenu div.menuSloupec h2,
.topsubmenu div.menuSloupec h2 a {
    font-weight: bold;
    font-size: 1.8rem;
    float: none;
    color: #000;
    text-transform: uppercase;
    padding: 0;
    margin: 5px 0 15px 0;
    text-decoration: none;
}

.topsubmenu div.menuSloupec h2 a:hover {
    color: #eb008c;
}

.topsubmenu div.menuSloupec a.subCtg {
    display: block;
    padding: 5px 0px;
    margin: 2px 0px 2px 0px;
    color: #666666;
    text-decoration: none;
    float: none;
    line-height: 100%;
    font-size: 1.5rem;
    font-weight: normal;
}
.topsubmenu div.menuSloupec.link a.subCtg {
    font-size: 1.8rem;
    color: #000;
    text-transform: uppercase;
}
.topsubmenu div.menuSloupec a.subCtg:hover {
    color: #eb008c;
}
.topsubmenu div.menuSloupec a.all_category {
    position: absolute;
    left: 34px;
    bottom: 20px;
    display: block;
    padding: 0;
    margin: 0px;
    color: #000;
    text-decoration: none;
    float: none;
    line-height: 100%;
    font-size: 1.5rem;
    font-weight: normal;
}
.topsubmenu div.menuSloupec.frst a.all_category {
    left: 15px;
}
.topsubmenu div.menuSloupec a.all_category:hover {
    color: #eb008c;
}

.topsubmenu div.menuSloupec.produkt .centerBoxContentsProducts {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.topsubmenu div.menuSloupec.produkt .centerBoxContentsProducts .listing_foto {
    padding: 0px;
}
.topsubmenu div.menuSloupec.produkt .centeredContent .sleva {
    font-size: 2rem;
}
.topsubmenu div.menuSloupec.produkt .detail span {
    color: #000;
    text-decoration: none;
    font-size: 3rem;
    margin-top: 3px;
}
.topsubmenu div.menuSloupec.produkt .detail:hover span {
    color: #fecc00;
}
div.bannerListing {
    position: relative;
    display: block;
    grid-column: span 2;
    float: left;
    padding: 0 0px;
    margin: 0px 0;
}
div.bannerListing img {
    width: 100%;
    display: block;
    height: auto;
}
div.bannerListing_none {
    display: none;
}

/************************************ LEFT ************************************/

.columnLeft {
    float: left;
    width: 19.6%;
    padding: 0px 15px 0 0;
}
.index .columnLeft {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 100%;
    display: none;
}
.index.header-left:hover .columnLeft {
    display: block;
}
.index #top_bottom .header-left:hover .columnLeft {
    display: block;
}

.leftBoxContainer {
    
    padding: 0px;
    margin: 0px;
}

#newsscroller {
    clear: both;
    border: 1px solid #e5e5e5;
    margin: 55px 0px 10px 0px;
    padding: 25px 22px;
}

.newsscrollerHeading {
    
    margin: 70px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 2.4rem;
    text-transform: uppercase;
}

.newsscrollerHeading a {
    color: #ae2130;
    text-decoration: none;
}

.newsscrollerContent {
    
    margin: 5px 0;
}

a.newsscrollerName {
    display: block;
    font-size: 1.4rem;
    padding: 15px 0;
    font-weight: bold;
    color: #353535;
}

a.vice-zde {
    font-size: 1.1rem;
    padding: 5px 0 15px 0;
    display: block;
    text-align: right;
    clear: both;
    text-transform: uppercase;
}
/******** Aktuality ********/

.newsHeadlineText,
.articleByLine {
    float: left;
    padding: 5px 0;
    color: #7f7f7f;
}

.articleByLine {
    padding-left: 20px;
}

/********** LEFT Menu **********/

.nav_arrow {
    display: none;
}
.index .nav_arrow {
    display: none;
}

#left_categoriesContent {
    position: relative;
    width: 100%;
}
#left_categoriesContent .categories {
    position: absolute;
    left: 0px;
    top: 55px;
    width: 100%;
    display: none;
}
#left_categoriesContent:hover .categories {
    display: block;
}

.categories {
    position: relative;
    padding: 0px;
    margin: 0 0 0px 0;
    clear: both;
    text-align: left;
    background-color: #fff;
}
.header-left .categories {
    border: 1px solid #e5e5e5;
    border-top: 0px solid #e5e5e5;
}
.header-left .categories {
    padding: 14px;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
}
#stranka .categories .categoriesContent {
    padding: 5px 20px 2px 20px;
    border: 0px solid #ddd;
    background-color: #00381b;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;

}
#stranka .header-left .categories .categoriesContent {
    padding: 5px 10px 2px 10px;

}
.categories ul li {
    list-style-type: none;
    display: block;
}
#stranka .categoriesContent {
    margin-bottom: 24px;
    text-align: left;
}

.leftBoxContainer a.category-top,
.leftBoxContainer .category-top.nav-show-more {
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 1.6rem;
    margin: 0;
    padding: 11px 10px 11px 10px;
    color: #333;
    text-decoration: none;
    display: block;
    text-align: left;
    text-transform: uppercase;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.leftBoxContainer .category-top.nav-show-more {
    text-transform: inherit;
}
.leftBoxContainer .category-top.nav-show-more:hover {
    cursor: pointer;
}
.leftBoxContainer .category-top.nav-show-more {
    color: #333;
}
.leftBoxContainer .category-top.nav-show-more span {
    padding-left: 4px;
}
.index .header-left .leftBoxContainer a.category-top {
}
.leftBoxContainer a.category-top.last,
.leftBoxContainer .category-top.nav-show-more {
    border-bottom: 0px solid #e0e0e0;
}
.header-left .leftBoxContainer a.category-top:hover,
.header-left .leftBoxContainer a.category-top.selected,
.leftBoxContainer .category-top.nav-show-more:hover {
    color: #00381b;
}

.category-1-space {
    height: 8px;
}

a.category-1 {
    margin: 0;
    padding: 6px 10px 6px 18px;
    font-size: 1.4rem;
    color: #454545;
    text-decoration: none;
    display: block;
}

a:hover.category-1,
a.category-1.selected {
    color: #000;
}

a.category-2 {
    margin: 0px;
    padding: 5px 10px 5px 45px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5;
    display: block;
}

a:hover.category-2,
a.category-2.selected {
    color: #bad401;
}

a.category-3 {
    margin: 0px;
    padding: 5px 10px 5px 45px;
    font-weight: normal;
    font-size: 1.1rem;
    color: #6A6A6A;
    text-decoration: none;
    border-bottom: 1px #D8D8D8 solid;
    display: block;
}

a:hover.category-3 {
    color: #FE0000;
    display: block;
}

.category-subs-parent, .category-subs-selected {
    color: #FE0000;
}

.category-1-space_t {
    height: 9px;
}
.category-1-space_d {
    height: 20px;
}

#leftmenu-znacky {
    position: relative;
    clear: both;
    margin-top: 35px;
    float: left;
    padding: 0 10px;
}
#leftmenu-znacky h4 {
    font-size: 1.6rem;
    margin-bottom: 25px;
    color: #7f7f7f;
}
#leftmenu-znacky li {
    display: block;
    float: left;
    width: 50%;
}
#leftmenu-znacky a {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    text-decoration: none;
    padding: 3px 0;
    color: #7f7f7f;
}
#leftmenu-znacky a:hover {
    text-decoration: underline;
}
#leftmenu-znacky a.znacky-ostatni {
    font-style: italic;
    color: #e80462;
}

/************************************ Naše služby ************************************/

.services,
.services .services--in {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 34px;
    margin: 0px 0 0px 0;
    text-align: left;
}
.services .services--in {
    gap: 24px;
    width: 25%;
    align-items: center;
}
.services .services--in img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    max-width: 100px;
}
.services .services--in h3 {
    font-weight: normal;
    font-size: 2.2rem;
    color: #00381b;
    margin: 0 0 6px 0;
    line-height: 1.2;
    min-height: 53px;
}
.services .services--in p {
    font-size: 1.2rem;
    color: #a7a7a7;
}
.services .services--in div {
    height: 100%;
    display: grid;
    grid-template: 1fr / auto;
    grid-template-rows: 1fr;
    grid-template-rows: max-content;
    justify-items: left;
}
.services .services--in div a {
    align-self: end;
    margin-top: 8px;
}

/************************************ block-icons ************************************/

.block-icons {
    display: flex;
    flex-wrap: nowrap;
    padding: 15px 0;
    text-align: left;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: var(--radius);
    margin: 24px 0;
}
.block-icons--item {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    gap: 12px;
    padding: 10px 20px;
    text-decoration: none;
    border-right: 1px solid #e5e5e5;
}
.block-icons--item:last-child {
    border-right: none;
}
a.block-icons--item:hover,
a.block-icons--item:hover h3 {
    color: var(--primary-color);
}
.block-icons--item:last-child {
    border-right: none;
}
.block-icons--img {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.block-icons--item .block-icons--img img {
    max-width: 100%;
    max-height: 100%;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.block-icons--item:hover .block-icons--img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.block-icons--content {
    font-size: 1.2rem;
    color: #333;
}
.block-icons--content h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 2px;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}

/************************************ Doprava ************************************/

.block-doprava {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 34px;
    margin: 24px 0;
    text-align: left;
}
.block-doprava.prodejny {
    color: #fff;
}
.block-doprava.orion,
.block-doprava.siko {
    color: inherit;
}
.block-doprava--in {
    width: calc(100% / 3);
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    background: #f3f3f3;
}
.prodejny .block-doprava--in {
    width: 50%;
    background: #ffde33;
}
.orion .block-doprava--in {
    width: 100%;
    background: #86d3e1;
}
.siko .block-doprava--in {
    background: #ffef29;
}
.sluzby .block-doprava--in {
    width: 50%;
    background: transparent;
}
.sluzby.tonovani .block-doprava--in {
    width: calc(100% / 3);
}
.sluzby.tonovani {
    align-items: center;
    justify-content: center;
}
.sluzby.tonovani img {
    max-height: 400px;
}
.block-doprava--in > div {
    display: block;
    padding: 14px;
}
.prodejny .block-doprava--in > div {
    padding: 20px;
}
.block-doprava--in > div h3 {
    color: #00381b;
    font-size: 1.8rem;
    margin-bottom: 14px;
}
.orion .block-doprava--in > div h3 {
    color: #211f51;
}
.siko .block-doprava--in > div h3 {
    color: red;
}
.prodejny .block-doprava--in > div h3 {
    border-bottom: 1px dotted #fff;
    padding-bottom: 14px;
}
.siko .block-doprava--in > div h3 {
    border-color: #000;
}
.prodejny .block-doprava--in > div a {
    color: #00381b;
}
.siko .block-doprava--in > div a,
.orion .block-doprava--in > div a {
    color: inherit;
}
.prodejny ul {
    padding: 0px;
    margin: 0px;
    
    width: 50%;
}
.prodejny ul li {
    list-style-type: none;
    line-height: 1.2;
    font-size: 1.4rem;
    padding: 3px 0px;
}
.prodejny .block-doprava--in > div div {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 20px;
}
.prodejny .block-doprava--in ul li span.open-time {
    display: inline-block;
    width: 105px;
}


/************************************ RECENZE ************************************/

.recenze-section {
    background-color: #f9f9f9;
    padding: 50px 0;
    margin: 40px 0;
}
.recenze-section h2.centerBoxHeading {
    text-align: center;
    padding-bottom: 30px;
}
.recenze-section .recenze-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.recenze-section .recenze-item {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.recenze-section .recenze-text p {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}
.recenze-section .recenze-meta p {
    font-size: 1.3rem;
    color: #a7a7a7;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}
.recenze-section .recenze-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #e9e9e9;
}
.recenze-section .recenze-date {
    font-size: 1.2rem;
    color: #a7a7a7;
}
.recenze-section .recenze-stars {
    display: flex;
    gap: 2px;
}
.recenze-section .recenze-stars .fas {
    color: #ffc107;
    font-size: 1.4rem;
}

@media (max-width: 1200px) {
    .recenze-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .recenze-grid {
        grid-template-columns: 1fr;
    }
    .recenze-section {
        padding: 30px 0;
        margin: 20px 0;
    }
}


/************************************ FOOTER ************************************/

#bottom {
    background-color: #00381b !important;
    color: #fff !important;
}
#bottom a {
    color: #fff !important;
}
#bottom a:hover {
    color: rgba(255,255,255,0.7) !important;
}
#bottom .container_in {
    background-color: transparent !important;
}

#bottom-0 .banner_bottom_out {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #000;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
}
#bottom-0 .banner_bottom_out > div {
    width: calc(100% / 5);
    text-align: center;
}
#bottom-0 .banner_bottom_out > div a {
    height: 100%;
}
#bottom-0 .banner_bottom_out .banner_bottom_a {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 1.6rem;
    font-weight: normal;
    text-decoration: none;
    padding: 38px 0;
}
#bottom-0 .banner_bottom_out a.banner_bottom_a:hover {
    color: #00381b;
}
#bottom-0 .banner_bottom_out .banner_bottom_a img {
    margin-bottom: 12px;
}

#bottom .container_in {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr;
    gap: 0;
    padding: 60px 0;
}
.footerbox {
    position: relative;
    padding: 0 0;
}
span.bottom_title {
    padding: 0px 0 25px 0;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
}
.footerbox-full span.bottom_title {
    padding-bottom: 5px;
    color: #fff;
}
#bottom .container ul {
    padding: 0px;
    margin: 0px;
    
}
#bottom .container .footerbox-full ul {
    padding-bottom: 15px;
}
#bottom .container ul li {
    list-style-type: none;
    line-height: 1.2;
    font-size: 1.4rem;
    padding: 6px 0px;
}
#bottom .container li a {
    padding: 0px 0px;
    text-decoration: none;
}
#bottom .container li a:hover {
}
#bottom .container li.social a {
    padding-right: 10px;
    font-size: 2rem;
}
#bottom .container .bottom_right ul li span.open-time {
    display: inline-block;
    width: 122px;
}
.bottom_right .footerbox {
    width: auto;
}
#bottom .container .footerbox.one img {
    max-width: 180px;
    filter: brightness(0) invert(1);
}
#bottom .container .footerbox.one > div {
    padding-bottom: 14px;
}
#bottom .container .footerbox.one ul li.social {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 2.4rem;
}
#bottom .container .footerbox.one ul li.kontakt-map {
    display: block;
    padding: 24px 0;
}
#bottom .container .store-phone,
#bottom .container .store-email {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: bold;
}
#bottom .container .store-phone {
    font-size: 1.6rem;
    padding-bottom: 24px;
}
#bottom .container .store-phone img {
    max-width: 27px;
}
#bottom .container .store-email {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.2);
}
#bottom .container .store-email img {
    max-width: 32px;
}
#bottom-2,
#bottom-2 .container_in {
    background: #f5f5f5;
}
#bottom-0 {
    background: #00381b;
}
#novinky-akce {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-around;
    padding: 42px 0;
    background: #00381b;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}
#novinky-akce .novinky_in {
    display: flex;
    gap: 24px;
    align-items: center;
    color: #fff;
}
#novinky-akce .novinky_in img {
    width: 48px;
    height: auto;
}
#novinky-akce .novinky_in strong {
    font-size: 2rem;
    font-weight: bold;
    display: block;
    padding-bottom: 4px;
}
#novinky-akce .novinky_in span {
    font-size: 1.4rem;
    font-weight: 300;
    display: block;
    opacity: 0.9;
}
#novinky-akce #frm-subscribersForm {
    max-width: 680px;
    width: 100%;
}
.odber-novinek-bottom {
    position: relative;
    width: 100%;
    display: flex;
}
.odber-novinek-bottom .input-odber {
    color: #797979;
    height: 52px;
    line-height: 52px;
    border: 0px solid #333e48;
    padding: 0px 46px 0px 20px;
    font-size: 1.4rem;
    border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    width: 100%;
}
.odber-novinek-bottom .button-odber {
    height: 52px;
    line-height: 52px;
    padding: 0 34px;
    text-align: center;
    color: #fff;
    
    background-color: transparent;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    -ms-border-radius: 0 30px 30px 0;
    background: #212121;
    width: auto;
    white-space: nowrap;
}
.odber-novinek-bottom .button-odber:hover {
    cursor: pointer;
    color: #00381b;
}
.bottom_copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0;
}
.bottom_copyright .copyright.left {
    display: flex;
    align-items: center;
    gap: 18px;
}
.bottom_copyright .copyright.left img {
    max-width: 135px;
}
.copyright a {
    text-decoration: none;
    padding: 0 0px;
}
.copyright a:hover {
}
.copyright.left a:last-child {
    padding-left: 0;
}
.copyright.right {
    display: flex;
    gap: 22px;
}
.copyright.right div:first-of-type {
    padding-right: 22px;
    border-right: 1px solid #e5e5e5;
}

/***********************/

.conversion {
    position: fixed;
}

/* ********* subscribe ******** */
#odber1 {
    background-color: #e5e5e5;
    border: 1px solid #c4c4c4;
    clear: both;
    margin: 20px 0 0;
    min-height: 55px;
    padding: 15px;
    position: relative;
    width: 100%;
}
#odber-novinek-center p {
    color: #000;
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0 10px 0 0;
    position: relative;
}
#odber1 .input-text {
    position: relative;
    height: 24px;
    margin: 0;
    padding: 0 0 0 10px;
    width: 190px;
}
#odber1 .button-odber {
    position: relative;
    float: right;
    border: 0 none;
    cursor: pointer;
    height: 24px;
    width: 57px;
    background-color: #c4c4c4;
    color: #fff;
}
#odber1 .button-odber:hover {
    background-color: #000;
}

/********** Vsichni vyrobci **********/

.oblast_abecedy a.pismena {
    float: left;
    font-weight: bold;
    font-size: 1.8rem;
    margin-right: 10px;
    display: block;
    color: #00381b;
}

.oblast_vyrobcu {
    padding-top: 10px;
}

.oblast_vyrobcu h2 {
    float: left;
    color: #00381b;
    font-size: 2.8rem;
    margin: 10px 0 0 0;
    padding: 5px 10px;
    text-align: center;
    background-color: #f0f0f0;
    clear: both;
}

.vyrobci_pismeno_oblast {
    background-color: #f0f0f0;
    padding: 6px 10px;
    clear: both;
}

a.vyrobce_nazev {
    float: left;
    margin-right: 12px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: normal;
    display: block;
    color: #34353A;
}

/****************** Nejprodávanější ******************/

#vice-nejprodavanějsi-box.zkraceny {
    display: none;
}

.best_out {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 45px 0 15px 0;
}

#best {
    position: relative;
    clear: both;
    width: 57%;
    float: left;
    margin: 0;
}
#best h2 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: bold;
    color: #333;
}
#best .index-0 {
    position: relative;
    clear: both;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #e5e5e5;
    min-height: 71px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
#best .index-0 .index_left {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    gap: 16px;
}
#best .index-0 .index_left_1,
#best .index-0 .index_left_2 {
    position: relative;
}
#best .index-0 .index_left_1 {
    padding: 0;
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
}
#best .index-0 .index_center {
    position: relative;
}
#best .index-0 .index_center .center_top a,
#best .index-0 .index_center .center_top span,
#best .index-0 .index_center .center_top .dostupnost_text {
    position: relative;
    float: left;
}
#best .index-0 .index_center .center_top a {
    padding: 0px 6px 0 0px;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: normal;
}
#best .index-0 .index_center .center_top a:hover {
    text-decoration: underline;
}
#best .index-0 .index_center .center_top .dostupnost_text {
    padding: 0px;
    color: #45b955;
}
#best .index-0 .index_center .center_top span {
    padding: 0 10px;
}
#best .index-0 .index_center .center_bottom {
    position: relative;
    clear: both;
    display: block;
    padding-top: 2px;
    text-align: left;
    color: #333;
    font-size: 1.2rem;
    font-weight: 300;
}
#best .index-0 .index_right {
    text-align: right;
    min-width: 138px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
#best .index-0 .index_right .doporucena-cena-nazev,
#best .index-0 .index_right .doporucena-cena-hodnota {
    color: #7f7f7f;
    font-size: 1.4rem;
}
#best .index-0 .index_right .doporucena-cena-nazev,
#best .index-0 .index_right .doporucena-cena-hodnota,
#best .index-0 .index_right .nase-cena-nazev,
#best .index-0 .index_right .nase-cena-hodnota {
    position: relative;
    display: inline-block;
}
#best .index-0 .index_right .nase-cena-hodnota {
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
}
#best .index-0 .index_right .nase-cena {
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}
#best .index-0 .index_right .sleva {
    display: none;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #000;
    color: #fff;
    padding: 0px;
    text-align: center;
    line-height: 120%;
    width: 45px;
    min-width: 45px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
}

#nejprodavanejsi-button {
    margin-bottom: 15px;
    text-align: center;
    padding: 0px 0;
}
#nejprodavanejsi-button a {
    text-decoration: none;
    display: inline-block;
    line-height: 28px;
    padding: 0 20px;
    background: #f3f3f3;
    font-size: 1.4rem;
    font-weight: 500;
    color: #333;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
}
#nejprodavanejsi-button a:hover {
    color: #00381b;
}
#nejprodavanejsi-button a span {

}
#nejprodavanejsi-button a span.fas {
    padding-right: 5px;
    font-size: 2.4rem;
    padding-top: 0px;
}
#nejprodavanejsi-button a:hover {
    text-decoration: underline;
}

/****************************** LISTING ******************************/


.productListing,
.special-productlist-box,
.vsechny-barevne-varianty {
    position: relative;
    width: 100%;
    clear: both;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.special-productlist-box {
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 24px;
}
.centerBoxContentsProducts {
    position: relative;
    float: left;
    font-size: 1.4rem;
    margin: 0px 0;
    padding: 0 0px;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-right: 0px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
    transition: box-shadow 0.3s ease 0s;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -moz-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
}
.special-productlist-box .centerBoxContentsProducts:last-of-type {
    border-right: 1px solid #e5e5e5;
}
.centerBoxContentsProducts-in {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template: 1fr / auto;
    grid-template-rows: max-content;
    margin: 0;
    padding: 14px 14px;
    background: #fff;
    border-radius: var(--radius);
    border: 1px solid var(--border-grey);
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.centerBoxContentsProducts-in:hover {
    border-color: var(--primary-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.productListing .centerBoxContentsProducts-in {
    padding-top: 24px;
    padding-bottom: 24px;
}
/* Hover effect moved to .centerBoxContentsProducts-in:hover */
.centerBoxContentsProducts .starsRate {
    position: relative;
    text-align: center;
    margin: -20px 0 0 0;
}
.starsRate .starsBackground {
    background-image: url('../../../data-central/img/front/stars_product.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 16px;
    width: 105px;
    display: inline-block;
    margin: 2px 0;
}
.starsRate .starsForeground {
    background-image: url('../../../data-central/img/front/stars_product.png');
    background-position: left -16px;
    background-repeat: no-repeat;
    height: 16px;
}
.centerBoxContentsProducts .loading {
    background: transparent url('../../../data-central/img/loading/loading.gif') no-repeat scroll center center;
    display: none;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}
.loadingbox {
    background: url('../../../data-central/img/loading/loading.gif') no-repeat scroll center 50px rgba(255, 255, 255, 0.85);
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1000;
    text-align: center;
}
.centerBoxContentsProducts .color-image-brand {
    display: none;
}
.listing_foto .hide-image-brand {
    display: none;
}
.listing_foto {
    position: relative;
    text-align: center;
}
.centerBoxContentsProducts .listing_foto {
    width: 100%;
    padding: 20px 0 10px 0;
    background-color: #fff;
}
.listing_foto a img {
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 100%;
    height: auto;
}

.centerBoxContentsProducts-in .product-button .button-shoping-in,
.services div a {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #333;
    line-height: 1.2;
    padding: 14px 8px;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    -webkit-border-radius: var(--radius);
    -ms-border-radius: var(--radius);
    transition: all 0.2s ease;
}
.services div a {
    text-transform: none;
}
.centerBoxContentsProducts-in .product-button .button-shoping-in:hover,
.services div a:hover {
    background: #f5f5f5;
    border-color: #ccc;
    color: #333;
}

.centerBoxContentsProducts-in .product-button .link-product-details-modal,
.centerBoxContentsProducts-in .product-button .like-item {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*max-width: 50%;*/
    padding: 0;
    cursor: pointer;
    color: #878787;
    font-size: 1.3rem;
    line-height: 28px;
}
.centerBoxContentsProducts-in .product-button .like-item {
    position: relative;
    padding-left: 8px;
    top: 10px;
}
.centerBoxContentsProducts-in .product-button .link-product-details-modal a,
.centerBoxContentsProducts-in .product-button .like-item a {
    cursor: pointer;
    color: #878787;
    text-decoration: none;
}
.centerBoxContentsProducts-in .product-button .link-product-details-modal a:hover,
.centerBoxContentsProducts-in .product-button .like-item a:hover {
    color: #cc0000;
}
.centeredContent .link-product-details-modal a span,
.centeredContent .like-item a span {
    margin: 0 2px 0 0;
    font-size: 1.6rem;
}
.centerBoxContentsProducts .hiden-box  {
    display: none;
    border: 0px solid #bbbbbb;
    margin: 0px;
    padding: 0px 0 0 0;
}

.centerBoxContentsProducts .barvy-velikosti-list  {
    border-top: 0px solid #bbbbbb;
    padding: 15px 0 10px 0;
}

.centerBoxContentsProducts-in .hideBrand {
    position: absolute;
    right: 0px;
    top: -18px;
    height: 30px;
    width: 30px;
    font-size: 2.5rem;
    text-align: center;
    display: none;
    opacity: 0.4;
}
.centerBoxContentsProducts-in:hover .hideBrand {
    display: block;
}
.centerBoxContentsProducts-in:hover .hideBrand:hover {
    opacity: 1;
}

.tab-velikosti {
    padding: 15px 0 0 0;
}

.velikost-tab-panel {
    display: none;
}

.velikost-tab-panel.active {
    display: block;
}

.tab-velikosti ul {
    padding-left: 0px;
}

.tab-velikosti li {
    display: inline-block;
    text-decoration: none;
}
.tab-velikosti li a,
.tab-velikosti li span {
    display: inline-block;
    min-width: 62px;
    padding: 4px 5px;
    background-color: #f7f7f7;
    color: #000000;
    margin-bottom: 5px;
    border: 1px solid #f7f7f7;
    text-decoration: none;
}

.tab-velikosti li a:hover,
.tab-velikosti li span:hover {
    background-color: #000;
    color: #fff;
}

.product-info--out {
    align-self: end;
    margin-top: 6px;
}

.product-info {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    padding-bottom: 14px;
}

.centerBoxContentsProducts-in .product_znacka {
    margin: 0 0 7px;
    line-height: 20px;
    font-size: 1.2rem;
    text-align: left;
}
.centerBoxContentsProducts-in .product_znacka a {
    color: #878787;
    text-decoration: none;
}
.centerBoxContentsProducts-in .product_znacka a:hover {
    color: #00381b;
}

h3.itemTitle {
    text-align: left;
    margin: 0px 0 5px 0;
    padding: 0px 0px 0px 0px;
    
    overflow: hidden;
    width: 100%;
    height: 40px;
}

.itemTitle a {
    padding: 0px 0px;
    font-size: 1.4rem;
    line-height: 130%;
    display: block;
    color: #333;
    margin: 0 0 7px;
    line-height: 1.4;
    position: relative;
    font-weight: normal;
    text-decoration: none;
}
.itemTitle a i {
    font-size: 1.8rem;
}
.itemTitle a i.fa-mars {
    color: #009EF0;
}
.itemTitle a i.fa-venus {
    color: #00381b;
}
.itemTitle a i.fa-venus-mars {
    color: #F0C900;
}

.itemTitle a:hover {
    color: #00381b;
}
.itemTitle a span {
    font-size: 1.5rem;
    font-weight: 400;
}

.param_vune {
    position: relative;
    margin: 10px 0 20px 0;
    min-height: 27px;
}
.index .param_vune {
    display: none;
}
.param_vune span {
    position: relative;
    display: inline-block;
    padding: 4px 6px;
    text-transform: uppercase;
    background-color: #f5f7fa;
    font-size: 1.2rem;
    font-weight: 600;
}

.skladem {
    position: absolute;
    top: 153px;
    left: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #003399;
    margin: 0px;
    
}

.listing_cart {
    position: absolute;
    top: 125px;
    right: 10px;
    width: 130px;
    padding: 0px;
    margin: 0px;
    
    display: none;
}

.listing_cart p {
    padding: 0;
    margin: 0;
}

.mnozstvi_seznam {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 14px;
    padding: 1px 2px 1px 0px;
    text-align: right;
    margin: 0px;
    background-color: #e5e5e5;
    border: 1px #C4C4C4 solid;
    display: none;
}

.kosik-listing,
.listingBuyNowButton {
    position: absolute;
    top: 0px;
    right: 0px;
}

.porovnej {
    position: absolute;
    top: 125px;
    right: 90px;
    display: none;
}

.centeredContent .vyrobce a {
    display: none;
}

.centeredContent .dostupnost_text {
    display: block;
    position: relative;
    bottom: initial;
    left: initial;
    height: 28px;
    line-height: 28px;
    color: #07ac1d;
    border: 1px solid #07ac1d;
    text-transform: none;
    font-size: 1rem;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    margin-top: 8px;
}

.centerBoxContentsProducts_bottom {
    position: relative;
    width: 100%;
    padding: 10px;
    border: 1px solid #e6e6e6;
    background-color: #e5e5e5;
    line-height: 130%;
    text-align: left;
}

.listingDescription {
    position: relative;
    color: #a7a7a7;
    height: 49px;
    line-height: 1.2;
    margin: 0px;
    overflow: hidden;
    display: block;
    font-size: 1rem;
    font-weight: 300;
    text-align: left;
    margin: 0 0 0px 0;
}
.index .listingDescription {
    display: none;
}

.centerBoxContentsProducts-in .sklad-hover {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    color: #fff;
    text-transform: uppercase;
}

/******* VYPIS CEN V LISTINGU ******/

.centeredContent .ceny {
    position: relative;
    width: 100%;
    
    border-top: 0px solid #e5e5e5;
    margin: 0 0 0px 0;
    padding: 0px 0 0px 0;
    text-align: left;
}

span.span-dph {

}

.doporucena-cena-hodnota {
    /*text-decoration: line-through;*/
}

.centeredContent {
    text-align: center;
}

.centeredContent .doporucena-cena {
    
    position: relative;
    padding-right: 10px;
    text-decoration: line-through;
    color: #848484;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 600;
    display: inline-block;
}
.index .centeredContent .doporucena-cena {
    display: none;
}

.centeredContent .doporucena-cena-nazev {
    display: none;
}

.centeredContent .doporucena-cena-hodnota {

}

.centeredContent .nase-cena-bezdph {
    display: none;
}

.centeredContent .nase-cena,
.centeredContent .nase-cena-bez {
    
    position: relative;
    text-align: center;
    color: #000;
    font-size: 1.9rem;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
}
.centeredContent .nase-cena.coupon,
.centeredContent .specials_price .nase-cena,
.centeredContent .specials_price .nase-cena-bez {
    color: #000;
}

.centeredContent .nase-cena-nazev {
    display: none;
}

.centeredContent .nase-cena-hodnota {

}

.centeredContent .nase-cena-nazev_1 {
    display: none;
}

.centeredContent .sleva {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 1.2rem;
    background-color: #dc0000;
    color: #fff;
    padding: 4px 10px;
    text-align: center;
    line-height: 1.4;
    border-radius: 4px;
    z-index: 2;
}
.centeredContent .sleva span {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
}
.centeredContent .cena_sleva {
    display: inline-block;
    position: relative;
    font-size: 1.4rem;
    color: #cc0000;
    padding-left: 10px;
}

.centeredContent .sleva-nazev {
    display: none;
}

.centeredContent .listing-coupon-box,
.centeredContent .listing-coupon-badge,
.listing-coupon-badge {
    font-size: 1.2rem;
    font-weight: 600;
    position: relative;
    width: 100%;
    text-align: left;
    color: #e80000;
    padding: 0 0 10px 0;
    margin: 0;
}

/* Listing coupon badge - pro specialList, bestBuy */
.index_right .listing-coupon-badge,
.best-buy .listing-coupon-badge {
    font-size: 1.1rem;
    padding: 0 0 5px 0;
    text-align: right;
}

.centeredContent .listing-cenaod {
    font-size: 1.4rem;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0px 0 0 0;
}

.centeredContent .size-select {
    position: relative;
    width: 100%;
    
    margin: 0 0 0px 0;
    padding: 0px 0 15px 0;
}
.centeredContent .size-select .product-add-to-cart {
    border: 1px solid #e5e5e5;
    padding: 2px 8px;
}
.centeredContent .size-select .product-add-to-cart span {
    padding-left: 0px;
}

/****************/

#indexProductListCatDescription {
    margin: 0px;
    padding: 0px 0px 20px 0px;
    color: #7f7f7f;
    line-height: 140%;
    text-align: justify;
}

.fotka_kategorie_hlavni {
    position: relative;
    float: left;
    padding-right: 25px;
}

#indexProductListCatDescription.zkraceny{
    height: 60px;
    overflow: hidden;
    margin: 25px 0 5px 0;
    padding: 0;
}

.dontshow {
    float: right;
    clear: both;
    margin-bottom: 20px;
    display: none;
}

.showit {
    float: right;
    clear: both;
    margin-bottom: 10px;
    display: block;
}

.centerBoxWrapper {
    clear: both;
}

/* ************** categorie-list ************** */

.categorie-list {
    background-color: #fff;
    margin-top: 30px;
    padding: 0px;
}

.categorie-list h4 {
    color: #B62130;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.categorie-list ul {
    position: relative;
    width: 100%;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.categorie-list ul:after {
    content: '';
    flex: auto;
}
.categorie-list ul li {
    width: calc((100% - 30px) / 4);
    list-style-type: none;
    padding: 0;
}
.categorie-list ul li a {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    line-height: 130%;
    padding: 8px 38px 8px 8px;
    height: 100%;
    font-weight: normal;
    font-size: 1.6rem;
    color: #1a1a1a;
    text-decoration: none;
    text-align: left;
    background: #fff;
    border: 1px solid #000;
}

.categorie-list ul li a:hover {
    color: #00381b;
    border: 1px solid #00381b;
    -webkit-box-shadow: 0 0 5px 0 #c6c6c6;
    -ms-transform: 0 0 5px 0 #c6c6c6;
    -o-transform: 0 0 5px 0 #c6c6c6;
    box-shadow: 0 0 5px 0 #c6c6c6;
}
.categorie-list ul li a img {
    margin-right: 14px;
}
.categorie-list ul li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: block;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    color: #1a1a1a;
    opacity: 0;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.categorie-list ul li a:hover:before {
    color: #00381b;
    opacity: 1;
}

.categorie-list ul li span {
}
.categorie-list ul li span.fa {
    font-size: 2rem;
    color: #000;
    padding: 0 7px 0 0;
}

/* **************** */

.category-carousel-list ul {
    margin-left: 0px;
    padding-left: 0px;
}

.category-carousel-list ul li {
    display: inline-block;
    font-size: 1.4rem;
    margin: 0;
    padding: 17px 26px;
    position: relative;
    list-style: none;
}

#productsListingTop,
#productsListingBottom {
    
    margin: 0px 0px 2px 0px;
    padding: 0px;
    clear: both;
}

#productsListingBottom {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
    margin: 20px 0 104px 0;
}

#go-top a {
    position: absolute;
    left: 0px;
    bottom: 0px;
    line-height: 36px;
    padding: 0 18px;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    border: 0px solid #c5c4c4;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
#go-top a i {
    font-size: 1.2rem;
    padding-right: 10px;
}

#go-top a:hover {
    color: #00381b;
}

#next-listing {
    position: absolute;
    left: 39%;
    left: calc(50% - 82px);
    bottom: -72px;
    height: 50px;
    padding: 0 0px;
    width: 164px;
    text-align: center;
}

#next-listing a {
    height: 50px;
    line-height: 50px;
    padding: 0 0px 0 0px;
    font-size: 2rem;
    font-weight: 500;
    color: #FFF;
    text-decoration: none;
    display: block;
    background-color: #00381b;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}
#next-listing a:hover {
    background-color: #000;
    text-decoration: none;
}

#next-listing a span {
}
#next-listing a i {
    padding-left: 7px;
}

#productsListingTop {
    position: relative;
    float: left;
    border-bottom: 0px #E6E6E6 solid;
    padding-bottom: 11px;
    margin: 20px 0;
    width: 100%;
}

.navSplitPagesResult {
    float: left;
    height: 18px;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px;
    font-size: 1.5rem;
    color: #B8B8B8;
    border: 0px blue solid;
}

#productsListingBottom .navSplitPagesResult {
    float: right;
    padding-right: 25px;
}

.navSplitPagesLinks {
    float: right;
    margin: 0px 0px;
    padding: 0px 0px;
    border: 0px green solid;
}

#productsListingTopNumber,
#productsListingBottomNumber,
.navSplitPagesResult {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    color: #333;
    border: 0px blue solid;
}

#productsListingListingTopLinks,
#productsListingListingBottomLinks {
    float: right;
    margin: 0px 0px;
    padding: 0px 0px;
    border: 0px green solid;
}

#productsListingListingTopLinks a,
#productsListingListingBottomLinks a,
#productsListingListingTopLinks strong,
#productsListingListingBottomLinks strong,
#productsListingListingTopLinks .current,
#productsListingListingBottomLinks .current,
.navSplitPagesLinks a {
    border: 0px solid #e5e5e5;
    color: #333;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 1.4rem;
    font-weight: normal;
    margin: 0 0 0px 6px;
    padding: 5px 7px;
    text-decoration: none;
    position: relative;
}
#productsListingListingTopLinks a:before,
#productsListingListingBottomLinks a:before,
#productsListingListingTopLinks strong:before,
#productsListingListingBottomLinks strong:before,
#productsListingListingTopLinks .current:before,
#productsListingListingBottomLinks .current:before,
.navSplitPagesLinks a:before {
    /*display: block;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #666666;
    position: absolute;
    right: 0px;
    top: calc(50% - 7px);*/
}

#productsListingListingTopLinks .current,
#productsListingListingBottomLinks .current,
#productsListingListingTopLinks a:hover,
#productsListingListingBottomLinks a:hover,
.navSplitPagesLinks a:hover {
    background: #f3f3f3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}

#grid-view {
    display: block;
    float: right;
    padding: 6px 10px 0 0;
    position: relative;
}

#grid-view ul li {
    list-style: none;
    opacity: 0.3;
    color: #7f7f7f;
    float: left;
    margin-right: 0px;
    padding: 0px;
    height: 20px;
    line-height: 20px;
}
#grid-view ul li.last {
    border-left: 1px solid #919191;
}

#grid-view ul li.active {
    opacity: 1;
}

/************* qtip ***************/

.qtip {
    box-shadow: none;
    direction: ltr;
    display: none;
    max-width: 370px;
    min-width: 50px;
    padding: 0;
    position: absolute;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    color: #333;
    border: 0 solid transparent;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.21);
    border: 1px solid #b5b8bc;
}

.qtip-rounded, .qtip-tipsy, .qtip-bootstrap {
    border-radius: 5px;
}

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
    filter: none;
    -ms-filter: none;
}

.qtip .qtip-tip{
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

x:-o-prefocus, .qtip .qtip-tip{
    visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas{
    position: absolute;
    color: #123456;
    background: transparent;
    border: 0 dashed transparent;
}

.qtip .qtip-tip canvas{ top: 0; left: 0; }

.qtip .qtip-tip .qtip-vml{
    /*behavior: url(#default#VML);*/
    display: inline-block;
    visibility: visible;
}

.qtip-content {
    overflow: hidden;
    padding: 10px 14px;
    position: relative;
    text-align: center;
    word-wrap: break-word;
}
.qtip-content .expedice_text_in {
    color: #090;
}
.qtip-content p.price strong {
    font-size: 1.8rem;
}
.qtip-content p.tooltitle {
    background-color: #f6f6f6;
    padding: 14px 14px 10px 14px;
    margin: -14px 0 10px -14px;
    width: calc(100% + 28px);
}

.tooltitle-24h {
    background-color: #373737;
    color: white;
    padding: 8px 0 !important;
    margin: -10px -14px 10px -14px;
    position: relative;
    text-align: center;
}

.qtip-content .loaded {
    width: 350px;
}

/********** LOGIN **********/

fieldset {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #cccccc;
}

legend {
    font-weight: bold;
    padding: 0.3em;
    color: #000;
    background-color: #FFFFFF;
}

.floatingBox important forward {
    color: #7f7f7f;
    font-size: 1rem;
    font-weight: normal;
}

.floatingBox, #sendSpendWrapper {
    margin: 0;
    width: 47%;
}

.back {
    float: left;
}

.forward {
    float: right;
    color: #000000;
}

.bold {
    font-weight: bold;
}

.information {
    font-size: 1.1rem;
    color: #333;
    font-weight: normal;
    padding-bottom: 20px;
}

label.inputLabel {
    width: 9em;
    float: left;
    padding-bottom: 20px;
    padding-top: 4px;
}
label.inputLabel.big {
    width: auto;
}
#frm-watchForm label.inputLabel {
    width: 16em;
}
label.label_space {
    padding-right: 15px;
    padding-top: 4px;
    float: left;
}

label.inputLabelPoptavka {
    width: 180px;
    float: left;
    padding-bottom: 20px;
    padding-right: 10px;
}

label.checkboxLabel, label.radioButtonLabel {
    margin: 0.5em 0.3em;
}

.buttonRow {
    margin: 0.5em;
}

.buttonRow.back {
    margin-left: 0;
}

.buttonRow.forward {
    margin-right: 0;
}

.alert {
    color: #FF0000;
    margin-left: 0.5em;
}
.alert.label_space {
    padding-top: 8px;
    float: left;
}

.tableHeading, .tableRow {
    height: 2.2em;
    text-align: left;
}

tr.tableHeading {
    background-color: #000;
    font-size: 1.1rem;
    padding-left: 5px;
    background-color: #f6f6f6;
    color: #000000;
}

caption {
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: left;
}

.accountTotalDisplay, .accountTaxDisplay {
    width: 20%;
    text-align: right;
    /*vertical-align: top*/
}

.accountQuantityDisplay {
    width: 10%;
    vertical-align: top
}

.amount {
    text-align: right;
    width: 5.5em;
}

.cartTotalsDisplay {
    font-size: 1.1rem;
    color: #7f7f7f;
    font-style: italic;
    font-weight: normal;
}

.cartAttribsList ul {
    font-size: 1.1rem;
    color: #000000;
    font-weight: normal;
    padding: 0px 5px 0px 15px;
}

.floatingBox important forward {
    color: #7f7f7f;
    font-size: 1rem;
    font-weight: normal;

}

.floatingBox, #sendSpendWrapper {
    margin: 0;
    width: 47%;
}

.important {
    font-weight: normal;
    font-size: 1.1rem;
    color: #999999;
    font-style: italic;
}

.lineTitle {
    width: 150px;
    padding: 3px 0px;
    text-align: right;
    
}

.totalBox {
    width: 65px;
    text-align: right;
    padding: 3px 0px;
    
    font-weight: bold;
}

.lineTitle.forward,
.totalBox.forward {
    padding: 3px 0px;
}

.newsScrollerSideBox {
    margin: 10px;
}

.vsechna_razeni {
    
    height: 16px;
    padding: 2px 0px;
}

.razeni {
    border: 0px blue solid;
    float: right;
    padding: 0px 15px;
}

.g-recaptcha {
    padding-top: 20px;
}

.modal-header-box p.lepsi_cena_text,
p.lepsi_cena_text {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    padding: 20px 0 0 0;
}

/*********** MESSAGE STACK ***********/

#infscr-loading {
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px 0;
}
#infscr-loading img {
    padding: 0 0 30px 0;
}

.messageStackSuccess {
    border: 1px solid #a2cd9a;
    background-color: #d4ffcc;
    padding: 8px 8px;
    margin: 5px 0 1px 0;
}

.messageStackSuccess img{
    padding: 3px;
    vertical-align: middle;
}

.messageStackError {
    background-color: #ff0000;
    color: #ffffff;
    padding: 10px;
    margin: 5px 0 1px 0;
}

.messageStackError img {
    display: none;
}

.messageStackError a {
    color: #ffffff;
    text-decoration: underline;
}

/* ****** FILTR ******** */

.button-count {
    margin: 25px 0 10px 0;
    padding: 0px 0;
}
.button-count span,
#select-sorter-out span {
    padding-right: 8px;
}
.modal-button-filtr,
#select-sorter-out {
    position: relative;
    width: 100%;
    float: none;
    font-size: 1.5rem;
    border: 1px solid #000;
    background: #fff;
    padding: 0 0px 0 14px;
    color: #000;
    display: block;
    line-height: 36px;
    text-align: left;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}
#select-sorter-out {
    padding: 0;
    border: 0px solid #000;
    background: #fff;
    color: #000;
}
.modal-button-filtr::after,
#select-sorter-out::after {
    /*content: "\f078";*/
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 14px;
    color: #000;
    pointer-events: none;
}
.modal-button-filtr:hover {
    background-color: #00381b;
    color: #fff;
}
#select-sorter-out div {
    position: absolute;
    left: 14px;
    top: 0;
    z-index: 1;
}
#select-sorter {
    position: relative;
    font-size: 1.5rem;
    line-height: 36px;
    height: 36px;
    border: 1px solid #000;
    /*border-left: 1px solid #000;*/
    padding: 0px 0px 0px 100px;
    width: 100%;
    background: transparent;
    color: #000;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}

#select-sorter-out {
    margin-bottom: 10px;
}
#product-filtr {
    position: relative;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background-color: #fff;
    border: 0px solid #DCDCDC;
    float: left;
    width: 100%;
}

#product-filtr .filtr-title {
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
    border-bottom: 1px solid #ddd;
    margin: 0 0 35px;
    padding: 0 0 15px;
    position: relative;
}
#product-filtr .filtr-title:before {
    content: '';
    width: 70px;
    height: 2px;
    background-color: #000;
    position: absolute;
    display: block;
    left: 0;
    bottom: -1px;
}

.filtr-labels,
.filtr-hodn,
.filtr-barva-filtrace,
.filtr-format-filtrace,
.filtr-druh-produktu,
.filtr-znacky {
    position: relative;
    padding: 20px 0 20px 0;
    margin: 0px 0 0px 0;
    
    clear: both;
    width: 100%;
    float: left;
    border-bottom: 0px solid #ddd;
    background: #f3f3f3;
    min-height: 40px;
}
.filtr-labels:last-child {
    border-bottom: 0px solid #ddd;
}
.filter-letter-wrapper,
.filter-letter-wrapper {
    margin: 25px 0 20px 0;
}
.filter-letter,
.filter-letter{
    background-color: #fff;
    padding: 5px 0;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 23px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 1.6rem;
}
.filter-loading {
    text-align: center;
    font-size: 2.5rem;
    margin: 20px 0;
}
.filter-letter:hover,
.filter-letter.active,
.filter-letter:hover,
.filter-letter.active {
    background-color: #00381b;
    color: #fff;
}
.filtr-znacky input,
input.filtr-search-field {
    border: 1px solid #c3c3c3;
    width: 100%;
    margin-bottom: 10px;
    padding: 7px 0 7px 14px;
}
input.filtr-search-field {
    margin-top: 14px;
}
/*.filtr-znacky .filtr-checkboxlist,
.filtr-druh-vune .filtr-checkboxlist {
    max-height: 244px;
    overflow-x: hidden;
    overflow-y: auto;
}*/

.filtr-labels.stav {
    min-height: 48px;
}

.filtr-header {
    min-height: 46px;
    padding: 7px 0 8px 0;
}

.filtr-column {
    float: left;
    display: block;
    width: 100%;
}

.filtr-none{
    display: none;
}

.filtr-parname{
    float: left;
    padding: 8px 25px 0px 0;
    cursor: pointer;
    color: #7f7f7f;
}
.filtr-parname i,
.filtr-nazev i {
    display: inline-block;
    padding-right: 5px;
    color: #000;
}
.filtr-velikost {
    background-position: left -250px;
    position: relative;
    float: left;
    width: 100%;
    min-height: 38px;
}

.filtr-pole-cena_rozpeti {
    background-position: left -750px;
}

.filtr-hodn {
    padding-top: 15px;
}

.filtr-velikostx .filtr-hodnoty a,
.filtr-velikostx .filtr-hodnoty span.disabled,
.filtr-hodnoty .filtr-znacky-text span {
    padding: 10px 7px;
    margin: 0 7px 7px 0;
    min-width: 27px;
    text-align: center;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #d6d6d6;
    float: left;
    color: #7f7f7f;
}

.filtr-velikostx .filtr-hodnoty span.disabled,
.filtr-hodnoty .filtr-znacky-text span {
    background-color: #d6d6d6;
    opacity: 0.5;
}

.filtr-velikostx .filtr-hodnoty a:hover,
.filtr-velikostx .filtr-hodnoty a.active {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}

.filtr-barva .filtr-box-1,
.filtr-barva .filtr-box-1-disablde
{
    border: 1px solid #d6d6d6;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px 7px 7px 0px;
    cursor: pointer;
    width: 27px;
    height: 27px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -khtml-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.filtr-barva .filtr-box-1 span,
.filtr-barva .filtr-box-1-disablde span
{
    border: 0px solid #D6D6D6;
    float: left;
    padding: 0px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -khtml-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.filtr-barva .filtr-box-1-disablde span {
    background-image: url('../../../data-central/img/krizek.png');
    border-color: #000000;
    color: #777;
    cursor: not-allowed !important;
}

.filtr-barva .filtr-nonebarva {
    background-image: url('../../../data-central/img/front/transparent.gif');
    background-repeat: repeat;
}

.filtr-barva .filtr-box-1-selected,
.filtr-barva .filtr-box-1:hover{
    border: 1px solid #000;
}

#frm-filter-filtr div.filtr-hodnoty {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 0 0px;
    margin: 14px 0 0;
    max-height: 244px;
    overflow-x: hidden;
    overflow-y: auto;
}
#frm-filter-filtr #filtr-kategorie div.filtr-hodnoty {
    max-height: inherit;
}

#frm-filter-filtr #filtr-cena div.filtr-hodnoty {
    /*padding-right: 80px;*/
}

#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input {
    width: auto;
    padding: 0 10px 10px 0;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input a {
    color: #fff;
    padding: 1px 11px 1px 11px;
    text-decoration: none;
    position: relative;
    display: block;
    height: 22px;
    line-height: 20px;
    border-bottom: 1px solid transparent;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-akcevyprodej a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-akcevyprodej a:after {
    background-color: #e60000;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-skladem a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-skladem a:after {
    background-color: #7ab51c;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-doprava_zdarma a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-doprava_zdarma a:after {
    background-color: #a3a3a3;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-novinka a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-novinka a:after {
    background-color: #83c933;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-darek a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-darek a:after {
    background-color: #0185b5;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-darek a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-darek a:after {
    background-color: #e80462;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-vystaveno_na_prodejne a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-vystaveno_na_prodejne a:after {
    background-color: #0185b5;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-vystaveno_na_prodejne a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-vystaveno_na_prodejne a:after {
    background-color: #bad0e8;
}  #frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-3_roky_zaruka a,
   #frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-3_roky_zaruka a:after {
       background-color: #23aae2;
   }

#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input:hover a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-akcevyprodej:hover a:after,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-skladem:hover a:after,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-novinka:hover a:after,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-doprava_zdarma:hover a:after,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input .active a,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-akcevyprodej .active a:after,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-skladem .active a:after,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-novinka .active a:after,
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input.label-doprava_zdarma .active a:after {
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #000;
}
#frm-filter-filtr .filtr-labels.stav div.filtr-hodnoty .filtr-input .filtr-text {
    overflow: visible;
    padding-left: 0px;
}

#frm-filter-filtr div.filtr-hodnoty .filtr-input {
    
    float: left;
    padding: 4px 8px 0 0;
    overflow: hidden;
    width: 100%;
    position: relative;
    /*white-space: nowrap;*/
    overflow-wrap: normal;
}

#frm-filter-filtr .filtr-column .filtr-input .filtr-check {
    position: absolute;
    left: 0px;
    top: 5px;
    padding: 0px 0 0;
    width: 20px;
}
#frm-filter-filtr .filtr-column .filtr-input .filtr-text span,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a {
    display: block;
    float: left;
    width: 100%;
    padding-left: 25px;
    text-align: left;
    overflow: hidden;
    color: #1a1a1a;
    text-decoration: none;
}
#frm-filter-filtr .filtr-column .filtr-input .filtr-text span:before,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 6px;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
#frm-filter-filtr .filtr-column .filtr-input .filtr-text span:after,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    content: "\f00c";
    position: absolute;
    opacity: 0;
    color: #00381b;
    left: 3px;
    top: 9px;
    border: 0px solid #ddd;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a.active:after,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a:hover:after {
    opacity: 1;
}
#frm-filter-filtr .filtr-column .filtr-input .filtr-text .disabled {
    opacity: 0.4;
}
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a {
    color: #1a1a1a;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
#frm-filter-filtr .filtr-column .filtr-input .filtr-text a:hover,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text .ajax-listing.active,
#frm-filter-filtr .filtr-column .filtr-input .filtr-text .ajax-listing:hover {
    color: #00381b;
    text-decoration: none;
}
#product-filtr .removeFilter_all {
    padding-bottom: 8px;
    display: block;
}
#product-filtr .filtr_modal_bottom .removeFilter_all {
    padding-bottom: 0px;
}

.filtr-znacky-input {
    float: left;
    width: 114px;
    white-space: nowrap;
    margin: 3px 8px 0 0;
    
    overflow: hidden;
}

.filtr-znacky-check {
    display: block;
    float: left;
    padding: 1px 0 0;
    width: 20px;
}
.filtr-pole {
    float: left;
    width: 50%;
    padding-bottom: 13px;
    
}

#advSearchResultsDefault .filtr-nazev {
    float: left;
    width: 20%;
    padding: 3px;
    font-size: 1.3rem;
    font-weight: bold;
    
}

.filtr-hodnoty select {
    padding: 3px;
    width: 70%;
    border: 1px solid #DCDCDC;
    font-size: 1.2rem;
}

.filtr-nazev {
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
}
.filtr-nazev a {
    color: #1a1a1a;
    text-decoration: none;
    float: right;
    font-weight: normal;
}
.filtr-nazev a span {
    color: #000;
}

.filtr-hodnoty select {
    width: 86px;
}

.filtr-pole {
    width: 242px;
    padding: 0px 0 13px 0;
    position: relative;
}

.filtr-pole-skladem {
    padding: 13px 0 13px 0;
    border-bottom: 2px dotted #d6d6d6;
}

.filtr-pole-skladem .filtr-hodnoty {
    display: block;
    float: left;
    position: relative;
    padding-top: 5px;
    font-weight: bold;
}

.filtr-pole-zobrazit {
    position: relative;
    height: 83px;
    width: 100%;
    background-color: #F4F4F4;
}

#frm-filter-filtr {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
    background-color: #fff;
    color: #1a1a1a;
}

#product-filtr {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 36px;
    background: #f3f3f3;
    margin: 0px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}

#product-filtr .clearBoth2 {
    border-top: 0px solid #DCDCDC;
    height: 4px;
    margin: 0 0 0px;
}

.filtr-hodnoty .search-input {
    padding: 3px;
    width: 70%;
    border: 1px solid #DCDCDC;
    font-size: 1.2rem;
}

.filtr-hodnoty .search-input.cena {
    width: 39%;
}

.filterBar {
    position: relative;
    padding: 15px 0px 28px 0;
    border-bottom: 1px solid #ddd;
}

.filterBar a.removeFilter_all {
    color: #fb0202;
    padding: 0 0 0 35px;
    position: relative;
}

.filterBar .filterBar-row {
    position: relative;
    display: block;
    float: left;
    padding: 0 0 0px;
}

.filterBar .filterBar-title {
    position: relative;
    float: left;
    font-size: 1.3rem;
    font-weight: normal;
    color: #666666;
    padding-right: 5px;
    display: inline-block;
}

.filterBar .filterBar-content a,
.filterBar a {
    position: relative;
    float: left;
    padding: 0px 25px 0 0;
    margin: 0 0px 0 0;
    color: #666666;
    font-size: 1.3rem;
}
.filterBar a {
    float: left;
}
.filterBar .filterBar-content a span,
.filterBar a span {
    float: left;
}
.filterBar .filterBar-content a span.fas,
.filterBar a span.fas {
    color: #fb0202;
    float: left;
    font-size: 1.6rem;
    padding: 1px 0px 0 5px;
}

.filtr-hodnoty {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0px 0 0;
}
.filter-price {
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 100%;
    float: left;
}

.filter-price .filter-price-input,
.apply-filter {
    width: 37%;
    float: left;
    height: 26px;
    line-height: 20px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #333;
    font-family: inherit;
    font-weight: 400;
    padding: 5px 4px;
    transition: border 0.2s linear 0s;
}
.apply-filter {
    background-color: #e8e8e8;
    color: #000;
    cursor: pointer;
    width: 20%;
    float: right;
    line-height: 0;
}

.apply-filter:hover {
    background-color: #000000;
    color: #fff;
}
.filter-price span {
    width: 5%;
    display: block;
    float: left;
    line-height: 26px;
    text-align: center;
}

.filtr-price-histogram {
    position: absolute;
    right: 0;
    top: 0;
    float: left;
    margin: 0;
    display: none;
}

.filtr-price-histogram ul {
    border-color: #d6d6d6;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    display: inline-block;
    padding: 0;
    list-style: none;
}

.filtr-price-histogram ul li {
    cursor: pointer;
    display: block;
    border-right: 1px solid #d6d6d6;
    height: 24px;
    width: 20px;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #e8e8e8;
}

.filtr-price-histogram ul li:hover,
.filtr-price-histogram ul li.active
{
    background-color: #000000;
}

.filtr-price-histogram .filtr-price-histogram-rate {
    background-color: #FFFFFF;
}

.filtr-kategorie li {
    padding: 2px 0;
}
.filtr-kategorie a {
    color: #333;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 300;
    display: block;
    padding-left: 10px;
}
.filtr-kategorie a:hover {
    color: #00381b;
}
.filtr-kategorie a.active {
    font-weight: bold;
    color: #00381b;
}
.filtr-kategorie span {
    position: relative;
    width: 10px;
    display: block;
    float: left;
    text-align: center;
    height: 16px;
    line-height: 16px;
    color: #7D7D7D;
    color: #00381b;
    display: none;
}
.filtr-kategorie .nested-category {
    margin-left: 15px !important;
}
.filtr-kategorie .category-toggle-open:before,
.filtr-kategorie .category-toggle-closed:before {
    /*content: '-';
    font-weight: normal;
    font-size: 1.8rem;*/
}
.filtr-kategorie .category-toggle-closed:before {
    /*content: '+';*/
}
.filtr-kategorie .category-toggle-none {
}

#zobrazit {
    clear: both;
    width: 100%;
    float: left;
    padding: 0;
    line-height: 48px;
    color: #7f7f7f;
    font-size: 1.4rem;
}
#zobrazit span {
    color: #000;
    font-size: 1.8rem;
}

.check-skladem {
    float: left;
    padding: 1px 10px 0 0;
}

.clearBoth2 {
    font-size: 0;
    margin: 0 0 13px 0;
    padding: 0;
    height: 0;
    border-top: 1px solid #DCDCDC;
    clear: both;
}

.filtr-button {
    cursor: pointer;
    float: right;
    padding-bottom: 15px;
    text-align: right;
}

.input-button {
    border: 0 none;
    height: 25px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 94px;
}

/*********** Magnific Popup Lightbox ************/

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 2.8rem;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    position: absolute;
    right: -56px;
    top: 30px;
    background-color: transparent;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 5.8rem;
    font-weight: lighter;
    line-height: 49px;
    opacity: 1;
    padding: 0;
    text-align: center;
    text-shadow: none;
    width: 50px;
    z-index: 1;
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover {
    color: #c7c7c7;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 1.2rem;
    line-height: 18px;
    white-space: nowrap;
    display: none;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 1.2rem;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    position: absolute;
    left: -86px;
    top: 40px;
    width: 76px;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; }
}

/* mfp-paginator */
.mfp-pager { width: 100%; position: absolute; z-index: 20; top: 0px; left: 0; right: 0; margin: 0; text-align: center; overflow: hidden; }
.mfp-pager::after { clear: both; display: block; content: ''; }
.mfp-pager li { padding: 0; margin: 0; display: inline-block; }
.mfp-pager .arrow_next,
.mfp-pager .arrow_prev { display: none; }
.mfp-pager .arrow_next button,
.mfp-pager .arrow_prev button { vertical-align: middle; border: none; }
.mfp-pager li .arrow { position: relative; top: 2px; padding: 0; margin: 0; display: inline-block; background: url('../../../data-central/img/loading/loading.gif') no-repeat; width: 18px; height: 11px; text-indent: -9999px; border: none; cursor: pointer; position: relative; }
.mfp-pager li .prev { background-position: -20px -22px; }
.mfp-pager li .next { background-position: -20px -40px; }
.mfp-pager .dots { vertical-align: top; text-align: center; display: inline-block; margin: 0 0px; position: relative; }
.mfp-pager .dots li { display: inline-block; clear: both; margin: 0 0px 5px 0; }
.mfp-pager .dots li button { background-color: #fff; border: 0px solid #fff; margin: 2px;}
.mfp-pager .dots li a { display: block; width: 15px; height: 15px; background: #666; text-indent: -9999px; padding: 5px; margin: 0; cursor: pointer; border: none; }
.mfp-pager .dots li.active { border: 2px solid red; }


/*********** TABULKY ***********/

.table-pages {
    width: 100%;
    background-color: #d2d2d2;
}

.table-pages th {
    width: 20%;
    padding: 6px 7px;
    background-color: #F4F4F4;
}
.table-pages th:first-child {
    text-align: left;
}
.table-pages.two th {
    width: 66.666%;
}
.table-pages.two th:first-child {
    width: 33.333%;
}

.table-pages td {
    padding: 6px 7px;
    background-color: #ffffff;
}

.parametry {
    border-top: 1px solid #ddd;
    background-color: #FFF;
    width: 100%;
    border-spacing: 0px;
}

.parametry td {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #ddd;
}

.parametry .parametry_nazev {
    width: 155px;
    color: #000000;
    background-color: #f6f6f6;
}

.parametry .parametry_hodnota {
    vertical-align: top;
    color: #000;
    padding-left: 15px;
}

.table_showroom td a.virtualni_prohlidka {
    position: relative;
    display: block;
}

.table_showroom td a.virtualni_prohlidka img {
    position: relative;
    display: block;
    border: 3px solid #000;
    float: left;
}

.table_showroom td a.virtualni_prohlidka span.virtualni_prohlidka_img {
    float: left;
    border-left: 3px solid #000;
    border-top: 3px solid #000;
}

.table_showroom td a.virtualni_prohlidka span.virtualni_prohlidka {
    color: #FFF;
    font-weight: bold;
    font-size: 1.4rem;
    background-color: #000;
    line-height: 47px;
    width: 146px;
    text-align: center;
    display: block;
    float: left;
}

.table_showroom td a.virtualni_prohlidka:hover span.virtualni_prohlidka {
    text-decoration: underline;
}

.table_showroom td {
    padding: 8px;
}

.table_showroom td.grey {
    background-color: #E0E0E0;
}

a.category-tabulky_velikosti {
    border-bottom: 1px solid #e5e5e5;
    border-left: 5px solid #e80462;
    color: #7f7f7f;
    display: block;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0 0 3px;
    padding: 3px 10px 7px 18px;
    text-decoration: none;
}

a.category-tabulky_velikosti:hover {
    color: #e80462;
    text-decoration: none;
}

.table-velikosti-obal,
.prevOrders {
    overflow: auto;
    width: 100%;
}

.table-velikosti {
    clear: both;
    margin-top: 10px;
    width: 100%;
    min-width: 635px;
    border-spacing: 0px;
}

.table-velikosti td {
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #D0D0D0;
    text-align: center;
    width: 61px;
}
.table-velikosti td.vlevo {
    width: 155px;
}

.table-velikosti tr.table-title {
    font-size: 1.4rem;
}

.table-velikosti td.table-seda {
    background-color: #DFDFDF;
    font-weight: normal;
    text-align: left;
    color: #1a1a1a;
}
.table-velikosti
.table-velikosti td.vlevo {
    text-align: left;
}
.servis-out {
    width: 100%;
    overflow: auto;
}
table.servis {
    width: 100%;
    min-width: 600px;
}
table.servis tr:nth-child(2n) {
    background: #F4F4F4;
}

/* ****************** Vyroba ******************** */

.img_vyroba,
.img_prodejny {
    position: relative;
    width: 100%;
    clear: both;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.img_prodejny div {
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    clear: both;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    background-color: #edebec;
    padding: 5px;
}
.img_prodejny p {
    text-align: center!important;
}
.img_vyroba img,
.img_prodejny img,
.img_prodejny div {
    max-width: 49%;
    margin-bottom: 2%;
}
h2.vyroba_center {
    text-align: center;
    text-decoration: underline;
}

/* **************** Compare ********************** */

.compare-table {
    
    table-layout: fixed;
}
.table_compare .outer {
    overflow: hidden;
    position: relative;
}
.table_compare .inner {
    overflow: auto;
    /*overflow-x: scroll;*/
    margin-left: 250px;
}
.parametry.compare th,
.parametry.compare td {
    padding: 8px 15px;
    border-bottom: 1px solid #d0d0d0;
    position: relative;
    text-align: center;
    width: 240px;
}
.parametry.compare th.first {
    border-top: 1px solid #d0d0d0;
}
.parametry.compare .space {
    width: 100%;
    min-width: initial;
    padding: 0px;
}
.parametry.compare .parametry_nazev {
    width: 250px;
    background-color: #f2f2f2;
    text-align: left;
    left: 0;
    position: absolute;
}
.parametry.compare .fa-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.parametry.compare img {
    display: inline-block;
    height: auto;
    width: 100%;
    max-width: 150px;
    height: auto;
}
.parametry.compare h3 {
    min-height: 60px;
}
.table_compare .scrollbar-top {
    /*overflow-x: scroll;
    overflow-y: hidden;*/
    overflow: auto;
    margin-left: 250px;
}
.table_compare .scrollbar-inner {
    height: 1px;
    background: transparent;
}
.parametry.compare a {
    display: block;
    font-size: 1.4rem;
    margin: 10px 0;
}
.parametry.compare button {
    margin-top: 8px;
}
.parametry.compare button span span {
    display: none;
}
.parametry.compare button i {
    padding-right: 8px;
}


/* ************************************** */

ul.detail-box-links li,
ul.sorter-box li
{
    float: left;
    list-style-type: none;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
}

ul.detail-box-links li a,
ul.detail-box-links li span,
ul.sorter-box li a,
ul.sorter-box li span
{
    font-weight: bold;
    background-color: transparent;
    border: 0px solid transparent;
    border-bottom: 2px solid transparent;
    color: #333;
    display: block;
    float: left;
    font-size: 1.4rem;
    line-height: 36px;
    padding: 0 26px;
    position: relative;
    text-decoration: none;
}

ul.detail-box-links li.selected a,
ul.detail-box-links li.active a,
ul.detail-box-links li.selected span,
ul.detail-box-links li:hover a,
ul.sorter-box li.selected a,
ul.sorter-box li.active a,
ul.sorter-box li.selected span,
ul.sorter-box li:hover a {
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom: 2px solid #00381b;
}
ul.detail-box-links li.selected a,
ul.detail-box-links li.active a,
ul.detail-box-links li.selected span,
ul.sorter-box li.selected a,
ul.sorter-box li.active a,
ul.sorter-box li.selected span {
    /*font-weight: bold;*/
}
ul.detail-box-links li.selected a,
ul.detail-box-links li.active a {
    color: #00381b;
}

#productListing {
    
    position: relative;
    clear: both;
}

ul.detail-box-links,
ul.sorter-box {
    border-bottom: 0px solid #e2e1e1;
    clear: both;
    margin: 0 0 -1px;
    min-height: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#productsListingTop {
    border-bottom: 0 solid #e6e6e6;
    float: left;
    margin: 28px 0 20px 0;
    padding-bottom: 11px;
    position: relative;
    width: 100%;
}


.filtr-posuvnik {
    display: block;
    padding: 0 247px 0 0px;
    position: relative;
    width: 100%;
    height: 100%;
}

.detail-box-folder .active {
    display: block;
}

/* ********* Naseptavac ********* */

#top-naseptavac {
    position: absolute;
    top: 52px;
    left: 0px;
    width: 100%;
    z-index: 200;
    display: none;
    text-align: left;
}
#naseptavac {
    padding: 5px;
    border: 1px #dadada solid;
    background-color: #ffffff;
    float: left;
    width: 100%;
}
#top-naseptavac a:hover {
    color: #000;
    text-decoration: none;
}
#top-naseptavac .sub-heading {
    padding: 3px 8px;
    margin-top: 1px;
    font-weight: bold;
    background-color: #f3f3f3;
    float: left;
    width: 100%;
    color: black;
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 2px;
}
#top-naseptavac .sub-heading-item {
    font-size: 1.4rem;
    letter-spacing: -0.01em;
    float: left;
    width: 100%;
}
#top-naseptavac .sub-heading-item a {
    padding: 5px 5px;
    margin-top: 1px;
    color: #666;
    text-decoration: none;
    line-height: 140%;
    display: block;
}
#top-naseptavac .sub-heading-item a:hover {
    padding: 5px 5px;
    margin-top: 1px;
    color: #3B3B3B;
    background-color: #f3f3f3;
    text-decoration: none;
    line-height: 140%;
    display: block;
}
#top-naseptavac img.sub-heading-prev {
    float: left;
}
#top-naseptavac .sub-heading-name {
    float: right;
    width: calc(100% - 35px);
}
#top-naseptavac .highlight-term {
    color: red;
}

/**************************************************/


img.kontakt-mapa {
    background-color: #ffffff;
    border: 1px solid #444444;
    margin: 15px 0 15px 15px;
    padding: 3px;
}

/********** GALERIE **********/

.galerie {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 15px;
    margin-top: 25px;
    clear: both;
    border-bottom: 4px solid #ededed;
}
.galerie .galerie_image {
    position: relative;
    display: block;
    float: left;
}
.galerie .galerie_image img {
    position: relative;
    display: block;
}
.galerie .galerie_content {
    position: relative;
    display: block;
    float: right;
    padding: 0px;
    width: 508px;
}
.galerie .galerie_content h3 {
    font-size: 2.4rem;
    margin-bottom: 15px;
}
.galerie .galerie_content span {
    color: #4c4c4c;
    font-size: 2.3rem;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}
.galerie .galerie_content .galerie_buttons {
    position: relative;
    margin-top: 25px;
}
.galerie .galerie_content .galerie_buttons .btn {
    background-color: #f4ecdf;
    color: #1a1a1a;
    padding: 9px 12px;
    margin-right: 10px;
    font-size: 1.6rem;
}
.galerie .galerie_content .galerie_buttons .btn .fa {
    font-size: 1.8rem;
}
.galerie .galerie_content .galerie_buttons .btn.btn-cart .fa {
    font-size: 1.4rem;
}
.galerie .galerie_content .galerie_buttons .btn.btn-cart {
    background-color: #d92c4e;
    color: #fff;
}
.galerie .galerie_content .galerie_buttons .btn.virtual {
    background-color: #2c2c2c;
    color: #fff;
}
.galerie .galerie_content .galerie_buttons .btn:hover {
    background-color: #959595;
    color: #fff;
}
.galerie .galerie_image_additional {
    position: relative;
    display: block;
    float: left;
    clear: both;
    margin-top: 15px;
    width: 100%;
}
.galerie .galerie_image_additional img {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.galerie .galerie_image_additional a.last img {
    margin-right: 0px;
}

/****************************** DETAIL Product ***************************/

.detail-box {
    margin-bottom: 0px;
    margin-top: 25px;
}

.columnCenter.productdetail ul.detail-box-links {
    border-bottom: 0px solid #e5e6ea;
    width: 100%;
    margin-bottom: -1px;
}

.detail-box-folder .active {
    display: block;
}
.detail-box-folder #box-foto {
    text-align: center;
}
.detail-box-folder #box-foto .centeredContent {
    display: inline-block;
}
.detail-box-folder #box-foto img {
    width: 100%;
    max-width: 515px;
    height: auto;
    padding: 25px;
}

.detail-box-folder #box-hodnoceni {
    border-bottom: 2px solid #ddd;
    padding-bottom: 14px;
}

.arrow-productDetailRight {
    position: absolute;
    top: 19px;
    left: -28px;
}

.name_and_logo {
    position: relative;
    padding: 0px;
    border-bottom: 0px solid #fff;
    width: 100%;
}

.productDetailSlider img {
    width: 100%;
    display: block;
    margin: auto;
}

#productName {
    position: relative;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding-right: 27px;
    width: 100%;
    padding: 0 0 0px 0;
    font-size: 2.4rem;
    text-align: left;
}

.productDetail {
    position: relative;
}

.productDetailLeft {
    position: relative;
    float: left;
    width: 48%;
    
}

#productImagesBox {
    width: 100%;
    margin-bottom: 22px;
    position: relative;
}

.sleva_big {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0, -35%);
    font-size: 1.8rem;
    font-weight: normal;
    background-color: #00381b;
    color: #fff;
    padding: 0px;
    text-align: center;
    line-height: 120%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
}

.youtube-video {
    position: absolute;
    left: 0px;
    top: -26px;
}
.youtube-video img {
    width: 40px;
    height: auto;
    display: block;
}
.youtube-video.is24hIcon {
    left: 60px;
    top: -16px;
}
.centeredContent .youtube-video {
    top: auto;
    bottom: 9px;
}
.centeredContent .youtube-video img {
    width: 38px;
}
.productDetailLeft .clearBoth1 {
    clear: both;
    height:0;
    font-size:0;
    line-height:0;
    border: 0;
}

#productMainImage {
    position: relative;
    float: left;
    margin: 0px 0px 20px 0px ;
    padding: 0 0 13px 0px;
    width: 100%;
}
.modal-header-box #productMainImage {
    margin-bottom: 12px;
}

#productMainImage a img {
    height: auto;
    padding: 0;
    border: 0px #dadada solid;
    width: 100%;
    max-width: 600px;
}

/*fotografie barevnych variant*/
#otherColorsMainImg{
    position: absolute;
    width: 100%;
    height: 441px;
    
    left: 0px;
    top: 0px;
    text-align: center;
    overflow: hidden;
    display: none;
    padding: 0 0 13px 96px;
}

#otherColorsMainImg img{
    display: none;
}

.productDetailLeft #productImagesBox .ikony {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    
    margin-bottom: 0px;
    height: 106px;
}

.productDetailLeft #productImagesBox .ikony.two {
    left: inherit;
    right: 0px;
    height: inherit;
}
.productDetailLeft #productImagesBox .ikony.two img {
    margin-bottom: 5px;
}

#productAdditionalImages-obal {
    position: relative;
    width: 100%;
    margin: 0px 0 0px 0;
    padding: 0;
    clear: both;
}
#productAdditionalImages-obal ul {
    position: relative !important;
    top: 0px !important;
    list-style: outside none none;
    padding: 0;
    width: 100%;
}

#productAdditionalImages {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

#productAdditionalImages .productMainImage {
    padding: 0px 3% 3% 0;
    margin: 0px 0px 0px 0px;
}

#productAdditionalImages .productMainImage a {
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    position: relative;
}

#productAdditionalImages .productMainImage a:before {
    content: '';
    height: 2px;
    background-color: #00381b;
    z-index: 1;
    opacity: 0;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    position: absolute;
    display: block;
    left: -1px;
    right: -1px;
    bottom: -1px;
}
#productAdditionalImages .productMainImage a:hover:before,
#productAdditionalImages .productMainImage.current a:before {
    opacity: 1;
}

#productAdditionalImages .productMainImage img {
    display: block;
    border: 0px solid #FFF;
}

#productAdditionalImages .productMainImage a:hover img {
}

.morePhotos {
    margin-top: 40px;
    text-align: center;
}

.zaruka_big {
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f4f4f4;
    font-size: 1.3rem;
    color: #666666;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    /* fallback for non-Flexbox browsers */
    display: inline-block;
    /* Flexbox browsers */
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    /* vertical centering for legacy, horizontal centering for modern */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    /* modern Flexbox only */
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* legacy Flexbox only */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}


.zaruka_big span {
    border-right: 1px solid #A8A8A8;
    font-size: 2.4rem;
    font-weight: bold;
    color: #23aae2;
    padding-right: 25px;
    margin-right: 25px;
    min-width: 92px;
}


a#backToTop {
    display: none;
}
a#backToTop span {
    position: fixed;
    bottom: 3%;
    right: 3%;
    width: 68px;
    height: 68px;
    line-height: 68px;
    font-size: 3rem;
    border-radius: 10%;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #f3f3f3;
    color: #333;
    z-index: 9999;
}
a#backToTop:hover span {
    color: #00381b;
}

.productDetailLeft .vice_informaci a {
    position: relative;
    line-height: 130%;
    float: left;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 0 0 10px;
    margin-bottom: 30px;
    color: #333;
}
.productDetailLeft .vice_informaci a:hover {
    text-decoration: underline;
}

.darekzdarma {
    position: relative;
    float: left;
    clear: both;
    margin: 20px 0px 20px 0px;
    padding: 8px;
    width: 100%;
    border: 2px solid #E61952;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    font-size: 1.2rem;
}
.darekzdarma .titulek {
    position: relative;
    padding: 2px 0px 5px 0;
    line-height: 19px;
    font-size: 1.9rem;
    color: #E61952;
}
.darekzdarma .listing_foto {
    position: relative;
    display: block;
    float: left;
    width: 25%;
}
.darekzdarma .listing_foto a img {
    display: block;
    width: 100%;
    height: auto;
}
.darekzdarma .darek_right {
    position: relative;
    float: right;
    width: 73%;
    text-align: left;
}
.darekzdarma .darek_right a {
    position: relative;
    text-align: left;
    border-bottom: 2px dotted #e90063;
    text-decoration: none;
}
.darekzdarma .darek_right a h2 {
    font-weight: normal;
}
.darekzdarma .darek_right a:hover {
    text-decoration: underline;
}
.darekzdarma .darek_right h3.itemTitle {
    position: relative;
    text-align: left;
    font-weight: normal;
}
.darekzdarma .darek_right .listingDescription {
    height: 31px;
}
.darekzdarma .darekcena {
    font-weight: normal;
    margin-top: 15px;
}
.darekzdarma .darekcena strong {
    font-weight: normal;
}
.darekzdarma .darekcena span {
    color: #E61952;
}
.darekzdarma .vyprodani {
    position: absolute;
    right: 8px;
    bottom: 8px;
    text-align: right;
    font-style: italic;
}
/* ************** Barevné varianty ************** */

.barevne_varianty {
    position: relative;
    padding: 24px 0px 20px 0px;
    width: 100%;
    border-bottom: 0px solid #e5e5e5;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}
.barevne_varianty::after {
    content: '';
    flex: auto;
}

.barevne_varianty a {
    position: relative;
    border: 1px solid #d9d9d9;
    background-color: #FFF;
    margin: 0;
    padding: 4px;
    width: 16.6%;
    width: calc((100% / 7) - (48px / 7));
    float: left;
    text-decoration: none;
}

.barevne_varianty a.active,
.barevne_varianty a:hover {
    border: 1px solid #00381b;
    -webkit-box-shadow: 0 0 5px 0 #c6c6c6;
    -ms-transform: 0 0 5px 0 #c6c6c6;
    -o-transform: 0 0 5px 0 #c6c6c6;
    box-shadow: 0 0 5px 0 #c6c6c6;
}

.barevne_varianty a img {
    border: 0px solid #e5e5e5;
    display: block;
    height: auto;
    width: 100%;
}

.barevne_varianty a.active img {
}

.barevne_varianty span {
    position: relative;
    color: #000;
    font-size: 1.2rem;
    line-height: 100%;
    display: block;
    padding: 8px 0;
}

#productDetailRight .expedice_text {
    position: relative;
    line-height: 130%;
    float: left;
    display: block;
    width: 100%;
    padding: 12px 0 10px 0;
    font-size: 1.6rem;
}
.ikony,
.icon {
    position: relative;
    text-align: left;
    
    margin-bottom: 0px;
    padding: 8px 0 0 0;
}
.ikony div {
    position: relative;
    
    padding: 0px 8px;
    margin: 0 3px 3px 0;
    line-height: 16px;
    font-size: 0.9rem;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background-color: #a3a3a3;
}
.centeredContent .ikony,
.centeredContent .icon {
    text-align: center;
    padding: 0 0 0px 0;
    min-height: 40px;
}
.centeredContent .ikony {
    position: absolute;
    left: -6px;
    top: 0;
}
.centeredContent .ikony div {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    display: block;
}
.ikony div.sleva {
    background-color: #dc0000;
}
.ikony div.extra-sleva {
    background-color: #dc0000;
}
.ikony div.novinka {
    background-color: #a3a3a3;
}
.ikony div.darek {
    background-color: #e80462;
}
.ikony div.vystaveno {
    background-color: #bad0e8;
}
.ikony div.zaruka {
    background-color: #23aae2;
}
.icon div {
    position: relative;
    
    margin: 0 8px 8px 0;
    color: #bababa;
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 2.7rem;
    cursor: pointer;
}
.icon div:hover {
    color: #1b3d93;
}
.icon div span {
    font-size: 1.3rem;
}
.icon div.nosnost span {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}
.icon div.height {
    padding-right: 20px;
}
.icon div.height span {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    line-height: 80%;
}
.icon div.tuhost {
    font-size: 2.6rem;
    padding-right: 5px;
}
.icon div.tuhost span {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 1.4rem;
}
.icon div.zaruka span {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    line-height: 80%;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
}
.icon a {
    display: inline-block;
    width: auto !important;
    margin: 0 .3125rem .3125rem 0;
    padding: .375rem .9375rem;
    background-color: #fff;
    border: 1px solid #c6ced5;
    color: #1a1e22;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 20px;
    max-width: 100%;
    text-decoration: none;
    white-space: nowrap !important;
    word-wrap: normal !important;
}
.icon .obal-barvabox {
    padding: 0px;
    margin: 0;
}
.icon .obal-barvabox a {
    margin: 0 .4125rem .4125rem 0;
    padding: 0;
}
.icon .obal-barvabox a span {
    display: block;
    width: 34px;
    height: 14px;
}
.icon a:hover {
    border: 1px solid #00381b;
}
#productDetailRight.main-title .expedice_text {
    width: 100%;
}
#productDetailRight .right-description {
    position: relative;
    text-align: left;
    display: block;
    
    margin-bottom: 0px;
    padding: 10px 0 22px 0;
    color: #6E6E6E;
    font-size: 1.4rem;
}
#productDetailRight .expedice_text_in {
    position: relative;
    text-align: left;
    color: #07ac1d;
    padding: 2px 0 4px 0px;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
}
#productDetailRight {
    position: relative;
    float: right;
    width: 48%;
    
    color: #8e8e93;
}
#product-details-modal #productDetailRight {
    padding-bottom: 20px;
}

#detail-blok {
    
    padding: 0px 0 0 0;
    clear: both;
}

.detail-blok-in {
    padding: 16px 16px 4px 16px;
    margin: 0px 0 24px 0;
    position: relative;
    background-color: #f3f3f3;
    width: 100%;
    clear: both;
    border: 0px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#description-short {
    margin: 0 0 15px 0;
    padding: 0 18px;
}

.popisKratky {
    margin: 0px 0px 10px 0px;
    padding: 15px 0px 5px 0px;
    font-size: 1.2rem;
    font-weight: normal;
    color: #666;
    text-align: justify;
}

#productDetailRight .velikosti-listing {
    padding: 0px 0 40px 0px;
    position: relative;
    width: 100%;
}
#productDetailRight .velikosti-listing a {
    padding: 10px 0px;
    margin: 0 8px 8px 0;
    min-width: 88px;
    float: left;
    color: #1a1a1a;
    text-decoration: none;
    text-align: center;
    background-color: #ffffff;
    border: 1px #e1e1e1 solid;
}
#productDetailRight .velikosti-listing a:hover {
    background-color: #e1e1e1;
    border: 1px solid #e1e1e1;
    color: #1a1a1a;
}
#productDetailRight .velikosti-listing a.active {
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
}

/* ********** show-all-variants ************* */

.show-all-variants-out {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 48px 0;
}
button.show-all-variants {
    display: block;
    width: 100%;
    height: 52px;
    line-height: 50px;
    font-size: 1.8rem;
    border: 1px solid #e5e5e5;
    background-color: #f3f3f3;
    color: #231f20;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
button.show-all-variants span {
    padding-left: 4px;
}
button.show-all-variants:hover {
     cursor: pointer;
     background-color: #999;
     color: #fff;
     border: 1px solid #999;
 }
#productDetailRight .show-all-variants-list {
    padding: 0px 0 0px 0px;
    position: relative;
    width: 100%;
}
#productDetailRight .show-all-variants-list p {
    color: #1a1a1a;
    font-size: 1.6rem;
}
.modal-header-box #productDetailRight .show-all-variants-list {
    padding-top: 48px;
}

#productDetailRight .show-all-variants-list .velikosti-listing-in {
    position: relative;
    display: block;
    width: 100%;
    overflow: auto;
    margin: 0;
    padding: 10px 14px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: #1a1e22;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 20px;
    max-width: 100%;
    text-decoration: none;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
#productDetailRight .show-all-variants-list .frm-shopingCardButton:last-of-type .velikosti-listing-in {
    /*border-bottom: 1px solid #ddd;*/
}

#productDetailRight .show-all-variants-list .velikosti-listing-in:hover {
    background-color: #f6f6f6;
}
#productDetailRight .show-all-variants-list a {
    display: block;
    width: 100%;
    min-width: 571px;
    margin: 0;
    padding: 0px;
    color: #1a1e22;
    font-size: 1.4rem;
    font-weight: 300;
    max-width: 100%;
    text-decoration: none;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
#productDetailRight .show-all-variants-list a img {
    min-width: 60px;
    max-width: 60px;
}
#productDetailRight .show-all-variants-list a span {
    padding: 0 6px 0 0;
    width: 100%;
}
#productDetailRight .show-all-variants-list a .variants-name {
    max-width: 200px;
    padding-left: 6px;
}
#productDetailRight .show-all-variants-list a .variants-color {
    max-width: 71px;
}
#productDetailRight .show-all-variants-list a .variants-size {
    max-width: 97px;
}
#productDetailRight .show-all-variants-list a .variants-qu {
    color: #45b955;
    max-width: 98px;
}
#productDetailRight .show-all-variants-list .variants-price {
    color: #cc0000;
    font-weight: 500;
    max-width: 86px;
}
#productDetailRight .show-all-variants-list .variants-24h {
    display: block;
    width: 41px;
    height: 41px;
    min-width: 41px;
}
#productDetailRight .show-all-variants-list .variants-24h.filled {
    background: url(../../../data-central/img/expedice.svg);
    background-size: 100% 100%;
    z-index: 1;
    margin: 0 5px 0 0px;
}
#productDetailRight .show-all-variants-list .velikosti_button {
    position: relative;
    min-width: 78px;
}
#productDetailRight .show-all-variants-list .kosik-button button {
    position: relative;
    right: inherit;
    top: inherit;
    height: 36px;
    line-height: 36px;
    padding: 0;
    font-size: 1.4rem;
    background: #f3f3f3;
    color: #231f20;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#productDetailRight .show-all-variants-list .kosik-button button:hover {
    background: #999;
    color: #fff;
    border: 1px solid #999;
}

#productDetailRight .show-all-variants-list .kosik-ks {
    top: 0px;
    height: 50px;
    width: 72px;
}
#productDetailRight .show-all-variants-list .kosik-input {
    left: 6px;
    top: 5px;
}
#productDetailRight .show-all-variants-list .quantity-buttons {
    left: 45px;
    top: 5px;
}

/* ****** */

#productDetailRight #prdvel_main_static {
    position: relative;
    display: block;
    padding: 0 0 0 135px;
}
#productDetailRight #prdvel_main_static label {
    position: absolute;
    left: 0px;
    top: 0;
    color: #1a1a1a;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}
#productDetailRight #prdvel_main_static #select-size {
    padding: 0px 5px;
    width: 100%;
    line-height: 40px;
    height: 40px;
}
.optionName {
    font-size: 1.4rem;
    font-weight: bold;
}

.optionSelect {

}

.optionSelect select {
    float: right;
    width: 169px;
    padding: 3px 2px;
    font-size: 1.1rem;
}

#cartAdd-out {
    position: relative;
    color: #000000;
    height: 62px;
    width: 100%;
    margin-bottom: 18px;
    padding: 0 0px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 16px;
}

#cartAdd {
    position: relative;
    float: right;
    color: #000000;
    height: 62px;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 0px;
}
.modal-header-box #cartAdd {
    margin-bottom: 0px;
}

/**************************************************/

.kosik-ks {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 120px;
    height: 62px;
}

.kosik-input {
    position: absolute;
    left: 20px;
    top: 12px;
    border: 0px solid #e4e4e4;
    font-size: 1.8rem;
    padding: 2px 0px 0 0;
    text-align: center;
    width: 45px;
    height: 40px;
    color: #333;
}

.quantity-buttons {
    display: block;
    position: absolute;
    top: 12px;
    left: 65px;
    width: 27px;
    height: 40px;
}

.quantity-plus.fas,
.quantity-minus.fas {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 26px;
    height: 20px;
    line-height: 20px!important;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #047613;
    font-size: 1.6rem;
}

.quantity-minus.fas {
    top: 20px;
}

.quantity-plus.fas:hover,
.quantity-minus.fas:hover {
    cursor: pointer;
    background-color: #055f11;
}

.kosik-ks span {
    position: absolute;
    left: 98px;
    top: 28px;
    display: block;
    color: #fff;
}

.detail-poptavka-btn,
.kosik-button button,
.best_button a {
    text-decoration: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 62px;
    line-height: 62px;
    background: #07ac1d;
    color: #fff;
    padding: 0 0 0 120px;
    border: 0px solid #cc0000;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: normal;
    cursor: pointer;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.detail-poptavka-btn {
    padding-left: 0;
}
.product-button .kosik-button button,
.best_button a {
    display: inline-block;
    position: relative;
    right: inherit;
    top: inherit;
    width: auto;
    height: 30px;
}
.product-button .kosik-button button {
    line-height: 30px;
    padding: 0 10px;
    font-size: 1.6rem;
}
.product-button .kosik-button button {
    line-height: 30px;
    padding: 0 10px;
    font-size: 1.6rem;
}
.best_button {
    text-align: center;
}
.best-buy-hp .best_button {
    margin-bottom: 15px;
}
.best_button a {
    padding: 0 34px;
    height: 37px;
    line-height: 37px;
    font-size: 1.6rem;
}
.product-button .form_cartAddProductList {
    position: relative;
    display: inline-block;
}

.kosik-button button .button-shoping-in {
    display: block;
}
.kosik-button button:hover,
.best_button a:hover {
    background: #069319;
    color: #fff;
}
.product-button a.button-shoping-in:hover {
    background: #f5f5f5;
    border-color: #ccc;
    color: #333;
}

.kosik-button button .fas,
.product-button a.button-shoping-in .fas {
    padding-right: 10px;
    -webkit-text-stroke: 1px #07ac1d;
    -moz-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    -webkit-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
}
.kosik-button button:hover .fas,
.product-button a.button-shoping-in:hover .fas {
    padding-right: 10px;
    -webkit-text-stroke: 1px #069319;
}

#productDetailRight #detail-blok .dostupnost_text {
    position: relative;
    color: #07ac1d;
    font-weight: normal;
    font-size: 1.6rem;
    padding: 0px 0px;
    line-height: 62px;
    width: 148px;
    text-transform: uppercase;
    border-left: 6px solid #fff;
}

.product-info-detail-row.kod {
    padding: 10px 0px 55px 0;
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
}

.product-info-detail-row.kod .product_kod {
    display: inline-block;
    padding-right: 25px;
}

.product-info-detail-row.kod .product-info-detail-nazev {
    color: #909090;
    font-weight: normal;
    font-size: 1.4rem;
    padding: 0 10px 0 0;
}

.product-info-detail-row.kod .product-info-detail-hodnota {
    font-size: 1.4rem;
}

.product-info-detail-row.kod .product_znacka {
    display: inline-block;
}

#productDetailRight .splatky-essox {
    display: block;
    min-width: 170px;
    line-height: 62px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: normal;
    cursor: pointer;
    border: 0px solid #231f20;
    color: #fff;
    background: #666;
    text-decoration: none;
}
#productDetailRight .splatky-essox:hover {
    background: #000;
}
#productDetailRight #iko-oblibene {
    display: block;
    min-width: 114px;
    height: 62px;
    font-size: 2.2rem;
    border: 1px solid #231f20;
    color: #231f20;
    text-align: center;
    text-decoration: none;
    padding-top: 9px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#productDetailRight #iko-oblibene span.fas,
#productDetailRight #iko-oblibene span.far {
    line-height: 100%;
    display: block;
}
#productDetailRight #iko-oblibene span.text {
    display: block;
    font-size: 1.4rem;
}
#productDetailRight #iko-oblibene:hover,
#productDetailRight #iko-oblibene.active {
    border: 1px solid #999;
    background-color: #999;
    color: #fff;
}

#hodnoceni-total {
    display: inline-block;
    padding-right: 25px;
}
#hodnoceni-total .starsRate {
    float: left;
    padding-right: 10px;
}

#hodnoceni-total .starsRate .starsBackground {
    background-image: url('../../../data-central/img/front/stars_product.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 16px;
    width: 105px;
}
#hodnoceni-total .starsRate .starsForeground {
    background-image: url('../../../data-central/img/front/stars_product.png');
    background-position: left -16px;
    background-repeat: no-repeat;
    height: 16px;
}

.popis_hodnoceni .hodnoceni-total {
    display: block;
    padding-top: 20px;
}
#box-hodnoceni .hodnoceni-total {
    padding-top: 50px;
    text-align: center;
}
.popis_hodnoceni .product-info-detail-hodnota {
    font-size: 2.2rem;
    text-transform: uppercase;
    font-weight: bold;
}
.popis_hodnoceni .product-info-detail-hodnota strong {
    color: #f5be31;
}
.popis_hodnoceni .hodnoceni-total .starsRate {
    float: none;
    display: inline-block;
    clear: both;
    padding-right: 0px;
}
.popis_hodnoceni .heureka_rating_right {
    float: right;
    width: auto;
    margin: 0;
}

.popis_hodnoceni .heureka_produkt div.hodnoceniblok .ratingtime {
    margin: 37px 0 0px 0px;
}

.popis_hodnoceni .hodnoceniblok h2 {
    text-align: left;
    clear: both;
    font-size: 1.6rem;
    padding: 10px 0 5px 0;
    margin-top: 10px;
    float: left;
}

.popis_hodnoceni .button-obal {
    padding: 25px 0 50px 0;
}
#box-hodnoceni .button-obal {
    text-align: center;
}
.popis_hodnoceni .hodnoceni_button {
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
    padding: 10px 60px;
    border: 1px solid #000;
    text-decoration: none;
}
.popis_hodnoceni .hodnoceni_button:hover {
    color: #fff;
    background-color: #000;
}

.popis_video {
    margin-top: 35px;
}

#velikosti-produkt-img {
    float: right;
    padding: 13px 0 0 0;
    cursor: pointer;
}

.product-info-detail-row {
    clear: both;
    position: relative;
    display: block;
    padding: 0px;
    width: 100%;
}
.product-info-detail-row ul {
    margin: 0;
    padding: 0px;
}
.product-info-detail-row ul li {
    list-style-type: none;
    text-align: left;
}

.product-info-detail-row ul li span {
    min-width: 24px;
}

.product-info-detail-row a {
    color: #858585;
    text-decoration: none;
    font-size: 1.5rem;
}

.product-info-detail-row a:hover {
    color: #00381b;
}

.ban_product_info {
    border: 1px solid #C4C4C4;
    background-color: #f6f6f6;
    text-align: center;
    padding: 25px 0;
    margin: 35px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.ban_product_info span {
    float: left;
    display: block;
}
.ban_product_info span.fa-mobile-alt {
    font-size: 8.6rem;
    padding-right: 24px;
    color: #1a1a1a;
}
.ban_product_info .right {
    color: #808080;
    font-weight: 300;
    font-size: 1.6rem;
    text-align: center;
}
.ban_product_info .right p {
    padding: 0;
    margin: 0;
    text-align: center;
}
.ban_product_info .right strong {
    font-size: 2.2rem;
    font-weight: normal;
    color: #000;
    line-height: 110%;
    padding: 0;
    display: block;
}

#productDescription1 {
    text-align: justify;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-weight: normal;
    color: #6E6E6E;
    clear: both;
}

#productDescription1 h2 {
    font-size: 2rem;
    font-weight: 600;
}
#productDescription1 > h2 {
    font-size: 2.2rem;
    margin-top: 24px;
}

#productDescription1 p {
    margin: 0px;
    padding: 5px 0px;
    
    color: #262626;
}

.product-description {
    position: relative;
    color: #000000;
    width: 100%;
    margin: 38px 0 38px 0;
    padding: 0 0px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.product-description .param_slozeni {
    width: 20%;
    background-color: #f6f6f6;
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
}
.product-description .param_slozeni h2 {
}
.product-description .param_slozeni strong {
    font-size: 1.6rem;
    color: #00381b;
}
.product-description .description {
    width: 50%;
}
.product-description .description.description-wide {
    width: 70%;
}
.product-description .description.description-wide .productdetailreducer-descr {
    overflow: hidden;
}
.product-description .description.description-wide,
.product-description .description.description-wide div,
.product-description .description.description-wide p,
.product-description .description.description-wide span,
.product-description .description.description-wide font {
    font-size: 1.4rem!important;
}
.product-description .manufacturers {
    width: 20%;
}

.soubory-ke-stazeni-nadpis {
    padding-bottom: 5px;
}

.soubory-ke-stazeni-celkem td.parametry_hodnota div {
    margin-right: 15px;
    display: block;
    float: left;
}

#productDescription3 .soubory-ke-stazeni-celkem td {
    padding: 10px;
}

.ke_stazeni_title {
    width: 200px;
    padding-top: 2px;
}

/* *************** rozšiřující popis ***************/

#description-add .vlastnosti_description {
    position: relative;
    margin: 95px 0 65px 0;
}
#description-add.cybex p {
    text-align: center;
}
#description-add.cybex ul {
    text-align: center;
}
#description-add p.title {
    text-transform: uppercase;
    font-size: 1.8rem;
    text-align: center;
    overflow: hidden;
    margin: 45px 0;
}

#description-add p.title:before,
#description-add p.title:after {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    background-color: #ddd;
    width: 50%;
    top: -1px;
    border: 0;
}
#description-add p.title:before {
    left: auto;
    right: 20px;
    margin-left: -50%
}
#description-add p.title:after {
    left: 20px;
    right: auto;
    margin-right: -50%
}
#description-add p.img {
    text-align: center;
    margin: 0 0 45px 0;
}
#description-add p.img img {
    height: auto;
    max-width: 100%;
}
#description-add p img {
    height: auto;
    max-width: 100%;
}
#description-add p.img.two img {
}
#description-add ol,
#description-add ul {
    list-style: none;
    padding: 0;
}
#description-add ol.img-description {
    margin: 0 0 65px 0;
    counter-reset: ol-counter;
    font-size: 0;
}
#description-add ol.img-description li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 50%;
    margin: 0 0 15px 0;
    padding: 7px 30px 10px 42px;
    font-size: 1.4rem;
}
#description-add ol.img-description li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #000;
    background: #fcb831;
    font-size: 1.4rem;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
}

#description-add ul.param-description li {
    padding: 20px 0;
    border-bottom: 1px dashed #B5B5B5;
}
#description-add ul.param-description li.first {
    border-top: 1px dashed #B5B5B5;
}
#description-add ul.param-description p.title-param {
    text-transform: uppercase;
    color: #000;
}

#description-add .spec_description {
    margin: 0 0 65px 0;
}
#description-add .spec_description div.left,
#description-add .spec_description div.right {
    display: inline-block;
    width: 45%;
}
#description-add .spec_description div.left ul li {
    padding: 10px 0;
}
#description-add .spec_description div.left span {
    padding: 0 10px 0 0;
    font-size: 3rem;
    color: #fb0000;
    float: left;
}
#description-add .spec_description div.right {
    text-align: center;
}
#description-add .spec_description div.right img {
    padding: 0 10px;
}
#description-add .video_description {
    text-align: center;
    margin: 0 0 95px 0;
}
#description-add .video_description.first {
    margin-top: 105px;
}

/* *************** rozšiřující popis - II ***************/

#productDescription1 #description-more h2 {
    font-size: 3rem;
    font-weight: normal;
    text-transform: uppercase;
}
#productDescription1 #description-more .text h2 {
    font-size: 2.4rem;
}
#description-more .cybex-block,
#description-more .cybex-block-in {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#description-more .cybex-block {
    align-items: stretch;
}
#description-more .cybex-block.top {
    align-items: flex-start;
}
#description-more .cybex-block-in {
    width: 50%;
    align-items: center;
    justify-content: center;
}
#description-more .cybex-block.black {
    background-color: #000;
    color: #fff;
}
#description-more .cybex-block.black h2,
#description-more .cybex-block.black p {
    color: #fff;
}
#description-more .cybex-block.grey {
    background-color: #f6f6f6;
}
#description-more .cybex-block.grey.two {
    background-color: #ecebe9;
}
#description-more .cybex-block.blue {
    background-color: #407ec9;
}
#description-more .cybex-block.blue * {
    color: #fff;
}
#description-more .nuna-out {
    background-image: url("../../../../data-central/img/nuna/bg_nuna.png");
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#description-more .cybex-block h2,
#description-more .cybex-block p {
    text-align: center;
}
#description-more .cybex-block p {
    width: 100%;
}
#description-more .cybex-block-in.text {
    padding: 0 4%;
    flex-direction: column;
}
#description-more video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
}
#description-more .iframe_out,
.iframe_out {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#description-more .iframe_out.one,
.iframe_out.one {
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
#description-more .iframe_out.two,
.iframe_out.two {
    padding-top: 75%; /* 4:3 Aspect Ratio */
}
#description-more .iframe_out.three,
.iframe_out.three {
    padding-top: 66.66%; /* 3:2 Aspect Ratio */
}
#description-more iframe,
.iframe_out iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
}
#description-more table.romer td,
#description-more table.cybex td {
    text-align: center;
    width: 50%;
}

#description-more .abc-block-out {
    background-color: #f4f4f2;
    padding: 15px;
}
#description-more .abc-block-out.table {
    background-color: #fff;
    padding: 0;
}
#description-more .abc-block-out.table table tr th,
#description-more .abc-block-out.table table tr td {
    padding: 6px 10px;
}
#description-more .abc-block-out.table table tr:nth-child(odd) th,
#description-more .abc-block-out.table table tr:nth-child(odd) td {
    background-color: #f4f4f2;
}
#description-more .abc-block-out h3 {
    font-weight: normal;
}
#description-more .abc-block-out h2,
#description-more .abc-block-out h3 {
    text-align: left;
}
#description-more .abc-block,
#description-more .abc-block-in,
#description-more .abc-block-in div {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#description-more .abc-block-in {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 33.333%;
}
#description-more .abc-block {
    align-items: flex-start;
}
#description-more .abc-block-in div {
    align-items: center;
    padding: 8px 0;
    width: 100%;
}
#description-more .abc-block-in div img  {
    width: 46px;
    margin-right: 14px;
}
#description-more .abc-block-out table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    text-align: left;
}
#description-more .abc-block-out.table.pdf table td a {
    font-weight: bold;
}
#description-more .abc-block-out.table.pdf table td a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1c1";
    margin-right: 6px;
}

/********** VYPIS CEN PRODUKTU **********/

#productDetailRight .ceny-obal-out {
    position: relative;
    width: 100%;
}
#productDetailRight .ceny-obal {
    position: relative;
    
    padding: 0px 0 0px;
    border-bottom: 0px solid #e5e5e5;
    width: 100%;
}

#productDetailRight .manufacture-logo {
    position: absolute;
    right: 0px;
    top: 1px;
    display: block;
}

#productDetailRight .ceny-obal .ceny {
    position: relative;
    float: left;
    
    width: 100%;
    font-size: 1.5rem;
    padding: 0px;
}
#productDetailRight .ceny-obal .ceny.coupon {
}

#productDetailRight .ceny-obal .nase-cena {
    position: relative;
    font-weight: 500;
    padding: 0px 0 0 0;
    text-align: left;
    float: left;
}

#productDetailRight .ceny-obal .nase-cena-nazev {
    float: left;
    
    font-size: 1.4rem;
    display: none;
}

#productDetailRight .ceny-obal .nase-cena-hodnota {
    font-size: 3.6rem;
    color: #000;
    padding: 0px 0px 0 0;
    text-align: left;
}
#productDetailRight .ceny-obal .nase-cena-hodnota.coupon {
    color: #8e8e93;
}
#productDetailRight .ceny-obal .nase-cena-hodnota strong {
    font-size: 1.4rem;
    font-weight: normal;
    color: #8e8e93;
}

#productDetailRight .ceny-obal .nase-cena-bezdph {
    position: absolute;
    top: 54px;
    left: 3px;
    width: 234px;
    height: 31px;
    border-bottom: 1px #ddd solid;
    display: none;
}

#productDetailRight .ceny-obal .nase-cena-nazev-bezdph {
    float: left;
    padding-top: 8px;
}

#productDetailRight .ceny-obal .nase-cena-hodnota-bezdph {
    float: right;
    padding-top: 8px;
}

#productDetailRight .ceny-obal .doporucena-cena {
    position: relative;
    float: left;
    padding: 5px 0 0 0px;
    clear: both;
    text-align: left;
}

#productDetailRight .ceny-obal .doporucena-cena-nazev,
#productDetailRight .ceny-obal .doporucena-cena-hodnota {
    position: relative;
    float: left;
    padding: 0px 0px 0 0;
    display: inline-block;
}
#productDetailRight .ceny-obal .doporucena-cena-hodnota {
    padding-left: 6px;
}

#productDetailRight .ceny-obal .nase-cena-nazev_1 {
    display: none;
}

#productDetailRight .ceny-obal .sleva {
    position: relative;
    float: left;
    padding: 5px 0 0 10px;
}

#productDetailRight .ceny-obal .sleva-nazev,
#productDetailRight .ceny-obal .sleva-hodnota {
    position: relative;
    float: left;
    padding: 0px 5px 0 0;
    display: inline-block;
}

/* ***** COUPON ****** */

.ceny-coupon-obal {
    position: relative;
    float: left;
    width: 100%;
    margin: 8px 0;
}

.coupon-help-icon,
.coupon-help-text {
    cursor: pointer;
}

.ceny-coupon,
.ceny-discount {
    position: relative;
    clear: both;
    float: left;
    font-size: 1.6rem;
    padding: 10px 0px 0px 0px;
    width: 100%;
    color: #000;
}
#product-details-modal .ceny-coupon,
#product-details-modal .ceny-discount {
    font-size: 1.4rem;
}
.ceny-coupon{
}
.ceny-discount {
    padding-top: 0px;
}

.ceny-coupon .left,
.ceny-discount .left {
    width: 60%;
    padding-top: 2px;
    text-align: left;
    color: #000;
}
.ceny-coupon .left span.coupon-price,
.ceny-discount .left span.coupon-price {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 110%;
    padding-right: 2px;
}
.ceny-coupon .right,
.ceny-discount .right {
    padding-top: 17px;
    width: 40%;
    text-align: right;
}
.ceny-coupon .right strong,
.ceny-discount .right strong {
    color: #000;
}
.coupon-help-icon,
.coupon-help-text {
    /*color: #EC1C23;*/
}
#productDetailRight .coupon-help-text,
#productDetailRight .discount-help-text {
    padding-left: 5px;
}

.coupon-tooltiptext,
.sklad-tooltiptext,
.discount-tooltiptext {
    display: none;
    font-size: 1.4rem;
}



/******* DETAIL BOX *************/

ul#detail-box-links li {

}

ul#detail-box-links li a {

}

ul#detail-box-links li.selected,
ul#detail-box-links li:hover {

}

ul#detail-box-links li.selected a,
ul#detail-box-links li:hover a {

}

.detail-box .clearBoth1 {
    display: none;
}

.detail-box-folder {
    position: relative;
    padding: 0px;
    margin: 0 0 15px;
    border-top: 1px solid #ddd;
    padding: 17px 0 17px 0px;
    font-size: 1.4rem;
}

.detail-box-folder iframe,
.detail-box-folder object {
    width: 100%!important;
    max-width: 795px;
    
}

.detail-box-folder h2 {
    padding-bottom: 8px;
    font-size: 1.8rem;
    margin-bottom: 5px;
}

#box-velikosti {
    max-height: 440px;
    /*height:expression(this.scrollWidth > 728 ? "728px" : "auto");*/
    text-align: center;
    position: relative;
}

#box-velikosti h2 {
    border-bottom: none;
    margin: 0px;
    padding: 0 0 5px 0;
    text-align: left;
}
.popis_hodnoceni h2 {
    text-align: center;
}

#similarproducts {
    margin: 27px 0 0 0;
    width: 100%;
}

#similarproducts .centerBoxContentsProducts,
#similarproducts .centerBoxContentsProducts1 {
    width: 100%;
    height: auto;
}
#similarproducts .centerBoxContentsProducts-in {
    border: 1px solid #fff;
}
#similarproducts .centerBoxContentsProducts-in:hover {
    border: 1px solid #000;
}
#similarproducts .centerBoxContentsProducts:hover .hiden-box {
    display: none;
}

#similarproducts .detail-box-folder {
    padding: 10px 0;
}

#similarproducts .centerBoxContentsProducts .listing_foto a img {
    margin-top: 14px;
}

#botom-naseptavac {
    display: none;
}

#botom-naseptavac.active {
    display: block;
}

#nastivene-obal {
    background-color: #fff;
    border: 1px solid #dadada;
    padding: 20px 0 25px 25px;
    position: absolute;
    top: 51px;
    width: 100%;
    z-index: 100010;
    text-align: left;
}

#nastivene-obal .nastivene-close-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #2c3e50;
    cursor: pointer;
    display: block;
    font-size: 3.4rem;
    font-weight: lighter;
    line-height: 20px;
    opacity: 0.6;
    padding: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    z-index: 1;
}

#nastivene-obal .nastivene-header {
    color: #aeb1bb;
    font-size: 1.3rem;
    margin-bottom: 15px;
    text-transform: none;
}

#nastivene-obal ul,
#nastivene-obal li
{
    list-style: none;
}

#nastivene-obal ul li {
    float: left;
    height: 125px;
    margin-right: 10px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 90px;
    color: #54596c;
}

#nastivene-obal ul li a {
    color: #54596c;
    text-decoration: none;
}

/********** BEST-BUY **********/

.best-buy-hp {
    padding-right: 15px;
}
.best-buy {
    position: relative;
    display: block;
    width: 40%;
    float: right;
    padding: 0 0px 0 0;
}
.best-buy-hp .best-buy {
    width: 100%;
    float: left;
}
.best-buy .best-buy-in {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -ms-border-radius: 20px 20px 20px 20px;
    border: 2px solid #ddd;
    padding: 20px;
}
.best-buy .best-buy-countdown,
.best-buy .best-buy-image,
.best-buy .best-buy-price {
    position: relative;
    display: block;
    width: 100%;
}
.best-buy .best-buy-image {
    text-align: center;
}
.best-buy .best-buy-image img {
    max-width: 60%;
    height: auto;
}
.best-buy-hp .best-buy .best-buy-image img {
    max-width: 100%;
    height: auto;
}
.best-buy .best-buy-image .sleva-hodnota {
    display: none;
    position: absolute;
    left: auto;
    right: 0;
    top: 1px;
    z-index: 1;
    background: #000;
    color: #fff;
    padding: 0px;
    line-height: 1.2;
    text-align: center;
    width: 76px;
    height: 76px;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
}
.index .best-buy .best-buy-in:hover {
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);}}

.best-buy .best-buy-image .sleva-hodnota span {
    display: block;
    font-size: 2.2rem;
    font-weight: bold;
}
.best-buy .akce {
    position: relative;
    display: block;
    font-size: 2.4rem;
    color: #3b3b3b;
    text-align: center;
    padding: 0 0 24px 0;
}
.best-buy .best-buy-price {
    padding: 0px 0px;
}
.best-buy-hp .best-buy .best-buy-price {
    padding: 15px 0px 18px 0;
}
.best-buy .best-buy-price h3 {
    text-align: center;
    height: 47px;
    margin: 0;
    overflow: hidden;
}
.best-buy .best-buy-price h3 a {
    font-size: 1.6rem;
    line-height: 130%;
    color: #333;
    margin: 0 0 7px;
    line-height: 1.4;
    position: relative;
    font-weight: normal;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    text-decoration: none;
}
.best-buy .best-buy-price h3 a:hover {
    color: #00381b;
}
.best-buy .best-buy-price .ceny {
    text-align: center;
}
.best-buy .best-buy-price .nase-cena {
    color: #000;
    font-size: 2.6rem;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
}
.best-buy .best-buy-price .doporucena-cena {
    text-decoration: line-through;
    color: #848484;
    white-space: nowrap;
    font-size: 1.8rem;
    display: inline-block;
}
.best-buy-hp .best-buy .listingDescription {
    height: 68px;
    margin-bottom: 26px;
    text-align: center;
}
.best-buy .best-buy-countdown {
    text-align: center;
    padding: 0;
}
.best-buy-hp .best-buy .best-buy-countdown {
    padding: 0 0 15px 0;
}
.best-buy .best-buy-countdown span.end {
    display: none;
    font-size: 1.5rem;
    color: #3b3b3b;
    padding: 0;
    text-align: center;
}
.best-buy-hp .best-buy .best-buy-countdown span.end {
    display: block;
}
.best-buy .best-buy-countdown .countdown {
    text-align: center;
    overflow: hidden;
    margin: 15px 0 0 0;
}
.best-buy .countdown-section {
    width: auto;
    margin: 0 auto;
    padding: 0 7px;
    display: inline-block;
    position: relative;
}
.best-buy .countdown-section:first-child {
    padding-left: 0;
}
.best-buy .countdown-section:last-child {
    padding-right: 0;
}
.best-buy .countdown-section:after {
    content: ':';
    color: #1a1a1a;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 40px;
    height: 40px;
    position: absolute;
    display: block;
    top: 0;
    right: -4px;
}
.best-buy .countdown-section:last-child:after {
    display: none;
}
.best-buy .countdown-section .countdown-amount {
    display: block;
    font-size: 3rem;
    padding: 0 7px;
    line-height: 40px;
    float: none;
    margin: 0 auto;
    background: #e6e6e6;
    color: #3b3b3b;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
}
.best-buy .countdown-section .countdown-period {
    display: block;
    font-size: 1.2rem;
    text-transform: uppercase;
    float: none;
    padding: 5px 0 0;
    color: #1a1a1a;
    margin: 0 auto;
}

#snippet-zalozky-bestBuy-bestBuy {
    position: relative;
    float: right;
    width: 35%;
}

#productDetailRight .best-buy {
    width: 100%;
    margin-top: 70px;
}

#indexProductList .best-buy .best-buy-in,
#zalozky_main .best-buy .best-buy-in {
    padding: 19px 20px;
    display: flex;
    align-items: center;
}
#indexProductList .best-buy .akce,
#zalozky_main .best-buy .akce {
    display: none;
}
.best-buy__right {
    width: 100%;
}
#indexProductList .best-buy .best-buy-countdown,
#indexProductList .best-buy .best-buy-price,
#indexProductList .best-buy .listingDescription,
#indexProductList .best-buy .best_button,
#zalozky_main .best-buy .best-buy-countdown,
#zalozky_main .best-buy .best-buy-price,
#zalozky_main .best-buy .listingDescription,
#zalozky_main .best-buy .best_button {
    width: 100%;
    padding-left: 14px;
}
#zalozky_main .best-buy .listingDescription {
    margin-bottom: 18px;
    margin-top: 8px;
}
#indexProductList .best-buy .listingDescription {
    display: none;
}
#indexProductList .best-buy .best_button {
    margin-top: 18px;
}
#indexProductList .best-buy .best-buy-image,
#zalozky_main .best-buy .best-buy-image {
    max-width: 40%;
}
#indexProductList .best-buy .best-buy-image img,
#zalozky_main .best-buy .best-buy-image img {
    max-width: 100%;
}
#indexProductList .best-buy h3,
#zalozky_main .best-buy h3 {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0;
}
#indexProductList .best-buy .best-buy-image .sleva-hodnota,
#zalozky_main .best-buy .best-buy-image .sleva-hodnota {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: none;
}
#indexProductList .best-buy .best-buy-image .sleva-hodnota span,
#zalozky_main .best-buy .best-buy-image .sleva-hodnota span {
    font-size: 1.7rem;
    font-weight: 600;
}

/********** PŘÍSLUŠENSTVÍ - NAKUPNI KOSIK **********/


/*#modalCartContent {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding: 0px;
    background-color: #fff;
    border: 1px solid #dadada;
}*/

#modalCartContent .text,
.check_dokoncena_objednavka {
    color: #48a016;
    font-size: 1.6rem;
    font-weight: bold;
    width: 100%;
    padding: 18px 0;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: 30px 16px;
    text-transform: uppercase;
}
#modalCartContent .text i,
.check_dokoncena_objednavka i {
    font-size: 2.4rem;
    display: block;
    float: left;
    margin: -1px 8px 0 0;
}
#modalCartContent .text span {
    color: #000;
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}

#sk_line_1 {
    position: relative;
    float: left;
    background-color: #FFFFFF;
    min-height: 101px;
    text-align: left;
    padding: 20px 0 4px 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}
#sk_line_1 .line-foto,
#sk_line_1 .cena-nazev {
    position: relative;
    float: left;
}
#sk_line_1 .cena-nazev {
    padding-left: 15px;
}
#sk_line_1 .line-nazev {
    font-size: 1.6rem;
    font-weight: bold;
    color: #000;
    display: block;
}
#sk_line_1 .line-mnozstvi {
    font-size: 1.6rem;
    font-weight: normal;
    display: block;
    padding: 6px 0;
}
#sk_line_1 .line-cena {
    font-size: 1.8rem;
    font-weight: normal;
    color: #000;
}
#sk_line_1 .line-cena span {
    font-weight: bold;
    display: inline-block;
    padding-left: 5px;
}
#sk_line_1 .line-nyni {
    border-top: 1px solid #e5e5e5;
    margin: 20px 0 0;
    padding: 10px 0;
}
#sk_line_1 .sk_product_info .foto {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 85px;
    padding-right: 20px;
    background-color: #fff;
}

#sk_line_1 ul {
    list-style: circle;
    padding-left: 135px;
}

#sk_line_1 .sk_product_info .text {
    position: relative;
    display: block;
    float: left;
    font-size: 1.8rem;
    font-weight: bold;
    color: #2B8A27;
    padding-bottom: 10px;
}

#sk_line_1 .sk_product_info .nazev {
    position: relative;
    display: block;
    float: left;
    font-size: 2rem;
    color: #000;
    width: 100%;
    padding: 8px 0 8px 140px;
    background-color: #eee;
}

#sk_line_1 .sk_product_info {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

#sk_line_1 .sk_order_it {
    position: absolute;
    right: -2px;
    top: 12px;
    display: block;
}

#sk_line_2 {
    position: relative;
    float: left;
    clear: both;
    padding: 20px 0 8px 0;
    width: 100%;
}
#sk_line_2 .centerBoxContentsProducts {
    width: 50%;
}
#sk_line_2 h2 {
    color: #000;
}

#sk_line_2 .form-group {
    padding: 0 0 10px 0;
}
#sk_line_2 .form-group .form-label {
    position: relative;
    display: block;
    float: left;
}
#sk_line_2 .form-group .form-control {
    position: relative;
    display: block;
    float: right;
    max-width: 380px;
}
#sk_line_2 .form-group span {
    display: block;
    clear: both;
    width: 100%;
    color: red;
}


#sk_line_2 .nazev {
    position: relative;
    display: block;
    float: left;
    font-size: 2.2rem;
    color: #000;
    padding: 15px 0 0 0px;
}

#sk_line_2 .nazev span {
    font-size: 3.4rem;
    color: #c60101;
    padding: 0px 15px 0 0px;
}

#sk_line_3 {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    padding: 25px 0;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

#sk_line_3 img {
    float: left;
    padding: 0 0px 0 0px;
}

#sk_line_3 a img {
    float: right;
}

#sk_line_3 a img,
#sk_line_3 .orderItemBtn {
    float: right;
    padding: 0 0px 0 0px;
}

/** HEUREKA ***/

.heureka_produkt_obal {
    position: relative;
    float: left;
    width: 33.333%;
    padding-right: 15px;
    margin-bottom: 45px;
}

.heureka_produkt {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 0px;
    margin: 25px 0 0 0;
    border: 2px solid #c9e8a7;
}

.heureka_produkt .ratingtext1 {
    padding: 28px 68px 28px 30px;
    background-color: #f5fbef;
    font-size: 1.7rem;
    text-transform: uppercase;
    color: #368708;
}
.heureka_produkt .ratingtext1 span {
    float: left;
}
.heureka_produkt .ratingtext1 span.far {
    position: absolute;
    right: 30px;
    top: 33px;
    font-size: 4.4rem;
}

.heureka_produkt div.hodnoceniblok {
    position: relative;
    padding: 0px 30px 30px 30px;
    margin: 0px;
    float: left;
    background-color: #FFF;
    width: 100%;
}
.heureka_rating {
    position: relative;
    float: left;
    width: 60%;
    margin: 33px 0 0px 0;
}
.heureka_starsRate {
    float: left;
    width: 100%;
    padding: 6px 0;
}
.heureka_starsBackground {
    background: url('../../../data-central/img/front/heurekarating.png') no-repeat scroll 0 0 transparent;
    height: 14px;
    width: 90px;
    display: block;
    float: left;
}
.heureka_starsForeground {
    background: url('../../../data-central/img/front/heurekarating.png') no-repeat scroll 0 -14px transparent;
    height: 14px;
    width: 0px;
}
.heureka_starsRate span {
    position: relative;
    float: left;
    display: inline-block;
    line-height: 14px;
    text-align: left;
    color: #0185b5;
    font-weight: normal;
}
.heureka_rating_right {
    position: relative;
    width: 40%;
    float: left;
    margin-top: 27px;
}
.heureka_rating_right .heurekaratingmain {
    font-size: 3.7rem;
    color: #1a1a1a;
    font-weight: 300;
}
.heureka_produkt div.hodnoceniblok .ratingtime {
    margin: 24px 0 24px 0px;
}

.heureka_produkt div.hodnoceniblok .heureka_vyhody {
    position: relative;
    clear: both;
    float: left;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    color: #35840d;
    text-align: left;
    padding: 0px 0 0 50px;
    margin: 33px 0px 0 0px;
    min-height: 27px;
    line-height: 130%;
    background-repeat: no-repeat;
}
.heureka_produkt div.hodnoceniblok .heureka_vyhody span {
    position: relative;
    float: left;
    padding-top: 3px;
}
.heureka_produkt div.hodnoceniblok .heureka_vyhody span.fas {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 3.0rem;
    color: #58a62e;
    width: 50px;
    padding-top: 0px;
}

.heureka_produkt div.hodnoceniblok .heureka_summary {
    clear: both;
    float: left;
    display: block;
    font-size: 1.4rem;
    color: #7f7f7f;
    padding: 10px 0px 0px 50px;
    text-align: justify;
    width: 100%;
}

.columnLeft .heureka_produkt_obal {
    padding-right: 0px;
    width: 100%;
}
.columnLeft .heureka_produkt .ratingtext1 {
    padding: 15px 10px;
    font-size: 1.6rem;
}
.columnLeft .heureka_produkt .ratingtext1 strong {
    display: inline-block;
    padding-bottom: 3px;
}
.columnLeft .heureka_produkt .ratingtext1 span.far {
    right: 15px;
    top: 17px;
    font-size: 3.4rem;
}
.columnLeft .heureka_produkt div.hodnoceniblok {
    padding: 0px 15px 10px 15px;
}
.columnLeft .heureka_rating,
.columnLeft .heureka_rating_right {
    width: 100%;
    margin-top: 10px;
}
.columnLeft .heureka_starsRate span {
    display: block;
    clear: both;
}
.columnLeft .heureka_produkt div.hodnoceniblok .ratingtime {
    margin: 10px 0 0 0px;
}
.columnLeft .heureka_sumary {
    display: block;
    clear: both;
    padding-top: 10px;
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.category-carousel-list ul.owl-carousel {
    padding: 0 7%;
    margin-top: 32px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}
.category-carousel-list ul.owl-carousel li {
    padding: 0 10px;
}
.category-carousel-list ul.owl-carousel li a {
    text-decoration: none;
}
.category-carousel-list ul.owl-carousel .owl-item {
    height: 51px;
    border-right: 1px solid #e5e5e5;
    vertical-align: middle;
    /* fallback for non-Flexbox browsers */
    display: inline-block;
    /* Flexbox browsers */
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    /* vertical centering for legacy, horizontal centering for modern */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    /* modern Flexbox only */
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* legacy Flexbox only */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}
.category-carousel-list .owl-buttons .fa {
    color: #e5e5e5;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url('../../../data-central/img/grabbing.png') 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.owl-carousel  .owl-item {
    position: relative;
}
.owl-carousel  .owl-item:hover {
    z-index: 1;
}

.owl-box-head {
    margin-top: 25px;
    font-size: 2rem;
    font-weight: normal;
}

.owl-item .centerBoxContentsProducts {
    width: 100%;
    height: auto;
}

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-rotator {
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
}

.owl-buttons {

}
.owl-buttons .owl-prev,
.owl-buttons .owl-next {
    display: inline-block;
    position: absolute;
    top: calc(50% - 30px);
    left: -8px;
}
.owl-buttons .owl-next {
    right: -8px;
    left: auto;
}
.owl-buttons .fas {
    color: #7f7f7f;
    font-size: 3.8rem;
    padding: 0 10px;
}
.owl-buttons .fas:hover {
    color: #000;
}
/* *********************** Hlidani modal ************************** */
.cheackbox-gdpr {
    padding-bottom: 5px;
}

.cheackbox-gdpr label input {
    margin-right: 5px;
}

/* *********************** Shopping_cart ************************** */

/******* NAVIGACE OBJ PROCES *******/
/*
.shoppingnav {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 40px 0;
}
.shoppingnav div {
    position: relative;
    float: left;
    width: 24.5%;
    padding: 6px 15px;
    margin-right: 0.5%;
    border: 1px solid #d8d8d8;
    opacity: 0.5;
}
.shoppingnav div.active {
    opacity: 1;
}
.shoppingnav div.last {
    width: 25%;
    margin-right: 0;
}

.shopnav-item {
    position: relative;
    float: left;
    padding: 5px 10px 4px 10px;
    font-size: 1.6rem;
    font-weight: normal;
    color: #1a1a1a;
    text-align: left;
    height: 34px;
    overflow: hidden;
}
.shoppingnav div.current .shopnav-item {
    font-weight: bold;
    text-decoration: none;
}
.shopnav-item strong {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    margin: 0px 10px 0 0;
    color: #fff;
    border-radius: 30px;
    background: #4A4A4A;
    font-weight: normal;
}
.shoppingnav div.active .shopnav-item strong {
    opacity: 0.5;
}
.shoppingnav div.active.current .shopnav-item strong {
    opacity: 1;
}
.shoppingnav div.current .shopnav-item strong,
.shoppingnav div.active .shopnav-item strong,
.shopnav-item .fas {
    background: #000;
}

a .shopnav-item {
    color: #1a1a1a;
    text-decoration: underline;
}

a:hover .shopnav-item {
    text-decoration: none
}*/

/* ******************************************* Instagram ********************************************** */
.instagram_wrapper {
    position:relative;
}
.instagram_title {
    display: table;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.instagram_title .pre-line {
    color: #9b9b9b;
    margin-bottom: 20px;
    letter-spacing: 3px;
}
.instagram_title .main-title {
    font-size: 2.2rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 7px;
    color: #111111;
    position: relative;
}
.instagram_wrapper .images_wrap {
    overflow:hidden;
}
.images_wrap a {
    position:relative;
    width: 16.6666%;
    display: block;
    vertical-align: top;
    float: left;
}
.images_wrap a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    position: absolute;
    left: 50%;
    left: calc(50% - 11px);
    top: 50%;
    top: calc(50% - 37px);
    color: #fff;
    display: block;
    font-size: 6.3rem;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    opacity: 0;
}
.images_wrap a:hover:after {
    display: block;
    opacity: 1;
}
.images_wrap a img {
    position: relative;
    float: left;
    max-width: 100%;
    height: auto;
}
.images_wrap a .hover_instagram {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color:rgba(0,0,0,0.5);
    opacity: 0;
}
.images_wrap a:hover .hover_instagram {
    display: block;
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

/* ******************************************* KONTAKT ********************************************** */

#contactUsNoticeContent h2 {
    margin: 0 0 5px;
    padding: 7px;
    clear: both;
    background-color: #f4f4f4;
}

#contactUsNoticeContent a {
    color: #000;
}

#contactUsNoticeContent strong {
    color: #000000;
}

#contactUsNoticeContent .left {
    line-height: 150%;
    padding: 10px 0px 10px 0px;
    width: 50%;
}

#contactUsNoticeContent .left p {
    text-align: left;
}

.kontakt-block {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
#contactUsNoticeContent .kontakt-block.delsi {
    width: 100%;
}

#contactUsNoticeContent .right {
    width: 40%;
    text-align: right;
}

#contactUsNoticeContent .right p {
    padding: 0;
    margin: 0;
}

#contactUsNoticeContent .right img {
    padding: 3px;
    border: 1px #dadada solid;
    width: 100%;
    max-width: 550px;
}

#askAQuestion {
    text-align: left;
}
#askAQuestion img {
    margin: 25px 0;
}

#contactUsForm label {
    padding-bottom: 0px;
    text-align: left;
    float: left;
}
#contactUsForm label {
    margin-bottom: 15px;
}
.prodejna_img_out {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.prodejna_img_out img.prodejna_img {
    max-width: calc(50% - 10px);
    height: auto;
    padding: 0 0 20px 0!important;
}
.prodejna_img_out img.prodejna_img.big {
    max-width: 100%;
}
#productDetailControlBar {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 66px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 0px;
    text-align: right;
    background-color: #fff;
    z-index: 1000;
    text-transform: uppercase;
    transition: background ease 300ms;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    display: none;
}
#productDetailControlBar .btn {
    padding: 0px 15px;
    line-height: 30px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
#productDetailControlBar .bar-click {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #818181;
    margin: 0 5px 0 0;
}
#productDetailControlBar .bar-click:hover {
    background-color: #eeeeee;
    color: #333;
}
#productDetailControlBar img {
    width: 50px;
    height: auto;
    margin: -10px 10px 0 0;
    float: left;
}
#productDetailControlBarInfo {
    padding: 0 20px 0 0;
    float: left;
}
#productDetailControlBar .productsName {
    font-size: 1.3rem;
}
#productDetailControlBar .inStock {
    font-size: 1.1rem;
    color: #2d7a00;
}
#productDetailControlBar #buyButton {
    background-color: #d21313;
    font-size: 1.5rem;
    float: left;
}
#productDetailControlBar #buyButton:hover {
    background-color: #9a0000;
}
#productDetailControlBar.productDetailControlBarVisible {
    display: block;
}
@media screen and (max-width: 850px) {
    #productDetailControlBar.productDetailControlBarVisible {
        display: none;
    }
}

/* ****************** VÁNOCE ******************* */

.vanoce-out {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 3px 0;
    gap: 10px;
}
.vanoce-out p {
    color: #e74c3c;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.3;
}
.centeredContent .vanoce-out img {
    max-width: 44px;
    height: auto;
}

#productDetailRight .vanoce-out {
    padding: 5px 10px 5px 10px;
    margin: 0 0 15px 0;
}
#productDetailRight .vanoce-out p {
    font-size: 1.4rem;
}

#productDetailRight img.christmas-help-icon {
    left: inherit;
    right: 0px;
    top: 7px;
    top: calc(50% - 11px);
}

#productDetailRight .vanoce-out .christmas-tooltiptext {
    display: none;
}

#top {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
#top.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    margin: 0;
    width: 100%;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    box-shadow: 0 0 15px rgba(0,0,0,0.65);
}
#top.fixed .container {
    padding-top: 18px;
    padding-bottom: 18px;
}
#top.fixed .header-left {
    padding-bottom: 0px;
}
.fixed #top-search-menu .top-block {
    display: none;
}
.listing-variants {
    overflow-x: hidden;
}
.listing-variants > div {
    display: inline-flex;
    padding: 0 5px;
}

/* ******** price noUIslider ******** */

/*! nouislider - 14.6.2 - 9/16/2020 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
    position: relative;
}
.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}
.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}
.noUi-connect {
    height: 100%;
    width: 100%;
}
.noUi-origin {
    height: 10%;
    width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    width: 0;
}
.noUi-horizontal .noUi-origin {
    height: 0;
}
.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}
.noUi-touch-area {
    height: 100%;
    width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 4px;
}
.noUi-horizontal .noUi-handle {
    width: 64px;
    height: 19px;
    right: -17px;
    top: -7px;
}
.noUi-horizontal .noUi-handle.noUi-handle-lower {
    right: inherit;
    left: 0px;
}
.noUi-vertical {
    width: 18px;
}
.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */

.noUi-connects {
    border-radius: 3px;
}
.noUi-connect {
    background: #d6d6d6;
}
/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}
.noUi-handle {
    border: 1px solid #30383f;
    border-radius: 10px;
    background: #30383f;
    cursor: pointer;
    box-shadow: none;
}
.noUi-active {
    box-shadow: none;
}
/* Handle stripes;
 */
.noUi-handle:before {
    content: "Cena od";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    color: #fff;
    width: 64px;
    text-align: center;
    left: 0px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.noUi-handle.noUi-handle-upper:before {
    content: "Cena do";
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}
.noUi-vertical .noUi-handle:after {
    top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-pips {
    position: absolute;
    color: #999;
}
/* Values;
 *
 */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}
.noUi-value-sub {
    color: #ccc;
    font-size: 1rem;
}
/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}
.noUi-marker-sub {
    background: #AAA;
}
.noUi-marker-large {
    background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}
.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}
.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}
.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

.filtr-posuvnik {
    display: block;
    padding: 0 0px;
    margin: 14px 0 0;
    position: relative;
    width: 100%;
    height: 100%;
}

.noUiSlider-text {
    position: relative;
    clear: both;
}
.noUiSlider-text input#noUiSlider-from-text-value {
    margin-right: 5px;
}
.noUiSlider-text input#noUiSlider-to-text-value {
    margin-left: 5px;
}
.noUi-target {
    background: #d6d6d6;
    border-radius: 4px;
    border: 0px solid #D3D3D3;
    margin-top: 18px;
    padding: 0 17px;
}
.qtip-wiki{
    max-width: 440px;
}
.qtip-wiki p{
    margin: 0 0 6px;
}
.qtip-wiki h1{
    font-size: 2rem;
    line-height: 1.1;
    margin: 0 0 5px;
}
.qtip-wiki img{
    float: left;
    margin: 10px 10px 10px 0;
}
.qtip-wiki .info{
    overflow: hidden;
}
.qtip-wiki p.note{
    font-weight: 700;
}
.tooltip-dictionary {
    cursor: help;
    text-decoration: underline;
}
.tooltip-dictionary::after {
    content: '?';
    background-color: #c0112e;
    color: white;
    border-radius: 40%;
    display: inline-block;
    height: 15px;
    padding: 0px 3px 1px 3px;
    margin: 0 0 0 2px;
    text-decoration: none;

}
.tooltip-dictionary-content img {
    padding: 5px;
    display: block;
    width: 100%;
}
.tooltip-dictionary-content p {
}
.slideshow-single-banner {
}
.slideshow-single-banner img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
.product-detail-note {
    margin-bottom: 20px;
    padding: 10px 15px;
    background-color: #f2f2f2;
    color: #000;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 1.5rem;
    text-align: left;
}
.product-detail-note .product-detail-note-title {
    font-weight: 600;
    min-width: 210px;
}
.product-detail-note .product-detail-note-inputs {
    width: 100%;
    padding-top: 2px;
}
.product-detail-note label input {
    margin: 4px 6px 0 0;
    float: left;
    display: block;
}
.product-detail-note input#shopingCardButton-select_variant_note {
    display: block;
    width: 100%;
    border: 1px solid #a6a6a6;
    margin: 12px 0 0 0;
    padding: 10px 15px;
}


#shopingCardButton-select_variant_note_message {
    color: red;
    float: left;
}
.shopping-cart-note .note-wrapper {
    text-decoration: underline;
    cursor: pointer;
    color: #616161;
}
.shopping-cart-note .note-edit input {
    max-width: 280px;
    width: 100%;
}

.lego {
    position: relative;
    width: 100%;
    margin-bottom: 18px;
    padding: 0 0px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.lego.category {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lego a {
    padding-right: 10px;
}
.lego.age a {
    width: 25%;
}
.lego.category a {
    width: 16.666666%;
    padding-bottom: 10px;
}
.lego.age a span {
    position: relative;
    display: block;
}
.lego.age a span strong {
    position: relative;
    display: block;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    line-height: 60px;
    background-color: #edf1f2;
}
.lego.category a span {
    position: relative;
    display: block;
    padding: 10px;
    border: 1px solid #e0e0e0;
}
.lego img {
    display: block;
    height: auto;
    max-width: 100%;
}
.age-confirm-fg {
    border-radius: 5px;
    position: fixed;
    z-index: 99999998;
    width: 100%;
    height: 100%;
    max-height: 629px;
    max-width: 719px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.age-confirm-fg {
    cursor: pointer;
}
.age-confirm-fg img {
    max-width: 100%;
    height: auto;
}
.age-confirm-bg {
    background-color: #000000de;
    position: fixed;
    width: 100%;
    z-index: 9999999;
    height: 100%;
}
a.model01variant .model01variant {
    display: none;
}
.show-all-variants-list {
    display: none;
    cursor: pointer;
}
.nav-hidden-item {
}
.order-status-detail {
    font-size: 1.6rem;
}
.order-status-detail.find,
.order-status-detail.find p {
    text-align: center;
}
.order-status-detail.find input {
    margin: 10px 5px 10px 0;
    padding: 14px 14px;
    width: 350px;
    border: 1px #c4c4c4 solid;
    font-size: 1.6rem;
}
.order-status-detail-in {
    border: 6px solid #f5f5f5;
    padding: 18px 24px;
    margin: 24px 0 34px 0;
}
.order-status-detail-in h2 {
    font-size: 2.8rem;
}
.order_login_info {
    margin: 30px 0;
}
.order_login_info a,
.order-status-detail h3 {
    color: #a6a6a6;
}
.order-status-detail-buttons .first {
    margin-right: 6px;
}
.order-status-item {
    position: relative;
    background-color: #f5f5f5;
    display: block;
    padding: 20px 20px 20px 55px;
    margin-bottom: 10px;
}
.order-status-item span {
    position: absolute;
    left: 19px;
    top: 23px;
    color: #dadada;
    font-size: 2.2rem;
}
.order-status-fill {
    position: relative;
    display: block;
    width: 100%;
}
.order-status-fill-in {
    height: 8px;
    background-color: #dadada;
    width: 50%;
}
.order-status-fill-in:first-child {
    width: 70%;
    margin-bottom: 15px;
}
form span.error-message {
    color: #eb0000;
    display: block;
}
form .odber-novinek-bottom span.error-message {
    padding-top: 4px;
}
/* ********************* Widgets ********************* */

#facebook_right,
#instagram_right {
    position: fixed;
    right: 0px;
    top: 22%;
    z-index: 9999;
}
#instagram_right {
    top: 39%;
    top: calc(22% + 140px);
}
#hw-87kwowifjjowiklsadh666right {
    top: 39%!important;
    top: calc(22% + 235px)!important;
}

.productdetailreducer-bar {
    position: relative;
    padding: 5px 0;
    margin-top: 14px;
    display: none;
}
.productdetailreducer-bar button {
    cursor: pointer;
}
.naseptavac-price {
    display: inline-block;
    float: right;
    color: #cc0000;
    font-weight: bold;
}
.naseptavac-name {
    display: inline-block;
}
.naseptavac-name-strong {
    font-weight: bold;
}
.naseptavac-author {
    display: inline;
    font-style: italic;
    margin: 0 0 0 5px;
    font-size: 1.3rem;
    color: #a1a1a1;
}
.rc-slider {
    position: relative;
    height: 14px;
    padding: 5px 0;
    width: 100%;
    border-radius: 6px;
    touch-action: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
    position: absolute;
    width: calc(100% + 54px);
    background-color: rgb(252,105,147,0.5);
    height: 4px;
    border-radius: 6px;
    left: -27px;
}
.rc-slider-track {
    position: absolute;
    left: 0;
    height: 4px;
    border-radius: 6px;
    background-color: #00381b;
}
.rc-slider-handle {
    position: absolute;
    width: 54px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    cursor: -webkit-grab;
    margin-top: -8px;
    cursor: grab;
    border-radius: 6px;
    background-color: #00381b;
    touch-action: pan-x;
    color: white;
    padding: 0 0px;
    font-size: 1.1rem;
    text-align: center;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #57c5f7;
    box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
    outline: none;
}
.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    box-shadow: unset;
}
.rc-slider-handle:hover {
    border-color: #57c5f7;
}
.rc-slider-handle:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.rc-slider-mark {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    font-size: 1.2rem;
}
.rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #999;
}
.rc-slider-mark-text-active {
    color: #666;
}
.rc-slider-step {
    position: absolute;
    width: 100%;
    height: 2px;
    background: transparent;
}
.rc-slider-dot {
    position: absolute;
    bottom: -2px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border: 2px solid #e5e5e5;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle;
}
.rc-slider-dot-active {
    border-color: #96dbfa;
}
.rc-slider-dot-reverse {
    margin-right: -4px;
}
.rc-slider-disabled {
    background-color: #e5e5e5;
}
.rc-slider-disabled .rc-slider-track {
    background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
    border-color: #ccc;
    box-shadow: none;
    background-color: #fff;
    cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
    cursor: not-allowed !important;
}
.rc-slider-vertical {
    width: 14px;
    height: 100%;
    padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 4px;
}
.rc-slider-vertical .rc-slider-track {
    left: 5px;
    bottom: 0;
    width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
    margin-left: -5px;
    touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 18px;
    height: 100%;
}
.rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
    left: 2px;
    margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
    margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
    margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
    animation-duration: 0.3s;
    animation-fill-mode: both;
    display: block !important;
    animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
    animation-duration: 0.3s;
    animation-fill-mode: both;
    display: block !important;
    animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
    transform: scale(0, 0);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0, 0);
    }
    100% {
        transform-origin: 50% 100%;
        transform: scale(1, 1);
    }
}
@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform-origin: 50% 100%;
        transform: scale(1, 1);
    }
    100% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0, 0);
    }
}
.rc-slider-tooltip {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: visible;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
    display: none;
}
.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
    padding: 6px 2px;
    min-width: 24px;
    height: 24px;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #6c6c6c;
    border-radius: 6px;
    box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    bottom: 4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #6c6c6c;
}

.price-slider-inputs {
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.noUiSlider-text input {
    position: relative;
    border: 1px solid #b0b0b0;
    width: calc(50% - 10px);
    padding: 6px 0;
    text-align: center;
    height: 33px;
    line-height: 33px;
}
.noUiSlider-text span {
    display: block;
    width: 20px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 1.6rem;
    color: #b0b0b0;
}
.price-slider-range {
    float: left;
    width: calc(100% - 54px);
    margin: 10px 0 0 0;
    left: 27px;
    position: relative;
}
.price-slider-mess {
    text-align: center;
}
.noUiSlider-to-text-value {
}
.search-loading {
    top:10px;
    z-index: 99999999;
    position: absolute;
    right: 60px;
    width: 18px;
    display: none;
}
table.table_cybex tr {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
table.table_cybex tr td {
    width: 24%;
}
.manufacturers table.table_cybex tr td {
    width: 49%;
}

table.table_cybex {
    width: 100%;
}
.product-list-24h {
    display: block;
    width: 100px;
    height: 82px;
    background: url('../../../data-central/img/expedice.svg');
    background-size: 100% 100%;
    z-index: 1;
}
.centeredContent .product-list-24h {
    position: absolute;
    right: 0px;
    bottom: 10px;
    width: 45px;
    height: 45px;
}
.index .centeredContent .product-list-24h {
    /*display: none;*/
}
#productImagesBox .product-list-24h {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    transform: translate(0, -35%);
}

.dp-text {
    overflow: hidden;
}

/* ********** akce - all banner *********** */

.bannListing {
    position: relative;
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.bannListing a {
    max-width: calc(50% - 10px);
}
.bannListing a img {
    display: block;
}

/* ********** / akce - all banner *********** *


/* Predvedeni produktu */
#product-showcase-form-date {
    float: left;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-left: -4px;
    position: absolute;
    width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    border-top: none;
    border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    bottom: 0;
    margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
    border-bottom: none;
    border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
    bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
    bottom: -1px;
    border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 100%;
}

.react-datepicker {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker-popper {
    z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
    padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
    padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
    padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
    padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto;
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    padding: 8px 0;
    position: relative;
}
.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    font-size: 0.9rem;
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden;
}
.react-datepicker__navigation--previous {
    left: 2px;
}
.react-datepicker__navigation--next {
    right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px;
}
.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__navigation--years-previous {
    top: 4px;
}
.react-datepicker__navigation--years-upcoming {
    top: -4px;
}
.react-datepicker__navigation:hover *::before {
    border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 2rem;
    width: 0;
}
.react-datepicker__navigation-icon--next {
    left: -2px;
}
.react-datepicker__navigation-icon--next::before {
    transform: rotate(45deg);
    left: -7px;
}
.react-datepicker__navigation-icon--previous {
    right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
    transform: rotate(225deg);
    right: -7px;
}

.react-datepicker__month-container {
    float: left;
}

.react-datepicker__year {
    margin: 0.4rem;
    text-align: center;
}
.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}

.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
}
.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
    border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: white;
    font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap;
}

.react-datepicker__day-names {
    margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
    background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
    background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2579ba;
    color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
    background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
    background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
    position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
    cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
    background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.react-datepicker__close-icon::after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×";
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left;
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.4rem;
}



/* *************** cookies **************** */

.cookies-info {
    -webkit-box-shadow:0 -2px 4px 0 rgba(0,0,0,.14901960784313725);
    box-shadow:0 -2px 4px 0 rgba(0,0,0,.14901960784313725);
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:10002;
    min-height:100px;
    background-color:#303030;
}
.cookies.container {
    background-color:#303030;
}
.cookies-info__inner {
    margin:auto;
    padding:20px 0;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.cookies-info__content,.cookies-info__inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

.cookies-info__content{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.cookies-info__title{
    color:#f8f8f8;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.cookies-info__intro{
    color:#fff;
    font-size: 1.4rem;
    font-weight:300;
    line-height:25px;
    margin-bottom:20px
}
.cookies-info__more-block{
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.cookies-info__more-block svg{
    margin-right:10px;
    margin-bottom:-3px;
    fill:#fff
}
.cookies-info__more-block:hover .cookies-info-more-label{
    text-decoration:underline
}
.cookies-info__more-block .cookies-info-more-label{
    font-size: 1.4rem;
}
.cookies-info__more-block .cookies-info-more-label--show{
    display:inline-block
}
.cookies-info__more-block .cookies-info-more-label--hide,.cookies-info__more-block.js-cookies-info-more--open .cookies-info-more-label--show{
    display:none
}
.cookies-info__more-block.js-cookies-info-more--open .cookies-info-more-label--hide{
    display:inline-block
}
.cookies-info__more-block.js-cookies-info-more--open svg{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    margin-bottom:-5px
}
.cookies-info__text{
    font-size: 1.3rem;
    line-height:1.5
}
.cookies-info__text p{
    margin:0
}
.cookies-info__buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.cookies-info__button{
    font-size: 1.4rem;
    padding:10px;
    font-weight:400;
    width:100%;
    letter-spacing:.75px;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.14901960784313725);
    box-shadow:0 1px 4px rgba(0,0,0,.14901960784313725);
    background:#07ac1d;
    color:#fff;
    white-space:nowrap;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-decoration: none;
}
.cookies-info__button:hover{
    background:#2d6c09;
    color:#fff;
}
.cookies-info__button:not(:first-child){
    margin-top:10px
}
.cookies-info__button--white{
    background-color:#fff;
    color:#535252
}
.cookies-info__button--white:hover{
    background:#c9c9c9;
    color:#535252
}
.cookies-info__button--link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-decoration:none
}
.cookies-info__button--link:hover{
    background:none;
    text-decoration:underline
}
.cookies-info .cookies-info__inner {
    width: 100%;
}
p.cookies-info__subheadline {
    color: #F8F8F8;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 25px 0 15px 0;
}
.cookies-info__ol-list {
    counter-reset: number;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.cookies-info__li {
    position: relative;
    counter-increment: number;
    padding: 0 0 0 30px;
    margin: 0 0 15px 0;
}
.cookies-info__text p, .cookies-info__li {
    color: rgb(133, 133, 133);
}

/* ** */
.cookies-type {
    width: 100%;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    border-bottom: #e8e8e8 dotted 2px;
    color: #1a1a1a;
}
.columnCenter .cookies-type:first-of-type {
    margin-top: 30px;
}
.cookies-type h3 {
    color: #b80000;
}
.cookies-switch {
    margin: 8px 0;
}
.cookies-save-settings {
    margin-top: 20px;
}

/* *************** / cookies **************** */


/* Atributy */
#productAttributes,
.line-attr {
    position: relative;
    color: #000000;
    width: 100%;
    margin: 14px 0 0 0;
    padding: 0px;
}

#productAttributes .wrapperAttribsOptions {
    position: relative;
    color: #1a1a1a;
    line-height: 34px;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0px;
    background-color: #FFF;
    display: grid;
    grid-template: auto / 1fr 2fr;
    align-items: center;
}

#productAttributes .wrapperAttribsOptions.text {
    padding: 0 0px;
    background-color: transparent;
    grid-template: auto / 1fr;
}

#productAttributes .wrapperAttribsOptions.text.area {
}

#productAttributes .wrapperAttribsOptions .optionName {
    font-size: 1.4rem;
    padding: 0 0 0 8px;
}

#productAttributes .wrapperAttribsOptions .optionName label {
    position: relative;
    float: left;
    font-weight: normal;
}

#productAttributes .wrapperAttribsOptions.text .optionName {
    padding-left: 0;
    line-height: 1.8;
}

#productAttributes .wrapperAttribsOptions .optionSelect {
    margin-right: 5px;
}

#productAttributes .wrapperAttribsOptions.text .optionSelect {
    position: relative;
    min-height: 34px;
    display: block;
    background-color: #FFF;
    width: 100%;
}

#productAttributes .wrapperAttribsOptions.text .optionSelect textarea {
    position: relative;
    height: 68px;
    background-color: #FFF;
    /*-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px; */
    width: 100%;
    
    padding: 5px 15px;
    resize: none;
}

#productAttributes .wrapperAttribsOptions.text .optionSelect input {
    border: 1px solid #fff;
    width: 100%;
    font-size: 1.4rem;
    line-height: 26px;
    padding: 0 5px;
}

#productAttributes .wrapperAttribsOptions .optionSelect select {
    float: right;
    width: 100%;
    padding: 0px 10px 0px 10px;
    border: 1px solid #edebec;
    background: #f3f3f3;
    height: 24px;
    line-height: 24px;
    font-size: 1.4rem;
}

/* ***** NOVÁ VERZE KUPONU - méně výrazná ***** */

.coupon-tab{
    background-color: #fc6993;
    display: inline;
    padding: 5px 10px;
    border-radius: 4px 4px 0px 0px;
    color: #fff;
}

.ceny-coupon-obal-product {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px 0 12px 0;
    padding: 15px 15px;
    background-color: #FFE6EC;
    border: 1px solid #FDA0B9;
    border-radius: 0px 4px 4px 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 14px;
    font-size: 1.4rem;
    justify-content: space-between;
}
/* Pseudo-element vyplní místo na posledním řádku */
/*.ceny-coupon-obal-product::after {
    content: '';
    flex: auto;
}*/



.ceny-coupon-obal-new {
    position: relative;
    float: left;
    width: 100%;
    margin: 8px 0 12px 0;
    padding: 15px 15px;
    /*background-color: #f8f8f8;
    border: 1px solid #e5e5e5;*/
    background-color: #FFE6EC;
    border: 1px solid #FDA0B9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 14px;
    font-size: 1.4rem;
}


.coupon-buy-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    background-color: #000;
    /*border: 1px solid #dee2e6;*/
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    transition: all 0.2s ease;
    cursor: pointer;
}

.coupon-buy-link:hover {
    background-color: #e9ecef;
    border-color: #adb5bd;
    color: #212529;
    text-decoration: none;
}

.coupon-buy-link i {
    font-size: 13px;
    font-size: 1.3rem;
}

.coupon-code-badge {
    display: inline-block;
    padding: 5px 8px;
    /*background-color: #fff;
    border: 1px dashed #999;*/
    border-radius: 3px;
    /*font-size: 12px;
    font-size: 1.2rem;*/
    /*font-weight: 600;*/
    color: #333;
    /*font-family: monospace;*/
}

.coupon-price-wrapper {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    margin-left: auto;
}
.ceny-coupon-obal-product .coupon-price-wrapper{
    margin-left: unset;
}

.coupon-label {
    font-weight: normal;
    color: #666;
}

.coupon-price-value {
    font-size: 18px;
    font-size: 1.9rem;
    color: #000;
}

.ceny-coupon-obal-product .coupon-price-value{
    color: #ff0000;
    font-size: 2rem;
    font-weight: 500;
}

/* listing blok */
.listing-coupon {
    float: none;
    flex-basis: 100%;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 5px 8px;
    font-size: 13px;
    font-size: 1.3rem;
    border: 0px;
}

.coupon-link-wrapper{
    text-align: left;
    line-height: 1.4rem;
}

.coupon-link-simple {
    color: #fc6993;
    /*text-decoration: none;*/
    font-weight: 500;
    transition: color 0.2s ease;
    font-size: 12px;
    font-size: 1.2rem;
}

.coupon-link-simple:hover {
    color: #003d7a;
    text-decoration: underline;
}

.listing-coupon .coupon-price-value {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
}

/* Responzivní úpravy */
@media (max-width: 1000px) {
    .ceny-coupon-obal-new {
        padding: 15px 10px;
        font-size: 13px;
        font-size: 1.2rem;
    }

    .coupon-price-value {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .coupon-label {
        display: none;
    }
}

@media (max-width: 480px) {

    .ceny-coupon-obal-product .coupon-buy-link {
        margin-left: auto;   /* po zalomení se přesune doprava */
        order: 3;            /* volitelné – pro jistotu zajistí, že bude až na konci */
    }

    .coupon-price-value {
        font-size: 15px;
        font-size: 2rem;
        font-weight: 500;
    }

    .coupon-code-badge {
        font-size: 11px;
        font-size: 1.1rem;
        padding: 2px 6px;
    }

    .coupon-buy-link {
        font-size: 13px;
        font-size: 1.3rem;
    }

    /* Úpravy pro listing coupon box na mobilu */
    .listing-coupon {
        padding: 4px 6px;
        gap: 6px;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .listing-coupon .coupon-price-value {
        font-size: 13px;
        font-size: 1.4rem;
        font-weight: 500;
    }

    .listing-coupon .coupon-link-simple {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .coupon-link-wrapper {
        line-height: 1.2rem;
    }
}

/* Diagonální přeškrtnutí DMOC ceny - z levého dolního do pravého horního rohu */
#productDetailRight .ceny-obal .doporucena-cena span {
    position: relative;
    display: inline-block;
}

#productDetailRight .ceny-obal .doporucena-cena span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 1px;
    background-color: #999;
    transform-origin: left bottom;
    transform: rotate(-10deg);
}