* {
    box-sizing: border-box;
}

html {
    /* killing 300ms touch delay in IE */
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.cc-revoke { display: none !important; }

:root {
    --color-main: #202020;
    --color-main-2: #000000;
    --color-invert: #ffffff;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-btn: #000000;
    --color-btn-hover: #FFEB00;
    --color-warning: #ab4466;
    --color-border: #EAEAEA;
    --color-active: #FFBA7B;
    --color-header: #EBEBEB;
    --color-header-2: #3c3c3c;
    --color-outline: #2EB0D7;
    --color-green: #357458;
    --color-green-light: #A1D8C9;
    --color-red: #A41E21;
    --color-gray: #707070;
    --color-gray-light: #EBEBEB;
    --color-green-pager: #BFF040;
    --color-green-pager-hover: #c6f844;
    --color-input-border: #DEDEDF;
    --font-main: 14px;
    --font-h1: 40px;
    --line-h1: 1;
    --font-h2: 36px;
    --font-h3: 24px;
    --font-h3-5: 21px;
    --line-h3-5: 32px;
    --font-h4: 16px;
    --font-h5: 14px;
}


.user-zone {
    --color-main: #fff;
    --color-main-2: #fff;
    --color-header-2: #eaeaea;
    --color-invert: #000;
    --color-gray: #f1f1f1;
    --color-green-pager: #6e930c;
}

body,
.ui-widget {
    margin:0;
    padding:0 0 0 0;
    font-size: var(--font-main);
    font-family: 'Source Sans Pro', Arial, sans-serif;
    letter-spacing: 0.56px;
    font-style: normal;
    font-weight: 400;
    color: var(--color-main);
}

.color_palete {
    background: #34B9DC;
    background: #5f206c;
    background: #3f1548;
    background: #A41E21;
    background: var(--color-main-2);
    background: var(--color-green);
    background: #7F2A8F;
    background: #EBA15E;
    background: #242424;
    background: #161616;
    background: var(--color-gray);
    background: var(--color-main);
    background: var(--color-header);
    background: var(--color-btn-hover);
    background: var(--color-active);
}

i.fa, i.fa-regular { font-style: normal; }

main.body-background {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
body.hovered .video-banner,
body.hovered .footer-registration,
body.hovered #mainBanner,
body.hovered #home-new-text,
body.hovered #content-header,
body.hovered #content-footer,
body.hovered footer,
body.hovered #footer,
body.hovered main.body-background {
    filter: blur(2px) grayscale(1);
    opacity: .6;
}

.body-content {
    flex-shrink: 0;
    flex-grow: 1;
    max-width: 1526px;
}

#left-banner,
#right-banner {
    position: sticky;
    top: 64px;
    max-width: 150px;
    overflow: hidden;
}


#left-banner img,
#right-banner img {
    max-width: 150px;
}

.homepage #left-banner,
.homepage #right-banner {
    margin-top: 44px;
}

/*main.body-background,*/
#recommended {
    position: relative;
}

main.body-background:before,
#recommended:before {
    content: '';
    /*background: url("../images/bg-pattern.png") repeat;*/
    background: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -100;
    opacity: 0.1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

main.body-background:before {
    background-position-x: -40px;
}
#recommended:before { background-position-x: 118px; }

#recommended { padding: 1.7em 0;}

#main,
#recommended > * {
    /*background: var(--color-invert);*/
    /*border: 1px solid var(--color-border);*/
}

main #main {
    padding-top: 25px;
}

body.filter-hovered {
    position: inherit;
    overflow: hidden;
}

body.filter-hovered .overlay {
    content: '';
    display: block;
    filter: blur(2px) grayscale(0.5);
    opacity: .5;
    z-index: 12;
    position: fixed;
    top: 0;
    background: var(--color-main);
    bottom: 0;
    right: 0;
    left: 0;

}

h1, h2, div.h2, div.h1 {
    color:var(--color-header-2);
    font-size: var(--font-h1);
    line-height: var(--line-h1);
    font-weight: 600;
    margin:0;
    padding:0.5em 0;
}

h2, div.h2 {
    font-size: var(--font-h2);
}

h1 span, h2 span, div.h2 span, div.h1 span {
    color: var(--color-header-2);
    text-transform: none;
}

a { color:var(--color-main-2); text-transform: uppercase; text-decoration: none; }
a.normal { text-transform: capitalize; }
a:hover { color: var(--color-main); text-decoration: underline; }

img.ico { vertical-align: middle; }

input, textarea, button, select, .ui-select, .ui-selectbox, .btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input:focus, textarea:focus, button:focus, select:focus {
    outline: var(--color-outline) thick auto;
}
input[type=submit],
input[type=button],
button,
nav > div > ul > li > a,
footer,
.cart,
.newsletter-panel,
.btn {
    text-shadow: 1px 1px rgba(0,0,0,0.15);
}

input.capitalize {
    text-transform: capitalize;
}

