* {
    box-sizing: border-box;
}

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

body,
.ui-widget {
    margin:0;
    padding:0 0 0 0;
    font-size:13px;
    /*font-family: 'Roboto', Arial, sans-serif;*/
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    color: #3c3c3c;
}

.color_palete {
    background: #00edff;
    background: #008d8c;
    background: #0b717e;
    background: #5bc489;
    background: #009c8f;
    background: #3fb78d;
    background: #96ed89;
    background: #56c455;
    background: #ff0025;
    background: #000000;
    background: #09d146;
    background: #b400ff;
    background: #5bc489;
    background: #C99900;
}

.body-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,73acd1+20,7db9e8+80,ffffff+100 */
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzczYWNkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(88,98,0,0.2) 20%, rgba(88,98,0,0.2) 80%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(88,98,0,0.2)), color-stop(80%,rgba(88,98,0,0.2)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(88,98,0,0.2) 20%,rgba(88,98,0,0.2) 80%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(88,98,0,0.2) 20%,rgba(88,98,0,0.2) 80%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(88,98,0,0.2) 20%,rgba(88,98,0,0.2) 80%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(88,98,0,0.2) 20%,rgba(88,98,0,0.2) 80%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

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

h1, h2, div.h2, div.h1 {
    color:#3c3c3c;
    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: #3c3c3c;
    font-weight: normal;
    text-transform: none;
}

a { color:#5bc489; }
a:hover { color:#3fb78d; }

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: #5bc489 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 #EEEEEE; border-style: none none solid; color: #EEEEEE; 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:1200px; -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: #5bc489; color:#FFF; }
.block-blue-dark { background: #3fb78d; color:#FFF; }
.block-silver { background: #a6a08f; }
.block-light-dark { background: #161616; color: #fff; }
.block-dark { background: #3c3c3c; color:#FFF; }

.input { background: #FFF; border:1px solid #5bc489; 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 #5bc489; 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: #3fb78d; border: 1px solid #3fb78d; 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; }/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5bc489+0,c99900+100 */
.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:#3c3c3c; }
.silver { color:#939393; }
.dark   { color:#5bc489; }
.blue   { color:#5bc489; }
.red    { color:#ff0025; }
.white  { color:#ffffff; }
.green  { color:#09d146; }

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

.btn { display:inline-block; border:none; padding:13px 20px; margin:0; background: #5bc489; 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: #3fb78d; text-decoration: none; color:#FFF; }
.btn-invert { background: #3c3c3c; }
.btn-danger { background: #ff0025; 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-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: #5bc489;
    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 #5bc489; 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; }

.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:#3c3c3c; text-decoration: none; }
ul.list li a:hover { color:#1b1b1b; 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: #3c3c3c; font-weight: normal; }
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:#3c3c3c; 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: #09d146; color:#FFF; }
#reports div.report-title-INFO { background: #00edff; color:#fff; }
#reports div.report-title-HELP { background: #00edff; color:#fff; }

.ui-select { position: relative; display: inline-block; *display: inline; zoom: 1; border: 1px solid #5bc489; background: #FFF; margin:1px; cursor: pointer; color:#3c3c3c; }
.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: url('images/arrow-down-blue.png'); background: #fff; position: absolute; top: 0; right:0; width: 30px; text-align: center; height:26px; 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: #3c3c3c; overflow: hidden; white-space: nowrap; width: 85%; text-align: left; }

.ui-selectbox { position: relative; background: #FFF; color: #3c3c3c; border: 1px solid #5bc489; cursor: pointer; display: inline-block; padding: 5px 40px 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:before { content: url('images/arrow-down-blue.png'); background: #fff; position: absolute; top: 0; right:0; width: 25px; text-align: center; height:24px; line-height: 24px; }
.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 #5bc489; border-bottom: 1px solid #5bc489; background:#fff; }
.ui-selectbox-options li { padding: 5px 10px 5px 10px; border-bottom: 1px solid #f2dabc;}
.ui-selectbox-options li > img {width: 24px; height: 18px; display: block;}
.ui-selectbox-options li.hover { background: #F2DABC; }
.ui-selectbox-options li.selected { background: #5bc489; color:#FFF; }

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

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

.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: #5bc489; }
.ui-tabs .ui-tabs-nav li .ui-tabs-anchor { padding: 0.7em 2em; font-weight: bold; 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; border: 1px solid #F2DABC; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #3c3c3c; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #5bc489; border: none; color: #fff; font-weight: bold;
}

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

.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); }
.ui-dialog .ui-dialog-title { color:#5bc489; 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: #5bc489; border-color: #5bc489; color:#FFF; font-size: 1.2em; padding:0 10px; margin:0 5px; }
.ui-dialog .ui-dialog-buttonpane button.btn-danger { background: #ff0025; border-color: #ff0025; color:#FFF; }

.ui-tooltip { color: #ffffff; padding:10px 20px; max-width: 300px; background: #5bc489; border:1px solid #5bc489; }
.ui-corner-all { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.error { border-color:#ff0025; }

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

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

#previewInfo { background: #ff0025; color:#FFF; padding:5px 0; text-align: center; }
#adminMode { background: #5bc489; color:#FFF; padding:5px 0; text-align: center; }

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

#header {
    background-color: #161616;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(44, 62, 80, 0.141);
    -moz-box-shadow: 0px 5px 5px 0px rgba(44, 62, 80, 0.141);
    box-shadow: 0px 5px 5px 0px rgba(44, 62, 80, 0.141);
    width: 100%;
    min-height: 50px;
}
#header .row {padding: 7px 0;}
#header .col { width:40%; }
#header .col:first-child { width:60%; 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; font-weight: bold; padding: 10px 15px; display: inline-block; }
#header .col a:hover { color:#EEEEEE; text-decoration: none; }

#header .col a.akcie,
#header .col a.novinky,
#header .col a.blog,
#header .col a.vypredaj { color: #5bc489; }

header { margin:0; padding: 0; }
header > .row {padding: 5px;}
header .col { width:30%; }

header .cart { width:60px; margin-top:15px; margin-left: 15px; float:right; white-space: nowrap; color:#fff; position: relative; }
header .cart .ico { display: block; float: right; width:60px; height:60px; background: url('images/basket.svg') no-repeat center center #ff0025; background-size: 50%; border-radius: 50%; }
header .cart .data { display: block; position: absolute; bottom: 5px; text-align: center; width: 60px; }
header .cart .data > span { display:inline-block; padding:1px 5px; font-size: 0.6em; border-radius: 2px; text-shadow: 1px 1px rgba(0,0,0,0.15); }
header .cart .data > span strong {  }
header .cart > div { white-space: pre-wrap; }

header .search { width:30%; padding: 0 15px 0 30px; margin-top: 15px; float:right; position: relative; }
header .search input { float:right;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    padding:0 30px 0 15px; width:70%; outline: none; height:44px; border:none; font-weight: 600; color: #ffffff; background: #161616; margin-right: 30px; margin-top: 7px; }
header .search input:focus,
header .search input:hover{ width: 100%; }
header .search button { float:left; position: absolute; top:0; right:0; border: none; width:60px; height:60px; background: url('images/search.svg') no-repeat center center #ff0025; background-size: 50%; border-radius: 50%; }
header .search button span { display: none; }


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

.h1 { margin: 0; /*padding: 0;*/ height: 115px; }
.h1 a {display: block; min-width: 100px; height: 65px; background: url("../images/gf-logo.svg") no-repeat top left; }
.h1 a span {display: none;}

nav {
    position: relative;
    z-index: 2;
    background-color: #242424;
    background-image: -moz-linear-gradient( 180deg, rgba(36, 36, 36, 0.35) 0%, rgba(22, 22, 22, 0.35) 35%, rgba(22, 22, 22, 0.35) 65%, rgba(36, 36, 36, 0.35) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgba(36, 36, 36, 0.35) 0%, rgba(22, 22, 22, 0.35) 35%, rgba(22, 22, 22, 0.35) 65%, rgba(36, 36, 36, 0.35) 100%);
    background-image: -ms-linear-gradient( 180deg, rgba(36, 36, 36, 0.35) 0%, rgba(22, 22, 22, 0.35) 35%, rgba(22, 22, 22, 0.35) 65%, rgba(36, 36, 36, 0.35) 100%);
    box-shadow: 0px 0px 5px 0px rgba(36, 36, 36, 0.29);
}
nav div.menu-trigger { display: none; }

nav > div.container {position: relative;}

nav ul.col { list-style: none; z-index: 10; }
nav ul.col > li {  width: 14.28%; display: block; float:left; text-align: center; }
nav ul.col > li:first-child {  }
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; color: #ff0025; }

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

nav ul.col > li.blog a { color: #5bc489; }
/*nav ul.col > li.home a span {display: none;}*/

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: #3c3c3c; padding: 2px 10px;}
nav ul.col > li > a > span.info > .info-sale {display: block; background-color: #ff0025; padding: 2px 10px;}
nav ul.col > li > a > span.info > .info-foryou {display: block; background-color: #286e82; padding: 2px 10px;}

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

nav ul.col > li > div.submenu { display:none; position: absolute; top:-7px; left:0; z-index: 9; width: 100%; }
nav ul.col > li > div.submenu div.subSeparate {
    padding: 25px 0 0 0;
    margin:0 15px;
    border-top: 3px solid #161616;
    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 > div.submenu div.subSeparate > .col:nth-last-child(2) {width: calc(100% - 280px);}
nav ul.col > li > div.submenu div.subSeparate .subVft { width: 280px; }
nav ul.col > li > div.submenu div.subSeparate .subVft > * {position: absolute; bottom: 0;}
nav ul.col > li > div.submenu div.subSeparate .subVft p {padding: 0; margin: 0;}
nav ul.col > li > div.submenu div.subSeparate .subVft p img {max-width: 100%; vertical-align: bottom; margin: 0; padding: 0; border: 0; }

nav ul.col > li > div.submenu div.subSeparate .related {padding-top: 40px; padding-bottom: 25px;}
nav ul.col > li > div.submenu div.subSeparate .related .col { width: 25%; text-align: center; }
nav ul.col > li > div.submenu div.subSeparate .related .col .bg {display: inline-block; width: 100%; text-align: left; position: relative;
    /*background: url("images/submenu-tips-bg.png") no-repeat bottom center;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5bc489+0,3fb78d+100 */
    background: #5bc489; /* Old browsers */
    background: -moz-linear-gradient(top, #5bc489 0%, #3fb78d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5bc489 0%,#3fb78d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5bc489 0%,#3fb78d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bc489', endColorstr='#3fb78d',GradientType=0 ); /* IE6-9 */
    height: 90px; max-width: 260px;}
nav ul.col > li > div.submenu div.subSeparate .related .col .bg a {color: #fff; text-decoration: none; display: block; position: relative; z-index: 1000; }
nav ul.col > li > div.submenu div.subSeparate .related .col .bg a span:first-child {display: block; font-size: 1.8em; padding: 12px 0 5px 15px; font-weight: 600;}
nav ul.col > li > div.submenu div.subSeparate .related .col .bg a span:last-child
{display: inline; color: #fff; background: url(images/arrow-right.svg) no-repeat right 75% transparent; background-size: 15%; font-size: 1.2em; font-weight: 400; margin: 0; padding: 5px 20px 0 15px;}

nav ul.col > li > div.submenu div.subSeparate .related .col .bg .plusContent {position: absolute; right: 0; bottom: 0; min-width: 120px; max-height: 130px;}
nav ul.col > li > div.submenu div.subSeparate .related .col .bg .plusContent p {padding: 0; margin: 0;}
nav ul.col > li > div.submenu div.subSeparate .related .col .bg .plusContent p img {max-width: 100%; max-height: 100% !important; height: 130px !important; vertical-align: bottom; margin: 0; padding: 0; border: 0; }

nav ul.col > li .treeBlock { width: 16.66666%; }
nav ul.col > li .treeBlock .ownBlock { padding: 15px 10px; }
nav ul.col > li .treeBlock .ownBlock:first-child {padding-left: 0;}
nav ul.col > li .treeBlock .ownBlock:last-child {padding-right: 0;}
nav ul.col > li .treeBlock:nth-child(5) .separator { padding-right: 30px; }
nav ul.col > li .treeBlock a.more { padding: 10px 18px; text-decoration: underline; font-size: 1.1em; display: block; }
nav ul.col > li .treeBlock a.mainLink { text-transform: capitalize; font-weight: 600; font-size: 1.25em; display: block; margin-right:15px;  border-bottom: 1px solid #3c3c3c; }
nav ul.col > li .treeBlock ul { display: none; list-style: none; padding: 10px 0 0 0; margin: 2px 10px 0 0; }
nav ul.col > li .treeBlock ul li { list-style: none; position: relative; }
nav ul.col > li .treeBlock ul li a { padding: 2px 0; display: inline-block; }
nav ul.col > li .treeBlock ul li a:hover { text-decoration: underline; }

nav ul.col > li .submenu-single { width:250px;
    padding: 5px 0 0 0;
    margin:0;
    border-top: 5px solid #161616;
    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: #3c3c3c; text-decoration: none;}

.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: #161616; }
.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: #3c3c3c; }
.search-filter button img,
nav .search button img { vertical-align: middle; }

.search-filter {width: 100%; padding: 0;}
.search-filter input {border: 1px solid #5bc489; height: 40px;}
.search-filter button {top: 0; right: 0; background-color: #5bc489; 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 > .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; }

#contact > .col { width: 50%; }
#contact > .col:last-child { margin-top: -55px; }
#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 #5bc489; 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:#5bc489; }
div.documents span.document a:hover { color:#3fb78d; }

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.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-bottom: 15px; }
#subcategories ul.list { padding:0; margin:0; display: block; font-size: 0; }
#subcategories ul.list li { width:25%; padding: 5px 10px; display: inline-block; text-align: center; font-size: 16px; font-weight: 600; }
#subcategories ul.list li img {}
#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: #3c3c3c; }
#subcategories ul.list li a:hover,
#subcategories ul.list li.active a:hover { color:#FFF; }
#subcategories ul.list li a:hover span,
#subcategories ul.list li.active a:hover span { background: #3c3c3c; }


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

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

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

#catalogSearchForm > .col { width: 100%; }
#catalogSearchForm > .col div.title { font-weight:600; padding: 15px 0; font-size: 1.5em; color: #3c3c3c; }
#catalogSearchForm label {font-weight: 600; color: #3c3c3c; }
#catalogSearchForm col > .content {margin-bottom: 15px;}

div.range-slider { margin:5px auto; background:#EEEEEE; border:none; height:7px; width: 90%; }
div.range-slider .ui-slider-range { background: #5bc489; }
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: #3c3c3c; }
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: #3c3c3c; text-decoration: none;}
.breadcrumbs a:hover,
.breadcrumbs a:last-child {background: #000000; color: #fff; text-decoration: none;}

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

div.products { padding:0; }
div.products > .col { width:25%; padding:10px 5px; position: relative; }
div.products > .col > div { min-height:200px; padding: 15px 10px 70px 10px;}
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 { clear:both; font-size: 1.2em; line-height: 1.2; padding:7px 0 5px 0; min-height: 40px; 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: 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; position: absolute; bottom: 20px; left: 15px; width: calc(100% - 30px); }
div.products > .col .price > .col { width:50%; height: 60px;  padding:0; position: relative; }
/*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: 53px; left: 0; padding: 3px 15px; text-decoration: none; background: #ff0025; color: #fff; font-weight:  font-size: 15px;}
div.products > .col .price > .col .old-price {position: absolute; top: 0; left: 0; color: #939598; }
div.products > .col .price > .col .actual {position: absolute; left: 0; top: 18px;}
div.products > .col .price > .col .actual-with {position: absolute; left: 0; top: 29px;}
/*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); font-size: 0.9em; background: url('images/ico-cart.png') no-repeat center 5px #5bc489; height: 60px; background-size: 25px; border: 1px solid #5bc489; padding:35px 5px 7px 5px; color:#FFF; }
div.products > .col .price > .cart button:hover { background-color: #fff; color: #5bc489; background-image: url(images/ico-cart-invert.png);}
div.products > .col .price > .cart .card-count {position: relative; right: -1px; height: 60px;}
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; }


#pager-limit-sort { margin: 25px -10px; background: #EEEEEE; font-weight: 600; color: #3c3c3c; padding: 15px 10px;}
#pager-limit-sort .col { width: 33.33333%; }
#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: #5bc489; 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: 3px 12px; text-decoration: none; }
.icostar a span {  color: #fff; font-size: 14px; text-transform: capitalize;  }
.icostar-new { background-color: #3c3c3c; }
.icostar-sale { background-color: #ff0025; }
.icostar-saleout { background-color: #286e82; }
.icostar-saletop { background-color: #286e82; }


#recommended {background-color: #EEEEEE; 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: 35px 0 0 0;  border-bottom: 1px solid #3c3c3c;}
#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: #3c3c3c; 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-bottom: 0;}
#product-detail > .content .data .data-header > .col.infomation .row .row {padding: 8px 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 .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: #5bc489; font-size: 4em; font-weight: 600; }
#product-detail div.good-price > .row .mainPrice span.with {font-size: 0.5em; padding-left: 15px;}
#product-detail div.good-price > .row .mainPrice .diffPrice {position: absolute; top: 0; right: 0; padding: 2px 15px; text-decoration: none; background: #ff0025; 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: #3c3c3c;}
.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:#3c3c3c; border-bottom:5px solid #5bc489; }
#order-steps .col.done a, #order-steps .col.done span { color:#3c3c3c; border-bottom:5px solid #ff0025; }

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

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

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

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

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

#content-items { padding: 15px 0 0 0; }
#content-items .col { padding:30px 45px 30px 20px; }
#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: #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:#5bc489; text-align: center; padding: 0 5px; text-decoration: none; }
.pager .page a:hover { text-decoration: none; color: #fff; background: #5bc489; }

.pager .page-active a { background: #5bc489; color: #fff; }
.pager .page-other {background:#5bc489; 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: #EEEEEE; 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: #ff0025;
    color: #ffffff;

    -webkit-box-shadow: 0px -5px 5px 0px rgba(44, 62, 80, 0.141);
    -moz-box-shadow: 0px -5px 5px 0px rgba(44, 62, 80, 0.141);
    box-shadow: 0px -5px 5px 0px rgba(44, 62, 80, 0.141);

    /*padding-bottom: 20px;*/
}
footer ul.list li {padding: 5px 0;}
footer ul.list li a {color: #fff; display: block; font-weight: bold;}
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(78% - 400px); }
footer .info-panel > .col:first-child { width: 20%; padding-right: 2%; }
footer .info-panel > .col.footer-heureka { width:150px; padding-top: 40px; }
footer .info-panel > .col:last-child { width: 250px; float: right; }
footer .info-panel .col ul.list { margin:0; padding:15px 0 0 0; font-size: 0.85em; }

footer .footer-contact { padding-top: 30px; }
footer .footer-contact a { font-size: 32px; color: #fff; text-decoration: none; font-weight: 900; padding: 0; display: inline-block; letter-spacing: 2px; }
footer .footer-contact div.slogan { font-size: 14px; font-weight: 900; }
footer .footer-contact .icons {padding-top: 5px;}
footer .footer-contact .icons img { width: 40px; padding-right: 15px; }

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

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

footer .footer-logo h1 a,
footer .footer-logo .h1 a {
    width: 100%;
    display: inline-block;
    background: url("../images/gf-logo-white.svg") no-repeat left center;
}


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

.newsletter-panel {background: #5bc489; 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: #161616; }
.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: #3c3c3c; }
.newsletter-panel .newsletter form .btn:hover {background: #5bc489;}
.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: #ffffff;
    color: #000000;
    -webkit-box-shadow: 0px -5px 5px 0px rgba(44, 62, 80, 0.141);
    -moz-box-shadow: 0px -5px 5px 0px rgba(44, 62, 80, 0.141);
    box-shadow: 0px -5px 5px 0px rgba(44, 62, 80, 0.141);
}
#footer .col { width: 100%; }
#footer .col:nth-child(2),
#footer .col:nth-last-child(2) {width: 50%;}
#footer .col p { margin-top:0; padding-top:0; }

/*
    HOMEPAGE
*/
#home-new-text {color: #3c3c3c; 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 #3c3c3c; 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: #3c3c3c;

}
#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:#1b1b1b; 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, ff002562, 80, 0.3);
}
#brandsCarousel section > header { text-align: center; font-size: 1.6em; padding: 15px 0 5px 0; }
#brandsCarousel section > header a {color: #3c3c3c; 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: #3c3c3c; 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 (max-width: 1450px) {
    #brandsCarousel {display: none;}

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


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

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

    nav ul.col > li { width:20%; padding:0; border:none; }
    nav ul.col > li a { padding:10px; }
    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;}
}

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

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

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

    nav ul.col { width:100%; }
    nav ul.col > li a { padding:10px 5px; 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:50%; }
    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;}
}

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

        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 { padding:10px; 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%;}

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

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

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

    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: #5bc489; color:#FFF; }
    #order-steps .col.done a, #order-steps .col.done span {  border:none; background:#ff0025; 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: #3fb78d; }
    .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%; 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; }


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

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

@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%; }
    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%; }
    nav ul.col > li a { padding:7px 15px; }

    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: #5bc489; margin:2px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    nav.buttons ul.col > li.red a { background:#ff0025; }
    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-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; }
}

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

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

    #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: 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 .ico { display: none; }
}