* {
    box-sizing: border-box;
}

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

body {
    margin:0;
    padding:0 0 0 0;
    font-size:13px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #4f4667;
}

h1, h2, div.h2, div.h1 {
    color:#2f2940;
    font-size: 2.2em;
    line-height: 1;
    text-transform: capitalize;
    font-weight: bold;
    margin:0;
    padding:0.5em 0;
}
h1 span, h2 span, div.h2 span, div.h1 span {
    color: #2f2940;
    font-weight: normal;
    text-transform: none;
}

a { color:#d33176; }
a:hover { color:#6a55a4; }

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: #d33176 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);
}


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

hr.separator { border: 1px solid #ecf0f1; border-style: none none solid; color: #ecf0f1; background-color: transparent; height: 1px; line-height: 1px; font-size: 1px; }

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

.container { max-width:1510px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.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: #FFF; }
.block-blue { background: #6a55a4; color:#FFF; }
.block-blue-dark { background: #d33176; color:#FFF; }
.block-silver { background: #95a5a6; }
.block-light-dark { background: #3d3454; color: #fff; }
.block-dark { background: #2f2940; color:#FFF; }

.input { background: #FFF; border:1px solid #6a55a4; 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: #ffffff; }
.input-highlight { background-color: #ffffff; border: 1px solid #fcaf00; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.15); }
.input-transparent {border: none; background: none;}
.input-box { background-color: #ffffff; border: 1px solid #c4c4c4; display:inline-block; text-align: center; width:20px; height: 20px; line-height: 18px; padding:0; margin:1px 5px 1px 1px; cursor: pointer; vertical-align: middle; }
.input-box.active {background-color: #6a55a4; border: 1px solid #6a55a4; color: #fff;}
.input-radio {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.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; }

.size-xxsmall { width: 25px; }
.size-xsmall { width: 40px; }
.size-small  { width: 80px; }
.size-normal { width: 120px; }
.size-medium { width: 160px; }
.size-large  { width: 200px; }
.size-xlarge { width: 240px; }
.size-xxlarge { width: 280px; }
.size-big    { width: 400px; }

.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; }

.nowrap { white-space: nowrap; }

.pointer { cursor: pointer; }

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

.relative {position: relative;}

.theme  { color:#2f2940; }
.silver { color:#939393; }
.dark   { color:#d33176; }
.blue   { color:#6a55a4; }
.red    { color:#e74c3c; }
.white  { color:#ffffff; }
.green  { color:#9f438f; }

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

.btn { display:inline-block; border:none; padding:13px 20px; margin:0; background: #6a55a4; color:#FFF; font-size: 1.2em; font-weight: bold; line-height: 100%; text-decoration: none; vertical-align: middle; cursor: pointer; white-space: nowrap; -webkit-transition: 0.3s; transition: 0.3s; }
.btn:hover { background: #d33176; text-decoration: none; color:#FFF; }
.btn-invert { background: #2f2940; }
.btn-danger { background: #e74c3c; 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: 30px; text-align: center; font-size: 2.5em; font-weight: 400; 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-spinner:first-child {line-height: 34px !important;}

.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-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: #8f49a2;
    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 #d33176; 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; }
.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; }

.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:#4f4667; text-decoration: none; }
ul.list li a:hover { color:#2f2940; text-decoration: none; }
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: #2f2940; font-weight: normal; }
ul.autocomplete .highlight { background:#FFF6B5; }

.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:#000000; 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: bold; 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: #37BC9B; color:#FFF; }
#reports div.report-title-INFO { background: #3BAFDA; color:#fff; }
#reports div.report-title-HELP { background: #3BAFDA; color:#fff; }

.ui-select { position: relative; display: inline-block; *display: inline; zoom: 1; border: 1px solid #6a55a4; background: #FFF; margin:1px; cursor: pointer; color:#2f2940; }
.ui-select select { z-index: 10; position: relative; border: none; background: none; outline: none; opacity: 0; height: 24px; padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; filter: alpha(opacity=0); cursor: pointer; }
.ui-select:before { content: ""; position: absolute; top: 9px; right: 8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #6a55a4; }
.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: #2f2940; overflow: hidden; white-space: nowrap; width: 85%; text-align: left; }

.ui-selectbox { position: relative; background: #FFF; color: #2f2940; border: 1px solid #6a55a4; cursor: pointer; display: inline-block; padding: 3px 40px 3px 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:before { content: ""; position: absolute; top: 9px; right: 8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #6a55a4; }
.ui-selectbox > span { display: block; margin: 0; 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: 200px; height: 200px; overflow: auto; position: absolute; z-index: 99; line-height: 1em; list-style: none; margin: 1px 0 0 0; padding: 0; cursor: pointer; border: 1px solid #6a55a4; border-bottom: 1px solid #6a55a4; background:#fff; }
.ui-selectbox-options li { padding: 5px 10px 5px 10px; border-bottom: 1px solid #e7dff2;}
.ui-selectbox-options li > img {width: 24px; height: 18px; display: block;}
.ui-selectbox-options li.hover { background: #e7dff2; }
.ui-selectbox-options li.selected { background: #8f49a2; color:#FFF; }

.selectbox-clean {background: none; border: none; color: #fff; padding-right: 30px;}

.selectbox-clean:before {
    content: "";
    background: none;
}

.topselect {border: 1px solid #3A526A; border-bottom: 1px solid #3A526A;}
.topselect li {border-bottom: 1px solid #3A526A;}
.topselect li.hover {background: #5a4a74; color: #fff;}
.topselect li.selected {background: #3A526A;}

.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: #d33176; }
.ui-tabs .ui-tabs-nav li .ui-tabs-anchor { padding: 0.7em 2em; font-weight: bold; font-size: 1.3em; color: #fff; }
.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; border: 1px solid #e7dff2; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #6a55a4; border: none; color: #fff;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    background: #d33176;
}

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

.ui-dialog { box-shadow:0 0 40px rgba(0,0,0,0.20); }
.ui-dialog .ui-dialog-title { color:#6a55a4; 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: bold; }
.ui-dialog .ui-dialog-buttonpane button.btn { background: #6a55a4; border-color: #6a55a4; color:#FFF; font-size: 1.2em; padding:0 10px; margin:0 5px; }
.ui-dialog .ui-dialog-buttonpane button.btn-danger { background: #e74c3c; border-color: #e74c3c; color:#FFF; }

.ui-tooltip { box-shadow: 0 0 8px rgba(0,0,0,0.10); padding:10px 20px; max-width: 300px; background: #FFFDDD; border:1px solid #9f438f; }
.ui-corner-all { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.error { border-color:#e74c3c; }

a.display { display:inline-block; padding:5px; margin:0 3px; }
a.display img { vertical-align: middle; }
a.display-active { background: #6a55a4; }

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

#previewInfo { background: #e74c3c; color:#FFF; padding:5px 0; text-align: center; }
#adminMode { background: #6a55a4; color:#FFF; padding:5px 0; text-align: center; }

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

#header {
    background-color: rgb(61, 52, 84);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(61, 52, 84, 0.141);
    -moz-box-shadow: 0px 5px 5px 0px rgba(61, 52, 84, 0.141);
    box-shadow: 0px 5px 5px 0px rgba(61, 52, 84, 0.141);
    width: 100%;
    min-height: 50px;
}
#header .row {padding: 7px 0;}
#header .col { width:60%; }
#header .col:first-child { width:40%; color: #fff; }
#header .col:last-child {padding: 7px 0;}
#header .col:last-child > div { margin-right: 15px;}
#header .col a { color:#fff; text-decoration: none; padding: 10px 0; display: inline-block; }
#header .col a:hover { color:#ecf0f1; text-decoration: none; }

header { margin:0; padding: 0; }
header > .row {padding-bottom: 20px; padding-top: 15px; position: relative;}
header .col { width:30%; }

header .cart { width:30%; margin-top:25px; float:right; white-space: nowrap; min-width: 200px;  color:#fff; }
header .cart .ico { display: block; float: right; width:75px; height:55px; background: url('images/ico-cart.png') no-repeat center center #6a55a4; }
header .cart .data { display: block; float: right; height:55px; min-width: 200px; background-color: #8f49a2; font-size: 1.5em; }
header .cart .data > span { display:inline-block; height:55px; padding:0 15px; line-height: 55px; }
header .cart .data > span strong {  }
header .cart > div { white-space: pre-wrap; }


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

header div.h1, .h1 {
    margin: 0;
    padding: 0;
}

.h1 a {
    display: block;
    min-width: 220px;
    height: 90px;
    background: url("../images/lcdpartner-logo.png") no-repeat left center;
    background-size: contain;
}
.h1 a span {display: none;}


nav {
    position: relative;
    z-index: 2;
    background-color: #d33176;
    background-image: -moz-linear-gradient( 180deg, rgba(255,255,255,0.34902) 0%, rgba(255,255,255,0.35) 0%, rgba(211,49,118,0.35) 35%, rgba(211,49,118,0.35) 65%, rgba(255,255,255,0.34902) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgba(255,255,255,0.34902) 0%, rgba(255,255,255,0.35) 0%, rgba(211,49,118,0.35) 35%, rgba(211,49,118,0.35) 65%, rgba(255,255,255,0.34902) 100%);
    background-image: -ms-linear-gradient( 180deg, rgba(255,255,255,0.34902) 0%, rgba(255,255,255,0.35) 0%, rgba(211,49,118,0.35) 35%, rgba(211,49,118,0.35) 65%, rgba(255,255,255,0.34902) 100%);
    box-shadow: 0px 0px 5px 0px rgba(211, 49, 118, 0.294);
}
div.menu-trigger { display: none; }

nav > div.container {position: relative;}

nav ul.col { width: 60%; list-style: none; z-index: 10; }
nav ul.col > li {  width: 33%; display: block; float:left; border-right: 2px solid #FFF; text-align: center; }
nav ul.col > li:first-child { border-left: 2px solid #FFF; background-color: rgba(106, 85, 164, 0.55); }
nav ul.col > li:hover { }
nav ul.col > li.active { }
nav ul.col > li.extend {  }
nav ul.col > li > a { display: block; padding:15px 0; color:#FFF; text-decoration:none; font-size: 1.3em; font-weight: 600; position: relative; }
nav ul.col > li > a:hover,
nav ul.col > li.active > a { text-decoration: none; padding-bottom: 13px; border-bottom: 2px solid #ffffff; }

nav ul.col > 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.col > li > a > span.info > .info-news {display: block; background-color: #4f4667; padding: 2px 10px;}
nav ul.col > li > a > span.info > .info-sale {display: block; background-color: #e74c3c; padding: 2px 10px;}
nav ul.col > li > a > span.info > .info-foryou {display: block; background-color: #9f438f; padding: 2px 10px;}

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

nav ul.col > li > div.submenu { display:none; position: absolute; top:-7px; left:0; z-index: 9; width: 100%; }

nav ul.col > li .submenu-single { width:250px;
    padding: 5px 0 0 0;
    margin:0;
    border-top: 5px solid #3d3454;
    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);
}
nav ul.col > li .submenu-single ul { list-style: none; padding: 25px 15px; margin:0; }
nav ul.col > li .submenu-single ul li { list-style: none; position: relative; }
nav ul.col > li .submenu-single ul li a {  padding: 2px 0; display: inline-block; }
nav ul.col > li .submenu-single ul li a:hover { text-decoration: underline; }

nav ul.col > li .submenu-single ul li,
nav ul.col > li .submenu-single ul li a,
nav ul.col > li .submenu-single ul li a:hover,
nav ul.col > li .treeBlock,
nav ul.col > li .treeBlock a,
nav ul.col > li .treeBlock a:hover {color: #2f2940; text-decoration: none;}

.search-filter,
nav .search { width:40%; 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:36px; border:none; font-size: 1.3em; font-weight: 600; color: #3d3454; }
.search-filter button,
nav .search button { float:left; padding:0 10px; height: 34px; position: absolute; top:9px; right:15px; margin: 1px; border: none; background-color: #4f4667; }
.search-filter button img,
nav .search button img { vertical-align: middle; height: 25px; }

.search-filter {width: 100%; padding: 0;}
.search-filter input {border: 1px solid #6a55a4; height: 40px;}
.search-filter button {top: 0; right: 0; background-color: #6a55a4; height: 38px; padding: 0 8px;}
.search-filter button img {width: 80%;}

#layout2col > .col { width:80%; width:calc(100% - 240px); width: -webkit-calc(100% - 240px); width: -moz-calc(100% - 240px); }
#layout2col > .col:first-child { width:20%; width:calc(240px - 0); width: -webkit-calc(240px - 0); width: -moz-calc(240px - 0); }
#layout2col h1, #layout2col .h1, #layout2col h2, #layout2col .h2  { margin: 0 0 0.5em 0; }

#contact > .col { width: 50%; }
#contact > .col > .content { border:1px solid #EBEBEB; padding: 10px; }
#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 #6a55a4; 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:#6a55a4; }
div.documents span.document a:hover { color:#333; }

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

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

#clubUser .col { width: 33.33%; }
#clubUser .col.second { width: 66.66%; }
#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; }

#clubUser .submit input.btn { margin-top: 15px; }

#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; float:none; }

#subcategories { padding-bottom: 15px; }
#subcategories ul.list { padding:0; margin:0; display: flex; align-items: baseline; flex-wrap: wrap; font-size: 0; }
#subcategories ul.list li { width:calc(100% / 8); padding: 5px; display: inline-block; text-align: center; font-size: 12px; font-weight: 600; }
#subcategories ul.list li img { max-width: 80%}
#subcategories ul.list li a { display: block; }
#subcategories ul.list li a span {display: block; padding: 5px 2px;}
#subcategories ul.list li.active {  }
#subcategories ul.list li.active a { color:#FFF; }
#subcategories ul.list li.active a span { background: #2f2940; }
#subcategories ul.list li:hover a,
#subcategories ul.list li.active:hover a { color:#FFF; }
#subcategories ul.list li:hover a span,
#subcategories ul.list li.active:hover a span { background: #2f2940; }


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


.body-background {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(211,49,118,0.08) 22%, rgba(106,85,164,0.08) 78%, #ffffff 100%);
}

#main {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(106,85,164,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(106,85,164,0.20);
    box-shadow: 0px 0px 5px 0px rgba(106,85,164,0.20);
}

.category-menu {
    width: 250px;
    position: relative;
}
#main > .col:last-child:not(:first-child) {
    width: calc(100% - 250px);
}

main.hovered #main .custom-content {
    filter: blur(2px) grayscale(0.5);
    opacity: .5;

}

.category-menu {
    padding: 0 5px;
}

#product-menu { display: block; list-style: none; margin: 0; padding: 0;}
#product-menu > li {
    flex-grow: 1;
    clear: both;
    padding: 0 8px;
    border-bottom: 1px solid #dadada;
}

#product-menu > li a {
    font-size: 1.2em;
    line-height: 1.2;
    padding: 10px 0;
    text-decoration: none;
    color: #2f2940;
    text-transform: capitalize;
    margin: 0;

    display: flex;
    align-items: center;
}


#product-menu > li.active {
    background: #f6eef7;
    background: linear-gradient(90deg, rgba(211,49,118,0.06), #fff);
}

#product-menu > li.active > a:before {
    content: "";
    position: absolute;
    background-color: #6a55a4;
    width: 5px;
    height: 42px;
    left: 0;
}

#product-menu > li.active > a:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 10px;
    height: 42px;
    right: 0;
    z-index: 8000001;
}

#product-menu > li a > span {
    display: inline-block;
}

#product-menu > li a img {
    max-width: 25px;
    /*vertical-align: text-top;*/
}

#product-menu > li a.icon-default img {
    max-width: 15px;
    margin: 0 5px;
    /*vertical-align: middle;*/
}

#product-menu > li .submenu {display: none; height: 100%;}


#product-menu > li .submenu { display:none; position: absolute; top:0; left: 100%; z-index: 9; }
#product-menu > li .submenu div.subSeparate {
    text-align: left;
    position: relative;
    top: 0;
    min-height: 100%;
    padding: 15px;

    background-color: #fff;
    box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1);
}

#product-menu > li .submenu div.subSeparate .subTree {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

#product-menu > li .submenu div.subSeparate > .col:nth-last-child(2) {width: calc(100% - 280px);}

#product-menu > li .submenu .treeBlock { width: 25%; }
#product-menu > li .submenu .treeBlock .ownBlock { padding: 15px 10px; display: flex; }

#product-menu > li .submenu .treeBlock .ownBlock span.img { padding-top: 12px; padding-right: 5px; }
#product-menu > li .submenu .treeBlock .ownBlock img {
    max-width: 35px;
    /*vertical-align: text-top;*/
}
#product-menu > li .submenu .treeBlock .ownBlock:first-child {padding-left: 0;}
#product-menu > li .submenu .treeBlock .ownBlock:last-child {padding-right: 0;}
#product-menu > li .submenu .treeBlock:nth-child(5) .separator { padding-right: 30px; }
#product-menu > li .submenu .treeBlock a.more { padding: 10px 18px; text-decoration: underline; font-size: 1.1em; display: block; }
#product-menu > li .submenu .treeBlock a.mainLink { text-transform: capitalize; font-weight: 600; font-size: 1.25em; display: block; margin-right:10px;  border-bottom: 1px solid #2f2940; }
#product-menu > li .submenu .treeBlock ul { list-style: none; padding: 10px 0 0 0; margin: 2px 10px 0 0; }
#product-menu > li .submenu .treeBlock ul li { list-style: none; position: relative; }
#product-menu > li .submenu .treeBlock ul li a { padding: 2px 0; display: inline-block; }
#product-menu > li .submenu .treeBlock ul li a:hover { text-decoration: underline; }

#container-with-filter > .col:first-child {}
#container-with-filter > .col:last-child {}

#container-with-filter > .col:first-child {padding:0 20px;}
#container-with-filter > .col:first-child > form {border: 1px solid #dadada;}

#catalogSearchForm { display: block; }
#catalogSearchForm > .price-col { width: calc(100% - 250px); }
#catalogSearchForm > .availability-col { width: 250px; }
#catalogSearchForm > .availability-col .selectbox {width: 100%;}

#catalogSearchForm.with-name-filter > .name-col { width: 30%; }
#catalogSearchForm.with-name-filter > .price-col { width: calc(70% - 250px); }
#catalogSearchForm > .col div.title { font-weight:600; padding: 0 0 15px 0; font-size: 1.5em; color: #2f2940; }
#catalogSearchForm label {font-weight: 600; color: #2f2940; }
#catalogSearchForm col > .content {margin-bottom: 15px;}

div.range-slider { margin:5px auto; background:#ecf0f1; border:none; height:7px; width: 98%; }
div.range-slider .ui-slider-range { background: #6a55a4; }
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: 98%; top: 8px; font-size: 0.9em; font-weight: 600; color: #2f2940; }
div.range-values span.range-min-value,
div.range-values span.range-max-value { display:block; position:absolute; top:0px; left:0px; font-weight:normal; text-align:center; white-space: nowrap; }

.breadcrumbs {min-height: 28px; margin: 15px 0;}
.breadcrumbs a {display: inline-block; margin-right: 25px; font-size: 1.1em; font-weight: 600; padding: 0 25px; line-height: 28px; vertical-align: middle; background: #fff; color: #2f2940; text-decoration: none;}
.breadcrumbs a:hover,
.breadcrumbs a:last-child {background: #2f2940; color: #fff; text-decoration: none;}

.breadcrumbs a.home {background: url("images/bread-home.png") 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; }

#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: #2f2940;
    color: #fff;
}
#prev-list a:hover {
    background: #fff;
    color: #2f2940;
    border: 1px solid #2f2940;
    padding: 0 24px;
    text-decoration: none;
}

div.products { padding:0; display: flex; flex-wrap: wrap; }
div.products > .col { width:20%; padding:10px 5px; position: relative; float: initial; }
div.products > .col > div { min-height:200px; padding: 15px 10px; height: 100%; display: flex; flex-direction: column;}
div.products > .col > div.not-logged {padding-bottom: 15px;}
div.products > .col > div:hover { box-shadow:0 0 25px rgba(0,0,0,0.20); }
div.products > .col img.image { width:100%; height:auto; max-height:150px; max-width:175px; }
div.products > .col div.h2 {  flex-grow: 1; clear:both; font-size: 1.2em; line-height: 1.2; padding:7px 0 5px 0; min-height: 30px; text-decoration: none; }
div.products > .col div.h2 a {text-decoration: none;}
div.products > .col div.h2 span { font-size: 0.8em; display:inline-block; width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-decoration: none; }

div.products > .col div.descr { display: 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 .products-rating-like {padding: 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; position: absolute; bottom: 20px; left: 15px; width: calc(100% - 30px); }*/
div.products > .col form.product-list-good-order { padding:0; }
div.products > .col .price > .col { width:100%; padding: 0; }
div.products > .col .price > .col .price-value {position: relative;  min-height: 30px;  padding:0;}
    /*div.products > .col .price > .col .old { !*text-decoration: line-through;*! position: absolute; top:2px; left:2px; !*color: #939598;*!}*/
div.products > .col .price > .col .old {position: absolute; top: -2px; right: 0; padding: 0 7px; text-decoration: none; background: #e74c3c; color: #fff; font-size: 9px;}
div.products > .col .price > .col .actual {position: absolute; left: 0; top: 2px;}
div.products > .col .price > .col .actual-with {position: absolute; right: 0; top: 9px;}
/*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 { text-align: right; }
div.products > .col .price > .cart button { width: calc(100% - 25px); height: 25px; font-size: 0.9em; background: url('images/ico-cart.png') no-repeat 15% center #6a55a4; background-size: auto 62%; border: 1px solid #6a55a4; padding:7px 5px; color:#FFF; }
div.products > .col .price > .cart button:hover { background-color: #fff; color: #6a55a4; background-image: url(images/ico-cart-invert.png);}
div.products > .col .price > .cart .card-count {position: relative; right: -1px; height: 25px;}
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; }

#container-with-filter div.products > .col {}

#pager-limit-sort { margin: 10px -10px 0 -10px; background: #ecf0f1; font-weight: 600; color: #2f2940; padding: 15px 10px;}
#pager-limit-sort .col:nth-child(1) { width: 320px; }
#pager-limit-sort .col:nth-child(2) { width: calc(100% - 320px - 250px); }
#pager-limit-sort .col:nth-child(3) { width: 250px; }
#pager-limit-sort .col span.title {padding-right: 15px; font-size: 1.1em; display: inline-block; vertical-align: middle;}
#pager-limit-sort .col:nth-child(2) {text-align: center;}

.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: #d33176; 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: bold; padding: 15px 0; }
.rating-report main {}

#addRating {margin-top: 15px;}

.rating-overall {  }
.rating-overall .overall { font-size: 3em; font-weight: bold; color: #ff0025; }
.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: 2px 10px; text-decoration: none; }
.icostar a span { line-height: 16px; color: #fff; font-size: 11px; text-transform: capitalize;  }
.icostar-new { background-color: #4f4667; }
.icostar-sale { background-color: #e74c3c; }
.icostar-saleout { background-color: #9f438f; }
.icostar-saletop { background-color: #9f438f; }


#recommended {background-color: #ecf0f1; border-top: 1px solid #c0c3c4; padding: 1.7em 0;}
#product-connected .h2 {text-align: center; padding: 1em 0;}

#product-detail h1 { padding-top:0; font-size: 2.4em; }
#product-detail > .content {padding: 5px 0 0 0;  border-bottom: 1px solid #2f2940;}
#product-detail > .content .picture { width:40%; padding: 0 60px 0 15px; position: relative; }
#product-detail > .content .picture img.lazy { width:100%; max-width: 400px; height: auto; max-height: 515px; }
#product-detail > .content .picture div.icostars { width: calc(100% - 30px); top:-8px; text-align: left; }

#product-detail > .content .data { width:60%; padding:0 0 10px 20px; }
#product-detail > .content .data .data-header { padding-top: 0; margin-right: 0; }
#product-detail > .content .data .data-header > .col { width: 50%; }
#product-detail > .content .data .data-header > .col.base {width: 100%; color: #2f2940; line-height: 24px; font-size: 1.1em;}
#product-detail > .content .data .data-header > .col.infomation {padding-right: 5%;}
#product-detail > .content .data .data-header > .col.infomation > .row {padding: 0;}
#product-detail > .content .data .data-header > .col.infomation .row .row {padding: 5px 0;}
#product-detail > .content .data .data-header > .col.infomation .row .row .title {width: 35%; font-weight: bold;}
#product-detail > .content .data .data-header > .col.infomation .row .row .title span {vertical-align: middle; height: 36px; display: table-cell;}
#product-detail > .content .data .data-header > .col.infomation .row .row .title span {height: 25px;}
#product-detail > .content .data .data-header > .col.infomation .row .row .value {width: 65%;}

#product-detail > .content .data .data-header .heureka_gift {font-size: 1.3em; color: #e74c3c;}

#product-detail > .content .data .data-header .order {padding: 0 15px 0 15px;}
#product-detail > .content .data .data-header .order button.addToCartBtn { font-weight: 600; width: 100%; position: relative; padding: 17px 25px; margin: 20px 0 0 0; display: block; font-size: 2.1em; vertical-align: middle; }
#product-detail > .content .data .data-header .order button.addToCartBtn img {position: absolute; top: 17px; right: 35px; width: 32px;}

#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 > .row { padding:0; }
#product-detail div.good-price > .row .mainPrice {color: #d33176; font-size: 4em; font-weight: 600; }
#product-detail div.good-price > .row .mainPrice span.with {font-size: 0.5em; padding-left: 15px; white-space: nowrap;}
#product-detail div.good-price > .row .mainPrice .diffPrice {position: absolute; top: 0; right: 0; padding: 2px 15px; text-decoration: none; background: #e74c3c; color: #fff; font-size: 12px;}

#product-detail div.good-price > .row .withPrice {padding: 0 18px; color: #939598; font-size: 2em; font-weight: 400;}
#product-detail div.good-price > .row .withPrice span.with {font-size: 0.8em; padding-left: 5px;}
#product-detail div.good-price > .row .withPrice span.with-forward {font-size: 0.5em; padding-right: 15px;}

#product-detail div.good-price > .row .oldPrice {padding: 5px 18px; color: #939598; font-size: 1.5em; font-weight: 400;}
#product-detail div.good-price > .row .oldPrice span.with {font-size: 0.8em; padding-left: 5px;}
#product-detail div.good-price > .row .oldPrice span.with-forward {font-size: 0.8em; padding-right: 5px;}

.favorite {text-decoration: none;  color: #2f2940;}
.favorite .font-heart {padding-left: 5px;}
div.products .favorite {}
div.products .favorite .text-heart {display: none;}

#product-events { padding: 15px; }
#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; font-weight: 300; 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 .col { width: 25%; box-sizing: border-box; position: relative; padding:0; color:#888; border-left:1px solid transparent; }
#order-steps .col:first-child { border-left:none; }
#order-steps .col a, #order-steps .col span { border-bottom:5px solid #DDDDDD; color:#888; text-decoration: none; display: block; padding:0 0 10px 0; }
#order-steps .col.active a, #order-steps .col.active span { color:#333333; border-bottom:5px solid #6a55a4; }
#order-steps .col.done a, #order-steps .col.done span { color:#333333; border-bottom:5px solid #e74c3c; }

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

#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 .selectbox { width:250px; }
#deliveryTypes > div strong { float:right; }

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

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

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

#content-items { padding:15px 0 0 0; }
#content-items .col { padding:15px; }
#content-items .col > div.image { float:left; width:180px; }
#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: 200px; }

#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: #fff; height: 28px; font-size: 0; display: inline-block;}
.pager .page {
    display: inline-block;
    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;
}
.pager .page a { display: block; color:#d33176; text-align: center; padding: 0 5px; text-decoration: none; }
.pager .page a:hover { text-decoration: none; color: #fff; background: #d33176; }

.pager .page-active a { background: #d33176; color: #fff; }
.pager .page-other {background:#d33176; color: #fff; width: 31px; height: 28px; margin-left: 5px; }
.pager .page-other:first-child {margin-left: 0;}
.pager .page-other a {height: 28px;}
.pager .page-other a > img {vertical-align: middle; width: 35%; padding-top: 2px;}

#footer-pager {background-color: #ecf0f1; border-top: 1px solid #c0c3c4; 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: #4f4667;
    color: #ffffff;

    -webkit-box-shadow: 0px -5px 5px 0px rgba(61, 52, 84, 0.141);
    -moz-box-shadow: 0px -5px 5px 0px rgba(61, 52, 84, 0.141);
    box-shadow: 0px -5px 5px 0px rgba(61, 52, 84, 0.141);

    padding-bottom: 20px;
}
footer ul.list li {padding: 5px 0;}
footer ul.list li a {color: #fff; display: block;}
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:calc(75% - 160px); }
footer .info-panel > .col:first-child { width: 25%; }
footer .info-panel > .col:last-child { width: 160px; text-align: center; padding-top: 15px; }
footer .info-panel .col ul.list { margin:0; padding:15px 0 0 0; }

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

footer .footer-logo {margin-top: 20px;}
footer .footer-logo h1,
footer .footer-logo .h1 {
    padding: 20px 15px 0 15px;
    margin: 0;
    background: #fff;
}

footer .footer-logo .h1 a {
    background-position: center center;
    height: 190px;
    width: 100%;
}


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

.newsletter-panel {background: #d33176; color:#ffffff;}
.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: #3d3454; }
.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: #4f4667; }
.newsletter-panel .newsletter form .btn:hover {background: #d33176;}
.newsletter-panel .newsletter p { clear:both; margin:0; padding:10px 0; }

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

#footer {
    background: #3d3454;
    color: #ffffff;
    -webkit-box-shadow: 0px -5px 5px 0px rgba(61, 52, 84, 0.141);
    -moz-box-shadow: 0px -5px 5px 0px rgba(61, 52, 84, 0.141);
    box-shadow: 0px -5px 5px 0px rgba(61, 52, 84, 0.141);
}
#footer .col { width: 50%; }
#footer .col p { margin-top:0; padding-top:0; }

/*
    HOMEPAGE
*/
#home-new-text {color: #4f4667; padding-top: 15px;  margin: 0 auto 20px auto;}
#home-new-text header {padding-bottom: 0;}
#home-new-text header .col {min-width: 45%; border-bottom: 1px solid #4f4667; font-size: 1.8em; font-weight: 600; padding-left: 0; margin-left: 15px;}
#home-new-text section {position: relative; padding-top: 5px;}
#home-new-text .col { width: 45%; text-align: justify; }
#home-new-text .divider {width: 50px; height: 15px; background: #e5e5e5; border: none; left: calc(50% - 25px); top: calc(50% - 8px);}
#home-new-text .divider span {display: none;}


#mainBanner {
    z-index: 1;
    position: relative;
    margin-top: 15px;
    max-height: 500px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.6);
    background: #e5e5e5;

}
#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; text-align: center; position: relative;  }
#mainBanner .carousel .item img { height: 100%; }

#mainBanner .carousel .item .bannerName {font-size: 5em; font-weight: bold; position: absolute; top: 30%; width: 100%; color: #ffffff; 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: #ff0025; border-radius: 50%; width: 15px; height: 15px; cursor: pointer; }
.carousel .carousel-navbar li.carousel-navbar-active {background: white;}
.carousel .carousel-navbar li span { display: none; color:white; text-decoration: none; }
.carousel .carousel-navbar li span:hover { color:#2f2940; 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;}

#mainBanner .banner-content {position: absolute; top: 50px; left: 48%; width: 27%; color: #fff; height: 400px; text-align: left;}
#mainBanner .banner-content header {font-size: 3.7em; padding-bottom: 20px;}
#mainBanner .banner-content section {font-size: 1.15em; text-align: justify;}
#mainBanner .banner-content footer {margin-top: 20px; background: none; position: absolute; bottom: 0; right: 0;}

#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, 62, 80, 0.3);
}
#brandsCarousel section > header { text-align: center; font-size: 1.6em; padding: 15px 0 5px 0; }
#brandsCarousel section > header a {color: #4f4667; 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: #4f4667; 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;}


/* -- Material Design Table style -------------- */
table {
    max-width: 100%;
    margin-bottom: 0.1rem;
    background-color: #fff;
}
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 {
    font-weight: 400;
    color: #757575;
    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;
}

/*
 * RESPONSE CSS
 */

@media only screen and (min-width: 1000px) {
    #product-detail .tabber .products > .col { width: 33.33%}
}
@media only screen and (min-width: 1250px) {
    #product-detail .tabber .products > .col { width: 25%}
}

@media only screen and (min-width: 1450px) {
    #recommended #product-connected .products > .col { width: 16.66%}
}


@media only screen and (max-width: 1450px) {
    #brandsCarousel {display: none;}

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


@media only screen and (max-width: 1250px) {
    div.products > .col { width:25%; }
    div.products > .col-inline { width:100%; }
}


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

    nav ul.col { margin:0; padding:0; }
    nav ul.col > li:first-child { border-left:none; }
    nav ul.col > li a { padding:15px 7px 15px 7px; font-size: 1.1em; }
}

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

    nav ul.col > li { padding:0; border:none; }
    nav ul.col > li ul.list a { padding:0; }
    nav ul.col > li:nth-child(6) { clear:both; }

    #footer .col { width:100%; padding:0 15px; text-align: center; }
    #footer .col:first-child { width:100%; }
}

@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;}


    .category-menu {
        width: 200px;
    }
    #main > .col:last-child:not(:first-child) {
        width: calc(100% - 200px);
    }

    header .cart {
        width: 70%;
        margin-right: 0;
    }

    #pager-limit-sort .col > span.title {display: none;}
    #pager-limit-sort .col:nth-child(1) { width: 210px; }
    #pager-limit-sort .col:nth-child(2) { width: calc(100% - 210px - 110px); }
    #pager-limit-sort .col:nth-child(3) { width: 110px; }
}

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

    .topInfo {display: none;}

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

    #subcategories ul.list li { width:25%; }

    #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:0 15px; text-align: center; }
    #footer .col:first-child { width:100%; }

    #eshop-cart-items table.separated thead th.picture { padding-left:5px; width: auto; }
    #eshop-cart-items table.separated tbody td.picture { padding:5px; }

    #catalogSearchForm.with-name-filter > .name-col { width: calc(100% - 250px); }
    #catalogSearchForm.with-name-filter > .price-col { width: 100%; padding-top: 10px; }
}

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

    nav ul.col { display: block; width: 100%; }

    #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) {

    header .search { width:40%; }

    nav div.menu-trigger { display:block; background: url('images/menu-trigger.png') no-repeat right center; height:36px; margin:0 15px; }
    nav div.menu-trigger span { display: none; }

    nav ul.col { display: none; }
    nav ul.col > li { width:50%; padding:0; border:none; }
    nav ul.col > li a { font-size:1em; }
    nav ul.col > li:nth-child(6) { clear:none; }
    nav ul.col > li:nth-child(2n + 1) { clear:both; }
    nav .search {width: 100%; padding-bottom: 10px;}

    .category-menu {
        position: sticky;
        top: 5px;
        float: initial;
        z-index: 99999;
        width: 100%;
    }
    .category-menu div.menu-trigger {
        position: relative;
        display: inline-block;
        background: url('images/menu-trigger.png') rgb(61, 52, 84) no-repeat left center;
        padding-left: 30px;
        color: #fff;
        border-radius: 5px;
        height: 36px;
    }

    .category-menu div.menu-trigger span {
        font-size: 1.2em;
        font-weight: bold;
        padding: 6px 5px;
        display: inline-block;
    }

    #product-menu {
        display: none;
        position: absolute;
        top: 115%;
        left: 5px;
        width: calc(100% - 10px);
        height: calc(100vh - 100% - 15px);
        overflow: auto;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
        background: #fff;
    }

    #product-menu > li.extend > a:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #6a55a4;
        right: 10px;

    }

    #product-menu > li.extend.active > a:after {
        transform: rotate(180deg);
    }

    #product-menu > li .submenu {
        position: relative;
        left: 0;
        top: 0;
        width: 100% !important;
    }

    #product-menu > li .submenu div.subSeparate {
        box-shadow: none;
        padding: 0;
    }

    #product-menu > li .submenu .treeBlock {
        width: 33.333%;
    }

    #main > .col:last-child:not(:first-child) {
        width: 100%;
    }

    #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) {

    nav ul.col { width:100%; }
    nav ul.col > li a { font-size: 0.9em; }
    nav ul.col > li ul.list a { padding:0; font-size: 1em; }

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

    #subcategories ul.list li { 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; }


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

    footer .info-panel > .col { width:calc(100% - 160px); }
    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;}


    #eshop-cart-items table.separated tbody td.picture img { display:none; }
}

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

    header .col { width: 40%; }
    header .col:first-child { padding-right:0; }
    header .cart { width: 60%; padding-left:0; min-width: 0; }
    header .search { clear:both; width:100%; }
    header .search input { height:40px; }
    header .search button { height:40px; }

    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%; }

    #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;}

    .newsletter-panel .newsletter form input.input {
        padding: 0 110px 0 15px;
        height: 42px;
        font-size: 1.1em;
    }

    .newsletter-panel .newsletter form .btn {
        padding: 0 20px;
        height: 40px;
        font-size: 1.1em;
    }
}

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

    #header .col { width:100%; text-align: center; padding: 0; }
    header .cart { width: 100%; padding-left:0; min-width: 0; }

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

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

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

    #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; }
    #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: #6a55a4; color:#FFF; }
    #order-steps .col.done a, #order-steps .col.done span {  border:none; background:#e74c3c; 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: #9f438f; }
    .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 {  }


    #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: 640px){
    div.products > .col-inline div.image { width:100%; padding-bottom:15px; }
    div.products > .col-inline div.content { width: 100%; }

    #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; }


    #product-menu > li .submenu .treeBlock {
        width: 50%;
    }

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

    #pager-limit-sort .col { padding-top: 5px;}
    #pager-limit-sort .col span.title {display: inline-block;}
    #pager-limit-sort .col:nth-child(1) { width: 100%; text-align: center; }
    #pager-limit-sort .col:nth-child(2) { width: 100%; text-align: center; }
    #pager-limit-sort .col:nth-child(3) { width: 100%; text-align: center; }
}

@media only screen and (max-width: 620px) {
    #search-filter > .row > .col { width:50%; }
    #subcategories ul.list li { 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; }

    #catalogSearchForm > .price-col { width: 100%; padding-top: 10px; }
    #catalogSearchForm > .availability-col { width: 100%;  padding-top: 10px; }

    #catalogSearchForm.with-name-filter > .name-col { width: 100%; }
}

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

    #clubUser .col { width: 100%; }

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

    #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-bottom .col { 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%; float: initial; clear: both; }
    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;}
}

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

    nav ul.col > li { width:100%; }


    #product-menu > li .submenu .treeBlock {
        width: 100%;
    }

    nav.buttons { background: none; padding-bottom:10px; }
    nav.buttons ul.col { display: block; }
    nav.buttons ul.col > li { clear: both; display:block; width:100%; background: none; }
    nav.buttons ul.col > li a { display:block; background: #6a55a4; margin:2px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    nav.buttons ul.col > li.red a { background:#e74c3c; }
    nav.buttons div.menu-trigger { display:none; }

    /*#userTypeChoices span { display: block; }*/
    /*#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: center; }
    #product-detail .slogan { text-align: center; }
    #product-detail .points p { text-align: center; }
    #product-detail > .content .data .data-header > .col { width: 100%; }
    #product-detail > .content .data .data-header > .col:first-child { padding-left: 0; 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; }
}

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

    header .search { width:100%; }
    header .search p { display:none; }
    header .search input { height:35px; }
    header .search button { height:35px; }

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

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

    #subcategories ul.list li { width:100%; }

    #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%; }
}

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

    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 .col:first-child { width:35%; }
}