.row { padding:15px 0; }
.row.row-small { padding:5px 0; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

hr.separator { border: none; border-bottom: 8px solid var(--color-border); color: #EEEEEE; background-color: transparent; height: 1px; line-height: 1px; font-size: 1px; margin: 25px -15px; }
hr.separator-black { border: none; border-bottom: 44px solid var(--color-main-2); color: #EEEEEE; background-color: transparent; height: 1px; line-height: 1px; font-size: 1px; margin: 25px -15px; }

.col { padding: 0 15px; margin: 0; float: left; width: 100%; box-sizing: border-box; }
.row .row { margin: 0 -15px; }

.container { max-width:1524px; box-sizing: content-box; }
.container-half { max-width:1096px; box-sizing: content-box; }
.container-mini { max-width:536px; box-sizing: content-box; }

.content-black {
    background: var(--color-black);
    color: var(--color-white);
    padding: 45px 15px;
}

.content-black.club-zone-item:nth-child(n+1) {
    border-top: 3px solid var(--color-white);
}

.content-black h1,
.content-black h2,
.content-black h3 {
    text-align: center;
    color: var(--color-white);
}

.middle { margin:0 auto;}

.loading-16 { background:url("images/loading.gif") no-repeat center center #FFF; }
.loading-24 { background:url("images/loading.gif") no-repeat center center #FFF; }
.loading-32 { background:url("images/loading.gif") no-repeat center center #FFF; }
.loading-64 { background:url("images/loading.gif") no-repeat center center #FFF; }
.loading-top { background-position: top center; }

.no-indent    { padding:0; }

.indent       { padding:15px; }
.indent-box   { padding:15px 30px; }
.indent-box-row { padding:5px 30px; }
.indent-row   { padding:5px 15px; }
.indent-small { padding:5px 10px; }
.indent-cell  { padding:3px; }
span.indent, strong.indent, label.indent { display: inline-block; }

.block { background: #efefef; }
.block-light { background: var(--color-invert); }
.block-blue { background: var(--color-main-2); color:#FFF; }
.block-blue-dark { background: var(--color-main); color:#FFF; }
.block-silver { background: #a6a08f; }
.block-light-dark { background: var(--color-main-2); color: #fff; }
.block-dark { background: var(--color-header-2); color:#FFF; }

.input { background: var(--color-invert); border:1px solid var(--color-input-border); padding:11px 10px; margin:0; vertical-align: middle; -webkit-appearance: none; border-radius: 0; }
.input-small { padding:8px 10px; }
.input-xsmall { padding:4px 10px; }
.input-xxsmall { padding:0px 2px; }
.input-fullsize { width:100%; }

.input-light { background-color: var(--color-invert); }
.input-highlight { background-color: var(--color-invert); border: 1px solid var(--color-main-2); box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.15); }
.input-transparent {border: none; background: none;}
.input-box { background-color: var(--color-invert); border: 1px solid #D4D4D5; border-radius: 4px; display:inline-block; text-align: center; width:20px; height: 20px; line-height: 18px; padding:0; margin:0px 10px 1px 1px; cursor: pointer; vertical-align: middle; }
.input-box + label { cursor: pointer; }
.input-box > .fa {width: 19px; color: var(--color-main);}
.input-box.active { border: 1px solid #95C8DA; color: #fff;}
.input-box.disabled {cursor: default; background-color: var(--color-gray-light); border: 1px solid var(--color-gray-light);}
.input-box.disabled + label {cursor: default; color: var(--color-gray-light);}
.input-radio {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.input-info {
  font-size: 12px;
  padding: 5px 0;
  color: var(--color-red);
}

.input-warning {
  font-size: 12px;
  padding: 5px 0;
    color: var(--color-warning);
}

.radio-tab {
}

.radio-tab .input-box {
    display: none;
}
.radio-tab .input-box + label {
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    color: var(--color-main-2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    cursor: pointer;
}

.radio-tab .input-box.active + label { background: var(--color-main-2); color: var(--color-invert); }

.radius { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.shadow { box-shadow:0 0 15px rgba(0,0,0,0.10); }
.shadow-big { box-shadow:0 0 40px rgba(0,0,0,0.20); }

.ucase { text-transform: uppercase; }

.line-through { text-decoration: line-through; }

.text-left   { text-align: left; }
.text-center { text-align: center; }
.text-right  { text-align: right; }

.flex-center {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

.flex-row {
  display: flex;
  flex-direction: row !important;
}

.flex-column {
  display: flex;
  flex-direction: column !important;
}

.display-block {display: block;}
.display-inline {display: inline-block;}

.size-xxsmall { width: 25px; }
.size-xsmall { width: 40px; }
.size-small  { width: 80px; }
.size-normal { width: 120px; }
.size-medium { width: 160px; }
.size-large  { width: 200px; }/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,EBA15E+100 */
.size-xlarge { width: 240px; }
.size-xxlarge { width: 280px; }
.size-big    { width: 400px; }

.full-size {width: 100%;}

.fs-xsmall   { font-size: 0.8em; }
.fs-small    { font-size: 0.9em; }
.fs-normal   { font-size: 1em; }
.fs-medium   { font-size: 1.1em; }
.fs-large    { font-size: 1.3em; }
.fs-xlarge   { font-size: 1.6em; }
.fs-xxlarge  { font-size: 1.8em; }
.fs-huge  { font-size: 2.0em; }
.fs-xhuge  { font-size: 3em; }

.fr { float:right; }
.fl { float:left; }

.sticky-bottom {
  position: sticky;
  bottom: 0;
}

.nowrap { white-space: nowrap; }

.pointer { cursor: pointer; }

.bold { font-weight: 700; }
.semibold { font-weight: 600; }

.relative {position: relative;}

.theme  { color:var(--color-main); }
.silver { color:#939393; }
.dark   { color:var(--color-main-2); }
.blue   { color:var(--color-main-2); }
.red    { color:#A41E21; }
.white  { color:var(--color-invert); }
.green  { color:var(--color-green); }

.warning {
    color: var(--color-warning);
}

.spinner { padding-left:0; padding-right:0; text-align: center; }

.btn {
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: var(--color-black);
    padding: 14px 35px;
    border-width: 2px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
}

.password-parent {
    position: relative;
}

.password-show {
    position: absolute;
    right: 20px;
    top: calc(50% - 7px);
}

.btn:hover {
    background: var(--color-btn-hover);
    border: 2px solid var(--color-invert);
    text-decoration: none;
    color: var(--color-black);
}

.btn-invert {
    background: var(--color-header-2);
    color: var(--color-invert);
}

.btn-danger {
    background: #A41E21;
    color: #FFF;
}

.btn-blank {
    background: none;
    padding: 0;
}

.btn-xsmall { padding:3px 10px; font-size: 0.9em; }
.btn-small { padding:5px 15px; font-size: 1.1em; }
.btn-spinner { padding:0; width: 40px; text-align: center; font-size: 2.5em; line-height: 30px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn-fb { background: url('images/btn-fb.png') no-repeat bottom left #4065b3; text-decoration: none; display: inline-block; padding: 10px 20px 10px 50px; color:#FFF; }
.btn-fb:hover { color:#FFF; text-decoration: none; }
.btn-success { background: #A1D8C9; color: var(--color-main); }
.btn-success:hover { background: #F5E200; color: var(--color-main); }
.btn-success:disabled, .btn-success.disabled { background: #868686;, color: var(--color-main-2); border: 2px solid var(--color-main-2); }

.btn-warning { background: var(--color-btn-hover); color: var(--color-main); }
.btn-warning:hover { background: #F5E200; color: var(--color-main); }
.btn-warning:disabled, .btn-warning.disabled { background: #868686;, color: var(--color-main-2); border: 2px solid var(--color-main-2); }

.btn-filter {
    display: flex;
    align-items: center;
    font-size: 1em;
    vertical-align: middle;
    overflow: hidden;
    font-weight: 600;
    text-align: center;
    min-width: 20px;
    margin: 0 0 0 2px;
    flex-shrink: 0;
    background: var(--color-green-pager);
    color: var(--color-main);
    border: none;
    text-transform: inherit;
}

.btn-filter:hover {
    background: var(--color-green-pager-hover);
    color: var(--color-main);
    border: none;
}

.btn-filter:disabled, .btn-warning.disabled {
    background: var(--color-green-pager);
    color: var(--color-main-2);
    border: none;
}


.btn-google { background: url('images/btn-google.png') no-repeat bottom left #d84734; text-decoration: none; display: inline-block; padding: 10px 20px 10px 50px; color:#FFF; }
.btn-google:hover { color:#FFF; text-decoration: none; }

.more {
    text-decoration: none;
    display: inline-block;
    background: #fff;
    color: var(--color-main-2);
    padding: 0 1.5em;
    line-height: 30px;
    margin-right: 30px;
    font-weight: 600;
    font-size: 1.1em;
    position: relative;
}
.more > span {display: block; background: url("./images/arrow-right.svg") no-repeat center center var(--color-main-2); background-size: 30%; position: absolute; width: 30px; height: 30px; right: -30px; top:0;}
.more > span > span {display: none;}

.more-huge {
    font-size: 2em;
    line-height: 45px;
    padding: 0 1.1em;
    margin-right: 45px;
}

.more-huge > span {height: 45px; width: 45px; right: -45px;}

.border { border:1px solid #dadada; }
.border-2x { border:2px solid #dadada; }

.clear { clear:both; }
.clear-space {clear: both; padding: 5px 0;}
.cleaner { height: 0; margin: 0; padding: 0; border: 0 none; line-height: 0; font-size: 0; clear: both; visibility: hidden; }
.divider { position: absolute; left:50%; top:10%; bottom:10%; border-left:1px solid #EFEFEF; overflow:hidden; }

span.vertical-helper {display: inline-block !important; height: 100%; vertical-align: middle;}
span.vertical-helper + img {vertical-align: middle;}

.hidden {
    display: none; /* never important, bc. js display broke */
}

.fullsize { width:100%; }

ul.list { list-style: none; margin:15px 0; padding:0; }
ul.list li { padding: 0.3em 0; }
ul.list li a { color:var(--color-header-2); text-decoration: none; }
ul.list li a:hover { color:var(--color-gray); text-decoration: underline; }
ul.list li ul { margin:0 0 0 -10px; padding:5px 0 10px 0; list-style:none; }

ul.autocomplete { list-style: none; margin:0; padding:5px 0; }
ul.autocomplete li { padding:2px 0; }
ul.autocomplete a { text-decoration: none; }
ul.autocomplete a:hover, ul.autocomplete a:hover .sublabel { text-decoration: underline; }
ul.autocomplete a .sublabel { text-decoration: none; color: var(--color-header-2); }
ul.autocomplete .highlight { background: #b0fed6; }

.vtop { vertical-align: top; }
.vbottom { vertical-align: bottom; }

table { font-size: 1em; }

table.form {}
table.form td { padding:5px 10px; }
table.form td.label { padding:5px 10px; }

table.info {}
table.info td { padding:2px 10px; }
table.info td.label { padding:2px 10px 2px 0; }

table.table td,
table.table th { padding:2px 4px; }

table.separated { width: 100%; border-collapse:separate; border-spacing:0 7px; }
table.separated thead th { padding:8px 10px; }
table.separated tbody td { padding:5px 10px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
table.separated tbody td:first-child { border-left:1px solid #dadada; }
table.separated tbody td:last-child { border-right:1px solid #dadada; }

.separator { border-bottom:1px solid #E0E0E0; padding-bottom: 6px; margin-bottom: 6px; }

.processing { max-width:450px; width: 90%; background: url(images/infinity.gif) no-repeat bottom center #FFF; text-align:center; padding:25px 0 90px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius: 5px; box-shadow:0 0 40px rgba(0,0,0,0.20); position:absolute; z-index:9999; }
.processing span { display:block; font-size:1.6em; padding:0 30px; }


/*
 * REPORTS
 */
.report { min-height:18px; _height:18px; text-align:left; margin:0 auto 5px auto; color:var(--color-header-2); font-size:1.3em; padding:5px 25px 5px 40px; position:relative; background:none; z-index:1; }
.report span.ico { display:block; width:29px; height:27px; margin:1px 3px 1px 1px; background:url('images/reports.png') no-repeat top left; position:absolute; top:0; left:0; z-index:2; }
.report span.ico-OK    { background-position:0 0; }
.report span.ico-ERROR { background-position:-36px 0; }
.report span.ico-INFO  { background-position:-72px 0; }
.report span.ico-ALERT { background-position:-108px 0; }
.report span.ico-HELP  { background-position:-144px 0; }

#reports { background:#FFF; font-size: 1.1em; padding:0; text-align:left; position:absolute; z-index:10003; top:-1000px; zoom: 1; -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 50px rgba(0,0,0,0.3); box-shadow: 0 0 50px rgba(0,0,0,0.3); }
#reports img.close { position:absolute; top:12px; right:12px; z-index:10003; cursor:pointer; }
#reports div.report-title { font-size:1.2em; font-weight: 600; padding:7px 15px; }
#reports div.report-title-ERROR { background: #E9573F; color:#FFF; }
#reports div.report-title-ALERT { background: #FAA732; color:#FFF; }
#reports div.report-title-OK { background: var(--color-green); color:#FFF; }
#reports div.report-title-INFO { background: #34B9DC; color:#fff; }
#reports div.report-title-HELP { background: #31abcb; color:#fff; }

#ageLimit {
    background: transparent linear-gradient(180deg, #FF0089 0%, #AE00B8 54%, #3100FF 100%) 0% 0% no-repeat padding-box;
    padding: 55px;
    text-align: center;
    position: absolute;
    z-index: 10003;
    top: -1000px;
    zoom: 1;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    color: var(--color-invert);
    max-width: 680px;
}

#ageLimit div.age-limit {
    padding: 40px 15px 48px 15px;
    font-size: var(--font-h3);
}

#ageLimit .h1 {
    text-align: center;
}

#ageLimit .h1 a {
    display: inline-block;
    pointer-events: none;
    text-transform: uppercase;
    width: 300px;
    min-height: 70px;
    background: url("../images/logo-min-no.svg") no-repeat top left;
    background-size: contain;
}

.ui-select { position: relative; display: inline-block; *display: inline; zoom: 1; border: 1px solid var(--color-main-2); background: #FFF; margin:1px; cursor: pointer; color:var(--color-header-2); }
.ui-select select { z-index: 10; position: relative; border: none; background: none; outline: none; opacity: 0; height: 24px; padding-right: 35px; -webkit-appearance: none; -moz-appearance: none; filter: alpha(opacity=0); cursor: pointer; }
.ui-select:before { content: url('images/arrow-down.svg'); background: #fff; position: absolute; top: 2px; right:5px; width: 15px; text-align: center; height:15px; line-height: 26px; }
.ui-select .ui-select-text { z-index: 9; position: absolute; top:0; left: 5px; display: inline-block; *display: inline; zoom: 1; line-height: 24px; background: transparent; color: var(--color-header-2); overflow: hidden; white-space: nowrap; width: 85%; text-align: left; }

.ui-selectbox { position: relative; background: var(--color-green-pager); color: var(--color-main); cursor: pointer; display: inline-block; padding: 5px 35px 4px 10px; margin:0 1px; text-align: left; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ui-selectbox:hover {
    background: var(--color-green-pager-hover);
}

.ui-selectbox.slim > span  { padding: 4px 12px; }
.ui-selectbox.slim:before { top: -3px; }

.ui-selectbox:before {
    content: url(images/arrow-right-full.svg);
    zoom: 150%;
    position: absolute;
    top: 3px;
    right: 5px;
    width: 15px;
    text-align: center;
    height: 20px;
    line-height: 39px;
    rotate: 90deg;
}
.ui-selectbox > span { display: block; margin: 0; padding: 10px 12px; overflow: hidden; cursor: pointer; width: 100%; white-space:nowrap; }
.ui-selectbox > span > img {width: 24px; height: 18px; display: block;}

.ui-selectbox-options {
    display: none;
    max-height: 400px;
    /*min-height: 100px;*/
    overflow: auto;
    position: absolute;
    z-index: 99;
    line-height: 1em;
    list-style: none;
    margin: 1px 0 0 0;
    padding: 0;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid var(--color-green-pager);
}

.ui-selectbox-options li {
    padding: 13px 15px;
}
.ui-selectbox-options li > img {width: 24px; height: 18px; display: block;}
.ui-selectbox-options li.hover { background: rgba(191, 240, 64, 0.60); }
.ui-selectbox-options li.selected { background: var(--color-green-pager); color:var(--color-main); }

.selectbox-clean {background: none; border: none; color: #fff; padding-right: 30px;}
.selectbox-clean:before {content: url(images/arrow-down-white.png); background: none;}


.ui-selectbox.selectbox-regular {
    background: var(--color-invert);
    border: 1px solid var(--color-input-border);
    padding: 1px 35px 1px 0;
    margin: 0;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0;
}

.ui-selectbox.selectbox-regular:before {
    top: 1px;
}
.ui-selectbox-options.selectbox-regular {
    border-color: var(--color-input-border);
}
.ui-selectbox-options.selectbox-regular li.hover {}
.ui-selectbox-options.selectbox-regular li.selected {}

.ui-selectbox.selectbox-regular.slim:before { top: -3px; }

.topselect {border: 1px solid var(--color-main-2); border-bottom: 1px solid var(--color-main-2);}
.topselect li {border-bottom: 1px solid var(--color-main-2);}
.topselect li.hover {background: var(--color-main-2); color: #fff;}
.topselect li.selected {background: var(--color-main-2);}

.ui-tabs { border:none; margin: 25px 0; }
.ui-tabs .ui-tabs-nav { padding:0; border:none; margin:0 0 -1px 15px;}
.ui-tabs .ui-tabs-nav li.ui-state-default { margin-right:15px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-right:15px; margin-top: -0.2em; background: var(--color-main-2); }
.ui-tabs .ui-tabs-nav li .ui-tabs-anchor { padding: 0.7em 2em; font-weight: 600; font-size: 1.3em; color: #fff;  outline: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {padding: 0.8em 2em;}
.ui-tabs .ui-tabs-panel { font-size:1em; padding: 35px 15px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: var(--color-header-2); }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: var(--color-main-2); border: none; color: #fff; font-weight: 600;
}

.ui-state-default.ui-dialog-titlebar-close {
    background: var(--color-header);
}

.ui-state-default:hover,
.ui-tabs .ui-tabs-nav li.ui-state-hover:not(.ui-tabs-active) .ui-tabs-anchor,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    background: var(--color-btn-hover);
    color: var(--color-main-2);
}

.ui-widget-overlay { background: #FFF; }

.ui-widget-content a.btn {
    color: #fff;
}

.ui-dialog { box-shadow:0 0 40px rgba(0,0,0,0.20); max-width: 95%; }
.ui-dialog .ui-dialog-title { color:var(--color-main-2); font-size: 1.4em; }
.ui-dialog .ui-dialog-content { padding:15px; }
.ui-dialog .ui-dialog-buttonpane { border:none; padding:1em 0.5em 1em 0.5em; margin:0; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float:none; text-align: right; }
.ui-dialog .ui-dialog-buttonpane button { font-weight: 600; }
.ui-dialog .ui-dialog-buttonpane button.btn { background: var(--color-main-2); border-color: var(--color-main-2); color:#FFF; font-size: 1.2em; padding:0 10px; margin:0 5px; }
.ui-dialog .ui-dialog-buttonpane button.btn-danger { background: #A41E21; border-color: #A41E21; color:#FFF; }

.ui-tooltip { color: var(--color-invert); padding:10px 20px; max-width: 300px; background: var(--color-main-2); border:1px solid var(--color-main-2); }
.ui-corner-all { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.ui-accordion .ui-accordion-header {
    background: none;
    color: var(--color-main);
    border-bottom: 2px solid var(--color-header);
    padding: 15px 40px 15px 20px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto;
    right: 15px;
    background-image: url(images/plus.svg);
    background-position: 0 0;
    width: 20px;
    height: 20px;
}
.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
    background-image: url(images/minus.svg);
}

.ui-accordion .ui-accordion-content {
    color: var(--color-main);
    background: none;
    border: none;
    padding: 40px 0 40px 20px;
    margin: 0;
}

.ui-accordion .ui-accordion-content.ui-accordion-content-active {
}

.ui-accordion .ui-accordion-content > p {
    margin: 0;
    padding: 0;
}

.error { border-color:#A41E21; }

.user-zone textarea,
.user-zone input {
    color: var(--color-white);
}

.user-zone .ui-selectbox:before {
    content: url(images/arrow-right-full-white.svg);
}

.user-side {
    display: flex;
    gap: 20px;
}

.user-side .user-left-side {
    flex: 0 0 280px;
}


.user-side .user-left-side h2 {
    text-align: left;
    padding: 0.5em 25px;
}
.user-side .user-left-side ul {
    list-style: none;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding: 0 25px;
    margin: 25px 0;
}

.user-side .user-left-side ul li {
    flex: 0 1 100%;
    justify-content: left;
    display: block;
    width: 100%;
    position: relative;
}

.user-side .user-left-side ul li:not(.no-arrow):after {
    content: '';
    background: url(images/right_sans_arrow_icon.svg) center center no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
}

.user-side .user-left-side ul li a {
    font-size: 1.7em;
    font-weight: 700;
    width: 100%;
    display: inline-block;
}

.user-side .user-right-side {
    flex: 1 100%;
}


a.display { display:inline-block; padding:5px; margin:0 3px; }
a.display img { vertical-align: middle; }
a.display-active { background: var(--color-main-2); }

#overlay { position:absolute; top:0; left:0; background:#000; display:none; z-index:10002; }

#previewInfo { background: #A41E21; color:#FFF; padding:5px 0; text-align: center; }
#adminMode { background: var(--color-main-2); color:#FFF; padding:5px 0; text-align: center; }

#previewInfo a,
#adminMode a {color:#FFF; text-decoration: underline; font-weight: 600;}

#header {
    background-color: var(--color-main-2);
    width: 100%;
}
#header .row { padding: 0; }
#header .col { width: 20%; min-height: 1px; }
#header .col.header-phone a { color: var(--color-invert); padding: 12px 6px; display: inline-block; font-weight: 600; }
#header .col:last-child { text-align: right; }
#header div.header-links { width: 60%; padding: 0; text-align: center; color: #fff;}
#header div.header-links a { color:#fff; text-decoration: none; font-weight: 600; padding: 12px 16px; display: inline-block; }
#header div a:hover { color:#EEEEEE; text-decoration: none; }

#header div.header-links a.akcie,
#header div.header-links a.novinky,
#header div.header-links a.blog,
#header div.header-links a.vypredaj { color: #31abcb; }


#header div.header-links a.VIP-url {
    color: var(--color-green-light);
}

#header .icons { padding: 8px 0; }

.icons {}
.icons img { width: 35px; padding: 0px 6px; display: inline-block; }

body > header { margin:0; padding: 0 0 1px; position: relative; top: 0; z-index: 10; background: var(--color-invert); }
header a:hover {text-decoration: none;}
header .header-middle { position: relative;}
header .header-middle > .row {padding: 5px;}
header .header-middle > .col { width:20%; }
header .header-middle > .col:first-child { width:22%; }

header .header-middle .eshop-info {
    display: flex;
    align-items: center;
    margin-top: 22px;
    width: 40%;
}

header .header-middle .eshop-info > * {
    flex: 1 1 0;
}

header .header-middle .search-icon {
    display: none;
}

header .header-middle .account-icon {
    flex-grow: 0;
    padding: 15px 7px;
}

header .header-middle .account-icon .ico {
    display: block;
    width: 46px;
    height: 30px;
    margin: 0 0;
    background: url('images/profile.svg') no-repeat center center;
    background-size: contain;
}

header .header-middle .cart {
    flex-grow: 0;
    width: 46px;
    margin-top: 0;
    margin-left: 15px;
    float: right;
    white-space: nowrap;
    position: relative;
}

header .header-middle .cart .ico {
    display: block;
    float: right;
    width: 46px;
    height: 30px;
    margin: 15px 0;
    background: url('images/basket.svg') no-repeat center center;
    background-size: contain;
}

header .header-middle .cart .data {
    display: block;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 46px;
}

header .header-middle .cart .data > span {
    display: block;
}

header .header-middle .cart .data > span > span {
    display: flex;
    color: var(--color-invert);
    background: var(--color-main);
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 20px;
    font-size: 1em;
    border-radius: 50%;
    text-shadow: 1px 1px rgb(0 0 0 / 15%);
    font-weight: 600;
    right: 0;
    bottom: 10px;
}

header .header-middle .cart .data > span strong {
}

header .header-middle .cart > div {
    white-space: pre-wrap;
}

header .header-middle .search {
    width: 100%;
    padding: 0 15px 0 30px;
    margin-top: 0;
    float: right;
    position: relative;
}

header .header-middle .search input {
    float: right;
    padding: 14px 30px 14px 20px;
    width: 100%;
    outline: none;
    border: none;
    font-weight: 600;
    color: var(--color-main);
    background: var(--color-header);
    margin-right: 0;
    margin-top: 0;
    text-transform: uppercase;
}

header .header-middle .search button {
    float: left;
    position: absolute;
    top: 16px;
    right: 15px;
    border: none;
    width: 16px;
    height: 16px;
    background: url('images/search.svg') no-repeat center center;
    background-size: contain;
    outline: none;
}

header .header-middle .search button span {
    display: none;
}

header.scrolled { position: sticky; top: 0; border-bottom: 2px solid var(--color-main-2); transition: height 1s ease; will-change: auto; }
header.scrolled #header { display: none; }
header.scrolled #header-vip-text { display: none; }

header.scrolled .header-middle {
    padding: 5px 0;
}

header.scrolled .header-middle .h1 {
    margin: 5px 0 5px 0;
}
header.scrolled .h1 a {
    width: 155px;
}
header.scrolled nav ul.navigation {
    padding: 0 0;
}
header.scrolled .header-middle .search input {
    padding-top: 8px;
    padding-bottom: 8px;
}
header.scrolled .header-middle .search button {
    top: 10px;
}

header.scrolled .header-middle .eshop-info {
    margin-top: 0;
}

header.scrolled .header-middle .account-icon {
    padding-top: 0;
    padding-bottom: 0;
}

header.scrolled .header-middle .account-icon .ico {
    height: 18px;
}

header.scrolled .header-middle .search-icon .ico {
    height: 18px;
}

header.scrolled .header-middle .cart .ico {
    height: 18px;
}

header.scrolled .header-middle .cart {
    margin-left: 0;
}

header.scrolled nav div.menu-trigger {
    top: 28px;
}


.topInfo {position: absolute; top: 75px; left: 40%; background: url(./images/redcall.png) no-repeat left center; background-size: 70px; padding-left: 100px; font-weight: 600; color: #A41E21; font-size: 1.25em; line-height: 1.4;}

header .header-middle .h1 { margin: 25px 0 35px 0; padding: 0; }
.h1 a {display: block; width: 215px; min-height: 40px; background: url("../images/logo-min.svg") no-repeat top left; background-size:  contain; }
.h1 a span {display: none;}

header .header-middle nav.col {
    z-index: 2;
    width: 37%;
}
nav div.menu-trigger { display: none; position: absolute; top: 40px; }

main .filter-row {
    margin: 25px 10px 5px 10px;
    display: none;
}

main .filter-row .filter-trigger {
    position: relative;
    overflow: visible;
}

main .filter-row .is_filtered {
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--color-red);
    z-index: 11;
}

main .filter-row .is_filtered:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--color-white);
    z-index: 12;
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-black);
    z-index: 100;
    color: var(--color-invert);
    padding: 25px 0;
    overflow: auto;
    height: 100% !important;
}

.mobile-menu .menu-close {
    background: url("images/close_icon.svg") center center no-repeat;
    display: block;
    position: absolute;
    top: 34px;
    right: 20px;
    width: 28px;
    height: 28px;
    z-index: 100000;
}
.mobile-menu .menu-close span { display: none; }

.mobile-menu ul {
    list-style: none;
    z-index: 10;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding: 30px 25px;
    margin: 25px 0;
    border-top: 1px solid var(--color-invert);
    border-bottom: 1px solid var(--color-invert);
}

.mobile-menu ul li {
    flex: 0 1 100%;
    justify-content: left;
    display: block;
    width: 100%;
    position: relative;
}

.mobile-menu ul li a {
    color: var(--color-invert);
    font-size: 2.5em;
    font-weight: 700;
    width: 100%;
    display: inline-block;
}

.mobile-menu ul li.extend:after {
    content: '';
    background: url(images/right_sans_arrow_icon.svg) center center no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: -1;
}

.mobile-menu ul li.extend.active:after {
    transform: rotate(90deg);
}

.mobile-menu li .sub-mobile {
    display: none;
}
.mobile-menu li .sub-mobile a {
    font-size: 1.8em;
    font-weight: 600;
    padding: 7px 15px;
}

.mobile-menu li.active .sub-mobile {
    display: block;
}

.mobile-menu .small-menu {
    list-style: none;
    z-index: 10;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0px 25px;
    margin: 0;
    font-size: 1.3em;
    font-weight: 600;
}

.mobile-menu .menu-icons {
    z-index: 10;
    padding: 25px 25px;
    margin: 0;
}

.mobile-menu .small-menu a {
    flex: 0 1 100%;
    justify-content: left;
    display: block;
    width: 100%;
    color: var(--color-invert);
}

nav > div.container {}

nav ul.navigation { list-style: none; z-index: 10; display: flex; flex-wrap: wrap; padding: 30px 0; margin: 0; }
nav ul.navigation > li { flex: 0 1 0; justify-content: center; display: block; text-align: center; }
nav ul.navigation > li:first-child {  }
nav ul.navigation > li.active { background: var(--color-main-2); color: var(--color-invert); }
nav ul.navigation > li:hover, nav ul.navigation > li.active:hover { background: var(--color-active); }
nav ul.navigation > li.extend {  }
nav ul.navigation > li > a { display: block; padding:16px; white-space: nowrap; text-decoration:none; text-transform: uppercase; font-weight: 600; position: relative; color: var(--color-main-2); }
nav ul.navigation > li > a:hover,
nav ul.navigation > li.active > a { text-decoration: none; }
nav ul.navigation > li.active > a { color: var(--color-invert); }

nav ul.navigation > li.home a {background: url("images/home-white.svg") no-repeat 30% center; background-size: 18px; padding-left: 30px;}
nav ul.navigation > li.home a:hover { background-image: url("images/home-red.svg"); }

nav ul.navigation > li.blog a { color: #31abcb; }
/*nav ul.navigation > li.home a span {display: none;}*/

nav ul.navigation > li > a > span.info {display: block; position: absolute; right: 10px; top: -8px; height: 16px; line-height: 16px; color: #fff; font-size: 11px; text-transform: capitalize;}
nav ul.navigation > li > a > span.info > .info-news {display: block; background-color: var(--color-header-2); padding: 2px 10px;}
nav ul.navigation > li > a > span.info > .info-sale {display: block; background-color: #A41E21; padding: 2px 10px;}
nav ul.navigation > li > a > span.info > .info-foryou {display: block; background-color: #286e82; padding: 2px 10px;}

nav ul.navigation > li > a > img.svg-inject {max-width: 15px; position: absolute; bottom: 5px; left: calc(50% - 7px);}

header div.submenu { display:none; position: absolute; top:100%; left:0; z-index: 9; width: 100%; }
header div.submenu div.subSeparate {
    position: relative;
    padding: 5px 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.165);
}

header div.submenu .plusContent p {
    margin: 0;
    padding: 0;
}
header div.submenu .col {
    width: 25%;
    min-height: 1px;
}

header div.submenu .col:last-child:not(.subTree) {
    width: 30%;
}

header div.submenu .col:last-child:not(.subTree) img {
    max-width: 100%;
    height: auto;
}

header div.submenu .sidemenu ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px 24px;
    list-style: none;
    padding: 0;
    margin: 0;
}
header div.submenu .sidemenu ul li { list-style: none; }
header div.submenu .sidemenu ul li a {display: inline-block; }
header div.submenu .sidemenu ul li a:hover { font-weight: bold; }

header div.submenu .subTree {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
}

header div.submenu .treeBlock {
    flex: 0 0 calc(25% - 24px);
}
header div.submenu .treeBlock ul { display: none; list-style: none; padding: 10px 0 0 0; margin: 2px 10px 0 0; }
header div.submenu .treeBlock ul li { list-style: none; }
header div.submenu .treeBlock ul li a {display: inline-block; }
header div.submenu .treeBlock ul li a:hover {  }

header div.submenu .submenu-single { width:250px;
    padding: 5px 0 0 0;
    margin:0;
    border-top: 5px solid var(--color-main-2);
    text-align: left;
    position: relative;

    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.165);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.165);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.165);
}
header div.submenu .submenu-single ul { list-style: none; padding: 25px 15px; margin:0; }
header div.submenu .submenu-single ul li { list-style: none; position: relative; }
header div.submenu .submenu-single ul li a {  padding: 2px 0; display: inline-block; }
header div.submenu .submenu-single ul li a:hover { text-decoration: underline; }

header div.submenu .submenu-single ul li,
header div.submenu .submenu-single ul li a,
header div.submenu .submenu-single ul li a:hover,
header div.submenu .treeBlock,
header div.submenu .treeBlock a {}
header div.submenu .treeBlock a:hover { font-weight: bold; }

.search-filter,
nav .search { width:30%; padding: 9px 15px 0 30px; float:right; position: relative; }
.search-filter input,
nav .search input { float:left; padding:0 75px 0 15px; width:100%; height:44px; border:none; font-size: 1.3em; font-weight: 600; color: var(--color-main-2); }
.search-filter button,
nav .search button { float:left; padding:0 10px; height: 42px; position: absolute; top:9px; right:15px; margin: 1px; border: none; background-color: var(--color-header-2); }
.search-filter button img,
nav .search button img { vertical-align: middle; }

#header-vip-text {
    background: var(--color-main-2);
    min-height: 40px;
    color: var(--color-invert);
    font-weight: bold;
}

#header-vip-text > div {
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

#header-vip-text > div ul {
    display: flex;
    gap: 0 40px;
    margin: 11px 0;
}
#header-vip-text > div ul li {

}

#header-vip-text p {
    padding: 15px;
    margin: 0;
    display: block;
}

#header-vip-text a {
    color: var(--color-invert);
    text-transform: uppercase;
}

#header-vip-text a:hover {

}

#header-vip-text.big-line {
}

#header-vip-text.big-line .welcome-line {
    display: flex;
    justify-content: space-between;
    padding: 45px;
    flex-wrap: wrap;
    gap: 15px;
}

#header-vip-text.big-line .welcome-line .welcome-text {
    color: var(--color-invert);
    margin-top: 5px;
}

#header-vip-text.big-line .welcome-line .club-logo {
    width: 171px;
    position: relative;
}
#header-vip-text.big-line .welcome-line .club-logo > span {
    position: absolute;
    font-weight: 600;
    bottom: -15px;
    right: 22px;
    font-size: 1.1em;
}


.search-filter {width: 100%; padding: 0;}
.search-filter input {border: 1px solid var(--color-main-2); height: 40px;}
.search-filter button {top: 0; right: 0; background-color: var(--color-main-2); height: 38px; padding: 0 8px;}
.search-filter button:hover {background-color: var(--color-green);}
.search-filter button img {width: 80%;}

#layout2col > .col { width:calc(100% - 300px);  }
#layout2col > .col:first-child { width:300px; }
#layout2col > .col:first-child ul > li > a { font-size: 1.6em;}
#layout2col > .col:first-child ul > li.active > a {text-decoration: underline;}
#layout2col h1, #layout2col .h1, #layout2col h2, #layout2col .h2  { margin: 0 0 0.5em 0; }

#content-header {
    font-size: var(--font-h4);
}

#content-header .image {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 1920px;
    position: relative;
}

#content-header .image img {
    max-width: 100%;
    min-height: 200px;
    display: block;
}

#content-header .image .title {
    position: absolute;
    margin: auto auto;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    transform: translate(-50%, -50%);
    text-shadow: 1px 1px 15px #20202080;
}

#content-footer .content-footer-text,
#content-header .content-header-text {
    background: transparent linear-gradient(91deg, #FF0089 0%, #AE00B8 54%, #3100FF 100%) 0% 0% no-repeat padding-box;
    color: var(--color-invert);
    padding: 30px;
}


#content-header .content-header-text h1,#content-header .content-header-text h2, #content-header .content-header-text h3 {
    color: var(--color-invert);
}

#content-footer .content-footer-text p,
#content-header .content-header-text p {
}

#content-footer.gray .content-footer-text {
    background: var(--color-active);
    color: var(--color-main);
}

#content-footer.gray .content-footer-text h1 {
    color: var(--color-main);
}

.steps {
    display: flex;
    margin: 80px 0;
    gap: 0 40px;
    align-items: center;
}

.steps .step {
    display: flex;
    font-size: var(--font-h3);
    gap: 24px;
    align-items: center;
    flex-basis: 100%;
}

.steps .step > * {
}

.steps .step label {
    font-weight: bold;
    font-size: 72px;
}


#contact > .col { width: 50%; }
#contact > .col:last-child { }
#contact > .col > .content { }
#contact > .col form .col > span { display: inline-block; padding:5px 0; }
#contact > .col form .col > span.indent { padding:15px 30px 15px 0; }
#contact > .col form .row:last-child .col { width:50%; }
#contact > .col form .row:last-child .col:last-child { clear:both; width:100%; }
#contact > .col form .row:last-child .col:last-child button { width:100%; }

form.form .col > span { display: inline-block; padding:5px 0; }
form.form > .row:last-child > .col { width: 33.33%; }
form.form > .row:last-child > .col:first-child > img { border-radius: 5px; border: 1px solid var(--color-main-2); padding:5px; background: #FFF; }
form.form > .row:last-child > .col span { padding: 0 0 5px 0; }
form.form > .row:last-child > .col span { padding: 0 0 5px 0; }
form.form > .row:last-child > .col:last-child button { width:100%; margin-top: 5px; }

div.photogallery { padding: 10px 0; margin:0 -0.5%; }
div.photogallery a { width: 15.66%; float:left; margin:5px 0.5%; transition: color 0.3s ease 0s; }
div.photogallery a img { width: 100%; padding:5%; box-sizing: border-box; -webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease; transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s; }
div.photogallery a img:hover, div.photogallery a img:focus { border-color: #fff; -webkit-box-shadow: 0 0 1.2em rgba( 0, 0, 0, .25 ); box-shadow: 0 0 1.2em rgba( 0, 0, 0, .25 ); }

div.photogallery-slide { height: 160px; margin: 15px 0; overflow: hidden; white-space: nowrap; }
div.photogallery-slide img { border:none; }

div.documents .col { width: 90%; width:calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); }
div.documents .col:first-child { width: 10%; width:calc(100px - 0); width: -webkit-calc(100px - 0); width: -moz-calc(100px - 0); }
div.documents span.document { display: inline-block; padding: 2px 15px; }
div.documents span.document a { color:var(--color-main-2); }
div.documents span.document a:hover { color: var(--color-btn-hover); }

div.contentVideo div.contentVideoItem {display: inline-block; margin: 15px 25px;}

/*#login > .col { width:50%; }*/
#login .login-social .col { width:50%; padding:15px 0; }

#clubUser { padding: 25px 0; }
#clubUser .col { width: 33.33%; }
#clubUser .col.fullsize { width: 100%; }
#clubUser .col > span { display: inline-block; padding:5px 0; }
#clubUser .col > span.indent { padding:15px 30px 15px 0; }
#clubUser .col .selectbox { margin:0 2px; }
#clubUser .col .ui-select select { padding-right: 30px; }

#clubUserDashboard > .col { width: 50%; }
#piechart { height: 200px; }

#clubMenu { padding:15px 0 0 0; }
#clubMenu .btn { padding:8px 15px; }

#passwordStrength { width:138px; height:7px; background:url('images/progress1.png') no-repeat top left; float:left; margin:0.4em 0.5em 0.3em 0; position: relative; }
#passwordStrength .bar { width:0; height:7px; background:url('images/progress1.png') no-repeat bottom left; }
#passwordStrength .bar span { position:absolute; top:-5px; left:105%; font-size:0.9em; color:#666; }

#order-login > .col { width: 33.33%; }
#order-login > .col:first-child table { width: 100%; }
#order-login > .col:first-child input.size-xxlarge { width: 100%; }
#order-login > .col .col { width:50%; padding:15px 0; }

#order-login-external > .col > .row { text-align: center; }
#order-login-external > .col > .row > .col { width: auto; display: inline-block; float:none; }

#subcategories {
    padding: 30px 0;
}

#subcategories ul.list {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    font-size: 0;
    gap: 25px;
}

#subcategories ul.list li {
    width: 278px;
    height: 155px;
    background: transparent radial-gradient(closest-side at 50% 50%, #B21E1E 0%, #403535 100%) 0% 0% no-repeat padding-box;
    padding: 0;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    position: relative;
}

#subcategories ul.list li img {
    max-width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
}

#subcategories ul.list li a {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--color-invert);
    font-size: var(--font-h2);
}

#subcategories ul.list li a span {
    display: block;
    padding: 5px 2px;
    overflow-wrap: anywhere;
}

#subcategories ul.list li.active {
}

#subcategories ul.list li.active a {
}

#subcategories ul.list li.active a span {
}

#subcategories ul.list li a:hover,
#subcategories ul.list li.active a:hover {
}

#subcategories ul.list li a:hover span,
#subcategories ul.list li.active a:hover span {
}


#search-filter > .row > .col { width:100%; }

#container-with-filter .clear-filter {
}

#container-with-filter .clear-filter a {
    font-size: 1em;
}
#container-with-filter > .col:first-child {
    width: 254px;
    padding: 0 25px;
    position: sticky;
    top: 88px;
    overflow: auto;
    max-height: calc(100vh - 120px);
}
/* width */
#container-with-filter > .col:first-child::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#container-with-filter > .col:first-child::-webkit-scrollbar-track {
    background: #f8f8f8;
}

/* Handle */
#container-with-filter > .col:first-child::-webkit-scrollbar-thumb {
    height: 6px;
    background: #f1f1f1;
    border-radius: 10px;
    visibility: hidden;
}

/* Handle on hover */
#container-with-filter > .col:first-child::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* Handle on hover */
#container-with-filter > .col:first-child:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

#container-with-filter > .col:first-child > form {display: flex; flex-wrap: wrap; padding-top: 0;}
#container-with-filter > .col:last-child {width: calc(100% - 254px);}

#catalogSearchForm > .col {
    width: 100%;
    padding-bottom: 25px;
}
#catalogSearchForm > .col .item { padding: 1px 0; }
.left-panel div.title { font-weight:600; padding: 15px 0; font-size: var(--font-h3); color: var(--color-main); }
#catalogSearchForm .input-box + label {font-weight: 600; color: var(--color-header-2); }
#catalogSearchForm .input-box.disabled + label {color: var(--color-gray); }
#catalogSearchForm col > .content {margin-bottom: 15px;}

#catalogSearchForm .close:not(.hidden) {
    background: url("images/close-white.png") center center no-repeat;
    background-size: 10px;
    background-color: var(--color-header-2);
    display: inline-block;
    position: sticky;
    top: 15px;
    left: 100%;
    z-index: 100;
    border-radius: 7px;
    padding: 10px;
    margin: 0;
}

.left-panel ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0 0;
    margin: 0;
    padding-left: 20px;
}
.left-panel ul.hidden {
    display: none;
}
.left-panel ul.catalog-category {
    margin: 0;
    padding: 0;
}
.left-panel ul.catalog-category > li {
}

.left-panel ul.catalog-category > li.active.has-child {
    border-bottom: 1px solid var(--color-main-2);
    width: 100%;
}

.left-panel ul.catalog-category > li > a {
    font-weight: bold;
    font-size: var(--font-h4);
}
.left-panel ul.catalog-category li > a {
    padding: 10px 0;
    display: inline-block;
    font-weight: 600;
    position: relative;
    padding-left: 20px;
}
.left-panel ul.catalog-category li.active > a {
    text-decoration: underline;
}

.left-panel ul.catalog-category li.has-child > a:before {
    content: url(images/arrow-right-full.svg);
    position: absolute;
    top: 10px;
    left: 0;
    width: 15px;
    text-align: center;
    height: 15px;
}

.left-panel ul.catalog-category li.active.has-child > a:before {
    rotate: 90deg;
}

div.range-slider { margin:5px auto; background:#EEEEEE; border:none; height:7px; width: 90%; }
div.range-slider .ui-slider-range { background: var(--color-main-2); }
div.range-slider .ui-slider-handle:hover,
div.range-slider .ui-slider-handle { background:url("images/slider.png") no-repeat center center; width:20px; height: 23px; cursor: pointer; top:-0.4em; outline: none; }

div.range-values { position:relative; height: 25px; margin:0 auto; width: 90%; top: 8px; font-size: 0.9em; font-weight: 600; color: var(--color-header-2); }
div.range-values span.range-min-value,
div.range-values span.range-max-value { display:block; position:absolute; top:0px; left:0px; text-align:center; white-space: nowrap; }

.breadcrumbs {min-height: 28px; margin: 15px 0;}
.breadcrumbs a {display: inline-block; position: relative; font-size: 1.1em; font-weight: 600; padding: 0 25px; line-height: 28px; vertical-align: middle; background: #fff; color: var(--color-header-2); text-decoration: none;}
.breadcrumbs span:first-child a { padding-left: 0; }
.breadcrumbs span:not(.current-crumb) a:after {

    content: url(images/arrow-right-full.svg);
    position: absolute;
    top: 5px;
    right: 0px;
    width: 15px;
    text-align: center;
    height: 15px;
}
.breadcrumbs a:hover,
.breadcrumbs span.current-crumb a {text-decoration: underline;}

.breadcrumbs a.home {background: url("images/home.svg") no-repeat center center; width: 35px; height: 28px; display: inline-block;}
.breadcrumbs a.home span {display: none;}

.kontext-title-container {position: relative;}
.kontext-title-container .breadcrumbs {float: left;}
.kontext-title-container h1 {float: right; padding-right: 15px;}
.kontext-title-container:after { clear: both; content: ""; display: table; margin-bottom: 20px; }

#prev-list {min-height: 28px; margin: 15px 0; float: right;}
#prev-list a {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 600;
    padding: 1px 25px;
    line-height: 28px;
    vertical-align: middle;
    text-decoration: none;
    background: var(--color-main-2);
    color: #fff;
}
#prev-list a:hover {
    background: #fff;
    color: var(--color-header-2);
    border: 1px solid var(--color-header-2);
    padding: 0 24px;
    text-decoration: none;
}

div.products { padding:15px 0; display: flex; flex-wrap: wrap; }
div.products > .col { width:16.6666%; flex: 0 0 254px; padding:15px 13px; margin: 0; position: relative; float: initial; }
div.products > .col > div { min-height:527px; height: 100%; padding: 0; display: flex; flex-direction: column; position: relative;}
div.products > .col > div.not-logged {padding-bottom: 15px;}
div.products > .col > div:hover {  }
div.products > .col .product > a, div.products > .col .product > a img.image {height:400px; width:100%; max-width: 228px; }
div.products > .col .product > a img.image {
    aspect-ratio: 1 /1;
    padding-top: 50px;
    object-fit: contain;
}
div.products > .col div.h2 {  flex-grow: 1; clear:both; font-size: var(--font-h3-5); font-weight: bold; line-height: var(--line-h3-5);  text-decoration: none; }
div.products > .col div.h2 a {text-decoration: none;}
div.products > .col div.h2 span { font-size: 0.65em; display:inline-block; width:100%; font-weight: 600; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-decoration: none; }

div.products > .col div.descr p {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 100%;
    height: calc(13px * 1.3 * 2); /* Fallback for non-webkit */
    margin: 0 auto 15px auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.products > .col .product-list-good-order {display: block; align-items: flex-end;}
div.products > .col .products-rating-like {padding: 5px 0;}
div.products > .col .products-rating-like > .col:first-child {width: 75%;}
div.products > .col .products-rating-like > .col:last-child {width: 25%; padding-right: 30px;}

div.products > .col .availability {padding: 0;}
div.products > .col .availability > .col:first-child {display: none;}
div.products > .col .availability > .col {}

div.products > .col .rating { white-space: nowrap; display: inline-block; }
div.products > .col .rating td { padding-left:3px; padding-right: 3px; }
div.products > .col .rating td:first-child { display: none; }
div.products > .col .price { padding:0; margin: 0; }
/*div.products > .col .price > .col .old { !*text-decoration: line-through;*! position: absolute; top:2px; left:2px; !*color: #939598;*!}*/
div.products > .col .price .price-number {
    position: absolute;
    right: -1px;
    top: 350px;
    color: var(--color-main);
    font-weight: bold;
    font-size: var(--font-h3);
    padding: 10px 20px;
    background: var(--color-invert);
}
div.products > .col .price .old {}
div.products > .col .price .old-price {}
div.products > .col .price .actual {}
div.products > .col .price .actual-with {}
/*div.products > .col .price > .col .old + .actual {top: 12px;}*/
/*div.products > .col .price > .col .old + .actual + .actual-with {top: 35px;}*/
div.products > .col .price > .cart {  }
div.products > .col .price > .cart button {  }
div.products > .col .price > .cart button:hover { }
div.products > .col .price > .cart .card-count {display: none;}
div.products > .col .price span.from {font-size: 0.5em;}

div.products > .col-inline { width:100%; }
div.products > .col-inline > div { min-height:150px; }
div.products > .col-inline div.image { width:25%; position: relative; text-align: center; }
div.products > .col-inline div.content { width:75%; }
div.products > .col-inline div.content div.h2 { font-size: 1.3em; padding:0 0 10px 0; min-height: 20px; }
div.products > .col-inline div.content p.description { text-align: justify; margin:0; padding:0; }

/*#vip-boxes div.products > .col { width:25%; }*/
#vip-boxes div.products > .col .product > a,
#vip-boxes div.products > .col .product > a img.image {
    height: 300px;
}

#vip-boxes .vip-shop-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 25px 0;
}

#vip-boxes .vip-shop-list .vip-store-item {
    width: 233px;
    border: 2px solid var(--color-invert);
    position: relative;
}
#vip-boxes .vip-shop-list .vip-store-item .vip-store-image {}
#vip-boxes .vip-shop-list .vip-store-item .vip-store-image a { display: block; }
#vip-boxes .vip-shop-list .vip-store-item .vip-store-image a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#vip-boxes .vip-shop-list .vip-store-item .product-store-count {
    text-align: center;
    font-size: 24px;
    padding: 12px;
    font-weight: bold;
}

#vip-boxes .vip-shop-list .vip-store-item .h2 {
    padding: 5px 15px 25px 15px;
    text-align: center;
    font-size: 16px;
}

#vip-boxes .vip-shop-list .vip-store-item .h2 a {
    color: var(--color-invert);
}

#vip-boxes .vip-shop-list .vip-store-item .h2 a:not([href]):hover {
    text-decoration: none;
    cursor: default;
}

#vip-boxes .vip-shop-list .vip-store-item .price > .cart {
    display: none;
}

#vip-boxes .vip-shop-list .vip-store-item .price > .col {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

#vip-boxes .vip-shop-list .vip-store-item .price > .col .actual {
    position: inherit;
    top: 0;
    font-size: 2.2em;
}

#vip-boxes .vip-shop-list .vip-store-item .price .price-number {
    position: absolute;
    right: -1px;
    top: 199px;
    color: var(--color-main);
    font-weight: bold;
    font-size: var(--font-h3);
    padding: 10px 20px;
    background: var(--color-invert);
}
#vip-boxes .vip-shop-list .vip-store-item .box-number { font-size: 1.4em; padding: 15px 0; }
#vip-boxes .vip-shop-list .vip-store-item .box-enable { font-size: 2em; color: #A41E21; }
#vip-boxes .vip-shop-list .vip-store-item .box-enable.is-enable { color: var(--color-green); }

#vip-boxes div.products > .col .product > a img.image {
    -o-object-fit: cover;
    object-fit: cover;
}

#vip-boxes div.vip_shops {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 25px 0;
    justify-content: center;
}

#vip-boxes div.vip_shops .vip_shop {
    position: relative;
}

#vip-boxes div.vip_shops .vip_shop .vip_shop_picture {
    border: 2px solid var(--color-invert);
    height: 364px;
    width: 260px;
}

#vip-boxes div.vip_shops .vip_shop .vip_shop_text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#vip-boxes div.vip_shops .vip_shop span {
    flex-grow: 0;
    flex-shrink: 0;
    display: inline-block;
    color: var(--color-invert);
    font-size: 1.1em;
    font-weight: bold;
    padding: 15px 25px;
    background: black;
    border: 2px solid var(--color-invert);
    max-width: 75%;
    text-align: center;
}


#pager-limit-sort { font-weight: 600; color: var(--color-header-2); padding: 15px 10px;}
#pager-limit-sort .col { width: 66.666%; padding: 0; }
#pager-limit-sort .col:first-child > * { margin-right: 24px; }
#pager-limit-sort .col:last-child { width: 33.333%; }
#pager-limit-sort .col span.title {padding-right: 15px; font-size: 1.1em; display: inline-block; vertical-align: middle;}

.rating { white-space: nowrap; }
.rating span { display: inline-block; text-align: left; width:130px; height: 20px; overflow: hidden; font-size:10px; line-height:10px; background: url('images/rating.png') no-repeat 0 0; position: relative; }
.rating span span { display: inline-block; background: url('images/rating.png') no-repeat 0 -21px; margin:0; }
.rating span span.r0 { width:0; }
.rating span span.r1 { width:20%; }
.rating span span.r2 { width:40%; }
.rating span span.r3 { width:60%; }
.rating span span.r4 { width:80%; }
.rating span span.r5 { width:100%; }
.rating span a { width:20%; height:20px; display:block; float:left; position: absolute; top:0; left:0; }
.rating span a span { display:none; }
.rating span a.rate1 { left:0; }
.rating span a.rate2 { left:20%; }
.rating span a.rate3 { left:40%; }
.rating span a.rate4 { left:60%; }
.rating span a.rate5 { left:80%; }

.ratings h2 {color: var(--color-main-2); font-size: 2em;}

#ratingForm .col {width: 50%;}

.rating-report > .col:first-child { width: 30%; }
.rating-report > .col:last-child { width: 70%; }

.rating-report .rating { padding: 12px 0; }
.rating-report .nickname {font-size: 1.3em; padding: 15px 0;}

.rating-report header { font-size: 1.7em; font-weight: 600; padding: 15px 0; }
.rating-report main {}

#addRating {margin-top: 15px;}

.rating-overall {  }
.rating-overall .overall { font-size: 3em; font-weight: 600; color: #A41E21; }
.rating-overall .title { font-size: 1.4em; padding: 5px 0 10px 0; }
.rating-overall .rating { margin-left: -5px; }

.icostars { position: absolute; top:2px; right:25px; width: 100%; text-align: right; }
.icostar { position: relative; top:0; left:0; margin-left: 12px; display: inline-block; }
.icostar a { display: inline-block; padding: 3px 12px; text-decoration: none; }
.icostar a span {  color: #fff; font-size: var(--font-main); text-transform: capitalize;  }
.icostar-new { background-color: var(--color-header-2); }
.icostar-sale { background-color: #A41E21; }
.icostar-saleout { background-color: #286e82; }
.icostar-saletop { background-color: #286e82; }


#product-connected .h2 {padding: 1em 0;}

#product-detail { margin: 40px 0 ; }
#product-detail h1 { padding: 0 0 5px 0; font-size: 2.6em; }
#product-detail .slogan { padding: 5px 0; }
#product-detail > .content {padding: 0;}
#product-detail > .content .picture { max-width:676px; width: 45%; padding: 0; margin: 0 25px 10px 15px; position: relative; }
#product-detail > .content .picture .main-picture { max-width:676px; }
#product-detail > .content .picture .main-picture a { max-width:676px; display: inline-block; }
#product-detail > .content .picture img.lazy { width:100%; max-width: 676px; height: auto; max-height: 796px; }
#product-detail > .content .picture div.icostars { width: calc(100% - 30px); text-align: left; }

#product-detail > .content .data { width: calc(55% - 40px); max-width: 720px; padding:0 0 10px 20px; }
#product-detail > .content .data .data-header { padding-top: 0; margin-right: 0; }
#product-detail > .content .data .data-header > { width: 50%; }
#product-detail > .content .data .data-header > .base {width: 100%; color: var(--color-header-2); line-height: 24px; font-size: 1.1em;}
#product-detail > .content .data .data-header > .infomation {padding-right: 5%; padding-top: 10px; display: flex; flex-direction: column; gap: 15px 0;}
#product-detail > .content .data .data-header > .infomation .order-variants { display: flex; gap: 12px 12px; flex-wrap: wrap; }

#product-detail .do-order {display: flex; gap: 25px; justify-content: space-between; margin-top: 25px;}
#product-detail > .content .data .data-header .order {}
#product-detail > .content .data .data-header .order button.addToCartBtn { }

#product-detail > .content .data .data-header .order button.addToCartBtn img {position: absolute; top: 17px; right: 35px; width: 32px;}
#product-detail > .content .good-order { display: flex; flex-direction: column; gap: 12px 12px; flex-wrap: wrap; }
#product-detail > .content .order-spinner { display: flex; }
#product-detail > .content .order-spinner .btn-spinner { height: 100%; background: #C3C3C3; color: var(--color-invert); font-size: var(--font-h4); font-weight: bold; }
#product-detail > .content .order-spinner input.spinner { padding: 14px; background: #C3C3C3; color: var(--color-invert); border: none; width: 100%; font-weight: bold; }
#product-detail > .content .fullsize > tbody > tr > td { padding:5px 0; }
#product-detail > .content .fullsize > tbody > tr > td:first-child { width: 32%; }
#product-detail > .content .fullsize > tbody > tr > td form { white-space: nowrap; }


#product-detail > .content .fullsize > tbody > tr > td table img.ico { padding-right:7px; }
#product-detail div.good-price > .price-line { padding:0; display: flex; font-size: var(--font-h2); gap: 20px; }
#product-detail div.good-price > .price-line .mainPrice {color: #A41E21; font-weight: bold; text-transform: uppercase; }
#product-detail div.good-price > .price-line .mainPrice span.with {font-size: 0.5em; padding-left: 10px;}

#product-detail div.good-price > .price-line .mainPrice .diffPrice {position: absolute; top: 0; right: 0; padding: 2px 15px; text-decoration: none; background: #A41E21; color: #fff; font-size: 12px;}
#product-detail div.good-price > .price-line .withPrice {padding: 0 18px; color: #939598; font-size: 2em;}
#product-detail div.good-price > .price-line .withPrice span.with {font-size: 0.5em; padding-left: 5px;}

#product-detail div.good-price > .price-line .withPrice span.with-forward {font-size: 0.5em; padding-right: 15px;}
#product-detail div.good-price > .price-line .oldPrice { color: #717171;}
#product-detail div.good-price > .price-line .oldPrice span.with {font-size: 0.5em; padding-left: 5px;}

#product-detail div.good-price > .price-line .oldPrice span.with-forward {font-size: 0.5em; padding-right: 5px;}
#product-detail .ui-accordion .ui-accordion-content { padding: 25px 0 25px 20px; }

#product-detail .ui-tabs .ui-tabs-nav { margin-left: 0; }
#product-detail .ui-tabs .ui-tabs-panel { padding-left: 0; }

.attrib-info:not(.hidden), .all-info { display: flex; gap: 12px 12px; flex-wrap: wrap; }
.attrib-info:not(.hidden) div.value, .all-info div.value { padding: 8px 10px; background: #EFEFEF; color: #797979; text-transform: uppercase; }

.options-shrink {
    height: 145px;
    overflow: hidden;
}

.options-shrink.expanded {
    height: auto;
}

.option-shrink-more {
    position: relative;
    cursor: pointer;
}
.option-shrink-more:after {
    content: "";
    display: block;
    height: 25px;
    width: 25px;
    background: url(images/arrow-left.png) no-repeat center center;
    rotate: -90deg;
    left: 30px;
    position: relative;
}

.option-shrink-more.expanded:after {
    rotate: 90deg;
}

.option-shrink-more > span {display: none;}

.favorite {text-decoration: none;  color: var(--color-header-2);}
.favorite .font-heart {padding-left: 5px;}
div.products .favorite {}
div.products .favorite .text-heart {display: none;}

#product-events { padding: 15px 0; }
#product-events .favorite {line-height: 36px; margin-left: 15px;}

#productDescription .container { padding:1px 0; }

#productPhotogallery { height:120px; margin:0; padding:10px 0; position: relative; }
#productPhotogallery div.image { width:120px; height:120px; float:left; }
#productPhotogallery div.image a { width:120px; height:120px; border:none; }
#productPhotogallery div.image a img { width:115px; height:115px; padding:3px; border:none; }
#productPhotogallery div.image a:hover { border:none; }
#productPhotogallery .arrow { display:block; margin:0; padding:0; width:20px; height:120px; border:none; position: absolute; top:10px; }
#productPhotogallery .arrow:hover { border: none; }
#productPhotogallery .arrow-prev {background: url(images/arrow-left.png) no-repeat center center; left:0; }
#productPhotogallery .arrow-next {background: url(images/arrow-right.png) no-repeat center center; right:0; }
#productPhotogallery span { display: none; }
#productPhotogallery div.carousel-container { margin:0 auto; width:270px; }

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]  {width: 100% !important;}

#requestForm { position: absolute; background: #fff; z-index: 10002; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
#requestForm form { padding: 20px; }
#requestForm form > div { padding: 5px 0;}
#requestForm form > div > div.title { font-size: 1.2em; padding: 5px 0 5px 0; }
#requestForm textarea { height: 200px; margin-bottom:10px; }
#requestForm img.close { position: absolute; top: 20px; right: 20px; cursor: pointer; }

#order-steps { padding: 25px 0; }
#order-steps .col { box-sizing: border-box; position: relative; padding:0; width: auto; color:var(--color-main); }
#order-steps .col:first-child { border-left:none; }
#order-steps .col a, #order-steps .col span { border-bottom:8px solid var(--color-border); color:var(--color-main); text-decoration: none; text-transform: uppercase; display: block; padding:0 100px 10px 0; }
#order-steps .col.active a, #order-steps .col.active span { color:var(--color-main); border-bottom:8px solid #AB4566; }
#order-steps .col.done a, #order-steps .col.done span { color:var(--color-main); border-bottom:8px solid #34B9DC; }

#eshop-cart-items .cart-spinner { display: flex; justify-content: center; }
#eshop-cart-items .cart-spinner .btn-spinner { background: none; color: var(--color-main); font-size: var(--font-h3); font-weight: bold; }
#eshop-cart-items .cart-spinner input.spinner { padding: 0 14px; font-size: 23px; background: none; color: var(--color-main); border: none; font-weight: bold; outline: none; }

#order-steps-buttons .deliveryInfo  { display: inline-block; padding-top: 10px;}

#cart-price-summary {}
#cart-price-summary .col { width:50%; }
#cart-price-summary .col:first-child {  }

.cart-free-highlight {
    padding: 15px 0;
    font-size: 1.2em;
}

#deliveryPayment { margin-top:10px; }
#deliveryPayment > .col { width:50%; }

#deliveryTypes > div { padding: 5px 0; }
#deliveryTypes > div input { margin:0 10px 0 0; display: inline-block; }
#deliveryTypes > div strong { float:right; }
#deliveryTypes > div.with-oo .selectbox { width: 500px; max-width: calc(100% - 30px); display: block; margin: 10px 0 0 30px; }

#paymentTypes > div { padding:5px 0; }
#paymentTypes > div input { margin:0 10px 0 0; display: inline-block; }
#paymentTypes > div > span:not(.input) { float:right; }

#paymentFormBtn {max-width: 500px; cursor: pointer;}

#order-summary > .row > .col { width:50%; }

#order-base > .row > .col { width: 50%; }

#content-items { padding: 50px 0; }
#content-items .col { padding:30px 15px; }
#content-items .col > div.image { float:left; width:320px; }
#content-items .col > div.image a { display:block; padding:5px; }
#content-items .col > div.image a img { display:block; width:100%; max-width: 320px; }
#content-items .col > div:nth-child(2) { margin-left: 350px; padding: 0 0 15px 0; line-height: 1.8em; }

#brand-list { padding-top:0; }
#brand-list .col { padding:15px 15px 0 15px; width:16.66%; }
#brand-list .col > div { display:block; height:100px; text-align: center; }
#brand-list .col > div a {}
#brand-list .col > div a img { display:inline-block; }
#brand-list .col > div a span { display:block; padding-top:40px; text-align: center; }

.pager {background: var(--color-invert); font-size: 0; display: flex; justify-content: right; min-height: 1px;}
.pager .page {
    display: flex;
    align-items: center;
    font-size: 15px;
    vertical-align: middle;
    overflow: hidden;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    min-width: 20px;
    margin: 0 0 0 2px;
    flex-shrink: 0;
}
.pager .page a { display: flex; justify-content: center; align-items: center; color:var(--color-main-2); text-align: center; padding: 12px 12px; text-decoration: none; }

.pager .page a:hover {
    text-decoration: none;
    color: var(--color-main-2);
    background: var(--color-green-pager-hover);
}

.pager .page-active a { background: var(--color-green-pager); color: var(--color-main); }
.pager .page-other {background:var(--color-green-pager); color: var(--color-main); margin-left: 5px; }
.pager .page-other:first-child {margin-left: 0;}
.pager .page-other a { min-width: 50px; height: 100%; }
.pager .page-other a > img {vertical-align: middle; width: 35%; padding-top: 2px;}

#footer-pager { padding: 0.8em 0;}
#footer-pager .col {width: 100%;}
#footer-pager .col:nth-child(2),
#footer-pager .col:nth-last-child(2) {width: 50%;}

footer {
    background: var(--color-main);
    color: var(--color-invert);
    position: relative;
}
footer ul.list li {padding: 5px 0;}
footer ul.list li a {color: #fff; display: block; font-weight: 600;}
footer ul.list li a:hover {color: #fff; text-decoration: underline;}
footer .col > div.fs-large {border-bottom: 1px solid #fff;}
footer .info-panel > .col { width: 25%; }
footer .info-panel > .col.footer-heureka {
    position: relative;
}

footer .info-panel > .col.footer-heureka .footer-ornament {
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/Repeat Grid 17.svg") repeat-x left top;
    height: 64px;
    width: 266px;
}

footer .info-panel > .col.footer-rubriky {
    width: 50%;
}

footer .footer-contact { padding-top: 30px; }
footer .footer-contact a { font-size: 32px; color: #fff; text-decoration: none; font-weight: 600; padding: 0; display: inline-block; letter-spacing: 2px; }
footer .footer-contact div.slogan { font-size: var(--font-main); font-weight: 600; }

footer > .row > .col > .row .col {width:50%;}

footer .footer-logo {margin-top: 32px;}
.mobile-menu .h1,
.club-logo .h1,
footer .footer-logo h1,
footer .footer-logo .h1 {
    padding: 0;
    margin: 0;
    text-align: left;
}

.mobile-menu .h1 a,
.club-logo .h1 a,
footer .footer-logo h1 a,
footer .footer-logo .h1 a {
    width: 100%;
    display: inline-block;
    background: url("../images/logo-min-no.svg") no-repeat left center;
    background-size: contain;
}

.mobile-menu .h1 a {
    background-position-x: center;
}

footer nav ul.navigation > li.active { background: var(--color-invert); color: var(--color-main-2); }
footer nav ul.navigation > li:hover, nav ul.navigation > li.active:hover { background: var(--color-active); }
footer nav ul.navigation > li > a { color: var(--color-invert); }
footer nav ul.navigation > li > a:hover,
footer nav ul.navigation > li.active > a {  }
footer nav ul.navigation > li.active > a { color: var(--color-main-2); }

footer .footer-small-menu {
    display: none;
}


#newsletter > .col { width:50%; }
#newsletter > .col .col { width:35%; }
#newsletter > .col .col:first-child { width:65%; }

.newsletter-panel {background: var(--color-main-2); color:var(--color-invert);}
.newsletter-panel .col {width: 50%;}
.newsletter-panel .newsletter form { position: relative; margin:0; padding:0; }
.newsletter-panel .newsletter form input.input { float:left; padding:0 120px 0 15px; width:100%; height: 50px; border:none; font-size: 1.3em; font-weight: 600; color: var(--color-main-2); }
.newsletter-panel .newsletter form .btn { float:left; padding:0 50px; height:48px; position: absolute; top:1px; right:1px; font-size: 1.3em; font-weight: 600;  background: var(--color-header-2); }
.newsletter-panel .newsletter form .btn:hover {background: var(--color-btn-hover); color: var(--color-main-2);}
.newsletter-panel .newsletter p { clear:both; margin:0; padding:10px 0; }

.newsletter-panel .newsletter-info > span {
    display: block;
    font-weight: 600;
    font-size: 1.7em;
    padding-top: 10px;
}

#footer {
    background: var(--color-main);
    color: var(--color-invert);
}
#footer a {color: var(--color-invert)}
#footer a:hover {color: var(--color-invert)}
#footer .row { padding: 40px 0; }
#footer .col { width: 27%; }
#footer .col:nth-child(2),
#footer .col:nth-last-child(2) {width: 58%; padding-left: 20px;}
#footer .col:last-child {width: 15%; text-align: right;}
#footer .col p { margin:0; padding:0; display: inline-block; }

#footer .footer-menu ul { display: flex; gap: 0 16px; margin: 0; padding: 0; align-items: center; justify-content: left; flex-wrap: wrap; }
#footer .footer-menu ul li { display: inline-block; padding: 0; margin: 0; }

#home-new-text:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
    background: url("../images/Repeat Grid 16.svg") repeat-x left top;
    height: 32px;
    z-index: 2;
}
#home-new-text {
    position: relative;
    background: transparent linear-gradient(115deg, #FF0089 0%, #AE00B8 33%, #3100FF 100%) 0% 0% no-repeat padding-box;
}

#home-new-text section {
    padding: 72px 0;
    display: flex;
    gap: 40px 120px;
}

#home-new-text section > div {
    color: var(--color-invert);
}

#home-new-text p {
    padding: 0;
    margin: 25px 0;
}

.footer-registration {
    background: var(--color-active);
}

.footer-registration section {
    padding: 34px 0;
    display: flex;
    justify-content: space-between;
}

.footer-registration p {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.registration_vo_message {
    margin: -20px 0 -12px 32px;
}

.registration_vo_message a {
    text-decoration: underline;
}

/*
    HOMEPAGE
*/


.video-banner {
    max-height: 768px;
    position: relative;
    background: transparent linear-gradient(180deg, rgb(255 0 0 / 60%) 0%, rgb(0 0 217 / 60%) 100%) 0% 0% no-repeat padding-box;
}

.video-banner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background: url("../images/Repeat Grid 17.svg") repeat-x left top;
    z-index: 2;
    height: 64px;
    width: 532px;
}

.video-banner:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    background: url("../images/Repeat Grid 16.svg") repeat-x left top;
    height: 32px;
    z-index: 2;
}

#bg-video {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 768px;
    max-width: 1920px;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: multiply;
}

#mainBanner {
    z-index: 1;
    position: relative;
    max-height: 500px;
    background: var(--color-header-2);

}
#mainBanner .carousel { position: relative; height: 500px; z-index: 1; overflow: hidden; }
#mainBanner .carousel .carousel-container { width:100% !important; max-width: 1920px !important; overflow: hidden }

#mainBanner .carousel .item {
    float: left;
    width: 100%;
    max-width: 1920px;
    max-height: 500px;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    object-fit: cover;
}
#mainBanner .carousel .item img { height: 100%; width: 100%; }
#mainBanner .carousel .item .bannerName {font-size: 5em; font-weight: 600; position: absolute; top: 30%; width: 100%; color: var(--color-invert); text-align: center;}
#mainBanner .carousel .item .bannerButton { text-align: center; position: absolute; top: 50%; width: 100%;}

#mainBanner .carousel-full .carousel-container { max-width: 1920px; }
#mainBanner .carousel-full .item { max-width: 1920px; }
#mainBanner .carousel-full .item img { max-width: 1920px; }

.carousel .carousel-navbar {
    padding: 0;
    position: absolute;
    bottom: 10px;
    list-style: none;
    margin:15px 0;
    width: 100%;
    text-align: center;
}

.carousel .carousel-navbar li { padding: 0; margin: 10px; display: inline-block;  background: var(--color-invert); border-radius: 50%; width: 15px; height: 15px; cursor: pointer; }
.carousel .carousel-navbar li.carousel-navbar-active {background: var(--color-main);}
.carousel .carousel-navbar li span { display: none; color:white; text-decoration: none; }
.carousel .carousel-navbar li span:hover { color:var(--color-gray); text-decoration: none; }
.carousel .carousel-navbar li ul { margin:0 0 0 -10px; padding:5px 0 10px 0; list-style:none; }

#mainBanner a.arrow {position: absolute; z-index: 1; top: calc(50% - 27px); left: calc(50% - 650px); width: 52px; height: 55px; border: 2px solid #fff; color: #fff;
                        background: url("./images/arrow-left.svg") no-repeat center center; background-size: 45%;}
#mainBanner a.arrow.arrow-next { right: calc(50% - 650px); left: auto; background-image: url("./images/arrow-right.svg");}
#mainBanner a.arrow span {display: none;}

.video-banner .banner-content,
#mainBanner .banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
    width: 340px;
    padding: 25px;
    background: #20202020;
    color: #fff;
    text-align: left;
}

.video-banner .banner-content header,
#mainBanner .banner-content header {
    font-size: var(--font-h1);
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.video-banner .banner-content section,
#mainBanner .banner-content section {
    font-size: var(--font-h4);
    line-height: 28px;
    text-align: justify;
}

.video-banner .banner-content footer,
#mainBanner .banner-content footer {
    margin-top: 20px;
    background: none;
}


#mainBanner:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    background: url("../images/Repeat Grid 17.svg") repeat-x left top;
    z-index: 2;
    height: 64px;
    width: 532px;
}

.homepage-invitation {
    position: relative;
    max-width: 100%;
}
.homepage-invitation > div {
    display: flex;
    margin: 0 auto;
    padding: 44px 0 15px 0;
}

.homepage .homepage-invitation > div {
    padding: 44px 0 0 0;
}

.homepage-invitation > div > * {width: 50%; overflow: hidden}
.homepage-invitation > div > *:first-child:last-child {width: 100%;}
.homepage-invitation .text {
    background: transparent linear-gradient(118deg, #FF0089 0%, #AE00B8 54%, #3100FF 100%) 0% 0% no-repeat padding-box;
    padding: 48px 126px 42px 48px;
    color: var(--color-invert);
}

.homepage .homepage-invitation .text {
    padding: 100px 126px 42px 48px;
}

#home-new-text header,
.homepage-invitation .text header {
    font-size: var(--font-h1);
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 20px;
}
#home-new-text header:after {
    content: '';
    width: 84px;
    height: 2px;
    /*border-bottom: 2px solid var(--color-invert);*/
    position: absolute;
    left: 0;
    bottom: 0;
}
.homepage-invitation .text .content {
    font-size: var(--font-h4);
    line-height: 28px;
}

.homepage-invitation .picture img {
    width: 100%;
    display: inherit;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.homepage-invitation .text .content p {
    margin: 35px 0;
}

#home-new-text a,
.footer-registration a,
.banner-content a,
.homepage-invitation .text .content a,
main p a {
    display: inline-block;
    text-transform: uppercase;
    padding: 14px 40px;
    margin: 0;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    white-space: inherit;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: var(--color-main-2);
    border: 2px solid var(--color-invert);
}


#home-new-text a:hover,
.footer-registration a:hover,
.banner-content a:hover,
.homepage-invitation .text .content a:hover,
main p a:hover {
    background: var(--color-btn-hover);
    color: var(--color-main-2);
}


#brandBox { text-align: center; }
#brandBox img { vertical-align: middle; margin:5px; }

/*    Fixne v pravo z dola hore      */
/*#brandsCarousel {
    position: absolute;
    top: 80px;
    left: 0px;
    width: 120px;
    padding-top: 0;
    background: #fff;
    border-top: 1px solid rgba(44, 62, 80, 0.3);
    border-right: 1px solid rgba(44, 62, 80, 0.3);
    border-bottom: 1px solid rgba(44, 62, 80, 0.3);
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(44, 62, 80, 0.3);
    -moz-box-shadow:    0px 0px 10px 0px rgba(44, 62, 80, 0.3);
    box-shadow:         0px 0px 10px 0px rgba(44, A41E2162, 80, 0.3);
}
#brandsCarousel section > header { text-align: center; font-size: 1.6em; padding: 15px 0 5px 0; }
#brandsCarousel section > header a {color: var(--color-header-2); text-decoration: none; font-weight: 600;}
#brandsCarousel #brandBox { position: relative; width: 120px; z-index: 1; height: 360px; }
#brandsCarousel #brandBox .carousel-container { width:100%; }
#brandsCarousel #brandBox .carousel-content > .brandItem { width: 120px; padding:0;}
#brandsCarousel #brandBox .carousel-content > .brandItem > a,
#brandsCarousel #brandBox .carousel-content > .brandItem > span.show { display: block; margin: 0; padding:15px 10px;}
#brandsCarousel #brandBox .carousel-content > .brandItem > a img,
#brandsCarousel #brandBox .carousel-content > .brandItem > span.show img { width: 100px; margin: 0;}
#brandsCarousel #brandBox .arrow {display: none;}*/

/*     Z lava do prava     */
#brandsCarousel {
    background: #fff;
    height: 70px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}
#brandsCarousel section > header { text-align: center; font-size: 1.6em; padding: 5px 0; }
#brandsCarousel section > header a {color: var(--color-header-2); text-decoration: none; font-weight: 600;}
#brandsCarousel #brandBox { display: block; position: relative; width: 1200px; z-index: 1; height: 70px; }
#brandsCarousel #brandBox .carousel-container { width:100%; }
#brandsCarousel #brandBox .carousel-content > .brandItem { width: 120px; padding:0; float: left;}
#brandsCarousel #brandBox .carousel-content > .brandItem > a,
#brandsCarousel #brandBox .carousel-content > .brandItem > span.show { display: block; margin: 0; padding:5px 10px;}
#brandsCarousel #brandBox .carousel-content > .brandItem > a img,
#brandsCarousel #brandBox .carousel-content > .brandItem > span.show img { width: 100px; margin: 0;}
#brandsCarousel #brandBox .arrow {display: none;}

form > .profile-spaces,
.profile-spaces > form,
.profile-spaces #userTypePoData:not(.hidden),
.profile-spaces #differentDeliveryAddressData:not(.hidden) {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}

form > .profile-spaces > *:not(.hidden):not(.flex-inline):not(.submit),
.profile-spaces  > form > *:not(.hidden):not(.flex-inline):not(.submit),
.profile-spaces #userTypePoData:not(.hidden):not(.flex-inline) > *:not(.hidden):not(.flex-inline),
.profile-spaces #differentDeliveryAddressData:not(.hidden):not(.flex-inline) > *:not(.hidden):not(.flex-inline)
{
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
}

.profile-spaces  > form > .full-size {
    flex-wrap: wrap;
    flex-direction: row !important;
}
.profile-spaces  > form > .full-size > * {
    flex-shrink: 0;
    flex-basis: 100%;
}

form > .profile-spaces .flex-inline:not(.hidden),
.profile-spaces > form .flex-inline:not(.hidden) {
    display: inline-flex;
    flex-direction: row;
}
form > .profile-spaces > *,
.profile-spaces > form > *,
.profile-spaces #userTypePoData > *,
.profile-spaces #differentDeliveryAddressData > *
{
    gap: 5px 0;
}

.profile-spaces:not(.profile-no-address) .delivery-row {
    flex-direction: row !important;
}


/* -- Material Design Table style -------------- */
table {
    max-width: 100%;
    margin-bottom: 0.1rem;
}
table > thead > tr,
table > tbody > tr,
table > tfoot > tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    text-align: left;
    padding: 0.25rem 0.5rem;
    vertical-align: top;
    border-top: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
table > thead > tr > th {
    color: var(--color-main-2);
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
table > tbody + tbody {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
table table {
    background-color: #fff;
}
table .no-border {
    border: 0;
}

.page.page-other > a > img {
    max-height: 15px;
}

#club-user-order-list { overflow-x: auto; }

/*
 * RESPONSE CSS
 */
@media only screen and (max-width: 1826px) {
    .container {
        max-width: 1270px;
    }

    .body-content {
        max-width: 1272px;
    }

    #brandsCarousel {display: none;}


    #subcategories ul.list {
        justify-content: space-around;
    }

    header .cart {
        margin-right: 5px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 1440px) {
    .container {
        max-width: 1018px;
    }

    .body-content {
        max-width: 1020px;
    }
}


@media only screen and (max-width: 1034px) {
    #left-banner,
    #right-banner {
        display: none;
    }

    main.body-background {
        display: block;
    }

    .body-content {
        margin: 0 auto;
    }
}


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

    nav ul.navigation > li:first-child { border-left:none; }

    div.products > .col { width: 25%; }
}

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

    .footer-registration section {
        padding: 35px;
    }

    #home-new-text section {
        flex-wrap: wrap;
    }

    #home-new-text section > div {
        padding: 0 35px;
    }

}

@media only screen and (max-width: 1080px) {
    #deliveryPayment { padding:0; }
    #deliveryPayment > .col { width:100%; padding:15px 15px 0 15px; }

    #product-detail > .content .data {
        padding-right: 15px;
    }

    #product-detail > .content .data .data-header > .col {
        width: 100%;
    }
    #product-detail > .content .data .data-header { margin-right: -15px;}
    #product-detail > .content .data .data-header > .col.infomation { padding-right: 15px;}

    #footer .footer-menu ul { gap: 25px; justify-content: center; }

    #product-detail .do-order {
        flex-direction: column;
    }

    #subcategories ul.list li { width: 314px }


    .body-background:not(.homepage) .homepage-invitation > div { flex-wrap: wrap; }
    .body-background:not(.homepage) .homepage-invitation > div > * { width: 100%;}
    .body-background:not(.homepage) .homepage-invitation .text { padding: 35px; }
}

@media only screen and (max-width: 1000px) and (orientation: landscape) {
    header.scrolled .header-middle > .col:first-child,
    header.scrolled .header-middle .eshop-info {
        display: none;
    }
}

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

    .topInfo {display: none;}

    #search-filter > .row > .col { width:25%; }

    .steps {
        flex-wrap: wrap;
    }


    header .header-middle > .col,
    header .header-middle nav.col,
    header .header-middle > .col:first-child { width: 100%; }
    header .header-middle .eshop-info { margin-top: 0; }
    nav ul.navigation { justify-content: center; padding: 15px 0;}
    header .header-middle .search { padding-left: 15px;}
    header .header-middle > div:nth-child(1) .h1 a { margin: 0 auto; background-position-x: center;}

    #login .login-social .col { width:100%; padding:5px 0; }
    #login .login-social .col:first-child { background: none; }

    #order-login .login-social .col { width:100%; padding:5px 0; }
    #order-login .login-social .col:first-child { background: none; }

    div.products > .col { width:33.33%; }
    div.products > .col-inline { width:100%; }

    #product-detail > .content .fullsize > tbody > tr > td { display: block; width:50%; float:left; }
    #product-detail > .content .fullsize > tbody > tr > td:first-child { width:100%; }
    #product-detail > .content .fullsize > tbody > tr > td:last-child { padding: 0; }

    #footer .col { width:100%; padding:15px; text-align: center; }
    #footer .col:first-child,
    #footer .col:nth-child(2), #footer .col:nth-last-child(2) { width:100%; padding: 15px; }
    #footer .col:last-child { width: 100%; text-align: center; }

    footer .info-panel > .col {
        padding-top: 7px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 900px) {
    #header div {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    #header .col, #header div.header-links, #header .col:last-child { width: 100%; translate: none;}

    nav ul.navigation li { width: 50%; }

    #layout2col > .col { width:100%; }
    #layout2col > .col:first-child { width: 100%; }
    #layout2col > .col:first-child ul li { display: inline-block; padding: 0 10px 10px 10px; }

    #login > .col table { width:90%; }
    #login > .col input.size-xxlarge { width:100%; }

    #order-login > .col table { width:90%; }
    #order-login > .col input.size-xxlarge { width:100%; }

    #footer .col:first-child strong { display:block; padding-bottom: 5px; }
    #footer .col:first-child img { padding:3px; }
}

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

    #order-steps > .col { font-size: 1.3em; padding-right:25px; }
    #order-steps .col a, #order-steps .col span { padding: 12px 0 12px 15px }

    #order-login > .col { width:50%; }
    #order-login > .col:last-child { width:100%; clear: both; padding-top: 15px; }
    #order-login .login-social .indent { padding:5px 0; }
    #order-login .login-social .col { width:50%; padding:15px 0; }

    #cart-price-summary > .col { width:50%; }
    #cart-price-summary > .col:first-child { width: 50%; }

    div.products > .col-inline div.image { width:30%; }
    div.products > .col-inline div.content { width: 70%; }
}

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

    .homepage .homepage-invitation > div { flex-wrap: wrap; }
    .homepage .homepage-invitation > div > * { width: 100%;}
    .homepage .homepage-invitation .text { padding: 35px; }

    #search-filter > .row > .col { width:33.33%; }

    #contact > .col { width: 100%; }

    #clubUser .col { width: 50%; }
    #clubUser .indent .indent { padding-left: 10px; padding-right: 10px; }
    #clubUser .submit { padding-top: 10px; text-align: center; width: 100%; }

    #cartCancelAndGiftcard > div input { width:200px; }

    .newsletter-panel .col {width: 100%;}
    #newsletter > .col .col { width:100%; text-align: right; }
    #newsletter > .col .col:first-child { width:100%; text-align: left; }

    main .filter-row {
        display: block;
    }

    main .filter-row .filter-trigger, main .filter-row .clear-filter {
        display: inline-block;
        margin: 0 12px;
    }


    #container-with-filter > .col:first-child {width: 100%; position: initial;}
    #container-with-filter > .col:last-child {width: 100%;}

    #container-with-filter > .col:first-child > form {
        display: block;
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        min-width: 360px;
        height: 100%;
        overflow: auto;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
        background: #fff;
        z-index: 15;
        transition: all 0.3s;
        transform: translateX(-100%);
        will-change: transform;
        padding: 25px;
        padding-top: 0;
    }

    #container-with-filter > .col:first-child > form.show-filter {
        visibility: visible;
        transform: translateX(0);
    }

    /*#catalogSearchForm > .col { }*/
    /*#catalogSearchForm > .col:nth-child(1), #catalogSearchForm > .col:nth-child(2),*/
    /*#catalogSearchForm > .col:last-child { width: 100%; }*/
    .left-panel ul {
        flex-wrap: wrap;
        flex-direction: row;
    }

    /*#catalogSearchForm > .col .content.brand {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 12px*/
    /*}*/

    footer .info-panel > .col { width:100%; margin: 10px 0; }
    footer .info-panel > .col.footer-rubriky { width: 100%; }
    footer .info-panel > .col:first-child { width: 100%; }
    footer .h1 { height: auto; text-align: center;}
    footer .footer-logo h1 a, footer .footer-logo .h1 a {background-position: center center;}



    #clubUserDashboard > .col { width: 100%; }
    #clubMenu { float:none; }
    #clubMenu .btn { width:50%; margin-bottom: 1px; float:left; }
    #clubMenu .btn:nth-child(2n+1) { border-right: 1px solid #FFF; }


    .user-side {
        flex-direction: column;
    }
    .user-side .user-left-side h2 {
        padding-left: 0;
        padding-right: 0;
    }

    .user-side .user-left-side ul {
        padding: 0;
        margin: 10px 0;
        gap: 10px;
    }

    .user-side .user-left-side ul li a {
        font-size: 1.2em;
    }
}

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

    #header div.header-links { display: none; }
    #header .col:last-child { display: none; }

    header .header-middle .search {padding: 0;}
    nav div.menu-trigger { display:block; background: url('images/menu-trigger.png') no-repeat center center; height:32px; width: 32px; }
    nav div.menu-trigger span { display: none; }

    header .header-middle .eshop-info {margin-top: 15px;}

    footer .info-panel > .col.footer-rubriky,
    nav ul.navigation { display: none; }
    header div.submenu { display: none !important; }

    header .header-middle .account-icon {
        position: absolute;
        top: 30px;
        right: 60px;
    }

    header.scrolled .header-middle .account-icon {
        top: 38px;
    }

    header .header-middle .cart {
        position: absolute;
        top: 29px;
        right: 9px;
    }
    header.scrolled .header-middle .cart {
        top: 22px;
    }

    header > .row > .col:first-child {
        width: 100%;
        text-align: center;
    }
    header > .row > .col:first-child .h1 {
        height: auto;
        display: block;
        margin: 15px 0;
    }

    header > .row > .col:first-child .h1 a {
        background-position: center center;
    }

    header .header-middle .account-icon .ico {
        width: 25px;
        height: 25px;
    }

    header .header-middle .cart .ico {
        height: 25px;
    }

    header div.submenu .col,
    header div.submenu .subTree,
    header div.submenu .col:last-child {
        width: 100%;
        padding: 15px;
        text-align: center;
    }
    nav ul.navigation > li:nth-child(6) { clear:none; }
    nav ul.navigation > li:nth-child(2n + 1) { clear:both; }
    nav .search {width: 100%;}

    #pager-limit-sort .col { width: 50%; text-align: right; }
    #pager-limit-sort .col:first-child { text-align: left; }
    #pager-limit-sort .col:last-child { width: 100%; padding-top:10px; }
    .pager {justify-content: center;}

    div.products > .col { width:50%; }
    div.products > .col-inline { width:100%; }

    div.products > .col .price > .col .actual { font-size: 1.8em; }

    #cartCancelAndGiftcard { text-align: center; }
    #cartCancelAndGiftcard .btn { float:none; }
    #cartCancelAndGiftcard > div { width:100%; clear:both; float: none; line-height: 45px; }
    #cartCancelAndGiftcard > div input { width:40%; }
    #cartCancelAndGiftcard > div > div { width: 100%; padding: 15px; }

    #order-steps-buttons > span.deliveryInfo { clear:both; display:block; padding-top: 20px; }

    .carousel .carousel-navbar { bottom: 5px; margin: 0; }
    .carousel .carousel-navbar li {margin: 2px 10px;}
}

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

    p a {
        display: inline-block !important;
    }

    .footer-registration section {
        flex-direction: column;
    }

    header .search {
        width: calc(100% - 80px);
    }

    .video-banner .banner-content, #mainBanner .banner-content { display: none;}

    #login { padding-bottom:0; }
    #login > .col { width:100%; }
    #login > .col { padding-bottom:15px; }
    #login > .col table { width:80%; }
    #login .login-social .indent { padding:15px 0; }
    #login .login-social .col { width:50%; padding:15px 0; }

    #order-login { padding-bottom:0; }
    #order-login > .col { width:100%; }
    #order-login > .col { padding-bottom:15px; }
    #order-login > .col table { width:80%; }
    #order-login > .col:last-child { padding-top: 0; }

    div.photogallery { margin:0 -1%; }
    div.photogallery a { width: 23%; margin:5px 1%; }
    div.photogallery a img { padding:6%; }

    #product-detail > .content .picture { width:100%; text-align: center; padding:0 15px 15px 15px; margin: 0; }
    #product-detail > .content .data { width:100%; padding: 0 15px; }

    #product-detail .ratings > div.fr { float: none; }
    #ratingForm .col { width: 100%; }

    .rating-report > .col:first-child,
    .rating-report > .col:last-child { width: 100%; }

    #brand-list .col > div {height: auto;}
    #brand-list .col > div a img { width: 100%; }

    #order-steps { background: none; }
    #order-steps > .col { background: #dadada; width:100%; margin:2px 0; padding:0; }
    #order-steps .col a, #order-steps .col span { padding: 7px 15px; border:none; }
    #order-steps .col.active a, #order-steps .col.active span { border:none; background: var(--color-main-2); color:#FFF; }
    #order-steps .col.done a, #order-steps .col.done span {  border:none; background:#A41E21; color:#FFF; }

    #eshop-cart-items table.separated thead th { padding: 10px 5px; }
    #eshop-cart-items table.separated thead th:first-child { padding-left:10px; width:auto; }
    #eshop-cart-items table.separated thead th:last-child { padding-right:10px; }
    #eshop-cart-items table.separated tbody td { padding: 5px; }
    #eshop-cart-items table.separated tbody td:first-child { padding-left:10px; width:auto; }
    #eshop-cart-items table.separated tbody td:last-child { padding-right:10px; }

    #cart-price-summary { padding:15px; }
    #cart-price-summary > .col { width:100%; padding: 0; }
    #cart-price-summary > .col:first-child { width: 100%; padding-bottom: 15px; margin: 0 0 15px 0; border-bottom: 1px solid #dadada; text-align: center; }

    #order-summary > .row { padding:0; }
    #order-summary > .row > .col { width:100%; padding:15px 15px 0 15px; }
    #order-summary > #order-summary-checks { padding:0 0 10px 0 }
    #order-summary > #order-summary-checks > .col { text-align: center; padding:5px 15px; }

    #order-summary #order-steps-buttons { text-align: center; }
    #order-summary #order-steps-buttons > button { clear:both; width:100%; float:none; margin:2px 0; padding:10px 0; }
    #order-summary #order-steps-buttons > a { width:45%; margin:2px; }

    #order-steps-buttons span.deliveryInfo { display: block; clear:both; padding-top: 15px; }

    #deliveryPaymentForm .indent-box { padding:15px; }
    #deliveryPayment .indent { padding:15px 0; }

    #newsletter > .col { width:100%; }
    #newsletter > .col .col { width:40%; text-align: left; }
    #newsletter > .col .col:first-child { width:60%; text-align: left; }

    #contact > .col { width: 100%; }

    .ui-tabs .ui-tabs-nav { margin: 0; }
    .ui-tabs .ui-tabs-nav li.ui-state-default { width: 100%; margin: 2px 0; padding: 0; }
    .ui-tabs .ui-tabs-nav li.ui-state-default a { width: 100%; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color: var(--color-main); }
    .ui-tabs .ui-tabs-nav li .ui-tabs-anchor {  }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {}
    .ui-tabs .ui-tabs-panel {  }

}

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

  div.products > .col-inline div.image {
    width: 100%;
    flex-grow: 1;
    padding-bottom: 15px;
  }
    div.products > .col-inline div.content { width: 100%; }


    .carousel .carousel-navbar { bottom: 0; }
}

@media only screen and (max-width: 620px) {
    #search-filter > .row > .col { width:50%; }

    #product-detail > .content .fullsize > tbody > tr > td { width:65%; text-align: left; float:right; padding:5px 0 10px 0; }
    #product-detail > .content .fullsize > tbody > tr > td table { margin:0 0 0 auto; }
    #product-detail > .content .fullsize > tbody > tr > td:first-child { width:35%; float:left; text-align: left; padding:10px 0 10px 0; }
    #product-detail > .content .fullsize > tbody > tr > td:last-child { width:100%; background: url("images/dot-line-light.png") repeat-x left top; padding:10px 0 0 0; }
    #product-detail > .content .fullsize > tbody > tr > td:last-child table { margin:0 auto; }
    #product-detail > .content .fullsize > tbody > tr > td div { width: 100%; }

    #product-events > table > tbody > tr > td { display: block; width:100%; text-align: center; }
    #product-events > table > tbody > tr > td > div { float:none; padding:15px 0 0 0; }
    #product-events > table > tbody > tr > td > div > form table { margin:0 auto; display: inline; }
}

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

    .h1 { min-width: 1px; }
    .h1 img { width: 100%; max-width: 196px; }

    #search-filter > .row > .col { width:100%; }

    #subcategories ul.list li { width:100%;
        flex-grow: 1; }
    #subcategories ul.list li a { font-size: var(--font-h3); }

    #login .col table { width:100%; }

    #lostpassword span { display:block; }
    #lostpassword input { width:100%; }


    #contact > .col form .row:last-child .col { width:100%; }

    form.form > .row:last-child > .col { width: 100%; }

    #product-detail .good-order td { display: block; width: 100%; }
    #product-detail .good-order td:first-child { display: none; }

    #product-detail > .content .fullsize > tbody > tr > td { width:40%; }
    #product-detail > .content .fullsize > tbody > tr > td:nth-child(2) table { margin:0 0 0 auto; width:auto; }
    #product-detail > .content .fullsize > tbody > tr > td:nth-child(2) table td { text-align: left; padding:0; vertical-align: top; }
    #product-detail > .content .fullsize > tbody > tr > td:nth-child(2) table td span { line-height: 1.2em; font-size: 1.1em; }
    #product-detail > .content .fullsize > tbody > tr > td:first-child { width:60%; }

    #eshop-cart-items table.separated thead { display:none; }
    #eshop-cart-items table.separated tbody td.picture img { display:inline-block; }
    #eshop-cart-items table.separated tbody td { display:block; text-align: center; border:none; border-left:1px solid #DADADA; border-right:1px solid #DADADA; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
    #eshop-cart-items table.separated tbody td:first-child { border:1px solid #DADADA; border-bottom: none;-webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; }
    #eshop-cart-items table.separated tbody td:last-child { border:1px solid #DADADA; border-top: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

    #add-to-cart-popup table.fullsize td { width:50%; padding:2px; }
    #add-to-cart-popup table.fullsize td .btn { width:100%; text-align: center; padding:5px 0; }
}

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

    :root {
        --font-h1: 36px;
        --font-h2: 32px;
        --font-h3: 22px;
        --font-h3-5: 18px;
        --line-h3-5: 26px;
        --font-h4: 15px;
        --font-h5: 14px;
    }

    #ageLimit {
        padding: 20px;
    }

    .video-banner:before, #mainBanner:before {
        width: 100%;
    }

    .video-banner:before {
        display: none;
    }

    #mainBanner:before {
        bottom: -52px;
    }

    .video-banner:after {
        background-size: cover;
        height: 20px;
        bottom: -10px;
    }

    #home-new-text:before {
        background-size: cover;
        height: 20px;
        top: -10px;
    }

    footer:before {
        background: url("../images/Repeat Grid 16.svg") repeat-x left top;
        background-size: cover;
        height: 20px;
        top: -10px;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
    }

    #mainBanner:before {
        background-image: url("../images/Repeat Grid 16.svg");
        background-size: cover;
        height: 20px;
        bottom: -10px;
    }

    footer .info-panel > .col.footer-heureka .footer-ornament {
        background-image: url("../images/Repeat Grid 16.svg");
        background-size: cover;
        height: 20px;
        width: 100%;
    }

    footer .footer-logo h1 a, footer .footer-logo .h1 a {
        background-position: left center;
    }

    .homepage .homepage-invitation > div {
        padding-top: 0;
    }

    footer .footer-small-menu {
        list-style: none;
        z-index: 10;
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        padding: 0px 15px;
        margin: 0;
    }

    footer .footer-small-menu a {
        flex: 0 1 100%;
        justify-content: left;
        display: block;
        width: 100%;
        color: var(--color-invert);
    }

    #footer .footer-menu ul {
        justify-content: left;
        gap: 15px;
    }

    #footer .footer-menu ul li {
        flex: 0 1 100%;
        justify-content: left;
        display: block;
        width: 100%;
        text-align: left;
    }

    #footer .footer-menu ul li a {
        width: 100%;
        display: inline-block;
    }

    #footer .row {
        padding: 0 0 15px 0;
        display: flex;
        flex-direction: column;
    }

    #footer .col:nth-child(1) {
        order: 3;
    }

    #footer .col:nth-child(2) {
        order: 1;
    }

    #footer .col:nth-child(3) {
        order: 2;
    }

    #clubUser .col { width: 100%; }

    #content-header .image .title {
        font-size: 24px;
    }

    #content-header .image img {
            min-height: 140px;
    }

    div.products {  }
    div.products > .col { width:50%; flex-basis: 50% }
    div.products > .col > div {min-height: auto;}
    div.products > .col .product > a, div.products > .col .product > a img.image {
        max-width: none;
        /*object-fit: cover;*/
        padding-top: 10px;
        object-position: center;
        height: 248px;
    }

    div.products > .col .price > .cart button {
        font-size: 1em;
        padding: 10px 15px;
    }

    div.products > .col .price .price-number { top: 203px;}

    #vip-boxes .vip-shop-list {
        justify-content: center;
    }

    #vip-boxes .vip-shop-list .vip-store-item {
        width:calc(50% - 15px); flex-basis: calc(50% - 15px);
    }

    #cartCancelAndGiftcard > div input { width:100%; margin:5px 0; }

    #deliveryTypes > div .selectbox { width: 100%; }

    #eshop-cart-items .fs-medium { font-size: 1em; }
    #eshop-cart-items .fs-xlarge { font-size: 1.3em; }

    #pager-limit-sort .col { width: 100%; text-align: center; }
    #pager-limit-sort .col:first-child { width: 100%; padding-bottom: 10px; text-align: center; }
    #pager-limit-sort .col:first-child > * { margin: 0 12px; }
    #pager-bottom .col { text-align: center; }

    .filter-row {
        text-align: center;
    }

    form.form > .row:last-child > .col { width: 50%; }
    form.form > .row:last-child > .col:last-child { width:100%; }

    footer .info-panel > .col { width:100%; }
    footer > .row > .col > .row .col {width: 100%;}
    footer ul.list li a {text-align: center;}
    footer .info-panel > .col:last-child {width: 100%; text-align: center;}
    footer .footer-contact .icons img {padding: 0 8px;}

    #header-vip-text.big-line .welcome-line {
        justify-content: center;
    }
    #header-vip-text.big-line .welcome-line .club-logo {
        /*width: 100%;*/
    }

    #header-vip-text.big-line .welcome-line .welcome-text {
        width: 100% ;
    }
}

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


    header .header-middle .eshop-info {
        flex-wrap: wrap;
        justify-content: center;
    }

    header.scrolled .header-middle .eshop-info {
        margin-top: 10px;
    }

    header .header-middle .eshop-info > :first-child {
        flex-basis: 100%;
        display: none;
    }

    header div.submenu .treeBlock {
        flex-basis: calc(50% - 24px);
    }

    header div.submenu { width:100%; }
    header div.submenu a { padding:7px 15px; }

    header.scrolled .header-middle .search {
        /*display: none;*/
    }

    header .header-middle {
        padding: 10px 0;
    }

    header > .row > .col:first-child .h1 {
        margin: 0;
    }

    header > .row > .col:first-child .h1 a {
        background-image: url("../images/logo-min-no-black.svg");
        width: 130px;
    }

    header .header-middle .account-icon {
        top: 5px;
        right: 45px;
    }


    header .header-middle .search-icon {
        display: block;
        position: absolute;
        top: 5px;
        right: 90px;
        padding: 15px 7px;
    }

    header.scrolled .header-middle .search-icon {
        top: 4px;
    }

    header .header-middle .search-icon .ico {
        display: block;
        width: 25px;
        height: 25px;
        margin: 0 0;
        background: url(images/search.svg) no-repeat center center;
        background-size: contain;
    }


    nav div.menu-trigger {
        top: 18px;
    }

    header.scrolled nav div.menu-trigger {
        top: 12px;
    }

    header.scrolled .header-middle .account-icon {
        top: 18px;
    }


    header .header-middle .cart { top: 5px; margin-left: 0; right: 0; }
    header.scrolled .header-middle .cart {
        top: 3px;
        right: 0;
    }

    nav.buttons { background: none; padding-bottom:10px; }
    nav.buttons ul.navigation { display: block; }
    nav.buttons ul.navigation > li { clear: both; display:block; width:100%; background: none; }
    nav.buttons ul.navigation > li a { display:block; background: var(--color-main-2); margin:2px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    nav.buttons ul.navigation > li.red a { background:#A41E21; }
    nav.buttons div.menu-trigger { display:none; }

    #clubUser .indent .indent #userTypeChoices span:first-child { padding-bottom:5px; }
    #clubUser .indent .indent #userTypeChoices span.indent { padding:2px 0; }

    #regions { display:none; }
    #regions .row .content { padding:0 15px; background: none; }

    #login .login-social .col { width:100%; padding:10px 0; }
    #login .login-social .col:first-child { background: none; }

    #order-login-external > .col > .row > .col { width:100%; padding:10px 0; }
    #order-login-external > .col > .row > .col:first-child { background: none; }

    div.photogallery { margin:0 -1.5%; }
    div.photogallery a { width: 30.3%; margin:5px 1.5%; }
    div.photogallery a img { padding:6%; }

    #content-items .col > div.image { float:none; width: 100%; }
    #content-items .col > div.image img { margin:0 auto; }
    #content-items .col > div:nth-child(2) { margin:0; padding:10px 0; }

    #product-detail h1 { text-align: left; }
    #product-detail .slogan { text-align: left; }
    #product-detail .points p { text-align: left; }
    #product-detail > .content .data .data-header > .col { width: 100%; }
    #product-detail > .content .data .data-header > .col:first-child { padding-bottom: 10px; }

    #order-steps-buttons > .col > a { display: block; float:none; margin:2px 0; width: 100%; }
    #order-steps-buttons > .col > button { display: block; float:none; margin:2px 0; width: 100%; }

    #order-summary #order-steps-buttons > a { width:100%; margin:2px 0; }

    #eshop-cart-items table.separated thead th.picture { padding:0 0 0 5px; }
    #eshop-cart-items table.separated tbody td.picture { padding:0; }
    /*#eshop-cart-items table.separated tbody td.picture img { display:none; }*/
    /*#catalogSearchForm > .col { width: 100%; }*/
}

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

    #ageLimit {
        padding: 20px 10px;
    }

    header .header-middle .account-icon {
        display: none;
    }

    header .header-middle .search-icon {
        display: none;
    }

    div.photogallery { margin:0 -2%; }
    div.photogallery a { width: 46%; margin:5px 2%; }
    div.photogallery a img { padding:5%; }

    div.documents .col { width:100%; }
    div.documents .col span.document { padding-left:0; padding-right:0; }

    #delivery2paymentPrice > div { text-align: center; }
    #delivery2paymentPrice > div > span { display:block; width:100%; text-align: center; }

    #newsletter > .col { width:100%; }
    #newsletter > .col .col { width:100%; text-align: right; }
    #newsletter > .col .col:first-child { width:100%; text-align: left; }

    #clubMenu .btn { width:100%; margin-bottom: 1px; }
}

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

    #header .ico { display: none; }

    div.products { justify-content: center; }
    div.products > .col { width:100%; flex-basis: 100%; }
    div.products > .col .product > a, div.products > .col .product > a img.image {
        height: 400px;
    }
    div.products > .col .price .price-number {
        top:353px;
    }

    #vip-boxes .vip-shop-list .vip-store-item {
        width:100%; flex-basis: 100%;
    }
}