/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: sans-serif;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: sans-serif;
font-size: 14px;
line-height: 1.384615;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
img {
vertical-align: middle;
}
.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
[role='button'] {
cursor: pointer;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.container {
width: 747px;
}
}
@media (min-width: 992px) {
.container {
width: 972px;
}
}
@media (min-width: 1200px) {
.container {
width: 1178px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
}
.row {
margin-left: -20px;
margin-right: -20px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
text-transform: none;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 8.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a,
.dropdown-menu > li > span {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.384615;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li.dropdown__item--title > span {
font-weight: bold;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.384615;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: '';
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.384615;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 3px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 2;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: ' ';
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*!
* jQuery UI CSS Framework @VERSION
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: '';
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*!
* jQuery UI Slider @VERSION
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/slider/#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/*!
* jQuery UI Menu @VERSION
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/menu/#theming
*/
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
/*!
* jQuery UI Autocomplete @VERSION
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/autocomplete/#theming
*/
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
/*!
* jQuery UI Datepicker @VERSION
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/datepicker/#theming
*/
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: flex;
align-items: center;
user-select: none;
-webkit-user-select: none;
height: 100%;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 3px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option--selectable {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 3px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 3px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
position: absolute;
left: 0;
top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
padding: 0;
}
.select2-container--default .select2-results__option--disabled {
color: #999;
}
.select2-container--default .select2-results__option--selected {
background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-selection__arrow {
display: none;
}
@media (min-width: 1440px) {
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
float: left;
}
.col-xl-12 {
width: 100%;
}
.col-xl-11 {
width: 91.66666667%;
}
.col-xl-10 {
width: 83.33333333%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-8 {
width: 66.66666667%;
}
.col-xl-7 {
width: 58.33333333%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-5 {
width: 41.66666667%;
}
.col-xl-4 {
width: 33.33333333%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-2 {
width: 16.66666667%;
}
.col-xl-1 {
width: 8.33333333%;
}
.col-xl-pull-12 {
right: 100%;
}
.col-xl-pull-11 {
right: 91.66666667%;
}
.col-xl-pull-10 {
right: 83.33333333%;
}
.col-xl-pull-9 {
right: 75%;
}
.col-xl-pull-8 {
right: 66.66666667%;
}
.col-xl-pull-7 {
right: 58.33333333%;
}
.col-xl-pull-6 {
right: 50%;
}
.col-xl-pull-5 {
right: 41.66666667%;
}
.col-xl-pull-4 {
right: 33.33333333%;
}
.col-xl-pull-3 {
right: 25%;
}
.col-xl-pull-2 {
right: 16.66666667%;
}
.col-xl-pull-1 {
right: 8.33333333%;
}
.col-xl-pull-0 {
right: auto;
}
.col-xl-push-12 {
left: 100%;
}
.col-xl-push-11 {
left: 91.66666667%;
}
.col-xl-push-10 {
left: 83.33333333%;
}
.col-xl-push-9 {
left: 75%;
}
.col-xl-push-8 {
left: 66.66666667%;
}
.col-xl-push-7 {
left: 58.33333333%;
}
.col-xl-push-6 {
left: 50%;
}
.col-xl-push-5 {
left: 41.66666667%;
}
.col-xl-push-4 {
left: 33.33333333%;
}
.col-xl-push-3 {
left: 25%;
}
.col-xl-push-2 {
left: 16.66666667%;
}
.col-xl-push-1 {
left: 8.33333333%;
}
.col-xl-push-0 {
left: auto;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.col-xl-offset-11 {
margin-left: 91.66666667%;
}
.col-xl-offset-10 {
margin-left: 83.33333333%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-8 {
margin-left: 66.66666667%;
}
.col-xl-offset-7 {
margin-left: 58.33333333%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-5 {
margin-left: 41.66666667%;
}
.col-xl-offset-4 {
margin-left: 33.33333333%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-2 {
margin-left: 16.66666667%;
}
.col-xl-offset-1 {
margin-left: 8.33333333%;
}
.col-xl-offset-0 {
margin-left: 0%;
}
}
.no-display,
.hide {
display: none !important;
}
.block {
display: block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.nowrap {
white-space: nowrap;
}
.js-hidden {
visibility: hidden;
position: absolute;
max-height: 0;
max-width: 0;
overflow: hidden;
transform: scaleY(0) scaleX(0);
transform-origin: center;
}
.js-hidden.visible {
visibility: visible;
position: inherit;
max-height: none;
max-width: none;
overflow: visible;
transform: scaleY(1) scaleX(1);
transform-origin: center;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.spaced {
margin-top: 76px;
}
.spaced-small {
margin-top: 19px;
}
.spaced-smaller {
margin-top: 10px;
}
.no-gutter {
padding-right: 0 !important;
padding-left: 0 !important;
}
.show-tooltip {
cursor: help;
}
.show-tooltip.acronym[data-original-title] {
border-bottom-width: 1px;
border-bottom-style: dashed;
}
.show-tooltip.acronym[data-original-title=''] {
border-bottom: none;
}
.em {
font-style: italic;
}
.line {
line-height: 1px;
border-width: 1px 0 0 0;
border-style: solid;
margin: 19px 0;
}
*:focus:not(.focus-visible) {
outline: 0;
}
html {
height: 100%;
}
body {
min-height: 100%;
counter-reset: steps top;
font-weight: 400;
}
body.user-action-visible {
overflow: hidden;
}
body.user-action-visible.menu-helper-visible {
overflow: auto;
}
@media (min-width: 992px) {
body.user-action-visible {
overflow: visible;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 400;
line-height: 1.1;
word-wrap: break-word;
text-transform: none;
}
h4,
h5,
h6,
.h4,
.h5,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h1,
.h1 {
font-size: 26px;
font-weight: 400;
}
h2,
.h2 {
font-size: 20px;
}
h3,
.h3 {
font-size: 18px;
}
h4,
.h4 {
font-size: 16px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
a,
.link-like {
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.btn,
.link-like.btn {
text-decoration: none;
}
a:hover,
.link-like:hover {
text-decoration: none;
}
a:focus,
.link-like:focus {
text-decoration: none;
}
a.disabled,
.link-like.disabled {
cursor: default;
}
img {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
label.disabled {
opacity: 0.75;
cursor: not-allowed;
}
@media (min-width: 768px) {
.table-md-50 {
width: 50% !important;
}
}
.table-th-code {
width: 21%;
}
.table-th-date {
width: 7%;
}
.p-final-price-wrapper .price-standard > span,
.p-final-price-wrapper .price-save > span {
display: inline-block;
}
.p-final-price-wrapper .price-standard > span.empty,
.p-final-price-wrapper .price-save > span.empty {
visibility: hidden;
}
.price-standard > span {
text-decoration: line-through;
}
.price-measure .empty,
.price-measure .default-variant {
visibility: hidden;
}
td > .price-measure .empty,
td > .price-measure .default-variant {
visibility: visible;
}
.parameter-value {
display: none;
}
#payu_ {
display: none;
}
#payu_ .container {
width: auto !important;
padding: 0 !important;
}
#checkoutContent #payu_ {
display: block;
}
iframe[name='google_conversion_frame'] {
display: none;
}
.shp-icon,
.chevron-after::after,
.close-after::after,
.submenu-arrow::after,
.navigation-close:before,
.link-icon::before,
a.social-icon::before,
#cboxPrevious::before,
#cboxNext::before,
#cboxClose::before,
.pagination-link.prev::before,
.pagination-link.next::before,
.pagination-link.up::before,
.contact-box ul li > span::before,
.quantity .increase::before,
.quantity .decrease::before,
#categories .expandable > a > span::before,
#categories .expandable > .topic > a > span::before,
.search-whisperer-category em::before,
.add-comment .rating-icon::before,
.add-comment .comment-icon::before,
.stars a::before,
.stars span::before,
.p-thumbnails .thumbnail-prev::before,
.p-thumbnails .thumbnail-next::before,
.advanced-parameter-inner::before,
.instagram-follow-btn > span::before,
.empty-content-404 h2::after,
.empty-content-category h2::after,
.browse-p .p-prev::before,
.browse-p .p-next::before,
.cart-toggle-unselected-options::after,
.show-related:after,
.remove-item::before,
.btn.btn-login::before,
a.btn.btn-login::before,
.btn.btn-login.btn-after::after,
a.btn.btn-login.btn-after::after,
.btn.btn-cofidis::before,
a.btn.btn-cofidis::before,
.btn.btn-cofidis.btn-after::after,
a.btn.btn-cofidis.btn-after::after,
.btn.btn-arrow-left::before,
a.btn.btn-arrow-left::before,
.btn.btn-arrow-left.btn-after::after,
a.btn.btn-arrow-left.btn-after::after,
.btn.btn-arrow-right::before,
a.btn.btn-arrow-right::before,
.btn.btn-arrow-right.btn-after::after,
a.btn.btn-arrow-right.btn-after::after,
.btn.btn-arrow-down::before,
a.btn.btn-arrow-down::before,
.btn.btn-arrow-down.btn-after::after,
a.btn.btn-arrow-down.btn-after::after,
.btn.btn-arrow-up::before,
a.btn.btn-arrow-up::before,
.btn.btn-arrow-up.btn-after::after,
a.btn.btn-arrow-up.btn-after::after,
.image360::after,
.show360image::after,
.menu-helper::after,
.subcategories li a::before,
.navigation-home-icon-wrapper::before,
.carousel-control::before,
.cart-widget-product-delete button::before,
.top-navigation-bar .dropdown .caret::before,
.responsive-tools > a::before,
.top-navigation-contacts a.project-phone::before,
.top-navigation-contacts a.project-email::before,
.top-navigation-menu-trigger::before,
.discount-coupon::before,
.extra.delivery::before,
.extra.discount::before,
.back-shopping-link .next-step-back::before,
.next-step-back::before,
.btn.next-step-forward::after,
.co-box h4::before,
.chevron-after::after,
.cart-widget-button .btn::after,
.btn.btn-cart::before,
a.btn.btn-cart::before,
.btn.add-to-cart-button::before,
a.btn.add-to-cart-button::before,
.btn.cart-count::before,
a.btn.cart-count::before {
display: inline-block;
speak: none;
vertical-align: middle;
font-family: shoptet;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 0;
text-transform: none;
text-decoration: none;
}
.chevron-after::after {
vertical-align: initial;
font-size: 9px;
margin-left: 0.5ex;
}
.chevron-after.chevron-down-after::after {
content: '\e90e';
}
.chevron-after.chevron-up-after::after {
content: '\e911';
}
.chevron-after.chevron-left-after::after {
content: '\e90f';
}
.chevron-after.chevron-right-after::after {
content: '\e910';
}
.close-after::after {
content: '\e912';
vertical-align: initial;
font-size: 9px;
margin-left: 1ex;
}
.qrcode {
border-style: solid;
border-width: 1px;
}
@media (min-width: 1440px) {
.container {
width: 1418px;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .tab-pane h2:first-child {
margin-top: 0;
}
.tab-content > .active {
display: block;
}
.fb-messenger-checkbox {
margin: -5px 0 0 -14px;
display: block;
}
.order-complete-links {
text-align: center;
}
.reca-number {
text-align: center;
margin-bottom: 19px;
}
.more-categories-wrap .more-categories-list {
display: none;
}
.more-categories-wrap.unveiled .more-categories-trigger {
display: none;
}
.more-categories-wrap.unveiled .more-categories-list.visible {
display: inline;
}
.cart-inner {
padding: 10px;
}
.cart-heading {
margin: 0.67em 0;
}
.pr-list-unit {
display: inline-block;
}
.products-block .p > a::before,
.products-block .img > a::before {
content: '';
float: left;
}
#company-info {
margin-bottom: 19px;
}
.at-share-dock-outer {
position: relative;
z-index: 55;
}
.footer-links {
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 10px 0;
}
.footer-links .footer-link {
list-style: none;
display: inline-block;
padding: 0 5px;
}
.footer-links .footer-link:first-of-type {
padding-left: 0;
}
.footer-links .footer-link:last-of-type {
padding-right: 0;
}
.footer-left .footer-links {
justify-content: center;
}
@media (min-width: 768px) {
.footer-left .footer-links {
justify-content: flex-start;
}
}
.footer-icons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.footer-icons .footer-icon {
display: inline-block;
margin: 10px;
align-self: center;
}
.footer-links-icons {
padding: 29px 20px;
}
.footer-links-icons .footer-links {
margin-top: 0;
}
.footer-links-icons .footer-icon {
margin-bottom: 0;
}
.recapitulation-shipping-billing-label {
display: none;
}
.content-wrapper.container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.content-wrapper.container {
padding-left: 10px;
padding-right: 10px;
}
.content-wrapper.container .row {
margin-left: -10px;
margin-right: -10px;
}
.content-wrapper.container .row > div {
padding-left: 10px;
padding-right: 10px;
}
.content-wrapper.container .row.cart-row {
margin-left: 0;
margin-right: 0;
}
.content-wrapper.container .row.cart-row > div {
padding-left: 0;
padding-right: 0;
}
.ordering-process .content-wrapper.container {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
.content-wrapper-in {
display: flex;
}
}
.sidebar {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 768px) {
.content {
flex-grow: 1;
flex-shrink: 1;
width: 100%;
padding-left: 20px;
padding-right: 20px;
min-width: 0;
}
}
@media (max-width: 767px) {
.sidebar.sidebar-left {
display: none;
}
.sidebar.sidebar-left.sidebar-visible {
display: block;
}
}
@media (max-width: 1199px) {
.sidebar.sidebar-right {
display: none;
}
}
@media (min-width: 768px) {
.sidebar {
flex-grow: 0;
flex-shrink: 0;
width: 295px;
}
}
@media (min-width: 992px) {
.sidebar {
width: 295px;
}
}
#navigation {
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media (max-width: 767px) {
#navigation {
z-index: 1000;
position: fixed;
right: 0;
top: 0;
width: 0;
height: 100%;
padding-bottom: 60px;
}
}
@media (max-width: 479px) {
.navigation-window-visible #navigation {
width: 100%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#navigation {
padding-top: 0;
}
.navigation-window-visible #navigation {
width: 60%;
}
}
@media (min-width: 768px) {
#navigation {
position: relative;
left: 0;
height: 32px;
}
.submenu-visible #navigation {
overflow: visible;
}
.submenu-visible #navigation.menu-helper-visible {
overflow: hidden;
}
}
.navigation-in ul,
.menu-helper ul {
margin: 0;
padding: 0;
}
.navigation-in ul li,
.menu-helper ul li {
display: block;
list-style: none;
}
.navigation-in ul li a,
.menu-helper ul li a {
display: block;
}
.navigation-in ul li.appended-category,
.menu-helper ul li.appended-category {
display: none;
}
.navigation-in > ul > li.ext > ul,
.menu-helper > ul > li.ext > ul {
display: none;
}
.submenu-visible .navigation-in > ul > li.ext.exp > ul,
.submenu-visible .menu-helper > ul > li.ext.exp > ul {
display: block;
}
@media (min-width: 768px) {
.navigation-in .navigationActions,
.menu-helper .navigationActions {
display: none;
}
.menu-helper-visible .navigation-in .navigationActions,
.menu-helper-visible .menu-helper .navigationActions {
display: none;
}
}
.navigation-in {
font-size: 14px;
line-height: 14px;
}
.navigation-in ul li {
position: static;
}
.navigation-in ul li a {
padding-left: 20px;
padding-right: 20px;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
text-transform: none;
text-decoration: none;
}
.navigation-in ul li a b {
font-weight: 400;
}
.navigation-in ul li a:hover {
text-decoration: none;
}
.navigation-in ul.menu-level-2 li a {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.navigation-in ul.menu-level-2 li a.navigationActions__link--flag {
display: flex;
align-items: center;
padding-top: calc((14px + (0.9375rem * 2) - 24px) / 2);
padding-bottom: calc((14px + (0.9375rem * 2) - 24px) / 2);
}
.navigation-in > ul > li {
border-top-width: 1px;
border-top-style: solid;
}
.navigation-in > ul > li:first-child {
border-top-style: none;
}
@media (max-width: 767px) {
.navigation-in {
width: 100%;
height: 100%;
overflow: auto;
}
.navigation-in a.menu-image {
display: none;
}
.navigation-in .has-third-level ul {
display: none;
}
.navigation-in ul li.appended-category {
display: block;
}
.navigation-in ul.menu-level-2 li a {
padding-left: 40px;
}
.navigation-in > ul:last-child {
margin-bottom: 29px;
}
.navigation-in > ul > li:last-child {
border-bottom-width: 1px;
border-bottom-style: solid;
}
}
@media (min-width: 768px) {
.navigation-in {
position: absolute;
left: 0;
top: 0;
width: 9999em;
}
.submenu-visible .navigation-in,
.fitted .navigation-in {
width: 100%;
}
.navigation-in ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.fitted .navigation-in ul {
justify-content: flex-start;
}
.navigation-in ul li {
display: block;
}
.navigation-in ul li.splitted {
visibility: hidden;
}
.submenu-visible .navigation-in ul li.splitted {
display: none;
}
.navigation-in ul.menu-level-2 {
z-index: 1001;
position: absolute;
left: 0;
top: calc(100% - 9px / 2);
width: 100%;
margin-left: 0;
border-style: none;
border-width: 0;
}
.navigation-in ul.menu-level-2 li {
border-top-style: none;
border-top-width: 0;
display: block;
}
.navigation-in ul.menu-level-2 li:first-child {
border-top-style: none;
}
.navigation-in > ul > li {
border-top-width: 0;
border-bottom-width: 0;
border-top-style: none;
border-bottom-style: none;
}
.navigation-in > ul > li > a {
padding-top: 9px;
padding-bottom: 9px;
}
}
.navigation-in .navigationActions {
border-top-width: 0;
border-top-style: solid;
}
.navigation-in .navigationActions__submenu.menu-level-2 li {
position: relative;
}
.navigation-in .navigationActions__submenu.menu-level-2 li > a {
padding-left: 20px;
padding-right: 0;
margin-left: 20px;
margin-right: 20px;
}
.navigation-in .navigationActions__submenu ul:not(:first-of-type) li:first-of-type > a {
border-top: 1px solid;
}
@media (min-width: 768px) {
.navigation-in > ul > li {
border-left-style: solid;
border-left-width: 1px;
border-top-style: none;
border-bottom-style: none;
}
.navigation-in > ul > li > a:hover {
margin-left: -1px;
margin-right: -1px;
padding-left: 21px;
padding-right: 21px;
}
.navigation-in > ul > li.ext > ul > li {
display: flex;
align-items: center;
flex-grow: 0;
flex-shrink: 1;
flex-basis: 33.333333%;
width: 33.333333%;
min-height: 75px;
}
.navigation-in > ul > li.ext > ul > li > a {
position: relative;
width: 116px;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
align-items: center;
padding: 20px;
}
.navigation-in > ul > li.ext > ul > li > a img {
display: block;
max-width: 76px;
height: auto;
max-height: 54px;
}
.navigation-in > ul > li.ext > ul > li > a:hover {
background-color: transparent;
}
.navigation-in > ul > li.ext > ul > li > div {
width: calc(100% - 116px);
}
.navigation-in > ul > li.ext > ul > li > div > a {
padding: 0 0 5px;
font-weight: 700;
}
.navigation-in > ul > li.ext > ul > li > div > ul {
line-height: 16px;
max-height: 32px;
overflow: hidden;
display: inline-block;
}
.navigation-in > ul > li.ext > ul > li > div > ul > li {
display: inline-block;
}
.navigation-in > ul > li.ext > ul > li > div > ul > li > a {
display: inline;
padding: 0;
}
.navigation-in > ul > li.ext > ul > li > div > ul > li > a:hover {
background-color: transparent;
}
.navigation-in > ul > li.ext > ul > li.has-third-level > a {
display: block;
line-height: 1;
}
.navigation-in > ul > li.ext > a > span {
display: none;
}
.navigation-in > ul > li.ext.exp > a {
margin-left: -1px;
margin-right: -1px;
padding-left: 21px;
padding-right: 21px;
}
.submenu-visible .navigation-in > ul > li.ext.exp > ul {
display: flex;
flex-wrap: wrap;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.navigation-in > ul > li.ext.exp:first-child > a {
margin-left: 0;
padding-left: 20px;
}
.navigation-in > ul > li.exp > ul {
top: 100%;
}
.navigation-in > ul > li:first-child {
border-left-style: none;
}
.navigation-in > ul > li:first-child > a:hover {
margin-left: 0;
padding-left: 20px;
}
}
@media (min-width: 1200px) {
.navigation-in > ul > li.ext > ul > li {
width: 25%;
flex-basis: 25%;
}
}
.submenu-arrow {
display: inline-block;
padding-left: 1em;
font-size: 10px;
line-height: 10px;
}
@media (max-width: 767px) {
.submenu-arrow {
padding-right: 1em;
}
}
.submenu-arrow::after {
content: '\e90e';
-webkit-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.submenu-visible li.exp > a .submenu-arrow::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.navigation-buttons > a[data-target='cart'] i {
position: absolute;
left: 18px;
right: auto;
top: 0;
bottom: auto;
display: block;
width: 17px;
height: 17px;
padding: 3px;
font-style: normal;
font-size: 11px;
line-height: 11px;
border-radius: 100%;
}
@media (min-width: 768px) {
.navigation-buttons > a[data-target='navigation'] {
display: none;
}
}
.navigation-close {
display: none;
}
@media (max-width: 767px) {
.navigation-close {
position: absolute;
right: 0;
top: 0;
display: block;
padding: 1.25rem;
}
.navigation-close::before {
content: '\e912';
display: block;
width: 14px;
height: 14px;
font-size: 14px;
line-height: 14px;
}
}
.navigationActions__flagWrapper {
display: inline-flex;
align-items: center;
}
.navigationActions__flag-right {
margin-left: 1ex;
}
.navigationActions__flag-left {
margin-right: 1ex;
}
.navigationActions__submenu__item--active::before {
content: '';
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.entrance-protection {
display: flex;
align-items: center;
height: 100%;
padding: 20px;
}
.entrance-protection .entrance-protection-inner {
flex: 0 1 440px;
margin: 0 auto;
padding: 20px;
}
.entrance-protection h1 {
margin: 0 auto 20px;
text-align: center;
}
.entrance-protection .box,
.entrance-protection .box.box-sm {
margin: 0;
padding: 0;
}
.entrance-protection .site-name {
max-width: 100%;
margin: 0 auto 20px;
padding: 0 40px;
text-align: center;
}
.entrance-protection .form-group > input {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.entrance-protection .submit-wrapper {
text-align: center;
}
@media (min-width: 768px) {
.entrance-protection .entrance-protection-inner {
padding: 40px 20px;
}
.entrance-protection .form-group > input,
.entrance-protection .site-name {
max-width: 80%;
}
}
.news-item {
margin-bottom: 40px;
padding-bottom: 40px;
}
.news-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
@media (min-width: 480px) {
.news-item {
margin-bottom: 80px;
padding-bottom: 0;
border-bottom: 0;
display: flex;
}
}
.news-item .image {
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 480px) {
.news-item .image {
margin-right: 20px;
margin-bottom: 0;
text-align: center;
flex: 0 1 auto;
width: calc(100% / 3);
text-align: left;
}
}
@media (min-width: 768px) {
.news-item .image {
margin-right: 40px;
}
}
@media (min-width: 1200px) {
.news-item .image {
width: 370px;
}
.news-item .image img {
width: 100%;
}
}
.news-item .image img {
max-width: 100%;
max-height: 100%;
}
@media (min-width: 480px) {
.news-item .text {
flex-grow: 1;
flex: 1;
flex-direction: column;
}
}
.news-item .text .title {
line-height: 32px;
font-size: 24px;
text-decoration: none;
font-weight: 300;
display: block;
margin-bottom: 10px;
}
.news-item .text .title:hover {
text-decoration: underline;
}
.news-item .text .description {
line-height: 2.2rem;
}
.news-item .text .description p:last-child {
margin-bottom: 0;
}
.news-item-detail .text {
margin-bottom: 40px;
}
.news-item-detail .text:before,
.news-item-detail .text:after {
content: ' ';
display: table;
}
.news-item-detail .text:after {
clear: both;
}
.news-item-detail .text img {
max-width: 100%;
}
.news-item-detail .text img[style*='float: left'] {
margin-right: 10px;
margin-bottom: 10px;
}
.news-item-detail .text img[style*='float: right'] {
margin-left: 10px;
margin-bottom: 10px;
}
.news-item-detail .share {
margin-bottom: 20px;
min-height: 25px;
}
.news-item-detail .next-prev {
margin-bottom: 20px;
}
.news-item-widget {
margin-bottom: 10px;
border-bottom-style: none;
border-bottom-width: 0;
}
.news-item-widget time {
display: block;
font-size: 12px;
}
.news-item-widget h5 {
margin-top: 0;
margin-bottom: 0;
}
.news-item-widget:last-child {
border-bottom-style: none;
}
.news-item time,
.news-item-detail time {
margin-bottom: 20px;
font-size: 14px;
font-weight: 300;
display: block;
line-height: 1;
}
.products-inline {
width: 100%;
}
.products-inline > div {
width: 100%;
border-top-style: solid;
border-top-width: 1px;
padding-top: 10px;
margin-bottom: 10px;
}
.products-inline > div:first-child {
border-top-style: none;
}
.products-inline > div .p .image {
display: block;
margin: 0 auto;
text-align: center;
position: relative;
}
.products-inline > div .p .image .extra-flags {
display: none;
}
.products-inline > div .p .p-in {
line-height: 1.4;
}
.products-inline > div .p .p-in .p-in-in .name {
height: auto;
display: block;
}
.products-inline > div .p .p-in .p-in-in .ratings-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.products-inline > div .p .p-in .p-in-in .ratings-wrapper .stars-wrapper,
.products-inline > div .p .p-in .p-in-in .ratings-wrapper .flags,
.products-inline > div .p .p-in .p-in-in .ratings-wrapper .p-code,
.products-inline > div .p .p-in .p-in-in .ratings-wrapper .availability {
width: auto;
margin: 0 5px 0 0;
flex-grow: 0;
flex-shrink: 1;
}
.products-inline > div .p .p-in .p-in-in .ratings-wrapper .stars-wrapper {
justify-content: flex-start;
}
.products-inline > div .p .p-in .p-in-in .ratings-wrapper .stars-placeholder {
display: none;
}
.products-inline > div .p .p-in .p-in-in .ratings-wrapper .flags {
position: relative;
top: 0;
left: 0;
}
.products-inline > div .p .p-in .p-in-in .ratings-wrapper .flags-inline .flag {
margin: 2px;
display: inline-block;
width: auto;
max-width: none;
opacity: 1;
}
.products-inline > div .p .p-in .p-in-in .p-desc {
display: none;
}
.products-inline > div .p .p-in .p-bottom > div .prices .price-standard,
.products-inline > div .p .p-in .p-bottom > div .prices .price-save {
display: inline-block;
}
.products-inline > div .p .p-in .p-bottom > div .prices .price-standard-wrapper {
display: inline-block;
}
.products-inline > div .p .p-in .p-bottom > div .prices .price-standard-wrapper.price-standard-wrapper-placeholder {
display: none;
}
.products-inline > div .p .p-in .p-bottom > div .p-tools {
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.products-inline > div .p .p-in .p-bottom > div .p-tools form {
display: flex;
flex-direction: row;
}
.products-inline > div .p .p-in .p-bottom > div .p-tools form .quantity {
display: block;
}
.products-inline > div .p .p-in .p-bottom > div .p-tools form .quantity input {
min-width: 100%;
}
.products-inline > div .p .p-in .p-bottom > div .p-tools .btn-cart::before {
content: '\e921';
margin: 0;
font-size: 20px;
line-height: 20px;
}
.products-inline > div .p .p-in .p-bottom > div .p-tools .to-cart-text {
display: none;
}
.products-inline > div .p .price strong {
font-size: 17px;
}
.products-inline .price-standard-label,
.products-inline .secondary-to-cart-btn {
display: none;
}
.products-inline.products-top {
display: flex;
flex-wrap: wrap;
}
.products-inline.products-top > div {
display: none;
flex-grow: 0;
flex-shrink: 0;
padding-left: 10px;
padding-right: 10px;
border-style: none;
}
.products-inline.products-top > div:first-child,
.products-inline.products-top > div:nth-child(2) {
display: flex;
}
.products-inline.products-top > div.button-wrapper {
display: none;
}
.products-inline.products-top > div .p {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.products-inline.products-top > div .p .p-code,
.products-inline.products-top > div .p .p-desc,
.products-inline.products-top > div .p .price-additional,
.products-inline.products-top > div .p .stars-wrapper,
.products-inline.products-top > div .p .stars-placeholder,
.products-inline.products-top > div .p .price-standard-wrapper,
.products-inline.products-top > div .p .price-save {
display: none !important;
}
.products-inline.products-top > div .p .image {
width: 90px;
min-height: 90px;
}
.products-inline.products-top > div .p .p-in {
display: block;
width: calc(100% - 90px);
padding-left: 10px;
}
.products-inline.products-top > div .p .p-in .p-bottom {
padding: 0;
}
.products-inline.products-top > div .p .p-in .p-bottom > div {
text-align: left;
align-items: flex-start;
}
.products-inline.products-top > div .p .p-in .p-bottom > div > div {
flex-basis: 100%;
}
.products-inline.products-top > div .p .p-in .p-bottom .availability {
font-size: 12px;
margin: 0;
}
.products-inline.products-top > div .p .p-in .p-bottom .prices {
flex-basis: 100%;
}
@media (min-width: 480px) {
.products-inline.products-top > div {
width: 50%;
}
.products-inline > div .p .p-in .p-bottom > div {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-top: 10px;
}
}
@media (min-width: 992px) {
.products-inline > div {
flex: 0 0 auto;
}
.products-inline > div .p {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.products-inline > div .p .image {
flex-grow: 0;
flex-shrink: 0;
width: 90px;
}
.products-inline > div .p .p-in {
display: flex;
flex-grow: 1;
flex-shrink: 1;
align-items: center;
width: calc(100% - 90px);
padding-left: 20px;
}
.products-inline > div .p .p-in .p-in-in {
padding-right: 20px;
flex-basis: 65%;
}
.products-inline > div .p .p-in .p-bottom {
flex-basis: 35%;
}
.products-inline > div .p .p-in .p-bottom > div {
flex-direction: column;
align-items: flex-end;
padding-top: 0;
text-align: right;
}
.products-inline > div .p .p-in .p-bottom .p-tools {
margin-top: 10px;
}
}
@media (min-width: 1200px) {
.products-inline.products-top > div {
display: block;
width: 33.333333%;
}
.products-inline.products-top > div.button-wrapper {
display: block;
width: 100%;
max-width: none;
margin: 0 auto;
text-align: center;
}
.one-column-body .products-inline:not(.products-top) > div .p .p-in .p-in-in,
.multiple-columns-body:not(.has-right-sidebar) .products-inline:not(.products-top) > div .p .p-in .p-in-in,
.one-column-body .products-inline:not(.products-top) > div .p .p-in .p-bottom,
.multiple-columns-body:not(.has-right-sidebar) .products-inline:not(.products-top) > div .p .p-in .p-bottom {
flex-basis: 50%;
}
.one-column-body .products-inline:not(.products-top) > div .p .p-in .p-bottom > div,
.multiple-columns-body:not(.has-right-sidebar) .products-inline:not(.products-top) > div .p .p-in .p-bottom > div {
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.one-column-body .products-inline:not(.products-top) > div .p .p-in .p-bottom > div > div,
.multiple-columns-body:not(.has-right-sidebar) .products-inline:not(.products-top) > div .p .p-in .p-bottom > div > div {
flex-basis: 50%;
}
.one-column-body .products-inline:not(.products-top) > div .p .p-in .p-bottom > div > div.prices,
.multiple-columns-body:not(.has-right-sidebar) .products-inline:not(.products-top) > div .p .p-in .p-bottom > div > div.prices {
order: 0;
padding-right: 20px;
}
}
@media (min-width: 1200px) {
.products-inline.products-inline-image > div .p .image {
width: 220px;
}
.products-inline.products-inline-image > div .p .p-in {
width: calc(100% - 220px);
}
.products-inline.products-inline-image > div .p .p-in .p-in-in .p-desc {
display: block;
margin: 10px 0 0;
}
}
.products-inline .widget-parameter-wrapper {
margin: 0;
padding: 0;
width: 100%;
}
.products-inline .widget-parameter-wrapper.justified {
justify-content: flex-start;
}
.products-inline .widget-parameter-wrapper .widget-parameter-value:first-child a {
padding-left: 0;
}
@media (min-width: 992px) {
.products-inline.products-inline-image .widget-parameter-wrapper {
margin: 19px 0 0;
}
}
@media print {
.no-display,
.user-action,
.admin-bar,
.top-navigation-bar,
.top-nav,
.search,
#navigation,
.navigation-buttons,
.menu-helper,
.cart-count,
.breadcrumbs,
.sidebar,
#footer,
.content-window,
.carousel,
.banners-content,
.banner-footer,
.banner-wrapper,
.banner-category,
.banner,
.btn-cart,
.quantity,
.category-header,
.filters-wrapper,
.filters,
.pagination,
.add-to-cart,
.sb-button,
.p-switcher-wrapper,
.p-thumbnails-wrapper,
.p-details h1,
.variant-list,
.surcharge-list,
[itemprop='aggregateRating'],
.box-subscribe,
.link-icon,
.choose-variant,
.availability-label,
.p-intro .p-final-price,
.shp-tabs-wrapper,
.next-prev,
.chevron-down-after,
.social-icons {
display: none;
}
@page {
margin: 2cm;
}
@page :first {
margin: 1cm 2cm;
}
* {
background: none !important;
}
body {
font: 14pt serif;
background: #fff !important;
color: #000;
padding: 0;
}
img {
height: auto;
max-width: 100%;
}
a,
ul,
ol,
dl,
pre {
page-break-inside: avoid;
}
table {
border-top: 1px solid #ccc;
margin-bottom: 20pt;
page-break-inside: avoid;
font-size: 13pt;
}
th {
text-align: left;
border-bottom: 1px solid #ccc;
}
td {
text-align: left;
border-bottom: 1px solid #ccc;
}
h1,
h2,
h3,
h4 {
font-family: sans-serif;
page-break-after: avoid;
page-break-inside: avoid;
}
iframe,
ins {
display: none;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
line-height: 0pt !important;
white-space: nowrap;
}
.p-final-price {
display: block;
margin-top: 1ex;
font-size: 16pt;
}
#header .site-name {
border-bottom: 1pt solid #ccc;
}
#header .site-name img {
max-width: 100pt;
max-height: 70pt;
}
.p-details table {
min-width: 50%;
}
}
.sizeID {
vertical-align: middle;
display: inline-block;
}
.SizeID-button {
width: auto !important;
height: auto !important;
}
.SizeID-button .sb-button {
border: none !important;
height: auto !important;
width: auto !important;
padding: 0 !important;
text-decoration: none !important;
background: none !important;
}
.SizeID-button .sb-button .sb-label {
height: auto !important;
padding-right: 0 !important;
font-size: 14px !important;
}
.SizeID-button .sb-button .sb-label::before,
.SizeID-button .sb-button .sb-label::after {
display: none !important;
}
.SizeID-button:hover .sb-button {
background-color: transparent !important;
text-decoration: none !important;
}
.sizeID-logo {
vertical-align: text-bottom;
height: 19px;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 14px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
}
table.table {
width: 100%;
margin-bottom: 19px;
}
table.table thead > tr > th,
table.table tbody > tr > th,
table.table thead > tr > td,
table.table tbody > tr > td {
padding: 0.25rem 0.5rem;
}
table.table.border thead > tr > th,
table.table.border tbody > tr > th,
table.table.border thead > tr > td,
table.table.border tbody > tr > td {
border-style: solid;
border-width: 1px;
}
@media (max-width: 767px) {
table.table.breakable {
width: 100%;
}
table.table.breakable > thead {
display: none;
}
table.table.breakable > tbody > tr > th,
table.table.breakable > tbody > tr > td {
display: block;
text-align: center;
}
table.table.breakable > tbody > tr > td {
margin-bottom: 10px;
font-weight: bold;
}
table.table.breakable > tbody > tr > td.empty {
display: none;
}
}
.table-fit-content {
width: 1px;
white-space: nowrap;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
.form-control,
select {
border-width: 1px;
border-style: solid;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.form-group {
position: relative;
margin-bottom: 19px;
}
.form-group select {
display: block;
width: 100%;
min-width: 217px;
}
.form-group td {
padding: 0.25rem 0.5rem;
}
.form-group:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.form-group select {
display: inline-block;
width: auto;
}
.form-group select.form-control {
display: block;
width: 100%;
}
}
@media (min-width: 992px) {
.form-group {
min-width: 210px;
}
}
@media (min-width: 480px) {
.form-group label {
line-height: 36px;
}
.form-group.form-group-wrapped label {
float: none;
display: block;
}
.form-group.consents {
line-height: normal;
}
.form-group.consents label {
line-height: normal;
}
}
fieldset + .form-group,
.form-option-block + .form-group {
margin-top: 19px;
}
.form-group-hasTooltip {
position: relative;
}
.form-group-hasTooltip .form-control {
padding-right: 31px;
}
.form-control {
display: block;
width: 100%;
height: 36px;
padding: 10px 12px;
border-radius: 3px;
box-shadow: none;
}
textarea.form-control {
height: 140px;
}
.form-control.sm {
height: 28px;
padding: 5px 12px;
}
textarea.form-control.sm {
height: 200px;
}
.form-control.lg {
height: 60px;
padding: 15px 12px;
}
.form-control.short {
width: 120px;
}
input[type='search'].form-control {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-control.ui-autocomplete-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.form-control.inline-block {
display: inline-block;
}
select,
select.form-control,
.select2-selection {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 6px 45px 6px 11px;
line-height: 22px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA6CAIAAABNgoyqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNrs2LsNwDAIRVE7CzAp07AlU4QqRZQUeSgfRfeVIPlINqLwzEwzG49nGS8FGBgYGBgYGBgYGBj4t7C7y90WHBFnp1e9ujde9aF9VRXfeGcLqj5cm62pldn5EZDVLswCAQYGBgYGBgYG/ha8CjAAkdEmwUnCSO4AAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-position: right center;
}
select::-ms-expand,
select.form-control::-ms-expand,
.select2-selection::-ms-expand {
display: none;
}
@media (max-width: 767px) {
select,
select.form-control,
.select2-selection {
max-width: 275px;
}
}
@media (min-width: 768px) {
select,
select.form-control,
.select2-selection {
max-width: 400px;
}
}
label {
min-height: 14px;
cursor: pointer;
}
label.select-label {
display: block;
margin-right: 1ex;
}
@media (min-width: 1440px) {
label.select-label {
display: inline-block;
}
}
input[type='checkbox'],
input[type='radio'] {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
position: relative;
display: inline-block;
margin-right: 15px;
padding-left: 21px;
line-height: 20px;
}
input[type='checkbox'] + label::after,
input[type='radio'] + label::after,
input[type='checkbox'] + label::before,
input[type='radio'] + label::before {
content: '';
position: absolute;
top: 50%;
display: block;
transform: translateY(-50%);
}
input[type='checkbox'] + label::before,
input[type='radio'] + label::before {
left: 0;
width: 14px;
height: 14px;
border-width: 1px;
border-style: solid;
background-color: #fff;
}
input[type='checkbox']:checked + label::after,
input[type='radio']:checked + label::after {
width: 10px;
height: 10px;
border-width: 1px;
border-style: solid;
left: 2px;
}
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {
cursor: not-allowed;
}
input[type='checkbox'].error-field + label,
input[type='radio'].error-field + label,
input[type='checkbox'].js-error-field + label,
input[type='radio'].js-error-field + label {
border-radius: 3px;
border-style: solid;
border-width: 1px;
width: auto;
padding: 5px 5px 5px 26px;
}
input[type='checkbox'].error-field + label::after,
input[type='radio'].error-field + label::after,
input[type='checkbox'].js-error-field + label::after,
input[type='radio'].js-error-field + label::after,
input[type='checkbox'].error-field + label::before,
input[type='radio'].error-field + label::before,
input[type='checkbox'].js-error-field + label::before,
input[type='radio'].js-error-field + label::before {
left: 5px;
}
input[type='radio'] + label::after,
input[type='radio'] + label::before {
border-radius: 100%;
}
input[type='checkbox'][name='confirmations[]'] {
display: block;
position: absolute;
left: 2px;
top: 2px;
opacity: 0;
filter: alpha(opacity=0);
}
input[type='checkbox'][name='confirmations[]'] + label {
line-height: 19px;
text-indent: 21px;
padding-left: 0;
margin-right: 0;
}
input[type='checkbox'][name='confirmations[]'] + label::before,
input[type='checkbox'][name='confirmations[]'] + label::after {
top: 3px;
transform: none;
}
input[type='checkbox'][name='confirmations[]'] + label::after {
margin-top: 2px;
margin-left: 2px;
left: 0;
}
input::-moz-placeholder {
color: #b6b6b6;
opacity: 1;
}
input:-ms-input-placeholder {
color: #b6b6b6;
}
input::-webkit-input-placeholder {
color: #b6b6b6;
}
input::placeholder {
color: #b6b6b6;
}
input[type='checkbox'],
input[type='radio'],
input[type='text'],
input[type='email'],
input[type='search'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.required-asterisk:after {
content: '*';
padding-left: 0.5ch;
}
.form-control,
input,
select,
textarea {
outline: 0;
font-size: 1.15em;
}
@media (min-width: 768px) {
.form-control,
input,
select,
textarea {
font-size: inherit;
}
}
.form-group-tooltip {
position: absolute;
left: calc(100% - 26px);
top: calc(100% - 36px / 2);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.js-error-field + .form-group-tooltip {
top: calc(50%);
}
}
.msg {
width: 100%;
padding: 19px 10px;
border-width: 1px;
border-style: solid;
opacity: 0.95;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
cursor: pointer;
}
.msg.hidden {
opacity: 0;
}
@media (min-width: 992px) {
.msg {
padding: 38px 20px;
}
}
.msg-wrapper {
z-index: 1003;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.msg-wrapper .msg {
position: relative;
}
.notice-message,
.warning-message,
.error-message {
padding: 5px 10px 5px 5px;
margin-top: 19px;
border: 0;
font-weight: 400;
}
.watchdog-row {
margin: 0 0 1em;
min-height: 36px;
display: flex;
align-items: center;
}
.watchdog-row #priceUnder {
margin-right: 15px;
width: 20%;
}
.watchdog-row .notificationEmail,
.watchdog-row select {
width: 60%;
margin-left: 15px;
}
.watchdog-row .disclaimer {
opacity: 0.8;
font-style: italic;
}
.watchdog-row #watchdog-reset {
display: none;
}
.watchdog-messages {
width: 100%;
}
.watchdog-messages .msg {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
padding: 10px 0;
}
.watchdog-messages .msg .container {
width: 100%;
}
.watchdog-messages .msg .cancel-action {
float: right;
font-weight: bold;
}
.link-icons {
display: flex;
flex-wrap: wrap;
margin: 38px 0 0;
}
.link-icon {
flex-grow: 0;
flex-shrink: 0;
margin: 0 0 19px;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
}
.link-icon::before {
line-height: 1;
display: block;
margin-bottom: 1ex;
font-size: 20px;
text-align: center;
}
@media (max-width: 991px) {
.link-icon.print {
display: none;
}
}
.link-icon.print::before {
content: '\e928';
}
.link-icon.chat::before {
content: '\e91e';
}
.link-icon.watchdog::before {
content: '\e927';
}
.link-icon.share::before {
content: '\e933';
}
.social-icons {
margin: 0;
}
a.social-icon {
vertical-align: middle;
display: inline-block;
width: 46px;
height: 46px;
border-style: none;
border-width: 0;
border-radius: 50%;
text-align: center;
text-decoration: none;
}
a.social-icon::before {
display: block;
font-size: 24px;
line-height: 46px;
}
a.social-icon.facebook::before {
content: '\e900';
}
a.social-icon.twitter::before {
content: '\e901';
}
a.social-icon.instagram::before {
content: '\e909';
font-size: 20px;
}
a.social-icon.youtube::before {
content: '\e903';
}
a.social-icon.google::before {
content: '\e902';
font-size: 20px;
}
a.social-icon.pinterest::before {
content: '\e904';
font-size: 20px;
}
a.social-icon.tiktok::before {
content: '\e940';
}
a.social-icon:hover {
text-decoration: none !important;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1002;
overflow: hidden;
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
height: auto !important;
-ms-interpolation-mode: bicubic;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
#colorbox {
outline: 0;
}
#cboxContent {
margin-top: 32px;
overflow: visible;
background: #fff;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
padding: 1px;
}
#cboxLoadingGraphic {
background: url('https://cdn.myshoptet.com/usr/api2.dklab.cz/user/documents/_doplnky/templateCrystal/shared/img/colorbox/loading.gif') no-repeat center center;
}
#cboxLoadingOverlay {
background: #fff;
}
#cboxTitle {
position: absolute;
top: -22px;
left: 0;
color: #000;
}
#cboxCurrent {
position: absolute;
top: -22px;
right: 205px;
text-indent: -9999px;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
text-indent: -9999px;
position: absolute;
background: none;
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0;
}
.colorbox-html-content {
padding: 20px;
}
.site-agreement-buttons {
white-space: nowrap;
text-align: center;
}
.colorbox-msg {
margin: 38px 20px 19px;
}
#cboxTitle,
#cboxCurrent {
display: none !important;
}
#cboxPrevious,
#cboxNext {
top: 0;
width: 50%;
height: 100%;
}
#cboxPrevious::before,
#cboxNext::before {
position: absolute;
top: 50%;
margin-top: -18px;
border-style: none;
border-width: 0;
border-radius: 50%;
font-size: 36px;
text-indent: 0;
}
#cboxPrevious {
left: 0;
}
#cboxPrevious::before {
left: 10px;
content: '\e90b';
}
#cboxNext {
right: 0;
}
#cboxNext::before {
right: 10px;
content: '\e90c';
}
#cboxClose {
background-color: #fff !important;
top: 0;
right: 0;
width: 40px;
height: 40px;
}
#cboxClose::before {
content: '\e912';
position: absolute;
left: 10px;
top: 0;
font-size: 20px;
text-indent: 0;
line-height: 40px;
}
ul.poll {
margin: 0;
padding: 0;
}
ul.poll li {
list-style-type: none;
}
ul.poll .poll-result {
position: relative;
margin-bottom: 10px;
padding-right: 4rem;
}
ul.poll .poll-result > div {
height: 1rem;
border-left-style: solid;
border-left-width: 1px;
}
ul.poll .poll-result small {
position: absolute;
right: 0;
top: 0;
display: block;
width: 3.5rem;
text-align: right;
line-height: 1rem;
}
ul.payments {
margin: 0;
padding: 0;
}
ul.payments:before,
ul.payments:after {
content: ' ';
display: table;
}
ul.payments:after {
clear: both;
}
ul.payments li {
list-style-type: none;
float: left;
width: 33.333333%;
padding: 0 0.5rem 1rem;
text-align: center;
}
ul.payments li:nth-child(3n + 1) {
clear: both;
}
div.cart-overview a {
display: block;
}
.fb_iframe_widget,
.sidebar > .box > span {
max-width: 100%;
overflow: hidden;
}
.form-group .fb_iframe_widget {
display: block;
}
ol.top-products.unified {
margin: 0;
padding: 0;
line-height: 1.3;
}
ol.top-products.unified li {
list-style: none;
padding: 5px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
ol.top-products.unified li a {
text-decoration: none;
}
ol.top-products.unified li a.top-products-content {
display: block;
text-align: right;
}
ol.top-products.unified li a.top-products-content::before {
counter-increment: top;
content: counter(top) '. ';
}
ol.top-products.unified li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
@media (min-width: 768px) {
ol.top-products.unified li.display-image {
position: relative;
padding-left: 60px;
min-height: 80px;
}
ol.top-products.unified li.display-image .top-products-image {
position: absolute;
left: 5px;
top: 50%;
margin-top: -20px;
width: 59px;
}
}
@media (min-width: 992px) {
ol.top-products.unified li.display-image {
padding-left: 90px;
}
ol.top-products.unified li.display-image .top-products-image {
margin-top: -30px;
}
}
.pagination,
.pagination-loader,
.pagination-top {
min-width: 33.33%;
}
@media (max-width: 1199px) {
.pagination,
.pagination-loader,
.pagination-top {
min-width: 100%;
text-align: center;
}
}
@media (max-width: 1199px) {
.pagination-loader {
margin: 10px 0;
}
}
.pagination,
.pagination-top {
font-size: 0;
line-height: 0;
}
.pagination > a,
.pagination-top > a,
.pagination > strong,
.pagination-top > strong {
display: inline-block;
width: 36px;
height: 36px;
min-width: 36px;
margin-right: 1px;
margin-left: 5px;
border-radius: 50%;
text-align: center;
text-decoration: none;
font-size: 14px;
line-height: 36px;
}
.pagination > strong,
.pagination-top > strong {
font-weight: 400;
}
.pagination-link.prev::before,
.pagination-link.next::before,
.pagination-link.up::before {
font-size: 8px;
}
.pagination-link.prev::before {
content: '\e90f';
}
.pagination-link.next::before {
content: '\e910';
}
.pagination-link.up::before {
content: '\e911';
}
.pagination-link:hover {
text-decoration: none;
}
.pagination-top {
text-transform: uppercase;
}
.pagination-top > strong {
cursor: pointer;
}
@media (max-width: 1199px) {
.pagination-top {
order: 3;
padding-top: 19px;
}
}
.pagination-wrapper {
margin-top: 19px;
margin-bottom: 19px;
}
.pagination-wrapper .pagination {
text-align: right;
}
@media (max-width: 1199px) {
.pagination-wrapper .pagination {
text-align: center;
}
}
@media (min-width: 768px) {
.pagination-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.pagination-wrapper .pagination-loader {
text-align: center;
margin-bottom: 19px;
}
}
@media (max-width: 1199px) {
.pagination-wrapper {
display: flex;
flex-direction: column;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.pagination-wrapper {
clear: both;
}
}
.pagination-count {
width: 100%;
text-align: center;
}
@media (max-width: 1199px) {
.pagination-count {
padding-top: 19px;
}
}
.contact-box {
position: relative;
min-height: 100px;
padding: 0 0 0 96px;
border-style: none;
border-width: 0;
border-radius: 0;
}
.contact-box > img {
position: absolute;
left: 10px;
top: 0;
max-width: 76px;
height: auto;
}
.contact-box > strong {
display: block;
margin-bottom: 5px;
line-height: 1.1;
}
.contact-box ul {
margin: 0;
padding: 0;
}
.contact-box ul li {
list-style: none;
word-break: break-all;
padding-top: 4px;
padding-bottom: 4px;
}
.contact-box ul li > span {
display: inline-block;
position: relative;
padding-left: 30px;
}
.contact-box ul li > span::before {
position: absolute;
left: 0;
top: 50%;
width: 24px;
font-size: 16px;
text-align: center;
}
.contact-box ul li > span.mail:before {
content: '\e924';
}
.contact-box ul li > span.tel:before {
content: '\e92c';
}
.contact-box ul li > span.cellphone:before {
content: '\e92b';
}
.contact-box ul li > span.youtube:before {
content: '\e903';
font-size: 18px;
}
.contact-box ul li > span.skype:before {
content: '\e905';
}
.contact-box ul li > span.facebook:before {
content: '\e900';
}
.contact-box ul li > span.twitter:before {
content: '\e901';
}
.contact-box ul li > span.instagram:before {
content: '\e909';
}
.contact-box ul li > span.tiktok:before {
content: '\e940';
}
.contact-box ul li > span.whatsapp:before {
content: '\e946';
}
.contact-box ul li > span.messenger:before {
content: '\e947';
}
#footer .contact-box {
padding: 0;
border: 0;
}
#footer .contact-box > img,
#footer .contact-box > strong {
display: none;
}
@media (min-width: 768px) and (max-width: 9999em) {
.contact-box {
padding: 0;
}
.contact-box > img {
display: none;
}
}
.contact-box.no-image {
padding-left: 0;
}
.checkout-box h3 {
margin-top: 0;
}
.checkout-box .box.box-sm {
visibility: hidden;
height: 0;
overflow: hidden;
margin-bottom: 0;
padding: 0;
background-color: transparent;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.checkout-box .box.box-sm.visible {
visibility: visible;
height: auto;
margin-top: 10px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
@media (max-width: 767px) {
.checkout-box {
margin-top: 19px;
}
}
.quantity-form {
margin: 0;
}
.quantity {
position: relative;
vertical-align: middle;
display: inline-block;
padding-left: 0;
padding-right: 30px;
border-style: solid;
border-width: 1px;
border-radius: 3px;
font-size: 13px;
font-weight: 300;
line-height: 1;
}
.quantity input {
display: inline-block;
width: 50px;
height: 46px;
margin: 0;
padding: 0;
border: 0;
text-align: right;
font-family: Arial, sans-serif;
font-style: normal;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.quantity input:focus {
box-shadow: none;
}
.quantity input[type='number'] {
-moz-appearance: textfield;
}
.quantity input[type='number']::-webkit-outer-spin-button,
.quantity input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity .increase,
.quantity .decrease {
position: absolute;
width: 20px;
height: 23px;
cursor: pointer;
}
.quantity .increase::before,
.quantity .decrease::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 10px;
line-height: 23px;
text-align: center;
}
.quantity .increase {
left: auto;
right: 0;
top: 0;
border-style: none none none solid;
border-width: 1px;
}
.quantity .increase::before {
content: '\e911';
}
.quantity .decrease {
left: auto;
right: 0;
top: 23px;
border-style: solid none none solid;
border-width: 1px;
}
.quantity .decrease::before {
content: '\e90e';
}
.p-detail .add-to-cart .quantity {
border-style: solid none solid solid;
border-width: 1px;
}
.quantity .tooltip-inner {
width: max-content;
}
.quantity .increase-tooltip,
.quantity .decrease-tooltip {
position: absolute;
top: 0;
width: 20px;
right: 0;
}
#categories {
position: relative;
font-weight: 400;
}
#categories a:hover {
text-decoration: none;
}
#categories .expandable > ul {
display: none;
}
#categories .expandable > a > span,
#categories .expandable > .topic > a > span {
z-index: 1;
position: absolute;
left: 10px;
right: auto;
top: 6px;
bottom: auto;
display: block;
width: 12px;
height: 12px;
font-size: 6px;
line-height: 12px;
text-align: center;
cursor: pointer;
}
#categories .expandable > a > span::before,
#categories .expandable > .topic > a > span::before {
content: '\e918';
-webkit-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
width: 12px;
height: 12px;
line-height: 12px;
}
#categories .expandable.expanded > a > span::before,
#categories .expandable.expanded > .topic > a > span::before {
content: '\e919';
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
#categories .expandable.expanded > ul {
display: block;
}
#categories .expandable.external > a > span::before,
#categories .expandable.external > .topic > a > span::before {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.categories {
position: relative;
}
.categories .topic > a {
padding-left: 30px;
}
.categories ul {
margin: 0;
padding: 0;
}
.categories ul a {
padding-left: 50px;
}
.categories ul a::before {
content: '';
vertical-align: middle;
display: none;
width: 0;
height: 0;
margin-right: 0;
font-size: 0;
}
.categories ul ul a {
padding-left: 55px;
}
.categories ul ul ul a {
padding-left: 60px;
}
.categories ul ul ul ul a {
padding-left: 65px;
}
.categories ul ul ul ul ul a {
padding-left: 70px;
}
.categories ul ul ul ul ul ul a {
padding-left: 75px;
}
.categories li {
position: relative;
list-style-type: none;
}
.categories a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
border-bottom-style: none;
border-bottom-width: 0;
line-height: 1.2;
text-decoration: none;
}
.admin-bar {
width: 0;
height: 0;
display: none;
}
@media (min-width: 992px) {
.admin-bar {
width: 100%;
height: 25px;
z-index: 1002;
position: relative;
display: block;
border-style: solid;
border-width: 0 0 1px 0;
font-size: 11px;
line-height: 24px;
}
.admin-bar ul {
margin: 0;
padding: 0;
}
.admin-bar ul li {
list-style: none;
}
.admin-bar ul li a,
.admin-bar ul li span {
display: block;
text-decoration: none;
}
.admin-bar .container {
position: relative;
}
.admin-bar .container > ul {
display: flex;
justify-content: space-between;
}
.admin-bar .container > ul:before,
.admin-bar .container > ul:after {
content: ' ';
display: table;
}
.admin-bar .container > ul:after {
clear: both;
}
.admin-bar .container > ul li:hover > ul,
.admin-bar .container > ul li.hover > ul {
display: block;
}
.admin-bar .container > ul > li {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: relative;
display: block;
width: 100%;
border-style: solid;
border-width: 0 1px 0 0;
text-align: center;
white-space: nowrap;
}
.admin-bar .container > ul > li > a,
.admin-bar .container > ul > li > span {
padding: 0 19px;
}
.admin-bar .container > ul > li:last-child {
border-right: 0;
}
.admin-bar .container > ul > li ul {
z-index: 4;
position: absolute;
top: -1px;
right: 100%;
display: none;
width: 100%;
border-style: solid;
border-width: 1px;
}
.admin-bar .container > ul > li ul li {
text-align: left;
position: relative;
}
.admin-bar .container > ul > li ul li a,
.admin-bar .container > ul > li ul li span {
padding: 0 10px;
border-style: solid;
border-width: 0 0 1px 0;
}
.admin-bar .container > ul > li ul li:last-child {
border-bottom: 0;
}
.admin-bar .container > ul > li > ul {
top: 24px;
right: 0;
}
.admin-bar .container > a,
.admin-bar .container > span {
position: absolute;
right: 0;
top: 0;
display: block;
padding: 0 10px;
border-style: solid;
border-width: 1px 1px 0 1px;
line-height: 23px;
text-decoration: none;
}
}
.ui-menu {
border-style: solid;
border-width: 1px;
border-top-style: none;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: 0;
}
.ui-menu .ui-menu-item-wrapper {
padding-top: 6px;
padding-bottom: 6px;
}
.ui-menu .ui-menu-item {
list-style: none;
}
.ui-autocomplete {
max-height: 200px;
overflow: auto;
}
.ui-autocomplete > li {
border-top-style: solid;
border-top-width: 1px;
}
.ui-autocomplete > li:first-child {
border-top-style: none;
}
.loader,
.ajax-pending .loader-wrapper::before,
.ajax-pending-element::before {
z-index: 1;
position: absolute;
left: 50%;
top: 50%;
display: block;
width: 65px;
height: 65px;
margin-top: -33px;
margin-left: -33px;
border-style: solid;
border-width: 3px;
border-radius: 50%;
font-size: 0;
text-indent: -9999em;
background-clip: content-box;
-webkit-animation: load 1s infinite linear;
animation: load 1s infinite linear;
}
.ajax-pending .loader-wrapper::before,
.ajax-pending-element::before {
content: '';
}
.loader.static {
position: static;
width: 24px;
height: 24px;
border-width: 3px;
margin: 0 auto;
}
.ajax-pending .loader-wrapper::after,
.ajax-pending-element::after {
content: '';
z-index: 0;
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
opacity: 1;
-webkit-overflow-scrolling: touch;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
@-webkit-keyframes load {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes load {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.content-modal {
padding: 10px;
}
.content-modal .row {
margin-left: -10px;
margin-right: -10px;
}
@media (min-width: 1200px) {
.content-modal {
padding: 20px;
}
.content-modal .row {
margin-left: -20px;
margin-right: -20px;
}
}
.cpost-delivery-point-form-wrapper {
min-height: 330px;
}
.cpost-delivery-point-form-wrapper:not(.has-legend) {
min-height: 480px;
}
.cpost-delivery-point-form-wrapper:not(.has-legend) .ui-autocomplete {
max-height: 150px;
}
@media (min-width: 768px) {
.cpost-delivery-point-form-wrapper:not(.has-legend) {
min-height: 400px;
}
.cpost-delivery-point-form-wrapper:not(.has-legend) .ui-autocomplete {
max-height: 160px;
}
}
.cpost-delivery-point-logos {
min-height: 60px;
}
.cpost-delivery-point-logos img {
height: 50px;
margin-right: 20px;
}
.cpost-delivery-point-logos .cpost-logo-doBalikovny {
padding: 10px 0;
}
.cpost-delivery-point-logos .cpost-logo-naPostu {
height: 49px;
}
.cpost-delivery-point-logos .cpost-logo-postaPont {
height: 60px;
}
.cpost-delivery-point-logos .cpost-logo-skPost {
height: 60px;
}
.cpost-delivery-point-submit {
text-align: right;
}
.cpost-delivery-point-result-legend,
.cpost-delivery-point-result-table-wrap {
margin-top: 20px;
border-top-style: solid;
border-top-width: 1px;
}
.cpost-delivery-point-result-legend {
padding-top: 20px;
}
.cpost-delivery-point-result {
position: relative;
}
.cpost-delivery-point-result table.table {
margin-bottom: 0;
}
.cpost-delivery-point-result table.table td {
vertical-align: top;
}
a.cpost-delivery-point-show-opening-hours {
text-decoration: underline;
}
a.cpost-delivery-point-show-opening-hours:hover {
text-decoration: none;
}
.cpost-delivery-point-opening-hours {
display: none;
}
.cpost-delivery-point-opening-hours.active {
display: table;
}
.cpost-delivery-point-symbols img {
margin-right: 1ex;
}
table.table.cpost-delivery-point-result-table > tbody > tr {
border-bottom-style: solid;
border-bottom-width: 1px;
}
table.table.cpost-delivery-point-result-table > tbody > tr > td {
padding-top: 10px;
padding-bottom: 10px;
}
table.table.cpost-delivery-point-result-table > tbody > tr:last-child {
border-bottom-style: none;
}
table.table.cpost-delivery-point-result-table > tbody > tr:last-child > td {
padding-bottom: 0;
}
@media (max-width: 767px) {
input[type='submit'].delivery-point-picker,
.cpost-choose-button {
display: block;
width: 100%;
}
.cpost-delivery-point-choose-post th,
.cpost-delivery-point-choose-post td,
.cpost-delivery-point-result-table > tbody > tr,
.cpost-delivery-point-result-table > tbody > tr > td {
display: block;
width: 100%;
}
.cpost-delivery-point-choose-post td {
padding-top: 3px;
}
.cpost-delivery-point-form-wrapper .city,
.cpost-delivery-point-form-wrapper .zip-code {
width: 100%;
}
}
.map iframe {
width: 100%;
}
.branch-wrap .loader:not(.no-display),
.cpost-delivery-point-form .loader:not(.no-display) {
display: inline-block;
vertical-align: middle;
}
.detail-information:not(:empty) {
margin-top: 19px;
border-top-style: solid;
border-top-width: 1px;
}
.branch-information {
margin-bottom: 19px;
}
.branch-picker-wrapper {
display: flex;
align-items: stretch;
}
@media (max-width: 767px) {
.branch-picker-wrapper {
flex-wrap: wrap;
}
}
.branch-picker-wrapper .loader {
flex-shrink: 0;
align-self: center;
}
.branch-saved {
flex-shrink: 0;
margin-left: 10px;
display: inline-block;
visibility: hidden;
}
.branch-saved.branch-saved-visible {
visibility: visible;
}
@media (max-width: 767px) {
.branch-saved {
width: 100%;
margin-left: 0;
margin-top: 10px;
}
.branch-saved .btn {
width: 100%;
}
}
.gls-parcel-shop-wrapper #gls-parcel-shop-canvas {
display: flex;
flex-wrap: wrap;
width: 100%;
}
@media (min-width: 768px) {
.gls-parcel-shop-wrapper #gls-parcel-shop-canvas {
flex-wrap: nowrap;
height: 450px;
}
}
.gls-parcel-shop-wrapper #left-canvas {
width: 100%;
order: 2;
height: 175px;
border: 1px solid #777;
}
@media (min-width: 768px) {
.gls-parcel-shop-wrapper #left-canvas {
width: 25%;
order: 1;
height: 100%;
}
}
.gls-parcel-shop-wrapper #right-canvas {
width: 100%;
height: 300px;
order: 1;
}
@media (min-width: 768px) {
.gls-parcel-shop-wrapper #right-canvas {
width: 75%;
height: 100%;
order: 2;
}
}
.gls-parcel-shop-wrapper #searchinput {
width: 100%;
margin-left: 0;
}
.gls-parcel-shop-wrapper .gls-parcel-shop-confirm-wrapper {
display: flex;
justify-content: center;
padding: 10px 0;
}
.search-whisperer {
z-index: 100;
position: absolute;
display: none;
width: 100%;
border-style: solid;
border-width: 0 1px;
text-align: left;
font-size: 12px;
line-height: 1.2;
}
.search-whisperer p {
margin: 10px 5px;
}
.search-whisperer a:hover {
background-color: rgba(0, 0, 0, 0.045);
}
.search-whisperer ul {
margin: 0;
padding: 0;
}
.search-whisperer ul li {
list-style: none;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.search-whisperer ul li a {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
padding: 5px;
text-decoration: none;
}
.search-whisperer ul li a > img {
flex-grow: 0;
flex-shrink: 0;
}
.search-whisperer .p-name {
margin-bottom: 0.25ex;
}
.search-whisperer .p-info {
flex-grow: 1;
flex-shrink: 1;
width: 50%;
padding: 0 5px;
}
.search-whisperer .p-info span {
display: block;
}
.search-whisperer .p-name,
.search-whisperer .p-availability-inner {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.search-whisperer .p-availability {
height: 14px;
line-height: 1;
position: relative;
}
.search-whisperer .p-availability .p-availability-inner {
position: absolute;
}
.search-whisperer .price {
flex-grow: 0;
flex-shrink: 0;
width: 100%;
margin-top: -13px;
text-align: right;
font-size: 13px;
line-height: 1;
}
.search-whisperer.active {
display: block;
}
@media (min-width: 768px) {
.search-whisperer .price {
margin-top: -16px;
font-size: 16px;
}
}
@media (min-width: 1200px) {
.search-whisperer ul li a {
align-items: center;
}
.search-whisperer .price {
width: 100px;
margin-top: 0;
}
}
.search-whisperer-documents {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.search-whisperer-documents a {
display: flex;
align-items: center;
width: 100%;
padding: 6px 5px;
text-decoration: none;
}
.search-whisperer-documents em {
padding-right: 1ex;
font-size: 12px;
}
.search-whisperer-category em::before {
content: '\e936';
vertical-align: baseline;
}
.search-whisperer-image {
max-width: 59px;
}
.search-whisperer-empty {
padding: 6px 5px;
}
.messages,
.cookie-ag-wrap {
position: fixed;
left: 0;
top: 0;
right: 0;
}
.messages {
z-index: 1003;
}
.cookie-ag-wrap {
z-index: 100000001;
top: auto;
bottom: 0;
}
.cookie-ag-wrap .site-msg {
opacity: 0.9;
}
@media (max-width: 768px) {
.cookie-ag-wrap .site-msg {
opacity: 1;
}
}
.site-msg {
padding: 1ex 1em;
text-align: center;
font-size: 12px;
}
.site-msg .close {
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
width: 13px;
height: 13px;
cursor: pointer;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.site-msg .close::before,
.site-msg .close::after {
position: absolute;
content: '';
}
.site-msg .close::after {
left: 0;
top: 6px;
width: 13px;
height: 1px;
}
.site-msg .close::before {
left: 6px;
top: 0;
width: 1px;
height: 13px;
}
.site-msg.information {
text-align: left;
line-height: 150%;
}
.site-msg.information .container {
position: relative;
padding-left: 0;
padding-right: 0;
}
.site-msg.information .text {
padding-right: 20px;
}
.site-msg form {
display: inline-block;
position: relative;
z-index: 2;
}
.site-msg button {
margin-left: 1ex;
}
@media (min-width: 992px) {
.site-msg {
z-index: 10000;
}
}
.plus-gallery-wrap {
margin-top: 0.5625rem;
margin-bottom: 0.5625rem;
text-align: center;
}
.plus-gallery-item {
display: inline-block;
margin: 5px;
text-align: center;
border-style: solid;
border-width: 1px;
vertical-align: top;
max-width: calc(100% - 10px);
}
.plus-gallery-item img {
position: relative;
top: 50%;
transform: translateY(-50%);
max-height: 100%;
}
@keyframes scale {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
.rate-wrapper.unveil-wrapper {
margin-bottom: 40px;
}
.tab-content .rate-wrapper.unveil-wrapper {
margin-bottom: 19px;
}
.rate-wrapper.unveil-wrapper .rate-wrap {
display: flex;
}
.rate-wrapper.unveil-wrapper .rate-star-wrap {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-around;
height: 100%;
margin-top: 10px;
}
.rate-wrapper.unveil-wrapper .rate-star-wrap .stars {
display: block;
margin-bottom: 5px;
width: 100%;
}
.rate-wrapper.unveil-wrapper .rate-star-wrap .stars-label {
line-height: inherit;
}
@media (min-width: 480px) {
.rate-wrapper.unveil-wrapper .rate-star-wrap {
margin-left: 20px;
margin-top: 0;
}
.rate-wrapper.unveil-wrapper .rate-star-wrap .stars {
margin-bottom: 2px;
}
}
.rate-wrapper.unveil-wrapper .rate-star {
margin-right: 10px;
width: auto;
display: flex;
align-items: center;
}
.rate-wrapper.unveil-wrapper .rate-star::after {
content: '\A';
white-space: pre;
}
.rate-wrapper.unveil-wrapper .rate-value {
margin-right: 5px;
}
.rate-wrapper.unveil-wrapper .rate-list {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.rate-wrapper.unveil-wrapper .rate-list:last-child {
margin-bottom: 0;
}
.rate-wrapper.unveil-wrapper .rate-block {
display: flex;
flex-grow: 1;
padding-right: 40px;
}
.rate-wrapper.unveil-wrapper .rate-bar {
position: relative;
display: flex;
align-items: center;
height: 5px;
animation-name: scale;
animation-duration: 0.5s;
animation-timing-function: linear;
transform-origin: left;
}
.rate-wrapper.unveil-wrapper .rate-count {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.rate-wrapper.unveil-wrapper .rate-count.active {
right: -40px;
}
.rate-wrapper.unveil-wrapper .rate-average-wrap {
display: flex;
flex-direction: column;
line-height: 1;
}
.rate-wrapper.unveil-wrapper .rate-average-inner {
display: flex;
flex-direction: column;
}
.rate-wrapper.unveil-wrapper .rate-average-inner + .add-comment {
margin-top: 29px;
}
@media (min-width: 480px) {
.rate-wrapper.unveil-wrapper .rate-average-inner {
flex-direction: row;
align-items: center;
}
.rate-wrapper.unveil-wrapper .rate-average-inner + .add-comment {
margin-top: 0;
}
}
.rate-wrapper.unveil-wrapper .rate-average {
font-size: 350%;
}
.rate-wrapper.unveil-wrapper .add-comment {
display: flex;
align-items: flex-end;
flex-grow: 1;
}
.rate-wrapper.unveil-wrapper.unveiled .add-comment {
display: none;
}
.add-comment {
font-weight: 700;
cursor: pointer;
}
.add-comment .rating-icon {
display: flex;
align-items: baseline;
}
.add-comment .rating-icon::before {
content: '\e91d';
margin-right: 7px;
}
.add-comment .comment-icon::before {
content: '\e91e';
margin-right: 10px;
}
.add-comment.btn {
font-weight: 400;
}
.stars-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
}
.p-detail .stars-wrapper {
margin: 0;
justify-content: flex-start;
}
.stars-placeholder,
.p .stars-wrapper {
height: 12px;
margin: 0;
}
.stars-placeholder {
display: block;
}
.stars {
position: relative;
flex: 0 0 auto;
display: inline-block;
width: 65px;
height: 12px;
margin-right: 3px;
}
.stars a {
text-decoration: none;
}
.stars a,
.stars span {
position: relative;
float: left;
width: 13px;
height: 12px;
line-height: 12px;
}
.stars a::before,
.stars span::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 12px;
line-height: 12px;
}
.stars a.star-on::before,
.stars span.star-on::before {
content: '\e91c';
}
.stars a.star-off::before,
.stars span.star-off::before {
content: '\e91b';
}
.stars a.star-half::before,
.stars span.star-half::before {
content: '\e91a';
}
.stars a.is-active,
.stars span.is-active {
cursor: pointer;
}
.stars-label {
flex: 0 0 auto;
line-height: 12px;
}
a.stars-label {
cursor: pointer;
}
.votes-wrap .votes-wrap {
padding-left: 40px;
margin-top: 30px;
}
.tab-content .votes-wrap {
margin-top: 19px;
}
.tab-content .vote-wrap {
border-top-style: solid;
border-top-width: 1px;
padding-top: 19px;
}
.vote-wrap {
margin-bottom: 19px;
font-size: 14px;
}
.vote-wrap:last-child {
margin-bottom: 0;
}
.sidebar .vote-wrap:first-child {
border-top-style: none;
padding-top: 0;
}
.vote-wrap a {
text-decoration: none;
color: #333;
}
.vote-wrap a:hover {
text-decoration: none;
color: #333;
}
.vote-wrap a:hover .vote-product-name {
color: #337ab7;
}
.vote-header {
display: flex;
align-items: center;
margin-bottom: 5px;
line-height: 1.1;
}
.vote-summary {
display: block;
min-width: 0;
width: 100%;
}
.vote-product-name,
.vote-title,
.vote-name {
display: block;
font-size: 18px;
margin-bottom: 5px;
}
.vote-product-name--nowrap,
.vote-title--nowrap,
.vote-name--nowrap {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vote-name {
line-height: 1.2;
}
.sidebar .vote-name {
font-size: 16px;
margin-bottom: 0;
}
.vote-time {
font-size: 12px;
}
.vote-pic {
position: relative;
min-width: 80px;
height: 60px;
padding-right: 20px;
}
.vote-pic img {
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}
@media (max-width: 1439px) {
.sidebar .vote-pic {
display: none;
}
}
.vote-initials {
z-index: 0;
position: absolute;
left: 0;
top: 0;
display: block;
width: 60px;
height: 60px;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
font-family: Arial, sans-serif;
font-size: 27px;
font-weight: 400;
line-height: 59px;
text-transform: uppercase;
letter-spacing: 1px;
background-clip: padding-box;
}
@media (max-width: 1439px) {
.sidebar .vote-initials {
display: none;
}
}
.vote-rating {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
align-items: center;
}
.vote-delimeter {
padding-left: 10px;
padding-right: 10px;
}
.vote-content {
margin-top: 10px;
}
.vote-content .btn {
margin-top: 10px;
}
.vote-form {
margin-top: 19px;
}
.discussion-form .form-group,
.vote-form .form-group {
clear: both;
}
.discussion-form .form-group > .form-control,
.vote-form .form-group > .form-control {
width: 100%;
max-width: none;
}
.discussion-form {
display: none;
}
.compact-form {
position: relative;
}
.compact-form .form-control {
padding-right: 70px;
}
.compact-form .form-control.lg {
padding-right: 95px;
}
.compact-form .btn {
position: absolute;
right: 0;
top: 0;
padding: 5px 9px 4px;
border-radius: 0;
height: 36px;
}
.compact-form .btn::before {
margin-right: 0;
}
.compact-form .btn.btn-lg {
padding: 10.5px 21px;
border-radius: 0;
height: 60px;
}
.compact-form .btn.btn-lg::before {
font-size: 36px;
}
.p-thumbnails {
position: relative;
overflow: hidden;
width: 100%;
height: 100px;
margin-bottom: 10px;
}
.p-thumbnails > div {
position: absolute;
left: 0;
top: 0;
width: 9999em;
height: 100px;
-webkit-transition: left 0.3s ease-out;
-o-transition: left 0.3s ease-out;
transition: left 0.3s ease-out;
}
.p-thumbnails > div > div {
display: inline-block;
}
.p-thumbnails > div > div:before,
.p-thumbnails > div > div:after {
content: ' ';
display: table;
}
.p-thumbnails > div > div:after {
clear: both;
}
.p-thumbnails a {
position: relative;
float: left;
max-width: 100%;
margin-left: -1px;
}
.p-thumbnails a img {
display: block;
border-style: solid;
border-width: 1px;
}
.p-thumbnails a:first-child {
margin-left: 0;
}
.p-thumbnails a.cbox-gal {
display: none;
}
.p-thumbnails .thumbnail-prev,
.p-thumbnails .thumbnail-next {
z-index: 2;
position: absolute;
top: 50%;
margin-top: -10px;
line-height: 1;
text-align: center;
text-decoration: none;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.p-thumbnails .thumbnail-prev::before,
.p-thumbnails .thumbnail-next::before {
width: 20px;
font-size: 20px;
line-height: 0;
}
.p-thumbnails .thumbnail-prev {
left: 0;
}
.p-thumbnails .thumbnail-prev::before {
content: '\e90f';
}
.p-thumbnails .thumbnail-next {
right: 0;
}
.p-thumbnails .thumbnail-next::before {
content: '\e910';
}
.p-thumbnails.overflow-next .thumbnail-next {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.p-thumbnails.overflow-next::after {
z-index: 1;
position: absolute;
right: 0;
top: 1px;
content: '';
display: block;
width: 40px;
height: 98px;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1);
}
.p-thumbnails.overflow-prev .thumbnail-prev {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.p-thumbnails.overflow-prev::before {
z-index: 1;
position: absolute;
left: 0;
top: 1px;
content: '';
display: block;
width: 40px;
height: 98px;
background-image: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1);
}
.p-thumbnail::before,
.show360image::before {
content: '';
position: absolute;
border-radius: 0;
background-color: transparent;
transition: background-color 0.3s ease-out;
}
.p-thumbnails-vertical .p-thumbnail::before,
.p-thumbnails-vertical .show360image::before {
left: 1px;
width: 2px;
height: 100%;
}
.p-thumbnails-horizontal .p-thumbnail::before,
.p-thumbnails-horizontal .show360image::before {
top: 1px;
width: 100%;
height: 2px;
}
.advanced-parameter {
vertical-align: middle;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 12px 12px 0;
padding: 0;
}
.advanced-parameter-inner {
position: relative;
display: flex;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
}
.advanced-parameter-inner img {
border-radius: 50%;
min-width: 1px;
width: 100%;
max-height: 100%;
}
.advanced-parameter-inner::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.advanced-parameter-inner.yes-before::before,
.disabled .advanced-parameter-inner::before {
background-position: center;
background-repeat: no-repeat;
}
.advanced-parameter-inner.yes-before::before {
background-size: 28px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODk3MS42IiBoZWlnaHQ9IjE0MzM2LjMiIHZpZXdCb3g9IjAgMCAxNy43ODU5MTYgMTMuNDQwMjY3Ij48cGF0aCBkPSJNMTUgLjRsLTggOC00LTQtMi40IDJMNi43IDEzIDE3LjQgMi43eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJncmF5IiBzdHJva2Utd2lkdGg9Ii42Ii8+PC9zdmc+');
}
.unavailable-option-wrapper .advanced-parameter-inner,
.disabled .advanced-parameter-inner {
opacity: 0.25;
cursor: not-allowed;
}
.disabled .advanced-parameter-inner::before {
background-size: 20px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS45OTY1IiBoZWlnaHQ9IjIwLjA3MjM4OCIgdmlld0JveD0iMCAwIDAuMDE4NzQ2NzYyIDAuMDE4ODE3ODQ0Ij48cGF0aCBzdHlsZT0iaXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBkPSJNLjAxNTE2LjAwMDU3TC4wMTQ5MjIuMDAwODFsLS4wMDU1NS4wMDU1LS4wMDU3ODYtLjAwNTgtLjAwMzA4LjAwMzEuMDA1Nzg2LjAwNTgtLjAwNTc4Ni4wMDU4LjAwMzA4LjAwMzEuMDA1Nzg2LS4wMDU4LjAwNTc4Ni4wMDU4LjAwMzA4LS4wMDMxTC4wMTgwMDQuMDE0OTdsLS4wMDU1NS0uMDA1NS4wMDU3ODYtLjAwNTgtLjAwMzA4LS4wMDMxeiIgY29sb3I9IiMwMDAiIG92ZXJmbG93PSJ2aXNpYmxlIiBzb2xpZC1jb2xvcj0iIzAwMDAwMCIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJncmF5IiBzdHJva2Utd2lkdGg9Ii4wMDA3MTgiLz48L3N2Zz4=');
}
.advanced-order {
text-align: center;
}
.advanced-order .h1 {
margin-bottom: 20px;
margin-top: 20px;
}
.advanced-order .h2 {
margin-bottom: 20px;
text-transform: none;
}
.advanced-order .advanced-order-suggestion {
padding-top: 40px;
margin-top: 40px;
border-top-width: 1px;
border-top-style: solid;
}
.advanced-order .extras-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.advanced-order .extras-wrap .extra {
text-align: left;
width: 100%;
margin: 0 0 20px;
}
.advanced-order .extras-wrap .extra.step {
margin: 20px 0 0;
padding-left: 0;
text-align: center;
}
.advanced-order .price-range {
margin-bottom: 0;
}
.advanced-order .products-related {
margin-bottom: 0;
}
.advanced-order .p-desc {
display: none;
}
@media (min-width: 992px) {
.advanced-order .extras-wrap {
justify-content: center;
}
.advanced-order .extras-wrap .extra {
width: auto;
margin: 0 20px 20px;
flex-shrink: 1;
}
.advanced-order .extras-wrap .extra.step {
width: 100%;
margin: 0;
flex-shrink: 0;
}
.advanced-order .products > div {
padding-bottom: 0;
}
}
@media (min-width: 1200px) {
.advanced-order .extras-wrap .extra {
margin: 20px 20px 0;
}
.advanced-order .extras-wrap .extra.step {
width: auto;
margin: 20px 20px 0;
flex-shrink: 1;
}
}
.ao-product {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
margin-bottom: 20px;
}
.ao-image,
.ao-name,
.ao-availability {
text-align: center;
}
.ao-image,
.ao-name {
flex: 1 0 100%;
min-width: 100%;
margin-bottom: 20px;
}
.ao-price,
.ao-quantity {
flex: 1 1 50%;
min-width: 50%;
}
.ao-price {
text-align: left;
}
.ao-quantity {
text-align: right;
}
@media (min-width: 768px) {
.ao-image,
.ao-name,
.ao-availability {
margin-bottom: 0;
text-align: left;
}
.ao-image {
flex-basis: 20%;
min-width: 20%;
}
.ao-image img {
max-height: 100px;
}
.ao-name {
flex-basis: 40%;
min-width: 40%;
}
.ao-price {
flex-basis: 20%;
min-width: 20%;
text-align: right;
}
.ao-quantity {
flex-basis: 20%;
min-width: 20%;
padding-left: 20px;
}
}
.slider-wrapper {
padding: 10px 0 19px;
max-width: 650px;
margin: 0 auto;
}
.slider-header {
padding-bottom: 10px;
}
.slider-header:before,
.slider-header:after {
content: ' ';
display: table;
}
.slider-header:after {
clear: both;
}
.slider-content {
position: relative;
padding: 0 10px;
height: 6px;
margin-bottom: 20px;
border-style: none;
border-width: 0;
}
.ui-slider-range {
border-style: none;
border-width: 0;
}
.ui-slider-horizontal {
height: 6px;
}
.ui-slider-horizontal .ui-slider-range,
.ui-slider-horizontal .ui-slider-handle {
z-index: 2;
}
.ui-slider-horizontal .ui-slider-handle {
width: 20px;
height: 20px;
margin-left: -10px;
top: -7px;
border-radius: 50%;
cursor: pointer;
}
.from,
.to {
width: 50%;
}
.from i,
.to i {
display: none;
}
.from {
float: left;
text-align: left;
}
.to {
float: right;
text-align: right;
}
@media (max-width: 767px) {
.filters {
display: none;
margin-bottom: 19px;
}
.filters.visible {
display: block;
}
}
@media (min-width: 768px) {
#content .filters,
#footer .filters {
display: none;
margin-bottom: 19px;
}
#content .filters.visible,
#footer .filters.visible {
display: block;
}
#content .sidebar .filters {
display: block;
margin-bottom: 0;
}
}
.btn.unveil-button {
display: none;
}
@media (max-width: 767px) {
#content .btn.unveil-button,
#footer .btn.unveil-button {
display: block;
width: 100%;
}
}
@media (min-width: 768px) {
#content .btn.unveil-button,
#footer .btn.unveil-button {
display: inline-block;
}
}
#content .sidebar .btn.unveil-button {
display: none;
}
#content .filters-wrapper > div:first-of-type,
#footer .filters-wrapper > div:first-of-type {
margin-bottom: 19px;
text-align: center;
}
.content .filter-section-button {
display: none;
}
.content .sidebar .filter-section-button {
display: block;
}
.filter-sections {
padding-left: 10px;
padding-right: 10px;
}
.filter-section {
padding-top: 10px;
padding-bottom: 10px;
border-bottom-style: none;
border-bottom-width: 0;
text-align: left;
}
.filter-section + .filter-section {
border-top-style: solid;
border-top-width: 1px;
}
#footer .filter-section {
padding-left: 13px;
padding-right: 13px;
}
.filter-section h4 {
margin-top: 0;
}
.filter-section h4 .show-tooltip {
margin-left: 5px;
}
.filter-section label.active {
font-weight: 700;
}
.filter-section.filter-section-button,
.filter-section:last-child {
border-top-style: none;
}
.filter-section.filter-section-button {
padding-top: 0;
text-align: center;
}
#content .filter-section fieldset div.advanced-filters-wrapper,
#footer .filter-section fieldset div.advanced-filters-wrapper {
margin-bottom: -5px;
width: 100%;
}
#content .filter-section fieldset div.advanced-filters-wrapper > div,
#footer .filter-section fieldset div.advanced-filters-wrapper > div {
float: none;
width: auto;
padding: 0 5px 5px 0;
}
@media (min-width: 480px) {
#content .filter-section:before,
#footer .filter-section:before,
#content .filter-section:after,
#footer .filter-section:after {
content: ' ';
display: table;
}
#content .filter-section:after,
#footer .filter-section:after {
clear: both;
}
#content .filter-section fieldset div,
#footer .filter-section fieldset div {
text-align: left;
float: left;
width: 50%;
}
#content .filter-section fieldset div:nth-child(odd),
#footer .filter-section fieldset div:nth-child(odd) {
clear: left;
}
#content .filter-section fieldset div label,
#footer .filter-section fieldset div label {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media (min-width: 1200px) {
#content .filter-section:before,
#footer .filter-section:before,
#content .filter-section:after,
#footer .filter-section:after {
content: ' ';
display: table;
}
#content .filter-section:after,
#footer .filter-section:after {
clear: both;
}
#content .filter-section fieldset div,
#footer .filter-section fieldset div {
text-align: left;
width: 25%;
}
#content .filter-section fieldset div:nth-child(odd),
#footer .filter-section fieldset div:nth-child(odd) {
clear: none;
}
#content .filter-section fieldset div:nth-child(4n + 1),
#footer .filter-section fieldset div:nth-child(4n + 1) {
clear: both;
}
#content .filter-section fieldset div label,
#footer .filter-section fieldset div label {
padding-top: 0;
padding-bottom: 0;
}
}
#content .sidebar .filter-section fieldset div {
width: 100%;
}
@media (min-width: 480px) {
#content .filter-section.filter-section-parametric fieldset div:nth-child(odd),
#footer .filter-section.filter-section-parametric fieldset div:nth-child(odd) {
clear: none;
}
#content .filter-section.filter-section-parametric fieldset div:nth-child(even),
#footer .filter-section.filter-section-parametric fieldset div:nth-child(even) {
clear: left;
}
}
@media (min-width: 1200px) {
#content .filter-section.filter-section-parametric fieldset div:nth-child(even),
#footer .filter-section.filter-section-parametric fieldset div:nth-child(even) {
clear: none;
}
#content .filter-section.filter-section-parametric fieldset div:nth-child(4n + 1),
#footer .filter-section.filter-section-parametric fieldset div:nth-child(4n + 1) {
clear: none;
}
#content .filter-section.filter-section-parametric fieldset div:nth-child(4n + 2),
#footer .filter-section.filter-section-parametric fieldset div:nth-child(4n + 2) {
clear: both;
}
}
#clear-filters,
.filter-section-button {
text-transform: uppercase;
}
#clear-filters {
clear: both;
text-align: center;
margin-bottom: 0;
}
#clear-filters .close-after {
padding-top: 5px;
padding-bottom: 10px;
}
#category-filter-hover {
display: none;
}
.content .sidebar #category-filter-hover {
display: none;
}
.content #category-filter-hover,
.content .sidebar #category-filter-hover.visible,
#category-filter-hover.visible {
display: block;
}
#category-filter-hover .filter-section:first-child {
border-top-style: solid;
border-top-width: 1px;
}
.param-filter-top {
text-align: left;
}
.param-filter-top form {
display: block;
}
.param-filter-top form fieldset {
display: block;
}
.advanced-filters-wrapper {
display: flex;
flex-wrap: wrap;
}
.advanced-filters-wrapper > div {
flex: 0 0 auto;
width: 25%;
padding-bottom: 20px;
}
.advanced-filters-wrapper > div .advanced-parameter {
margin: 0;
}
.filter-label {
display: flex;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
}
.filter-count {
display: inline-block;
margin-left: 1ex;
padding: 1px 0.75em;
border-radius: 8px;
font-size: 13px;
font-weight: bold;
line-height: 1;
}
.box.box-sm.box-filters {
padding: 0;
}
.variant-table .table-row {
padding-top: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.variant-table .table-row:last-child {
border-bottom: none;
}
@media (min-width: 768px) {
.variant-table .table-row:first-child {
padding-top: 0;
}
}
@media (min-width: 992px) {
.variant-table .table-row {
border-bottom: none;
}
}
.variant-table .table-row .table-col {
padding-left: 5px;
padding-right: 5px;
}
.variant-table .table-row .table-col.variant-name-wrapper {
display: flex;
align-items: center;
margin-bottom: 7px;
}
@media (min-width: 992px) {
.one-column-body .variant-table .table-row .table-col.variant-name-wrapper {
width: calc(100% - 360px);
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.multiple-columns-body .variant-table .table-row .table-col.variant-name-wrapper {
width: calc(100% - 360px);
margin-bottom: 0;
}
}
.variant-table .table-row .table-col.cart {
text-align: right;
}
@media (min-width: 992px) {
.variant-table .table-row .table-col.standard-price-wrap {
width: 70px;
}
.variant-table .table-row .table-col.price {
width: 180px;
}
}
@media (min-width: 992px) {
.one-column-body .variant-table .table-row .table-col.standard-price-exist {
width: calc(100% - 360px - 70px);
}
.one-column-body .variant-table .table-row .table-col.cart {
width: 165px;
}
}
@media (min-width: 1200px) {
.multiple-columns-body .variant-table .table-row .table-col.standard-price-exist {
width: calc(100% - 360px - 70px);
}
.multiple-columns-body .variant-table .table-row .table-col.cart {
width: 165px;
}
}
.variant-image {
position: relative;
margin-right: 8px;
flex-shrink: 0;
width: 59px;
}
.variant-image > a {
display: inline-block;
max-width: 76px;
}
.variant-image .flags {
position: absolute;
left: 0;
top: 0;
}
.variant-name {
margin-bottom: 2px;
font-size: 16px;
font-weight: 400;
}
.standard-price-wrap .price-standard {
font-size: 14px;
white-space: nowrap;
}
@media (min-width: 992px) {
.variant-price-wrap {
text-align: right;
}
}
.variant-price-wrap .price-final {
font-weight: 400;
font-size: 18px;
}
.variant-price-wrap .price-additional {
font-size: 13px;
}
.variant-price-wrap .quantity input {
width: 32px;
}
.variant-cart .btn-cart {
padding: 0;
font-size: 24px;
padding-left: 5px;
vertical-align: middle;
}
@media (min-width: 768px) {
.variant-cart .btn-cart {
padding-left: 10px;
}
}
.eet-message {
margin-top: 0;
margin-bottom: 19px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 80%;
text-align: left;
}
.price-range {
display: block;
width: 100%;
height: 4px;
max-width: none;
margin-top: 0;
margin-bottom: 10px;
border-style: none;
border-width: 0;
}
.price-range > div {
float: left;
height: 100%;
}
.price-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin-bottom: 19px;
text-align: left;
}
.price-wrapper .price-label,
.price-wrapper .price {
font-weight: 400;
}
.price-wrapper .price-label.price-primary,
.price-wrapper .price.price-primary {
font-weight: 700;
}
.price-wrapper .price-label {
flex: 1 1 55%;
text-align: left;
font-size: 14px;
}
.price-wrapper .price {
flex: 1 1 45%;
padding-left: 10px;
text-align: right;
font-size: 14px;
}
.price-wrapper .price.price-primary {
font-size: 32px;
line-height: 1;
white-space: nowrap;
}
.price-wrapper.simple .price,
.price-wrapper.simple .price-label {
flex: 1 1 100%;
text-align: right;
}
.question-tooltip {
display: inline-block;
vertical-align: baseline;
width: 18px;
height: 18px;
border-style: solid;
border-width: 1px;
border-radius: 50%;
font-size: 14px;
line-height: 16px;
text-align: center;
}
@media (max-width: 991px) {
.form-group-tooltip {
width: 22px;
height: 22px;
font-size: 16px;
line-height: 20px;
}
}
li.logout {
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
}
.social-login-buttons .form-group:last-child {
margin-bottom: 0;
}
.social-login-buttons-divider {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 10px;
}
.social-login-buttons-divider span {
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
width: auto;
padding: 0 20px;
}
.social-login-buttons-divider::before,
.social-login-buttons-divider::after {
content: '';
flex-grow: 1;
display: inline-block;
width: auto;
height: 1px;
overflow: hidden;
}
.reca-payment-wrap {
text-align: center;
}
.instagram-widget {
display: flex;
flex-wrap: wrap;
max-width: 300px;
}
.instagram-widget > a {
flex-grow: 0;
flex-shrink: 1;
overflow: hidden;
display: block;
position: relative;
}
.instagram-widget > a img {
width: 100%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.instagram-widget.columns-1 > a {
width: 100%;
padding-bottom: 100%;
}
.instagram-widget.columns-2 > a {
width: 50%;
padding-bottom: 50%;
}
.instagram-widget.columns-3 > a {
width: 33.333333%;
padding-bottom: 33.333333%;
}
.instagram-widget.columns-4 > a {
width: 25%;
padding-bottom: 25%;
}
.instagram-follow-btn {
flex-grow: 1;
margin-top: 19px;
text-align: center;
}
.instagram-follow-btn > span {
display: inline-block;
position: relative;
padding-left: 30px;
}
.instagram-follow-btn > span::before {
content: '\e909';
position: absolute;
left: 0;
top: 50%;
width: 24px;
font-size: 16px;
text-align: center;
}
.empty-content-404 h2::after {
content: '\e92f';
}
.empty-content-category h2::after {
content: '\e935';
}
.empty-content {
margin: 38px 0;
text-align: center;
}
.empty-content h2::after {
display: block;
margin: 38px 0;
font-size: 84px;
line-height: 84px;
}
.empty-content p {
margin-bottom: 38px;
font-size: 20px;
}
.p-switchable .inactive {
display: none;
}
@media (max-width: 992px) {
.p-switchable .related-sm-screen-show {
display: block;
}
.p-switchable .related-sm-screen-hide {
display: none;
}
.p-switchable.show-all-related .related-sm-screen-hide {
display: block;
}
}
.p-switchable .p {
margin-bottom: 0;
}
.browse-p {
position: unset;
z-index: 4;
margin-bottom: 19px;
margin-top: 19px;
text-align: center;
}
.browse-p .p-all {
display: inline-block;
}
.browse-p .p-all.inactive {
display: none;
}
.browse-p .p-prev,
.browse-p .p-next {
position: relative;
display: none;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.25);
}
.browse-p .p-prev::before,
.browse-p .p-next::before {
font-size: 18px;
line-height: 40px;
}
.browse-p .p-prev:hover,
.browse-p .p-next:hover {
background-color: rgba(0, 0, 0, 0.35);
}
.browse-p .p-prev.inactive,
.browse-p .p-next.inactive {
visibility: hidden;
z-index: -1;
transition: none;
}
.browse-p .p-prev::before {
content: '\e90f';
}
.browse-p .p-next::before {
content: '\e910';
}
@media (min-width: 992px) {
.browse-p {
margin-bottom: 0;
margin-top: 0;
}
.browse-p .p-all {
display: none;
}
.browse-p .p-prev,
.browse-p .p-next {
display: block;
z-index: 1;
position: absolute;
top: -210px;
}
.browse-p .p-prev {
left: 0;
}
.browse-p .p-next {
right: 0;
}
}
@media (min-width: 1200px) {
.browse-p .p-prev,
.browse-p .p-next {
top: -290px;
}
}
.radio-wrapper {
padding-left: 10px;
padding-right: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.radio-wrapper:last-child {
border-bottom-style: none;
}
.radio-wrapper input[type='radio'] + label {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.radio-wrapper input[type='radio'] + label .sublabel {
display: block;
font-size: smaller;
}
.payment-logo,
.payment-shipping-price {
flex-grow: 0;
flex-shrink: 0;
text-align: right;
flex-basis: 80px;
}
.payment-shipping-price {
padding-left: 10px;
}
.payment-info {
flex-grow: 1;
flex-shrink: 1;
width: auto;
padding-right: 10px;
}
.payment-info b {
display: inline-block;
padding-right: 10px;
text-transform: uppercase;
}
.not-possible-info {
display: none;
}
.inactive .not-possible-info {
display: inherit;
}
#payu_ .table-payu {
border: 0 !important;
width: 100% !important;
max-width: 100%;
padding: 0 !important;
margin: 0 !important;
background: none !important;
}
#payu_ input[type='radio'] {
visibility: hidden;
display: inline;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.cart-toggle-unselected-options {
padding: 13px;
cursor: pointer;
text-decoration: underline;
}
.cart-toggle-unselected-options::after {
content: '\e90e';
margin-left: 0.5em;
}
.cart-toggle-unselected-options:hover {
text-decoration: none;
}
.cart-hide-unselected-options .radio-wrapper {
max-height: 500px;
overflow: hidden;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.cart-hide-unselected-options .radio-wrapper.unselected-option {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
border-bottom-width: 0;
border-top-width: 0;
}
.category-title {
text-align: left;
}
.category-perex {
margin-bottom: 19px;
text-align: left;
}
.category-perex h2 {
margin-top: 0;
}
.category-perex.empty-content {
text-align: center;
}
.cart-table {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
border-collapse: collapse;
border-top-style: none;
border-top-width: 1px;
border-bottom-style: none;
border-bottom-width: 1px;
text-align: left;
}
.cart-table tr > td {
padding: 3px 5px;
border-top-style: solid;
border-top-width: 1px;
border-right-style: solid;
border-right-width: 1px;
}
.cart-table tr > td.p-total {
border-right-style: none;
text-align: right;
white-space: nowrap;
}
.cart-table tr.related {
display: none;
}
.cart-table tr.related > td {
border-right-style: none;
}
.cart-table tr.related.visible {
display: table-row;
}
@media (max-width: 767px) {
.cart-table tr.related.visible {
display: block;
}
.cart-table tr.related.visible td {
display: block;
width: 100%;
}
}
.cart-table tr:first-child > td {
border-top-style: none;
}
.cart-table .cart-p-image {
width: 86px;
}
.cart-table .cart-p-image img {
width: 76px;
max-width: none;
}
.cart-table .p-name {
padding-left: 10px;
}
.cart-table .p-quantity,
.cart-table .p-discount,
.cart-table .p-price {
white-space: nowrap;
}
.cart-table .p-quantity {
text-align: center;
}
.cart-table .p-quantity .quantity {
font-size: 14px;
}
.cart-table .p-quantity .quantity input {
width: 32px;
}
.cart-table .p-discount,
.cart-table .p-price,
.cart-table .p-availability {
text-align: center;
}
.cart-table .main-link {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.cart-table .p-price {
min-width: 70px;
}
.cart-table .p-price .p-label {
margin-bottom: 5px;
}
.cart-table .price-final,
.cart-table .price-save,
.cart-table .price-additional,
.cart-table .unit-value {
vertical-align: middle;
display: inline-block;
font-size: 14px;
}
@media (max-width: 767px) {
.cart-table {
display: block;
}
.cart-table tbody {
display: block;
}
.cart-table tr {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.cart-table tr > td {
flex-grow: 1;
flex-shrink: 0;
width: 50%;
margin: 0;
border-style: none;
padding: 0 0 5px;
}
.cart-table tr > td.p-total,
.cart-table tr > td.cart-p-image {
padding-bottom: 0;
}
.cart-table tr > td.cart-p-image {
flex: 0 0 76px;
margin-bottom: 10px;
}
.cart-table tr > td.p-name {
flex: 1 1 calc(100% - 76px);
align-self: center;
padding-left: 5px;
}
.cart-table tr > td:nth-child(odd) {
text-align: left;
}
.cart-table tr > td:nth-child(odd).p-total {
text-align: right;
}
.cart-table tr > td:nth-child(even) {
text-align: right;
}
.cart-table tr > td:nth-child(even).p-name {
text-align: left;
}
.related .cart-table tr > td {
width: 100%;
}
.cart-table tr:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom-style: none;
}
}
.main-link-variant,
.show-related,
.main-link-surcharges {
display: block;
font-size: smaller;
line-height: 1.2;
}
@media (max-width: 480px) {
.main-link-variant,
.show-related,
.main-link-surcharges {
font-size: 14px;
}
}
.main-link-surcharges {
text-transform: none;
}
.show-related {
padding-top: 1ex;
}
.show-related:after {
content: '\e90e';
padding-left: 1ex;
font-size: 13px;
}
.related-visible .show-related:after {
content: '\e911';
}
tr.related-visible > td {
border-bottom-color: transparent !important;
}
.cart-related-product {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.cart-related-product:last-child {
border-bottom-style: none;
}
@media (min-width: 992px) {
.cart-related-product {
max-width: 991px;
}
}
.cart-related-info,
.cart-related-button {
flex-grow: 1;
flex-shrink: 1;
width: 100%;
text-align: left;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.cart-related-info,
.cart-related-button {
padding-top: 10px;
}
}
.cart-related-info {
padding-top: 10px;
}
@media (min-width: 768px) {
.cart-related-info {
display: flex;
align-items: center;
width: 80%;
padding-right: 10px;
text-align: left;
}
}
.cart-related-button .price-final {
display: block;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.cart-related-button {
width: 20%;
text-align: right;
}
}
.cart-related-img {
display: block;
margin-bottom: 10px;
max-width: 76px;
}
@media (min-width: 768px) {
.cart-related-img {
flex: 0 0 auto;
display: inline;
margin-bottom: 0;
}
}
.cart-related-name {
text-transform: uppercase;
}
@media (min-width: 768px) {
.cart-related-name {
flex: 1 1 auto;
padding-left: 10px;
}
}
.cart-related-availability {
display: block;
}
@media (min-width: 768px) {
.cart-related-availability {
flex: 0 0 30%;
text-align: right;
padding-right: 10px;
padding-left: 10px;
}
}
.p-label {
display: block;
}
.quantity-form .p-label {
display: none;
}
@media (min-width: 768px) {
.p-label {
display: none;
}
}
button::-moz-focus-inner {
margin: 0;
padding: 0;
}
.remove-item {
vertical-align: middle;
position: relative;
margin: 0;
padding: 10px;
border: 0;
text-align: right;
line-height: 10px;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.remove-item::before {
content: '\e912';
font-size: 10px;
}
@media (min-width: 992px) {
tr.removeable .remove-item {
opacity: 0;
}
tr.removeable .remove-item:focus {
opacity: 1;
}
tr.removeable:hover .remove-item {
opacity: 1;
}
}
.overlay.visible,
.loader-overlay {
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
}
.overlay.visible {
position: fixed;
z-index: 1002;
}
.loader-overlay {
position: absolute;
z-index: 0;
}
body.user-action-visible .overlay,
body.msg-visible .overlay,
body.spinner-visible .overlay {
position: fixed;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
opacity: 1;
-webkit-overflow-scrolling: touch;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
body.user-action-visible .overlay.invisible,
body.msg-visible .overlay.invisible,
body.spinner-visible .overlay.invisible {
opacity: 0;
}
body.user-action-visible .overlay,
body.msg-visible .overlay {
z-index: 0;
}
body.spinner-visible .overlay {
z-index: 1002;
}
.datepicker.birthdate {
position: relative;
}
.ui-datepicker {
width: 24em;
padding: 6px 12px;
font-size: 14px;
line-height: 1.384615;
color: #555;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 3px;
z-index: 10000 !important;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2em;
}
.ui-datepicker .ui-datepicker-title select {
cursor: pointer;
}
.ui-datepicker .ui-corner-all .ui-icon {
display: none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next {
display: table;
cursor: pointer;
text-align: center;
top: 6px;
font-size: 14px;
line-height: 1.384615;
height: 33px;
}
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-prev-hover:after,
.ui-datepicker .ui-datepicker-next-hover:after,
.ui-datepicker .ui-datepicker-next:after {
display: table-cell;
position: relative;
color: #555;
vertical-align: middle;
}
.ui-datepicker .ui-datepicker-next:after {
content: '\25B7';
}
.ui-datepicker .ui-datepicker-prev:after {
content: '\25C1';
}
.ui-datepicker th a,
.ui-datepicker td a {
padding: 5px;
text-align: center;
}
.ui-datepicker th a.ui-state-highlight,
.ui-datepicker td a.ui-state-highlight {
background: #eee;
}
.ui-datepicker th a.ui-state-active,
.ui-datepicker td a.ui-state-active {
background: #eee;
font-weight: bold;
}
.btn,
a.btn {
display: inline-block;
padding: 5px 15px;
border-style: solid;
border-width: 1px;
border-radius: 0;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: normal;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.btn:hover,
a.btn:hover {
text-decoration: none;
}
.btn.btn-block,
a.btn.btn-block {
display: block;
width: 100%;
}
.btn.btn-secondary,
a.btn.btn-secondary {
border-style: solid;
}
.btn.btn-xs,
a.btn.btn-xs {
padding: 0 10px;
font-size: 12px;
line-height: 16px;
}
.btn.btn-sm,
a.btn.btn-sm {
padding: 2px 10px;
line-height: 20px;
}
.btn.btn-lg,
a.btn.btn-lg {
line-height: 36px;
}
.btn.btn-icon,
a.btn.btn-icon {
padding: 15px 0;
border: 0;
font-size: 20px;
font-weight: 400;
}
.btn.btn-login::before,
a.btn.btn-login::before,
.btn.btn-cofidis::before,
a.btn.btn-cofidis::before,
.btn.btn-arrow-left::before,
a.btn.btn-arrow-left::before,
.btn.btn-arrow-right::before,
a.btn.btn-arrow-right::before,
.btn.btn-arrow-up::before,
a.btn.btn-arrow-up::before,
.btn.btn-arrow-down::before,
a.btn.btn-arrow-down::before,
.btn.btn-login::after,
a.btn.btn-login::after,
.btn.btn-cofidis::after,
a.btn.btn-cofidis::after,
.btn.btn-arrow-left::after,
a.btn.btn-arrow-left::after,
.btn.btn-arrow-right::after,
a.btn.btn-arrow-right::after,
.btn.btn-arrow-up::after,
a.btn.btn-arrow-up::after,
.btn.btn-arrow-down::after,
a.btn.btn-arrow-down::after {
font-size: 25px;
text-align: center;
}
.btn.btn-login.btn-text::before,
a.btn.btn-login.btn-text::before,
.btn.btn-cofidis.btn-text::before,
a.btn.btn-cofidis.btn-text::before,
.btn.btn-arrow-left.btn-text::before,
a.btn.btn-arrow-left.btn-text::before,
.btn.btn-arrow-right.btn-text::before,
a.btn.btn-arrow-right.btn-text::before,
.btn.btn-arrow-up.btn-text::before,
a.btn.btn-arrow-up.btn-text::before,
.btn.btn-arrow-down.btn-text::before,
a.btn.btn-arrow-down.btn-text::before {
margin-right: 1ex;
}
.btn.btn-login.btn-text.btn-after::after,
a.btn.btn-login.btn-text.btn-after::after,
.btn.btn-cofidis.btn-text.btn-after::after,
a.btn.btn-cofidis.btn-text.btn-after::after,
.btn.btn-arrow-left.btn-text.btn-after::after,
a.btn.btn-arrow-left.btn-text.btn-after::after,
.btn.btn-arrow-right.btn-text.btn-after::after,
a.btn.btn-arrow-right.btn-text.btn-after::after,
.btn.btn-arrow-up.btn-text.btn-after::after,
a.btn.btn-arrow-up.btn-text.btn-after::after,
.btn.btn-arrow-down.btn-text.btn-after::after,
a.btn.btn-arrow-down.btn-text.btn-after::after {
margin-left: 1ex;
}
.btn.btn-login::before,
a.btn.btn-login::before {
content: '\e930';
}
.btn.btn-login.btn-after::before,
a.btn.btn-login.btn-after::before {
content: '';
}
.btn.btn-login.btn-after::after,
a.btn.btn-login.btn-after::after {
content: '\e930';
}
.btn.btn-cofidis::before,
a.btn.btn-cofidis::before {
content: '\e929';
}
.btn.btn-cofidis.btn-after::before,
a.btn.btn-cofidis.btn-after::before {
content: '';
}
.btn.btn-cofidis.btn-after::after,
a.btn.btn-cofidis.btn-after::after {
content: '\e929';
}
.btn.btn-arrow-left::before,
a.btn.btn-arrow-left::before {
content: '\e90b';
}
.btn.btn-arrow-left.btn-after::before,
a.btn.btn-arrow-left.btn-after::before {
content: '';
}
.btn.btn-arrow-left.btn-after::after,
a.btn.btn-arrow-left.btn-after::after {
content: '\e90b';
}
.btn.btn-arrow-right::before,
a.btn.btn-arrow-right::before {
content: '\e90c';
}
.btn.btn-arrow-right.btn-after::before,
a.btn.btn-arrow-right.btn-after::before {
content: '';
}
.btn.btn-arrow-right.btn-after::after,
a.btn.btn-arrow-right.btn-after::after {
content: '\e90c';
}
.btn.btn-arrow-down::before,
a.btn.btn-arrow-down::before {
content: '\e90a';
}
.btn.btn-arrow-down.btn-after::before,
a.btn.btn-arrow-down.btn-after::before {
content: '';
}
.btn.btn-arrow-down.btn-after::after,
a.btn.btn-arrow-down.btn-after::after {
content: '\e90a';
}
.btn.btn-arrow-up::before,
a.btn.btn-arrow-up::before {
content: '\e90d';
}
.btn.btn-arrow-up.btn-after::before,
a.btn.btn-arrow-up.btn-after::before {
content: '';
}
.btn.btn-arrow-up.btn-after::after,
a.btn.btn-arrow-up.btn-after::after {
content: '\e90d';
}
a.login-btn {
position: relative;
display: block;
padding-left: 66px;
text-decoration: none;
}
a.login-btn.facebook,
a.login-btn.google,
a.login-btn.seznam {
border-style: solid;
border-width: 1px;
border-radius: 3px;
}
a.login-btn.facebook span,
a.login-btn.google span,
a.login-btn.seznam span,
a.login-btn.facebook strong,
a.login-btn.google strong,
a.login-btn.seznam strong {
display: block;
text-align: center;
}
a.login-btn.facebook strong,
a.login-btn.google strong,
a.login-btn.seznam strong {
padding: 13px 4px;
line-height: 20px;
}
a.login-btn.facebook .login-google-icon,
a.login-btn.google .login-google-icon,
a.login-btn.facebook .login-facebook-icon,
a.login-btn.google .login-facebook-icon,
a.login-btn.seznam .login-seznam-icon {
left: 0;
top: 0;
position: absolute;
width: 66px;
height: 100%;
font-size: 28px;
}
a.login-btn.google .login-google-icon {
background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 26 26" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1, 0, 0, 1, 27.009001, -39.238998)"><path fill="%234285F4" d="M -3.264 51.509 C -3.264 50.719 -3.334 49.969 -3.454 49.239 L -14.754 49.239 L -14.754 53.749 L -8.284 53.749 C -8.574 55.229 -9.424 56.479 -10.684 57.329 L -10.684 60.329 L -6.824 60.329 C -4.564 58.239 -3.264 55.159 -3.264 51.509 Z"/><path fill="%2334A853" d="M -14.754 63.239 C -11.514 63.239 -8.804 62.159 -6.824 60.329 L -10.684 57.329 C -11.764 58.049 -13.134 58.489 -14.754 58.489 C -17.884 58.489 -20.534 56.379 -21.484 53.529 L -25.464 53.529 L -25.464 56.619 C -23.494 60.539 -19.444 63.239 -14.754 63.239 Z"/><path fill="%23FBBC05" d="M -21.484 53.529 C -21.734 52.809 -21.864 52.039 -21.864 51.239 C -21.864 50.439 -21.724 49.669 -21.484 48.949 L -21.484 45.859 L -25.464 45.859 C -26.284 47.479 -26.754 49.299 -26.754 51.239 C -26.754 53.179 -26.284 54.999 -25.464 56.619 L -21.484 53.529 Z"/><path fill="%23EA4335" d="M -14.754 43.989 C -12.984 43.989 -11.404 44.599 -10.154 45.789 L -6.734 42.369 C -8.804 40.429 -11.514 39.239 -14.754 39.239 C -19.444 39.239 -23.494 41.939 -25.464 45.859 L -21.484 48.949 C -20.534 46.099 -17.884 43.989 -14.754 43.989 Z"/></g></svg>') no-repeat center;
background-size: 26px 26px;
}
a.login-btn.facebook .login-facebook-icon {
background: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:%23fff;}</style></defs><title>flogo-HexRBG-Wht-512</title><path class="cls-1" d="M483.74,0H28.26A28.26,28.26,0,0,0,0,28.26V483.74A28.26,28.26,0,0,0,28.26,512H273.5V314H207V236.5h66.5v-57c0-66.13,40.39-102.14,99.38-102.14,28.25,0,52.54,2.11,59.62,3V149.5l-40.81,0c-32,0-38.19,15.24-38.19,37.62V236.5h76.74l-10,77.5H353.5V512H483.74A28.26,28.26,0,0,0,512,483.74V28.26A28.26,28.26,0,0,0,483.74,0Z"/></svg>') no-repeat center;
background-size: 28px 28px;
}
a.login-btn.seznam .login-seznam-icon {
background: url("data:image/svg+xml,%3Csvg width='28' height='30' viewBox='0 0 28 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.405731 30C5.80906 30 27.8349 27.425 27.8349 20.5308C27.8349 16.3308 22.2082 14.3275 19.8966 13.6558C15.4916 12.3783 11.9182 11.06 11.9182 9.90417C11.9182 8.74917 14.4216 8.50667 17.1091 7.9125C20.6882 7.12083 22.1941 6.68417 22.1941 4.78083C22.1941 3.54083 21.2416 2.0275 20.7574 1.37583C19.9124 0.24 19.7782 0 19.5024 0C18.9057 0 19.3774 0.7725 12.6432 1.90833C8.3774 2.6275 2.6999 4.54833 2.6999 8.43833C2.6999 12.3275 7.77656 14.1325 12.8599 15.9725C18.0982 17.8683 22.4782 18.5608 22.4782 21.585C22.4782 26.4083 1.77823 29.4525 0.436564 29.6758C-0.190936 29.78 -0.0876025 30 0.405731 30Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;
background-size: 22px 23px;
}
.login-btn.seznam {
border-color: #cc0000;
color: #fff;
background-color: #cc0000;
}
.login-btn.seznam:hover {
background-color: #ad0000;
}
#footer a.login-btn:hover {
text-decoration: none;
}
input[type='submit'].btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.image360::after,
.show360image::after {
content: '\e93e';
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
text-align: center;
font-size: 60px;
line-height: 80px;
background-color: rgba(255, 255, 255, 0.45);
color: #777;
border-radius: 100%;
}
.image360 {
text-align: center;
background: #fff;
cursor: pointer;
position: relative;
max-width: 100%;
}
.image360:hover::after,
.image360.image360-loaded::after {
z-index: -1;
content: '';
background-color: rgba(255, 255, 255, 0);
}
.image360-fullscreen-on .image360.image360-fullscreen-target {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0;
background: #fff;
z-index: 100000;
}
.image360-holder {
position: relative;
display: flex;
align-items: center;
height: 100%;
margin: 0 auto;
cursor: grab;
}
.image360-holder img {
margin: 0 auto;
max-height: 100%;
min-width: 1px;
max-width: 100%;
object-fit: contain;
}
.image360-navigation {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 24px;
font-size: 0;
opacity: 0.6;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.image360-navigation span {
font-size: 24px;
cursor: pointer;
display: inline-block;
padding: 0 3px;
}
.image360-navigation:hover {
opacity: 1;
}
.image360-fullscreen-on .image360-navigation {
bottom: 10px;
}
.show360image {
position: relative;
cursor: pointer;
}
body.image360-fullscreen-on {
overflow: hidden;
}
.country-flags {
position: relative;
display: flex;
align-items: center;
height: 36px;
cursor: pointer;
}
.country-flags:not(.active):focus {
outline: 0;
}
.country-flags-inner {
position: relative;
border-style: solid;
border-width: 1px;
}
.country-flags.active .country-flags-inner {
position: absolute;
top: -1px;
left: -5px;
z-index: 10;
width: 300px;
height: 360px;
padding: 36px 5px 5px;
overflow: auto;
}
.country-flags.active.turned .country-flags-inner {
bottom: 0;
top: auto;
}
.country-flag {
display: none;
align-items: center;
height: 36px;
}
.country-flag.selected,
.country-flags.active .country-flag {
display: flex;
margin-left: -5px;
padding-left: 5px;
padding-right: 5px;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.country-flags.active .country-flag.selected {
display: flex;
position: absolute;
left: 5px;
right: 5px;
top: 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.country-flags.active .country-flag.country-flag-preferred-last {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.shp-flag-name {
display: none;
padding-right: 5px;
}
.country-flags.active .shp-flag-name {
display: inline-block;
}
.shp-flag,
.shp-flag-label {
flex-grow: 0;
flex-shrink: 0;
}
.shp-flag {
width: 24px;
height: 24px;
}
.shp-flag-label {
display: flex;
position: relative;
width: calc(100% - 24px);
padding-left: 16px;
padding-right: 3px;
justify-self: flex-end;
font-size: 14px;
line-height: 18px;
text-align: right;
}
.shp-flag-label::before {
content: '';
position: absolute;
left: 3px;
top: 50%;
width: 0;
height: 0;
margin-top: -3px;
border-width: 6px;
border-style: solid;
}
.country-flags.active .shp-flag-label {
width: calc(100% - 24px);
text-align: left;
}
.country-flags.active .shp-flag-label::before {
display: none;
}
.phone-combined-input {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.phone-combined-input select {
display: none;
}
.phone-combined-input input,
.phone-combined-input .country-flags {
flex-grow: 0;
}
.phone-combined-input input {
width: 100%;
}
@media (min-width: 480px) {
.phone-combined-input {
max-width: 217px;
}
}
.search-results-groups .search-results-group {
margin-bottom: 19px;
}
.search-results-groups h4 {
margin: 0 0 10px 0;
}
.search-results-groups .search-results-group-list {
column-width: 240px;
column-count: 3;
margin-bottom: 10px;
}
.search-results-groups .search-results-group-list ul {
margin: 0;
padding-left: 40px;
}
.search-results-groups .search-results-group-list ul li {
list-style-position: outside;
}
.search-products-heading {
margin-top: 0;
}
.search-next-wrap {
text-align: center;
margin: 19px 0;
}
.menu-helper {
z-index: -1;
position: absolute;
top: 98px;
right: 0;
display: none;
visibility: hidden;
flex: 0 0 auto;
align-items: center;
height: 32px;
font-size: 14px;
font-weight: 400;
line-height: 14px;
text-transform: none;
cursor: pointer;
}
.menu-helper.visible {
z-index: 1;
visibility: visible;
}
.menu-helper > span {
position: relative;
padding: 0 0;
border-width: 0;
border-style: none;
font-size: 32px;
line-height: 32px;
text-transform: none;
}
.menu-helper::after {
content: '\e914';
text-align: center;
-webkit-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.menu-helper-visible .menu-helper::after {
content: '\e912';
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.menu-helper > ul {
z-index: 1;
position: absolute;
top: calc(50% + 16px);
right: 0;
display: none;
width: 280px;
max-height: 340px;
overflow: auto;
border-style: solid;
border-width: 1px;
text-align: left;
text-transform: none;
}
.menu-helper-visible .menu-helper > ul {
display: block;
}
.menu-helper > ul > li {
border-top-style: solid;
border-top-width: 1px;
}
.menu-helper > ul > li.splitted {
display: none;
}
.menu-helper > ul > li.splitted + li {
border-top-style: none;
}
.menu-helper > ul > li a b {
font-weight: 400;
}
.menu-helper > ul > li a.menu-image {
display: none;
}
.menu-helper > ul > li > a {
padding: 0.9375rem 20px;
}
.menu-helper .menu-level-2 a {
padding: 0.46875rem 40px;
font-weight: 400;
}
.menu-helper .has-third-level ul {
display: none;
}
.menu-helper.empty {
z-index: -1;
visibility: hidden;
}
@media (min-width: 768px) {
.menu-helper {
display: flex;
}
}
@media (min-width: 992px) and (min-height: 600px) {
.menu-helper > ul {
max-height: 480px;
}
}
@media (min-width: 992px) and (min-height: 800px) {
.menu-helper > ul {
max-height: 680px;
}
}
.widget-parameter-wrapper {
position: relative;
margin: 19px 0 0;
display: flex;
overflow: hidden;
width: 100%;
}
.widget-parameter-wrapper .widget-parameter-list {
display: flex;
flex-shrink: 0;
list-style-type: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.widget-parameter-wrapper .widget-parameter-value,
.widget-parameter-wrapper .widget-parameter-more {
flex-shrink: 0;
}
.widget-parameter-wrapper .widget-parameter-value a,
.widget-parameter-wrapper .widget-parameter-more a,
.widget-parameter-wrapper .widget-parameter-value span,
.widget-parameter-wrapper .widget-parameter-more span {
padding: 0 10px;
}
.widget-parameter-wrapper .widget-parameter-value:first-child a {
padding-left: 0;
}
.widget-parameter-wrapper .widget-parameter-more {
visibility: hidden;
}
.widget-parameter-wrapper .widget-parameter-more.visible {
visibility: visible;
}
.banner {
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.banner {
min-height: 220px;
}
}
@media (min-width: 768px) {
.banner.banner-md,
.banner.banner-lg {
min-height: 300px;
}
}
.banner-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 25px;
}
.banner-content .banner-content-in {
display: table;
width: 100%;
height: 100%;
border-style: solid;
border-width: 1px;
}
.banner-content .banner-content-in > div {
display: table-cell;
padding: 25px;
vertical-align: bottom;
text-align: center;
}
@media (min-width: 768px) {
.banner-content .banner-content-in > div {
text-align: left;
}
.banner-content .banner-content-in > div > div {
display: table;
width: 100%;
}
.banner-content .banner-content-in > div > div span,
.banner-content .banner-content-in > div > div strong {
display: table-cell;
vertical-align: middle;
}
.banner-content .banner-content-in > div > div strong {
padding-left: 20px;
font-size: 24px;
line-height: 1.2;
text-transform: uppercase;
}
.banner-content .banner-content-in > div > div .btn {
white-space: nowrap;
}
}
.banners-content a,
.banner-footer a,
.banner-wrapper a,
.footer-banner a,
.banner-category a {
display: inline-block;
position: relative;
}
@media (min-width: 768px) {
.banners-content a img,
.banner-footer a img,
.banner-wrapper a img,
.footer-banner a img,
.banner-category a img {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transform: translateZ(0);
}
@supports (-moz-appearance: none) {
.banners-content a img,
.banner-footer a img,
.banner-wrapper a img,
.footer-banner a img,
.banner-category a img {
transform: none;
}
}
.banners-content a:hover img,
.banner-footer a:hover img,
.banner-wrapper a:hover img,
.footer-banner a:hover img,
.banner-category a:hover img {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
}
.banner-wrapper {
margin-top: 20px;
}
@media (min-width: 768px) {
.banner-wrapper {
margin-top: 0;
}
.banner-wrapper + .banner-wrapper {
margin-top: 25px;
}
}
.banner-footer,
.banner-category {
margin-bottom: 20px;
}
@media (min-width: 1440px) {
.banner-footer,
.banner-category {
margin-bottom: 40px;
}
}
.banner-category.banner-category-inline {
margin-bottom: 10px;
}
.banners-footer {
display: flex;
}
.banner-footer {
flex: 1 1 33.33333%;
text-align: center;
}
.banner,
.banner-wrapper {
position: relative;
}
.extended-banner-texts {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.extended-banner-title,
.extended-banner-text,
.extended-banner-link {
position: absolute;
padding: 5px;
border: 1px solid rgba(255, 255, 255, 0.97);
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
.extended-banner-title:empty,
.extended-banner-text:empty,
.extended-banner-link:empty {
display: none;
}
.extended-banner-title,
.extended-banner-text {
left: 0;
}
.extended-banner-title {
top: 0;
font-size: 20px;
}
.extended-banner-text {
bottom: 0;
max-width: 80%;
}
.extended-banner-link {
right: 0;
top: 50%;
height: 29px;
margin-top: -5px;
}
.banners-empty {
display: none;
visibility: hidden;
}
.subcategories {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -10px 19px;
padding: 0;
}
.subcategories li {
list-style: none;
flex: 0 0 auto;
padding: 10px;
}
.subcategories li a {
position: relative;
display: flex;
align-items: center;
height: 51px;
padding: 7px 40px 7px 13px;
border-style: solid;
border-width: 1px;
font-weight: 500;
}
.subcategories li a .text {
max-height: 38px;
overflow: hidden;
}
.subcategories li a::before {
content: '\e910';
position: absolute;
right: 10px;
top: 50%;
margin-top: -4px;
font-size: 8px;
line-height: 8px;
}
.subcategories li a::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
-webkit-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.subcategories li a:hover {
text-decoration: none;
}
.subcategories li.divider {
margin: 10px 10px;
padding: 0;
width: calc(100% - (40px / 2));
}
.subcategories.with-image li a {
display: flex;
align-items: center;
padding-left: 7px;
}
.subcategories.with-image li a .image {
width: 25%;
text-align: center;
}
.subcategories.with-image li a .image img {
max-height: 30px;
}
.subcategories.with-image li a .text {
width: 75%;
padding-left: 10px;
flex-grow: 0;
text-align: left;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.subcategories.with-image li.parametric {
text-align: center;
}
@media (max-width: 767px) {
.subcategories li a {
padding: 0 27px 0 13px;
}
.subcategories li a .text {
max-height: 42px;
font-size: 14px;
line-height: 14px;
}
}
.sidebar-inner {
padding: 20px;
}
.sidebar-inner > div {
margin: 0;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 19px 0;
}
.sidebar-inner > div h4 {
margin-top: 0;
}
.sidebar-inner > div:last-child {
padding-bottom: 0;
border-bottom-style: none;
}
.menu-helper > span {
display: none;
}
.menu-helper::after {
width: 32px;
font-size: 20px;
line-height: 32px;
border-radius: 0;
}
.breadcrumbs {
display: none;
}
@media (min-width: 992px) {
.breadcrumbs {
display: flex;
margin-left: -20px;
margin-right: -20px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.breadcrumbs > span {
align-self: center;
}
.breadcrumbs > span > a,
.breadcrumbs > span > span {
padding: 10px 20px;
}
.breadcrumbs > span > a {
position: relative;
display: block;
min-height: 38px;
}
.breadcrumbs > span > a::before,
.breadcrumbs > span > a::after {
content: '';
position: absolute;
right: 0;
width: 1px;
height: 75%;
}
.breadcrumbs > span > a::before {
top: -12.5%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.breadcrumbs > span > a::after {
bottom: -12.5%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.breadcrumbs .navigation-bullet {
display: none;
}
.navigation-home-icon-wrapper {
position: relative;
}
.navigation-home-icon-wrapper::before {
content: '\e91f';
position: absolute;
left: 20px;
top: 50%;
margin-top: -10px;
font-size: 19px;
line-height: 19px;
}
.navigation-home-icon-wrapper #navigation-first a {
padding-left: 40px;
}
.category-header {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 19px;
font-size: 0;
}
.category-header form {
flex: 0 1 auto;
}
.category-header div {
display: none;
}
.category-header input[type='radio'] + label {
display: inline-block;
margin-right: 1px;
margin-top: 1px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}
.category-header input[type='radio'] + label::before,
.category-header input[type='radio'] + label::after {
display: none;
}
@media (min-width: 768px) {
.category-header div {
display: block;
flex: 1 0 auto;
text-align: right;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
}
.category-header input[type='radio'] + label {
padding-left: 20px;
padding-right: 20px;
}
}
.carousel-control {
opacity: 0;
text-decoration: none;
-webkit-transition: opacity ease-out 0.3s;
-o-transition: opacity ease-out 0.3s;
transition: opacity ease-out 0.3s;
}
.carousel-control::before {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
font-size: 20px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.25);
text-shadow: none;
}
.carousel-control.left,
.carousel-control.right {
background: none;
}
.carousel-control.left::before {
content: '\e90f';
left: 20px;
}
.carousel-control.right::before {
content: '\e910';
right: 20px;
}
.carousel-control:hover {
text-decoration: none;
}
.carousel:hover .carousel-control {
opacity: 1;
}
.wide-carousel {
overflow: hidden;
}
@media (min-width: 768px) {
.multiple-columns-body .wide-carousel {
padding-left: 20px;
}
}
.flag {
float: left;
clear: left;
width: auto;
max-width: 9em;
margin-bottom: 0.5ex;
padding: 4px 8px;
border-radius: 0;
font-size: 13px;
font-weight: 700;
line-height: 1.1;
text-align: center;
text-transform: none;
display: inline-block;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
@media (max-width: 480px) {
.flag {
font-size: 13px;
}
}
.flags-inline:before,
.flags-inline:after {
content: ' ';
display: table;
}
.flags-inline:after {
clear: both;
}
.flags-inline .flag {
clear: none;
display: inline-block;
margin-left: 3px;
}
.flags-inline .flag:first-child {
margin-left: 0;
}
.products-top {
margin-bottom: 19px;
}
.products-top > div {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.products-top > div.inactive {
position: absolute;
height: 0;
overflow: hidden;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.products-top > div.revealed {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.flags-extra {
position: absolute;
bottom: 0;
right: 0;
display: flex;
}
.highlight-product .flags-extra {
right: 30px;
}
.flags-extra .flag {
width: 75px;
height: 75px;
margin-left: -8px;
border-radius: 100%;
font-size: 12px;
font-weight: 700;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.flags-extra .flag .price-standard,
.flags-extra .flag .price-save {
font-size: 12px;
}
.p-image-wrapper .flags-extra {
z-index: 51;
right: 10px;
}
@media (min-width: 768px) {
.p-image-wrapper .flags-extra .flag {
width: 100px;
height: 100px;
border-radius: 50%;
}
.p-image-wrapper .flags-extra .flag .price-standard,
.p-image-wrapper .flags-extra .flag .price-save {
font-size: 14px;
}
.p-image-wrapper .flags-extra .flag-freeshipping .icon-van {
font-size: 70px;
}
.p-image-wrapper .flags-extra .flag-text {
font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 1439px) {
.products-additional .flags-extra .flag {
width: 50px;
height: 50px;
font-size: 9px;
}
.products-additional .flags-extra .price-standard,
.products-additional .flags-extra .price-save {
font-size: 9px;
}
}
.flag-text {
font-size: 12px;
line-height: 1.15;
text-transform: uppercase;
white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1439px) {
.products-additional .flag-text {
font-size: 9px;
line-height: 9px;
}
}
.flag-freeshipping .icon-van {
margin-top: -6px;
margin-bottom: -6px;
font-size: 42px;
}
@media (min-width: 768px) and (max-width: 1439px) {
.products-additional .flag-freeshipping .icon-van {
margin-bottom: 0;
font-size: 24px;
}
}
.flag-gift .icon-gift {
font-size: 24px;
line-height: 42px;
margin-top: -6px;
margin-bottom: -6px;
}
@media (min-width: 768px) and (max-width: 1439px) {
.products-additional .flag-gift .icon-gift {
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
}
.flag-discount .price-standard {
display: block;
}
@media (min-width: 321px) and (max-width: 767px) {
.columns-mobile-2 .products-block > div .flags-extra .flag {
width: auto;
height: auto;
border-radius: 0;
flex-direction: row;
margin-bottom: 0;
margin-right: -8px;
}
.columns-mobile-2 .products-block > div .flags-extra .flag .icon-van,
.columns-mobile-2 .products-block > div .flags-extra .flag .icon-gift {
font-size: 14px;
line-height: 14px;
margin-right: 5px;
margin-left: 3px;
}
}
.shp-tabs-holder {
border-style: none;
border-width: 0;
margin-top: 0;
margin-bottom: 19px;
padding-left: 0;
text-align: left;
}
@media (max-width: 767px) {
.shp-tabs-holder {
margin-left: -10px;
margin-right: -10px;
padding-left: 20px;
padding-right: 20px;
}
}
.shp-tabs-holder ul.shp-tabs {
margin: 0;
padding: 0;
}
.shp-tabs-holder ul.shp-tabs li {
display: inline-block;
list-style: none;
}
.shp-tabs-holder ul.shp-tabs li a {
display: block;
padding-left: 7px;
padding-right: 7px;
padding-top: 10px;
padding-bottom: 10px;
border-style: solid none none none;
border-width: 2px 0 0 0;
text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
.shp-tabs-holder ul.shp-tabs li a {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1200px) {
.shp-tabs-holder ul.shp-tabs li a {
padding-left: 20px;
padding-right: 20px;
}
}
.responsive-nav {
position: relative;
min-width: 250px;
margin-bottom: 19px;
}
.responsive-nav .shp-tabs-holder {
margin-bottom: 0;
}
.responsive-nav .visible-links {
display: table;
}
.responsive-nav .visible-links > li {
display: table-cell;
}
.responsive-nav .visible-links > li a {
white-space: nowrap;
}
.responsive-nav .hidden-links {
position: absolute;
right: 0;
top: 100%;
border-top: 1px solid #ccc;
z-index: 100;
padding: 0;
margin: 0;
background: inherit;
}
.responsive-nav .hidden-links > li {
display: block;
border-bottom: 1px solid #ccc;
}
.responsive-nav .hidden-links > li a {
display: block;
padding: 10px 20px;
}
.responsive-nav .hidden {
visibility: hidden;
}
.responsive-nav .navigation-btn {
position: absolute;
height: 100%;
right: 0;
top: 0;
border: 0;
color: #fff;
cursor: pointer;
background: rgba(0, 0, 0, 0.5);
padding: 10px;
}
.free-gifts,
.free-product-gifts {
padding: 0;
}
.free-gifts li,
.free-product-gifts li {
margin: 0;
padding: 0;
list-style: none;
}
.free-gifts li label,
.free-product-gifts li label {
display: flex;
align-items: center;
-webkit-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.free-gifts li label img,
.free-product-gifts li label img {
flex: 0 0 40px;
}
.free-gifts li.active,
.free-product-gifts li.active {
display: block;
}
.free-gifts li:last-child,
.free-product-gifts li:last-child {
margin: 0;
}
#colorbox .free-gifts,
#colorbox .free-product-gifts {
margin: 0;
}
#colorbox .free-gifts li,
#colorbox .free-product-gifts li {
display: block;
margin-bottom: 5px;
}
#colorbox .free-gifts li.active,
#colorbox .free-product-gifts li.active {
font-weight: bold;
}
.free-gifts li {
display: none;
}
.free-product-gifts {
padding-top: 10px;
}
.free-product-gifts li {
margin-bottom: 10px;
}
.free-gift-label {
flex: 1 1 auto;
line-height: 1;
padding-left: 20px;
}
.free-gift-label span {
display: block;
}
.free-gift-label .free-gift-amount {
display: inline;
}
.free-gift-amount {
display: inline;
text-transform: lowercase;
}
.free-gifts-img {
position: relative;
}
.free-gifts-img img {
max-width: unset;
}
.free-gifts-img > img {
width: 59px;
}
.free-gifts-img .free-gifts-img-hover {
display: none;
position: absolute;
top: 50%;
margin-top: -135px;
left: 0;
z-index: 5;
}
.free-gifts-img .free-gifts-img-hover img {
border-width: 1px;
border-style: solid;
}
.free-gifts-img:hover .free-gifts-img-hover {
display: block;
}
#colorbox .free-gifts-img:hover .free-gifts-img-hover {
display: none;
}
#colorbox .free-gifts-img > img {
width: 76px;
}
.free-gifts-heading {
display: none;
}
#colorbox .free-gifts-heading {
display: block;
}
.free-product-gifts-wrapper {
flex-basis: 100%;
flex-shrink: 0;
}
.free-product-gifts-wrapper .free-product-gifts {
padding-top: 0;
}
.latest-contribution-wrapper {
margin-top: 38px;
margin-bottom: 38px;
}
@media (min-width: 768px) {
.latest-contribution-wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
}
@media (min-width: 768px) {
.latest-contribution-wrapper--large {
display: block;
}
}
@media (min-width: 992px) {
.latest-contribution-wrapper--large {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
}
.latest-contribution-wrapper--large .latest-contribution {
width: 100%;
}
@media (min-width: 992px) {
.latest-contribution-wrapper--large .latest-contribution {
width: 50%;
}
}
.latest-contribution {
padding-bottom: 19px;
}
@media (min-width: 768px) {
.latest-contribution {
width: 50%;
flex: 1 1 auto;
flex-wrap: wrap;
}
.latest-contribution:first-child:not(:last-child) {
padding-right: 20px;
}
.latest-contribution:last-child:not(:first-child) {
padding-left: 20px;
}
}
.latest-contribution-placeholder {
display: none;
}
@media (min-width: 768px) {
.latest-contribution-placeholder {
display: block;
}
}
.latest-contribution-inner {
display: flex;
align-items: flex-start;
margin-top: 38px;
}
.latest-contribution-image {
position: relative;
height: 60px;
flex: 0 0 60px;
margin-right: 20px;
}
.latest-contribution-image img {
position: absolute;
border-radius: 50%;
}
.latest-contribution-content {
display: block;
width: calc(100% - 60px - 40px);
}
.latest-contribution-product {
height: 21px;
margin-top: 0;
margin-bottom: 5px;
line-height: 21px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.latest-contribution-info {
display: flex;
align-items: center;
margin-bottom: 5px;
font-size: 14px;
}
.latest-contribution-info .stars {
width: 90px;
height: 18px;
margin-right: 0;
}
.latest-contribution-info .star {
width: 18px;
height: 18px;
}
.latest-contribution-info .star::before {
font-size: 16px;
}
.latest-contribution-info > i {
padding: 0 10px;
font-style: normal;
}
@media (max-width: 480px) {
.latest-contribution-info {
display: block;
}
.latest-contribution-info .stars {
display: block;
}
}
.site-msg.information {
position: fixed;
z-index: 10;
bottom: 20px;
left: 20px;
max-width: calc(100% - 40px);
opacity: 0.9;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
@media (min-width: 768px) {
.site-msg.information {
max-width: 480px;
}
.site-msg.information .container {
width: auto;
}
}
.social-buttons-wrapper {
display: flex;
position: relative;
}
.social-buttons-wrapper .social-buttons {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
}
.social-buttons {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.social-buttons > div {
flex-grow: 0;
flex-shrink: 0;
width: auto;
padding-right: 5px;
display: flex;
}
.social-buttons > div iframe {
vertical-align: middle;
}
.social-buttons > div:last-child {
padding-right: 0;
}
.social-buttons > div.close-wrapper {
justify-self: flex-end;
flex-grow: 1;
padding-left: 1em;
text-align: left;
text-transform: uppercase;
}
.social-buttons > div.addthis {
width: 100%;
padding-right: 0;
}
.social-buttons.no-display {
display: flex !important;
opacity: 0;
z-index: -1;
}
.form-group label {
display: block;
margin-bottom: 5px;
}
.form-group > input.form-control,
.form-group > select.form-control {
max-width: none;
}
@media (min-width: 480px) {
.form-group:before,
.form-group:after {
content: ' ';
display: table;
}
.form-group:after {
clear: both;
}
.form-group label {
float: left;
width: 175px;
margin-bottom: 0;
padding-right: 20px;
}
.form-group label.confirmation,
.form-group label.whole-width {
width: 100%;
}
.form-group > input.form-control,
.form-group > select.form-control {
width: 217px;
}
.form-group > input.form-control.short,
.form-group > select.form-control.short {
width: 120px;
}
}
@media (min-width: 480px) {
.form-group-tooltip {
left: calc(175px + 217px - 26px);
top: calc(36px / 2);
}
}
.languagesMenu {
position: relative;
}
.languagesMenu.open .languagesMenu__content {
display: block;
}
.languagesMenu__flags {
background-color: transparent;
border: 0;
outline: 0;
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.languagesMenu__flags {
display: none;
}
}
.languagesMenu__flags .shp-flag {
margin-right: 5px;
}
.languagesMenu__content {
display: none;
position: absolute;
left: 0;
white-space: nowrap;
z-index: 1000;
}
@media (min-width: 768px) {
.languagesMenu__content {
display: flex;
position: static;
left: auto;
background-color: transparent;
}
}
.languagesMenu__box.open .languagesMenu__list {
display: block;
}
@media (min-width: 768px) {
.languagesMenu__box {
position: relative;
}
}
.languagesMenu__header {
font-size: 14px;
line-height: 30px;
padding: 0 10px;
font-weight: bold;
}
@media (min-width: 768px) {
.languagesMenu__header {
padding: 2px 5px;
margin-right: 10px;
}
}
.languagesMenu__header--actual {
display: none;
}
@media (min-width: 768px) {
.languagesMenu__header--actual {
display: block;
cursor: pointer;
font-weight: normal;
}
}
@media (min-width: 768px) {
.languagesMenu__header--name {
display: none;
}
}
.languagesMenu__header .caret {
margin-left: 5px;
}
.languagesMenu__list {
list-style-type: none;
padding: 0;
margin: 0;
min-width: 150px;
}
@media (min-width: 768px) {
.languagesMenu__list {
display: none;
z-index: 1002;
position: absolute;
left: 0;
}
}
.languagesMenu .languagesMenu__list__link {
position: static;
width: auto;
height: auto;
display: flex;
align-items: center;
font-size: 14px;
line-height: 30px;
text-align: left;
padding: 0 10px;
}
.languagesMenu__list__name {
margin-left: 10px;
}
.js-validator-msg {
margin-top: 5px;
}
@media (min-width: 480px) {
.js-validator-msg {
margin-left: 175px;
}
.no-label .js-validator-msg,
.no-indent .js-validator-msg,
.compact-form .js-validator-msg {
margin-left: 0;
}
}
.user-action .js-validator-msg {
text-align: left;
}
.benefitBanner {
width: 100%;
margin: 20px auto;
}
@media (min-width: 480px) {
.benefitBanner {
display: flex;
flex-wrap: wrap;
max-width: 100%;
}
}
.benefitBanner--homepage {
padding: 0;
max-width: 460px;
}
.benefitBanner__item {
display: flex;
flex: 1 1 100%;
margin-bottom: 15px;
align-items: center;
overflow: hidden;
}
@media (min-width: 480px) {
.benefitBanner__item {
flex: 0 0 50%;
width: 50%;
}
}
@media (min-width: 992px) {
.benefitBanner__item {
flex: 1 1 25%;
}
}
.benefitBanner__link {
display: flex;
align-items: center;
}
.benefitBanner__link:hover {
opacity: 0.8;
}
.benefitBanner__picture {
flex: 0 0 75px;
max-width: 75px;
margin-right: 10px;
display: flex;
align-items: center;
}
.benefitBanner__picture:only-child {
flex: 1 1 100%;
max-width: 100%;
}
.benefitBanner__img {
width: 100%;
height: auto;
}
.benefitBanner__content {
word-break: break-word;
padding-right: 10px;
overflow: hidden;
}
.benefitBanner__title {
width: 100%;
font-size: 1.1em;
}
@media (min-width: 992px) {
.multiple-columns-body .benefitBanner__item {
flex: 1 1 50%;
}
}
@media (min-width: 1200px) {
.multiple-columns-body .benefitBanner__item {
flex: 1 1 25%;
}
}
@media (min-width: 992px) {
.multiple-columns-body .position--benefitHomepage {
flex-wrap: wrap;
}
.multiple-columns-body .position--benefitHomepage .benefitBanner__item {
flex: 1 1 33%;
}
}
.multiple-columns-body .position--benefitProduct {
flex-wrap: wrap;
width: 100%;
}
@media (min-width: 992px) {
.multiple-columns-body .position--benefitProduct .benefitBanner__item {
flex: 1 1 33%;
}
}
html.cookies-visible {
min-height: 100vh;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
@media (min-width: 768px) {
html.cookies-visible {
min-height: unset;
}
}
html.cookies-visible body {
width: 100%;
overflow: hidden;
position: fixed;
}
@media (min-width: 768px) {
html.cookies-visible body {
position: unset;
width: unset;
}
}
html.cookies-visible body .siteCookies {
display: none;
}
.siteCookies {
color: var(--cookies-notice-color);
position: fixed;
z-index: 100000001;
bottom: 0;
left: 0;
right: 0;
font-size: 16px;
transition: all 0.4s;
}
@media (min-width: 768px) {
.siteCookies--top {
bottom: auto;
top: 0;
background-color: var(--cookies-notice-background);
}
.siteCookies--left {
right: auto;
left: 30px;
bottom: 30px;
}
.siteCookies--right {
right: 30px;
left: auto;
bottom: 30px;
}
.siteCookies--bottom {
left: 50%;
width: 670px;
margin-left: -335px;
}
.siteCookies--bottom.siteCookies--scrolled {
left: 0;
width: 100%;
margin-left: 0;
background-color: var(--cookies-notice-background);
box-shadow: 0 0 30px rgba(27, 25, 57, 0.5);
}
.siteCookies--bottom.siteCookies--scrolled .siteCookies__form {
box-shadow: unset;
}
.siteCookies--center {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
width: 600px;
transform: translate(-50%, -50%);
}
}
.siteCookies__form {
background-color: var(--cookies-notice-background);
padding: 20px 15px 25px 15px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 0 30px rgba(27, 25, 57, 0.5);
}
@media (min-width: 768px) {
.siteCookies__form {
display: flex;
padding: 24px 24px 14px 24px;
max-width: 670px;
margin: 0 auto;
}
.siteCookies--top .siteCookies__form {
max-width: 800px;
}
.siteCookies--left .siteCookies__form,
.siteCookies--right .siteCookies__form {
border-radius: 8px;
}
.siteCookies--center .siteCookies__form {
position: relative;
flex-direction: column;
border-radius: 8px;
}
}
.siteCookies__content {
flex: 1;
}
.siteCookies__text {
line-height: 22px;
margin-bottom: 16px;
}
.siteCookies__text p {
color: var(--cookies-notice-color);
}
.siteCookies__text a {
text-decoration: underline;
color: var(--cookies-notice-color);
}
.siteCookies__text a:hover {
text-decoration: none;
color: var(--cookies-notice-color);
}
@media (min-width: 768px) {
.siteCookies__text {
margin-right: 30px;
}
.siteCookies--center .siteCookies__text {
margin-right: 0;
}
}
.siteCookies__links {
width: 100%;
text-align: center;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.siteCookies__links {
text-align: left;
margin-bottom: 0;
}
.siteCookies--center .siteCookies__links {
position: absolute;
bottom: 2.1em;
max-width: 30%;
}
}
.siteCookies__link {
width: 100%;
display: block;
text-decoration: none;
color: var(--cookies-notice-color);
background-color: var(--cookies-notice-background);
border-radius: 4px;
line-height: 38px;
font-weight: bold;
padding: 0 16px;
box-sizing: border-box;
}
@media (min-width: 768px) {
.siteCookies__link:hover {
background: var(--cookies-notice-link-hover);
color: #ffffff;
}
}
@media (min-width: 768px) {
.siteCookies__link {
display: inline-block;
width: auto;
padding: 0 16px;
line-height: 38px;
}
}
.siteCookies__buttonWrap {
display: flex;
align-items: flex-start;
gap: 16px;
}
@media (min-width: 768px) {
.siteCookies--center .siteCookies__buttonWrap {
align-self: flex-end;
max-width: 67%;
}
}
.siteCookies__button {
width: 100%;
line-height: 55px;
background-color: var(--cookies-notice-color);
color: var(--cookies-notice-background);
border-radius: 4px;
border: 0;
font-weight: bold;
margin: 0 auto;
white-space: nowrap;
display: block;
text-align: center;
padding: 0;
}
.siteCookies__button:hover {
background-color: var(--cookies-notice-button-hover);
color: var(--cookies-notice-background);
}
@media (min-width: 768px) {
.siteCookies__button:hover {
opacity: 0.8;
}
}
@media (min-width: 768px) {
.siteCookies__button {
padding: 0 25px;
}
.siteCookies--center .siteCookies__button {
width: auto;
margin: 0;
}
}
@media (min-width: 992px) {
.siteCookies__button {
transition: all 0.4s;
}
.siteCookies__button:hover {
background-color: var(--cookies-notice-button-hover);
}
}
#cboxContent.cookiesDialog {
border-radius: 8px;
background-color: #f8fafb;
}
@media (max-width: 767px) {
#cboxContent.cookiesDialog {
position: fixed;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
height: auto !important;
margin: 0 auto;
}
#cboxContent.cookiesDialog #cboxLoadedContent {
height: 100% !important;
padding: 0;
}
}
.template-14 #cboxContent.cookiesDialog .colorbox-html-content {
border: 1px solid #e5e8ea;
}
.template-14 #cboxContent.cookiesDialog #cboxClose {
right: 2px;
top: 2px;
}
.cookiesSetting__form {
padding: 10px;
}
.cookiesSetting__title {
font-weight: bold;
font-size: 22px;
line-height: 34px;
color: #000000;
}
.cookiesSetting__perex {
font-size: 16px;
line-height: 24px;
color: #000000;
}
.cookiesSetting__item {
border-bottom: 1px solid #e5e8ea;
padding: 10px 0;
}
@media (min-width: 768px) {
.cookiesSetting__item {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
}
.cookiesSetting__item:last-child {
border-bottom: 0;
}
@media (min-width: 768px) {
.cookiesSetting__item__col2 {
margin-left: 10px;
}
}
.cookiesSetting__item__name {
font-size: 16px;
line-height: 24px;
color: #000000;
}
.cookiesSetting__item__text {
font-size: 14px;
line-height: 22px;
color: #000000;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.cookiesSetting__item__text {
margin-bottom: 0;
}
}
.cookiesSetting__item__status {
margin: 20px 0;
text-align: center;
padding: 10px 20px 10px 35px;
border: 1px solid #e5e8ea;
border-radius: 8px;
font-size: 16px;
white-space: nowrap;
width: 100%;
display: block;
}
.cookiesSetting__item__status:hover {
background: #f8fafb;
border: 1px solid #e5e8ea;
color: #252525;
}
@media (min-width: 768px) {
.cookiesSetting__item__status {
margin: 0;
padding: 10px 15px;
}
}
.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state {
padding-left: 40px;
}
.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:before {
left: 10px;
}
.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
left: 12px;
}
.template-07 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
left: 13px;
}
.template-10 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after,
.template-13 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after,
.template-14 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
left: 11px;
}
.cookiesDialog #cboxClose {
background-color: #f8fafb !important;
border-radius: 8px;
}
.cookiesSetting__data {
border: 1px solid #e5e8ea;
background-color: #ffffff;
border-radius: 4px;
padding: 0 20px;
}
.cookiesSetting__bottom {
text-align: center;
}
@media (min-width: 768px) {
.cookiesSetting__bottom {
text-align: left;
display: flex;
align-items: flex-start;
margin-top: 20px;
}
}
.cookiesSetting__uncheck {
display: block;
margin: 10px 0;
}
@media (min-width: 768px) {
.cookiesSetting__uncheck {
margin: 0;
flex: 1;
}
}
.cookiesSetting__uncheckLink {
display: block;
line-height: 48px;
text-decoration: none;
color: #11111f;
padding: 0 12px;
font-size: 16px;
font-weight: bold;
background-color: transparent;
border: 0;
width: 100%;
text-align: center;
}
.cookiesSetting__uncheckLink:hover {
color: #383742;
background: #e5e8ea;
}
@media (min-width: 768px) {
.cookiesSetting__uncheckLink {
display: inline-block;
width: auto;
text-align: left;
}
}
.cookiesSetting__button {
display: block;
line-height: 48px;
border-radius: 4px;
font-size: 16px;
font-weight: bold;
border: 0;
width: 100%;
padding: 0 15px;
color: #ffffff;
background-color: #11111f;
}
.cookiesSetting__button:hover {
color: #ffffff;
background-color: #11111f;
}
@media (min-width: 768px) {
.cookiesSetting__button:hover {
opacity: 0.9;
}
}
@media (min-width: 768px) {
.cookiesSetting__button {
display: inline-block;
width: auto;
}
}
.cookiesSetting__button--green {
background-color: #007c47;
margin-top: 10px;
}
.cookiesSetting__button--green:hover {
color: #ffffff;
background-color: #007c47;
}
@media (min-width: 768px) {
.cookiesSetting__button--green {
margin-top: 0;
margin-left: 15px;
}
}
#cboxOverlay.siteAgreement {
z-index: 100000002;
}
#colorbox.siteAgreement {
z-index: 100000003;
}
@media (max-width: 767px) {
#colorbox.cookiesDialogWrapper {
top: 0 !important;
}
}
.user-action .user-action-in > div {
display: none;
}
.login-window-visible .user-action .user-action-in > div.user-action-login {
display: block;
}
.register-window-visible .user-action .user-action-in > div.user-action-register {
display: block;
}
.search-window-visible .user-action .user-action-in > div.user-action-search {
display: block;
}
.cart-window-visible .user-action .user-action-in > div.user-action-cart {
display: block;
}
.popup-widget {
z-index: 56;
position: fixed;
}
.popup-widget h2 {
margin-top: 0;
margin-bottom: 19px;
font-size: 18px;
}
@media (max-width: 991px) {
.popup-widget {
left: 0;
bottom: 0;
width: 100%;
}
.popup-widget.cart-widget {
top: 124px;
}
.popup-widget.search-widget {
top: 124px;
}
.popup-widget.login-widget {
top: 124px;
}
}
@media (min-width: 992px) {
.popup-widget {
position: absolute;
left: 50%;
bottom: auto;
width: 430px;
max-height: 500px;
margin-left: 56px;
padding-top: 18px;
}
.popup-widget::before {
content: '';
z-index: 1;
position: absolute;
top: 10px;
width: 16px;
height: 16px;
border-top-style: solid;
border-top-width: 1px;
border-left-style: solid;
border-left-width: 1px;
box-shadow: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: right 0.3s ease-out;
-o-transition: right 0.3s ease-out;
transition: right 0.3s ease-out;
}
.popup-widget.cart-widget {
top: 103px;
border-style: solid;
border-width: 1px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
padding-top: 0;
margin-top: 18px;
}
.popup-widget.cart-widget::before {
right: 35px;
}
.admin-logged .popup-widget.cart-widget {
top: 128px;
}
.scrolled .template-10.admin-logged .popup-widget.cart-widget {
top: 103px;
}
.scrolled .popup-widget.cart-widget::before {
right: 35px;
}
.popup-widget.cart-widget::before {
top: calc(-8px - 1px);
}
.ajax-pending .popup-widget.cart-widget::before {
top: 50%;
}
.popup-widget.search-widget {
width: 648.000324px;
margin-left: -162.000324px;
top: 86px;
}
.popup-widget.search-widget::before {
right: 145px;
}
.admin-logged .popup-widget.search-widget {
top: 111px;
}
.scrolled .template-10.admin-logged .popup-widget.search-widget {
top: 86px;
}
.scrolled .popup-widget.search-widget::before {
right: 195px;
}
.popup-widget.login-widget {
top: 21px;
}
.popup-widget.login-widget::before {
right: 30px;
}
.admin-logged .popup-widget.login-widget {
top: 46px;
}
.scrolled .template-10.admin-logged .popup-widget.login-widget {
top: 21px;
}
.scrolled .popup-widget.login-widget::before {
right: 30px;
}
}
@media (min-width: 1200px) {
.popup-widget {
margin-left: 159px;
}
.popup-widget.search-widget {
width: 785.333726px;
margin-left: -196.333726px;
}
}
@media (min-width: 1440px) {
.popup-widget {
margin-left: 279px;
}
.popup-widget.search-widget {
width: 945.333806px;
margin-left: -236.333806px;
}
}
@media (min-width: 992px) and (min-height: 800px) {
.popup-widget.search-widget {
max-height: 720px;
}
}
.popup-widget-inner {
width: 100%;
height: 100%;
}
.cart-widget .popup-widget-inner + .cart-widget-button {
display: none;
}
.cart-widget .popup-widget-inner.full + .cart-widget-button {
display: block;
}
.login-widget .popup-widget-inner,
.search-widget .popup-widget-inner {
padding: 20px;
}
.popup-widget-inner .tooltip-inner {
max-width: 130px;
}
.popup-widget-inner .cart-widget-products {
overflow: auto;
}
@media (min-width: 992px) {
.popup-widget-inner:not(.cart-widget-inner) {
border-style: solid;
border-width: 1px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
.popup-widget-inner .cart-widget-products {
max-height: calc(482px - 122px);
}
}
@media (max-width: 991px) {
.popup-widget-inner .cart-widget-products {
height: calc(100% - 122px);
}
}
.cart-widget-product {
display: table;
table-layout: fixed;
padding: 10px;
width: 100%;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.cart-widget-product > div {
display: table-cell;
vertical-align: middle;
}
.cart-widget-product > div.cart-widget-product-unit {
display: table-cell;
}
.cart-widget-product:last-child {
border-bottom-style: none;
}
.cart-widget-product-image {
width: 76px;
height: 59px;
text-align: center;
}
.cart-widget-product-image a {
display: inline-block;
height: 59px;
}
.cart-widget-product-image img {
max-height: 100%;
}
.cart-widget-product-amount,
.cart-widget-product-unit {
padding-right: 10px;
}
.cart-widget-product-amount {
width: 70px;
padding-left: 10px;
padding-right: 10px;
}
.cart-widget-product-unit {
width: 40px;
}
.cart-widget-product-name > strong {
display: block;
}
.cart-widget-product-name > span {
font-weight: 700;
}
.cart-widget-product-delete {
width: 24px;
padding-left: 5px;
}
.cart-widget-product-delete button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border: none;
padding: 0;
text-align: center;
font-size: 10px;
line-height: 22px;
background: none;
}
.cart-widget-product-delete button::before {
content: '\e912';
}
.cart-widget-button {
padding: 68px 0 0;
text-align: center;
}
@media (max-width: 991px) {
.cart-widget-button {
position: absolute;
left: 1px;
right: 1px;
bottom: 0;
}
}
@media (min-width: 992px) {
.cart-widget-button {
position: relative;
}
}
.cart-free-shipping {
z-index: 3;
position: absolute;
left: 0;
bottom: 66px;
display: table;
width: 100%;
height: 56px;
text-align: center;
}
.cart-free-shipping > div {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
}
.login-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.login-wrapper:before,
.login-wrapper:after {
content: ' ';
display: table;
}
.login-wrapper:after {
clear: both;
}
.login-wrapper .btn {
float: right;
}
.login-wrapper .btn::before {
display: none;
}
.login-wrapper .password-helper {
float: left;
width: 55%;
}
.login-wrapper .password-helper a {
float: left;
clear: left;
}
.login-wrapper .password-helper a + a {
padding-top: 5px;
}
.dropdown-menu {
margin-top: 4px;
padding: 0;
border-radius: 0;
font-size: 13px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
.dropdown-menu > li > a {
position: relative;
line-height: 19px;
}
.top-navigation-bar .top-nav-button-login,
.top-navigation-bar .top-nav-button-account {
display: none;
}
.top-navigation-bar .container > div {
display: none;
}
.top-navigation-bar .container > div.top-navigation-tools {
display: block;
}
.top-navigation-bar .container > div.top-navigation-tools--language {
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 768px) {
.top-navigation-bar .container > div.top-navigation-tools--language {
justify-content: flex-end;
}
}
.top-navigation-bar .dropdown {
position: absolute;
left: 105px;
top: 17px;
display: inline-block;
}
.top-navigation-bar .dropdown > span {
display: none;
}
.top-navigation-bar .dropdown button {
position: relative;
padding-right: 1.5em;
border: 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.top-navigation-bar .dropdown .dropdown-menu {
left: auto;
right: -10px;
}
.top-navigation-bar .dropdown .caret {
border: 0;
font-size: 13px;
}
.top-navigation-bar .dropdown .caret::before {
content: '\e90e';
position: absolute;
right: 0.25em;
top: 50%;
width: 14px;
height: 14px;
margin-top: -7px;
line-height: 15px;
}
@media (max-width: 767px) {
.navigation-window-visible .top-navigation-bar .container > div.top-navigation-contacts,
.navigation-window-visible .top-navigation-bar .container > div.top-navigation-menu {
display: block;
z-index: 1001;
position: fixed;
bottom: 10px;
}
.navigation-window-visible .top-navigation-bar .container > div.top-navigation-menu {
left: 110px;
right: 10px;
}
.navigation-window-visible .top-navigation-bar .container > div.top-navigation-contacts {
left: 10px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.navigation-window-visible .top-navigation-bar .container > div.top-navigation-menu {
left: calc(40% + 10px + 100px);
}
.navigation-window-visible .top-navigation-bar .container > div.top-navigation-contacts {
left: calc(40% + 10px);
}
}
@media (min-width: 768px) {
.top-navigation-bar {
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 13px;
}
.top-navigation-bar .top-nav-button-login,
.top-navigation-bar .top-nav-button-account {
display: inline;
}
.top-navigation-bar .dropdown {
position: relative;
left: 0;
top: 0;
margin-right: 1ex;
}
.top-navigation-bar .container {
display: flex;
align-items: center;
}
.top-navigation-bar .container > div {
display: block;
flex: 1 1 40%;
text-align: center;
}
.top-navigation-bar .container > div:last-child,
.top-navigation-bar .container > div:first-child {
flex-basis: 30%;
}
.top-navigation-bar .container > div:first-child {
text-align: left;
}
.top-navigation-bar .container > div:last-child {
text-align: right;
}
}
.responsive-tools {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
}
.responsive-tools > a {
width: 40px;
height: 40px;
padding: 4px;
text-align: center;
}
.responsive-tools > a::before {
content: '\e914';
width: 32px;
font-size: 18px;
line-height: 32px;
}
.responsive-tools > a[data-target='navigation'] {
z-index: 2;
position: absolute;
right: 16px;
}
.responsive-tools > a[data-target='navigation']::before {
border-radius: 50%;
font-size: 14px;
}
.responsive-tools > a[data-target='login']::before {
content: '\e922';
}
.responsive-tools > a[data-target='search']::before {
content: '\e920';
}
.ordering-process .responsive-tools > a[data-target='navigation'] {
position: fixed;
right: 0;
top: 0;
width: 60px;
height: 60px;
line-height: 52px;
}
.ordering-process .responsive-tools > a[data-target='navigation']::before {
vertical-align: middle;
}
@media (min-width: 768px) {
.responsive-tools {
display: none;
}
}
.top-navigation-contacts > strong {
display: none;
}
.top-navigation-contacts a > span {
display: none;
}
.top-navigation-contacts a::before {
margin-right: 1ex;
font-size: 20px;
}
.top-navigation-contacts a.project-phone::before {
content: '\e92d';
line-height: 25px;
}
.top-navigation-contacts a.project-email::before {
content: '\e924';
line-height: 25px;
}
.top-navigation-contacts a:first-of-type {
padding-right: 20px;
}
@media (min-width: 992px) {
.top-navigation-contacts a > span {
display: inline;
}
}
.top-navigation-menu {
position: relative;
height: 25px;
padding-right: 41px;
overflow: hidden;
white-space: nowrap;
}
.top-navigation-menu-visible .top-navigation-menu {
overflow: visible;
white-space: normal;
}
.top-navigation-bar-menu-helper li a::before,
.dropdown-menu li a::before {
content: '';
position: absolute;
left: 8px;
top: 50%;
width: 4px;
height: 4px;
margin-top: -2px;
border-radius: 50%;
}
.top-navigation-bar-menu,
.top-navigation-bar-menu-helper {
margin: 0;
padding: 0;
text-transform: uppercase;
}
.top-navigation-bar-menu li,
.top-navigation-bar-menu-helper li {
display: inline-block;
vertical-align: middle;
}
.top-navigation-bar-menu li a,
.top-navigation-bar-menu-helper li a {
position: relative;
display: block;
padding: 4px 20px;
}
.top-navigation-bar-menu li a b,
.top-navigation-bar-menu-helper li a b {
font-weight: 400;
}
.top-navigation-bar-menu {
font-size: 0;
}
.top-navigation-bar-menu li {
position: relative;
font-size: 13px;
}
.top-navigation-bar-menu li::before {
content: '|';
position: absolute;
left: -1px;
top: 50%;
margin-top: -10px;
font-size: 14px;
line-height: 1;
}
.top-navigation-bar-menu li:first-child::before {
display: none;
}
.top-navigation-bar-menu li.cropped {
display: none;
}
@media (max-width: 767px) {
.top-navigation-bar-menu li:first-child a {
padding-left: 0;
}
}
.top-navigation-bar-menu-helper {
display: none;
z-index: 56;
position: absolute;
right: 0;
bottom: 30px;
border-style: solid;
border-width: 1px;
text-align: left;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
.top-navigation-bar-menu-helper li {
display: block;
}
.top-navigation-menu-visible .top-navigation-bar-menu-helper {
display: block;
}
@media (min-width: 768px) {
.top-navigation-bar-menu-helper {
bottom: auto;
top: 26px;
}
}
.top-navigation-menu-trigger {
position: absolute;
right: 0;
bottom: -1px;
display: none;
cursor: pointer;
}
.top-navigation-menu-trigger::before {
content: '\e90e';
width: 25px;
height: 25px;
font-size: 13px;
line-height: 25px;
text-align: center;
-webkit-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.top-navigation-menu-visible .top-navigation-menu-trigger::before {
content: '\e911';
}
.top-menu-trigger-visible .top-navigation-menu-trigger {
display: block;
}
#header {
margin-bottom: 19px;
}
#header .container {
position: relative;
}
#header .site-name {
margin: 0;
text-align: center;
}
#header .site-name a {
display: inline-block;
}
#header .site-name a img {
display: block;
margin: 0 auto;
max-height: 60px;
}
#header .site-name a.text-logo {
padding-top: 4px;
padding-left: 4px;
font-size: 14px;
}
#header .site-name a.text-logo small {
display: block;
padding-top: 5px;
}
#header .cart-count {
position: absolute;
right: 50px;
top: -49px;
border: 0;
}
.ordering-process #header {
margin-bottom: 0;
}
@media (max-width: 767px) {
#header .search-form {
display: none;
}
.search-window-visible #header .search-form {
display: block;
margin: 20px 0;
}
}
@media (min-width: 768px) {
#header {
margin-bottom: 0;
}
#header .site-name {
text-align: left;
}
#header .site-name a img {
margin: 0;
}
#header .cart-count {
position: relative;
left: 0;
right: auto;
top: 0;
display: inline-block;
}
.ordering-process #header {
border-bottom-style: solid;
border-bottom-width: 1px;
}
}
@media (max-width: 767px) {
.ordering-process .site-name {
display: none;
}
}
@media (min-width: 768px) {
.header-top {
display: flex;
flex-wrap: wrap;
padding-top: 19px;
padding-bottom: 19px;
height: 98px;
}
.header-top > div {
flex: 0 1 33.333333%;
align-self: center;
}
.header-top > div:last-child {
text-align: right;
}
}
.header-top .btn.cart-count {
position: relative;
padding: 0;
font-size: 16px;
}
.header-top .btn.cart-count .cart-price {
text-transform: none;
font-family: inherit;
}
.header-top .btn.cart-count::before {
vertical-align: middle;
margin-right: 20px;
font-size: 30px;
}
#footer .site-name {
display: none;
}
#footer ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#footer h4 {
margin-top: 0;
text-transform: uppercase;
}
@media (min-width: 1200px) {
#footer .site-name {
display: block;
text-align: left;
}
#footer .site-name small {
display: block;
}
}
.footer-rows {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1200px) {
.footer-rows {
position: relative;
min-height: 191px;
}
.footer-rows .site-name {
position: absolute;
left: 20px;
top: 96px;
display: block;
max-width: 128px;
}
.footer-rows .site-name a img {
max-height: 95px;
}
}
.custom-footer {
display: flex;
flex-wrap: wrap;
padding-top: 38px;
border-top-style: solid;
border-top-width: 1px;
}
.custom-footer ul {
line-height: 1.7;
}
.custom-footer > div {
flex: 0 0 auto;
width: 50%;
padding: 10px;
}
@media (max-width: 767px) {
.custom-footer > div {
width: 100%;
}
}
.custom-footer > div > span {
min-width: 0 !important;
width: auto !important;
}
.custom-footer > div.extended {
width: 100%;
}
.homepage-box + #footer .custom-footer {
border-top-style: none;
}
@media (min-width: 768px) {
.custom-footer > div {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1200px) {
.custom-footer {
padding-left: 275px;
padding-top: 76px;
}
.custom-footer > div {
flex: 0 0 auto;
width: 25%;
}
.custom-footer > div.extended {
width: 50%;
}
}
.footer-bottom {
text-align: center;
padding-top: 19px;
padding-bottom: 19px;
border-top-style: solid;
border-top-width: 1px;
}
@media (min-width: 768px) {
.footer-bottom {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
align-items: center;
}
.footer-bottom.eet-message {
display: block;
}
}
.footer-rows + .footer-bottom {
border-top-style: none;
}
.footer-bottom.eet-message {
padding-top: 0;
padding-bottom: 0;
border-top-style: none;
margin-top: -19px;
}
.copyright,
#signature {
display: block;
margin-top: 19px;
margin-bottom: 19px;
text-align: center;
}
@media (min-width: 768px) {
.copyright,
#signature {
margin-top: 9.5px;
margin-bottom: 9.5px;
}
}
@media (min-width: 768px) {
.copyright {
flex: 1 1 auto;
text-align: left;
}
}
#signature {
margin-left: auto;
margin-right: auto;
}
#signature img {
width: 24px;
height: auto;
margin-right: 1em;
}
@media (min-width: 768px) {
#signature {
flex: 1 0 180px;
text-align: right;
}
}
.eet-message-inner {
text-align: center;
}
@media (min-width: 768px) {
.eet-message-inner {
text-align: left;
padding-right: 200px;
}
}
@media (min-width: 1200px) {
.eet-message-inner {
max-width: 67%;
}
}
.products-block {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.products-block.products > div {
padding: 10px;
}
.products-block.products .p .name {
display: block;
height: 45px;
overflow: hidden;
font-size: 16px;
margin-bottom: 10px;
}
.products-block.products .p .price {
line-height: 1;
}
.products-block.products .p .price strong,
.products-block.products .p .price span {
font-size: 20px;
}
.products-block.products .p .price span.pr-list-unit {
font-size: 14px;
}
.products-block > div {
flex: 0 0 auto;
width: 100%;
border-top-style: solid;
border-top-width: 1px;
}
.products-block > div:first-child {
border-top-style: none;
}
.products-block .p {
display: flex;
flex-direction: column;
position: relative;
height: 100%;
}
.products-block .p a.image {
position: relative;
display: block;
}
.products-block .p a.image::after {
content: '';
display: block;
clear: both;
}
.products-block .p .flags-default {
position: absolute;
left: 0;
top: 0;
}
.products-block .p .image {
display: block;
}
.products-block .image,
.products-block .name {
margin-bottom: 10px;
text-align: center;
}
.products-block .p-bottom > div {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.products-block .p-bottom .prices,
.products-block .p-bottom .p-tools {
flex-basis: 50%;
}
.products-block .p-bottom .prices {
flex-grow: 1;
flex-shrink: 0;
text-align: left;
}
.products-block .p-bottom .price-additional {
font-size: 13px;
}
.products-block .p-bottom .p-tools {
flex-grow: 0;
flex-shrink: 1;
text-align: right;
}
.products-block .p-bottom .p-desc {
flex: 0 0 100%;
max-height: 76px;
overflow: hidden;
margin: 19px 0 0;
}
.products-block .ratings-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 10px;
min-height: 48px;
}
.products-block .ratings-wrapper .availability {
flex: 1 1 60%;
text-align: right;
}
.products-block .ratings-wrapper .stars-wrapper {
flex: 1 1 40%;
}
.products-block .p-code {
position: absolute;
right: 0;
top: 0;
background-color: #fff;
}
.products-block .p .products-block .p-code {
opacity: 0;
transition: opacity 0.3s ease-out;
}
.products-block .p:hover .products-block .p-code {
opacity: 1;
}
@media (min-width: 480px) {
.products-block > div {
flex: 0 0 auto;
width: 50%;
border-right-style: solid;
border-right-width: 1px;
}
.products-block > div:nth-child(1),
.products-block > div:nth-child(2) {
border-top-style: none;
}
.products-block > div:nth-child(even) {
border-right-style: none;
}
}
@media (min-width: 768px) {
.products-block > div {
padding: 20px;
}
.products-block .name {
text-align: left;
}
}
@media (min-width: 992px) {
.products-block.products-alternative > div,
.products-block.products-related > div {
flex: 0 0 auto;
width: 25%;
border-top-style: none;
}
.products-block.products-alternative > div:nth-child(even),
.products-block.products-related > div:nth-child(even) {
border-right-style: solid;
}
.products-block.products-alternative > div:nth-child(3),
.products-block.products-related > div:nth-child(3),
.products-block.products-alternative > div:nth-child(4),
.products-block.products-related > div:nth-child(4) {
border-top-style: none;
}
.products-block.products-alternative > div:nth-child(3n),
.products-block.products-related > div:nth-child(3n) {
border-right-style: solid;
}
.products-block.products-alternative > div:nth-child(3n):last-child,
.products-block.products-related > div:nth-child(3n):last-child {
border-right-style: none;
}
.products-block.products-alternative > div:nth-child(4n),
.products-block.products-related > div:nth-child(4n) {
border-right-style: none;
}
.products-block.products-alternative > div:last-child,
.products-block.products-related > div:last-child {
border-right-style: none;
}
.products-block.products-alternative > div:nth-child(4n),
.products-block.products-related > div:nth-child(4n) {
border-right-style: solid !important;
}
}
@media (min-width: 1200px) {
.products-block > div {
flex: 0 0 auto;
width: 33.333333%;
}
.products-block > div:nth-child(3) {
border-top-style: none;
}
.products-block > div:nth-child(even) {
border-right-style: solid;
}
.products-block > div:nth-child(3n),
.products-block > div:last-child {
border-right-style: none;
}
.products-block.products-alternative > div,
.products-block.products-related > div {
flex: 0 0 auto;
width: 25%;
border-top-style: none;
}
.products-block.products-alternative > div:nth-child(even),
.products-block.products-related > div:nth-child(even) {
border-right-style: solid;
}
.products-block.products-alternative > div:nth-child(3),
.products-block.products-related > div:nth-child(3),
.products-block.products-alternative > div:nth-child(4),
.products-block.products-related > div:nth-child(4) {
border-top-style: none;
}
.products-block.products-alternative > div:nth-child(3n),
.products-block.products-related > div:nth-child(3n) {
border-right-style: solid;
}
.products-block.products-alternative > div:nth-child(3n):last-child,
.products-block.products-related > div:nth-child(3n):last-child {
border-right-style: none;
}
.products-block.products-alternative > div:nth-child(4n),
.products-block.products-related > div:nth-child(4n) {
border-right-style: none;
}
.products-block.products-alternative > div:last-child,
.products-block.products-related > div:last-child {
border-right-style: none;
}
.products-block.products-alternative > div:nth-child(4n),
.products-block.products-related > div:nth-child(4n) {
border-right-style: solid !important;
}
}
@media (min-width: 1440px) {
.columns-4 .products-block > div {
flex: 0 0 auto;
width: 25%;
}
.columns-4 .products-block > div:nth-child(even) {
border-right-style: solid;
}
.columns-4 .products-block > div:nth-child(3),
.columns-4 .products-block > div:nth-child(4) {
border-top-style: none;
}
.columns-4 .products-block > div:nth-child(3n) {
border-right-style: solid;
}
.columns-4 .products-block > div:nth-child(3n):last-child {
border-right-style: none;
}
.columns-4 .products-block > div:nth-child(4n) {
border-right-style: none;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.products-block .p-bottom .price-additional {
font-size: 11px;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.columns-mobile-2 .products-block > div:nth-child(2) {
border-top-style: none;
}
.columns-mobile-2 .products-block > div {
width: 50%;
}
.columns-mobile-2 .products-block > div .p .p-code {
display: none;
}
.columns-mobile-2 .products-block > div .p .name {
text-align: left;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.columns-mobile-2 .products-block > div .p a.image {
margin-bottom: 19px;
}
.columns-mobile-2 .products-block > div .flags .flag.flag-discount {
display: flex;
}
.columns-mobile-2 .products-block > div .flags .flag.flag-discount .price-standard {
margin-right: 5px;
}
.columns-mobile-2 .products-block > div .flags-extra {
bottom: -19px;
display: block;
width: 100%;
}
.columns-mobile-2 .products-block > div .flags-extra .flag {
min-width: 100%;
height: auto;
border-radius: 0;
flex-direction: row;
padding: 3px;
margin-bottom: 0;
margin-left: 0;
}
.columns-mobile-2 .products-block > div .flags-extra .flag .icon-van {
font-size: 14px;
margin-right: 5px;
margin-left: 3px;
}
.columns-mobile-2 .products-block > div .ratings-wrapper {
justify-content: flex-start;
min-height: auto;
}
.columns-mobile-2 .products-block > div .ratings-wrapper .stars-placeholder {
width: 100%;
margin-bottom: 5px;
}
.columns-mobile-2 .products-block > div .ratings-wrapper .stars-wrapper {
margin-bottom: 5px;
flex: 0;
}
.columns-mobile-2 .products-block > div .ratings-wrapper .availability {
text-align: initial;
margin-bottom: 5px;
flex: 1 1 100%;
}
.columns-mobile-2 .products-block > div .prices {
margin-bottom: 5px;
flex: 1 1 100%;
}
.columns-mobile-2 .products-block > div .p-bottom > div {
justify-content: flex-start;
}
.columns-mobile-2 .products-block > div .p-bottom .p-tools {
text-align: left;
}
.columns-mobile-2 .products-block > div .p-bottom .p-desc {
max-height: 76px;
}
}
@media (max-width: 1200px) and (min-width: 480px) {
.products-block.products-additional .p-bottom .p-tools {
text-align: left;
flex-basis: 100%;
margin-top: 5px;
}
}
.price-standard-wrapper-placeholder {
display: none;
}
.tab-content .p .p-desc,
.products-related .p .p-desc,
.tab-content .p .stars-wrapper,
.products-related .p .stars-wrapper,
.tab-content .p .availability,
.products-related .p .availability,
.tab-content .p .flags-inline,
.products-related .p .flags-inline,
.tab-content .p .price-standard-wrapper,
.products-related .p .price-standard-wrapper {
display: none;
}
.tab-content .p .name,
.products-related .p .name {
margin-bottom: 19px;
}
.tab-content .p .prices,
.products-related .p .prices {
margin-bottom: 10px;
}
.products-related {
position: relative;
margin-bottom: 38px;
}
.products-related:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #fff;
}
.category-appendix,
.product-appendix {
display: block;
}
.category-appendix {
font-size: 14px;
line-height: 22px;
}
.product-appendix {
margin-top: 5px;
font-size: 20px;
}
.widget-parameter-wrapper {
margin-top: auto;
padding-top: 19px;
}
.p-image {
position: relative;
}
.p-detail-inner h1 {
margin-bottom: 10px;
}
.product-top {
margin-bottom: 38px;
}
.p-info-wrapper .availability-value,
.p-info-wrapper .detail-parameters {
margin-bottom: 19px;
}
.p-info-wrapper .p-final-price-wrapper,
.p-info-wrapper .add-to-cart {
margin-bottom: 19px;
}
.p-info-wrapper .add-to-cart {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.p-info-wrapper .price-additional,
.p-info-wrapper .price-standard,
.p-info-wrapper .price-save {
font-size: 14px;
}
.p-info-wrapper .price-standard,
.p-info-wrapper .price-save {
line-height: 1;
}
.p-info-wrapper .price-standard {
margin-right: 0.5ex;
}
.p-info-wrapper .price-final {
font-size: 30px;
line-height: 1;
}
.p-info-wrapper .price-final .pr-list-unit {
font-size: 14px;
}
.p-info-wrapper ol li,
.p-info-wrapper ul li {
padding-bottom: 5px;
}
.p-detail-inner-header h1 {
display: inline-block;
}
.p-detail-inner-header .p-code {
position: static;
font-size: 14px;
font-weight: 400;
display: inline-block;
vertical-align: baseline;
}
.p-detail-inner-header .p-code-label,
.p-detail-inner-header .default-variant {
display: none;
}
.p-image,
.image360 {
margin-bottom: 38px;
}
.p-detail-info {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 19px;
}
.p-detail-info > div {
flex: 0 0 auto;
}
.p-detail-info > div + div::before {
content: '|';
display: inline-block;
padding: 0 1ex;
font-size: 14px;
}
.p-detail-info .flag {
margin-bottom: 0;
}
.availability-value {
margin-bottom: 19px;
font-size: 22px;
}
.availability-amount {
white-space: nowrap;
}
.shp-tabs-wrapper {
margin-bottom: 38px;
}
@media (max-width: 767px) {
ul.shp-tabs {
margin-left: -10px;
margin-right: -10px;
}
}
.cofidis-wrap {
display: block;
margin-bottom: 19px;
}
@media (min-width: 768px) {
.cofidis-wrap {
float: right;
margin-bottom: 0;
}
}
.social-icons {
text-align: center;
}
.variant-list select,
.surcharge-list select {
width: 220px;
}
.description-inner {
padding: 0 20px;
}
@media (min-width: 992px) {
.description-inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
}
@media (min-width: 1200px) {
.basic-description {
flex: 1 1 auto;
width: 66.666666%;
padding-right: 40px;
}
}
@media (min-width: 1200px) {
.extended-description {
flex: 0 1 auto;
width: 33.333333%;
padding-left: 10px;
}
}
.detail-parameters th,
.detail-parameters td {
padding-bottom: 5px;
}
.detail-parameters th {
padding-right: 20px;
font-weight: 400;
text-align: left;
}
.detail-parameters tr:last-child th,
.detail-parameters tr:last-child td {
padding-bottom: 0;
}
.tab-content .detail-parameters td {
font-weight: 700;
}
#hce-product-cert {
display: flex;
max-width: 100%;
}
.p-gifts-wrapper {
margin: 29px 0;
}
.p-gifts-heading {
font-size: 18px;
margin-bottom: 10px;
}
.p-gift {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.p-gift:last-child {
margin-bottom: 0;
}
.p-gift-image {
width: 76px;
flex-shrink: 0;
}
.p-gift-name {
font-size: 16px;
margin-left: 20px;
}
ol.cart-header {
margin: 0;
padding: 0;
font-size: 0;
text-transform: uppercase;
}
ol.cart-header li {
list-style: none;
margin: 0;
font-size: 14px;
}
ol.cart-header li a,
ol.cart-header li strong {
display: block;
padding: 10px 0;
}
ol.cart-header li a span,
ol.cart-header li strong span {
vertical-align: middle;
}
ol.cart-header li a span::before,
ol.cart-header li strong span::before {
counter-increment: steps;
content: counter(steps);
vertical-align: middle;
display: inline-block;
width: 30px;
height: 30px;
margin-right: 1ex;
border-style: solid;
border-width: 2px;
font-size: 14px;
line-height: 26px;
text-align: center;
border-radius: 50%;
}
ol.cart-header li strong {
font-weight: 400;
}
@media (max-width: 767px) {
ol.cart-header {
z-index: 1;
position: fixed;
left: 0;
right: 0;
top: 0;
}
ol.cart-header li {
display: none;
padding: 0 60px;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 20px;
}
ol.cart-header li a,
ol.cart-header li strong {
padding: 20px 0;
line-height: 17px;
}
ol.cart-header li a span::before,
ol.cart-header li strong span::before {
display: none;
}
ol.cart-header li.active {
display: block;
}
}
@media (min-width: 768px) {
ol.cart-header {
border-bottom-style: solid;
border-bottom-width: 1px;
}
ol.cart-header li {
position: relative;
top: 1px;
display: inline-block;
width: 33.33333%;
margin: 0;
}
ol.cart-header li a,
ol.cart-header li strong {
padding-left: 40px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: transparent;
}
}
@media (min-width: 992px) {
ol.cart-header {
margin: -40px -40px 0;
}
}
.quantity-form .quantity {
padding-right: 23px;
}
.quantity-form .quantity input {
width: 30px;
height: 36px;
}
.quantity-form .quantity .increase,
.quantity-form .quantity .decrease {
width: 18px;
height: 18px;
}
.quantity-form .quantity .increase::before,
.quantity-form .quantity .decrease::before {
line-height: 18px;
}
.quantity-form .quantity .decrease {
top: 18px;
}
@media (max-width: 480px) {
.ordering-process .quantity-form .quantity {
padding: 0 36px;
}
.ordering-process .quantity-form .quantity input {
text-align: center;
}
.ordering-process .quantity-form .quantity .increase,
.ordering-process .quantity-form .quantity .decrease {
width: 36px;
height: 36px;
top: 0;
}
.ordering-process .quantity-form .quantity .increase::before,
.ordering-process .quantity-form .quantity .decrease::before {
line-height: 36px;
}
.ordering-process .quantity-form .quantity .decrease {
right: auto;
left: 0;
border-style: none;
}
.ordering-process .quantity-form .quantity .increase-tooltip,
.ordering-process .quantity-form .quantity .decrease-tooltip {
right: 40%;
}
}
.cart-summary {
padding-top: 20px;
}
@media (max-width: 991px) {
.cart-summary {
padding: 10px 10px 20px;
}
}
.cart-inner {
padding: 0;
}
@media (max-width: 991px) {
.cart-inner .delivery-time {
padding: 5px 10px;
}
}
@media (min-width: 1200px) {
.extras-wrapper {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 1200px) {
.extras-col {
flex: 1 1 50%;
max-width: 350px;
}
.extras-col + .extras-col {
padding-left: 20px;
}
}
.free-gift,
.discount-coupon form {
display: flex;
align-items: center;
}
.free-gift .btn,
.discount-coupon form .btn {
flex: 0 0 90px;
height: 36px;
}
.free-gift {
flex-wrap: wrap;
}
.free-gifts-wrapper form,
.discount-coupon input {
flex: 1 1 auto;
min-width: 0;
}
.free-gifts-wrapper {
display: flex;
flex: 1;
align-items: center;
}
.free-gifts-wrapper form {
margin: 0;
}
.free-gifts-wrapper ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.free-gifts-wrapper ul > li {
list-style: none;
}
.free-product-gifts-wrapper .free-product-gifts {
padding-top: 0;
}
.free-gift-label {
flex: 1;
}
.free-gift,
.extra {
margin-bottom: 19px;
}
.free-gift:last-child,
.extra:last-child {
margin-bottom: 0;
}
.free-gift-sublabel {
display: block;
margin-bottom: 3px;
text-transform: uppercase;
}
.free-gift-name {
display: block;
padding-right: 10px;
line-height: 19px;
text-transform: uppercase;
}
.discount-coupon,
.extra.delivery,
.extra.discount {
position: relative;
padding-left: 60px;
}
.discount-coupon::before,
.extra.delivery::before,
.extra.discount::before {
content: '\e92a';
position: absolute;
left: 0;
top: 50%;
margin-top: -18px;
font-size: 36px;
line-height: 36px;
}
@media (max-width: 1199px) {
.discount-coupon {
margin-bottom: 19px;
}
}
.extra {
min-height: 36px;
}
.summary-wrapper .extra {
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
.summary-wrapper .extra a {
padding-left: 0;
}
.extra.delivery {
display: flex;
min-height: 36px;
align-items: center;
}
.extra.delivery::before {
content: '\e92e';
}
@media (min-width: 992px) {
.summary-wrapper .extra {
padding-left: 0;
padding-right: 0;
}
}
.next-step {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media (min-width: 768px) and (max-width: 991px) {
.next-step {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-bottom: 57px;
}
}
@media (min-width: 992px) {
.next-step.next-step:lang(sk) {
flex-wrap: wrap-reverse;
}
}
.back-shopping-link .next-step-back {
display: none;
}
@media (min-width: 992px) {
.next-step .next-step-back {
padding-right: 1ex;
font-size: 13px;
}
.back-shopping-link .next-step-back {
display: inline-block;
padding-top: 19px;
padding-bottom: 19px;
text-transform: uppercase;
}
.back-shopping-link .next-step-back::before {
content: '\e90f';
margin-right: 1ex;
}
}
.next-step-forward,
.next-step-finish {
flex: 0 0 auto;
}
@media (max-width: 991px) {
.price-wrapper {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 20px;
}
}
.price-secondary {
padding-top: 10px;
}
@media (max-width: 991px) {
.cart-row > div.col-md-8,
.cart-row > div.col-md-4 {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
.cart-row > div.col-md-8 {
padding-left: 0;
padding-right: 0;
}
.cart-row > div.col-md-4 {
padding-right: 0;
}
}
@media (max-width: 991px) {
.checkout-box-wrapper {
display: none;
}
}
.checkout-box {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.checkout-box {
margin-top: 0;
}
}
@media (max-width: 991px) {
.cart-empty .cart-content {
padding: 20px;
}
}
@media (min-width: 992px) {
.cart-content {
padding: 20px;
}
.col-md-8 .cart-content {
padding: 40px;
}
.cart-content + .cart-content {
margin-top: 20px;
}
}
.recapitulation-wrapper h4,
.cart-content h4 {
text-transform: uppercase;
}
.next-step-back {
flex: 1 1 auto;
}
@media (max-width: 767px) {
.next-step-back {
z-index: 1;
position: fixed;
left: 0;
top: 0;
width: 60px;
height: 60px;
overflow: hidden;
text-indent: 999em;
white-space: nowrap;
}
.next-step-back::before {
content: '\e90f';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 20px;
text-align: center;
line-height: 60px;
text-indent: 0;
}
}
@media (min-width: 992px) {
.next-step:lang(sk) .next-step-back {
flex: 1 1 auto;
width: 100%;
margin-top: 20px;
text-align: center;
}
}
.btn.next-step-forward,
.btn.next-step-finish {
flex: 0 0 auto;
}
@media (max-width: 767px) {
.btn.next-step-forward,
.btn.next-step-finish {
z-index: 3;
position: relative;
display: block;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
.next-step:lang(sk) .btn.next-step-forward,
.next-step:lang(sk) .btn.next-step-finish {
flex: 1 1 auto;
width: 100%;
}
}
.btn.next-step-forward::after {
content: '\e910';
position: relative;
top: -2px;
margin-left: 1em;
}
.co-box {
padding-left: 10px;
padding-right: 10px;
padding-top: 19px;
padding-bottom: 19px;
border-top-style: solid;
border-top-width: 1px;
}
.co-box.co-contact-information,
.co-box.co-basic-information {
border-top-style: none;
}
.co-box h4 {
position: relative;
padding-left: 48px;
line-height: 36px;
}
.co-box h4::before {
content: '\e922';
position: absolute;
left: 0;
top: 50%;
margin-top: -18px;
font-size: 36px;
font-weight: 400;
line-height: 36px;
}
.co-box.co-basic-information h4::before {
content: '\e917';
font-size: 28px;
}
form:first-of-type .co-box.co-delivery-method {
border-top-style: none;
}
.co-box.co-delivery-method h4::before {
content: '\e92e';
font-size: 40px;
}
.co-box.co-payment-method h4::before {
content: '\e926';
}
.co-box.co-billing-address h4::before,
.co-box.co-shipping-address h4::before {
content: '\e923';
}
.co-box.co-order h4::before {
content: '\e925';
}
.co-box.co-payment-method {
padding-bottom: 10px;
}
@media (max-width: 767px) {
.co-box.co-order .cart-table {
width: calc(100% + 40px / 2);
margin-left: -10px;
margin-right: -10px;
}
}
@media (min-width: 992px) {
.co-box {
padding-left: 80px;
padding-right: 80px;
padding-top: 38px;
padding-bottom: 38px;
}
.co-box.co-box-additional {
padding-bottom: 0;
}
.co-box.co-box-additional .form-group:last-child {
margin-bottom: 0;
}
.box.co-box h4,
.co-box h4 {
margin-left: -80px;
padding-left: 80px;
}
.box.co-box h4::before,
.co-box h4::before {
left: 20px;
}
}
@media (min-width: 1200px) {
.co-box {
padding-left: 120px;
}
.box.co-box h4,
.co-box h4 {
margin-left: -120px;
padding-left: 120px;
}
}
.co-box.co-registration {
padding-left: 0;
}
.co-box.co-registration h4 {
margin-left: 0;
padding-left: 0;
margin-top: 0;
}
.co-box.co-registration h4::before {
content: '';
}
.co-box.co-registration:first-of-type {
border: 0;
padding-top: 0;
}
.co-box.co-registration:empty {
padding: 0;
border: 0;
}
@media (max-width: 767px) {
.price-summary-wrapper {
padding-left: 20px;
padding-right: 20px;
padding-top: 19px;
padding-bottom: 19px;
}
}
.confirm-wrapper {
display: flex;
flex-wrap: wrap;
margin-top: -19px;
}
.confirm-wrapper > div {
flex: 1 0 100%;
padding-left: 0;
padding-right: 0;
}
.confirm-wrapper > div.price-wrapper {
order: 2;
margin-top: 19px;
margin-bottom: 0;
}
.confirm-wrapper > div.form-group {
order: 1;
}
@media (min-width: 992px) {
.confirm-wrapper {
align-items: center;
border-top-style: solid;
border-top-width: 1px;
}
.confirm-wrapper > div.price-wrapper {
flex: 1 1 40%;
margin-bottom: 0;
}
.confirm-wrapper > div.form-group {
flex: 1 1 60%;
order: 1;
}
}
#note {
margin-bottom: 19px;
}
.order-summary-inner h4 {
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 992px) {
.order-summary-inner h4 {
padding-left: 0;
padding-right: 0;
}
}
.cart-items,
.cart-inner .consents {
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 992px) {
.cart-items,
.cart-inner .consents {
padding-left: 0;
padding-right: 0;
}
}
.cart-items {
margin-bottom: 19px;
}
@media (max-width: 991px) {
.order-summary-item + .cart-items {
padding-left: 0;
padding-right: 0;
}
}
.cart-item {
display: table;
table-layout: fixed;
width: 100%;
}
.cart-item > div {
display: table-cell;
vertical-align: middle;
padding: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
}
.cart-item > div.cart-item-name {
text-transform: uppercase;
}
.cart-item > div.cart-item-name .free-gift-amount {
text-transform: lowercase;
}
.cart-item > div.cart-item-image {
display: none;
width: 87px;
}
.cart-item > div.cart-item-amount {
width: 60px;
text-align: center;
}
.cart-item > div.cart-item-price {
width: 80px;
text-align: right;
}
.cart-item > div.cart-item-price strong {
font-weight: 400;
}
.cart-item > div:first-child {
padding-left: 0;
}
.cart-item > div:last-child {
padding-right: 0;
border-right-style: none;
}
.cart-item:last-child > div {
border-bottom-style: none;
}
.cart-item.cart-item-gift > div {
padding-top: 0;
padding-bottom: 0;
border-right-style: none;
border-bottom-style: none;
}
@media (min-width: 1200px) {
.cart-item > div.cart-item-image {
display: table-cell;
}
}
.gift-items {
padding-top: 20px;
}
.gift-items + .gift-items {
padding-top: 0;
margin-top: -38px;
}
.gift-items + .gift-items .for-free {
display: none;
}
.gift-items + .order-summary-item {
padding-top: 20px;
}
.unit-value {
display: inline-block;
padding-left: 0.5ex;
}
.order-summary-item.helper,
.recapitulation-single {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-bottom: 10px;
font-size: 14px;
}
.order-summary-item.helper:last-child,
.recapitulation-single:last-child {
padding-bottom: 0;
}
@media (max-width: 991px) {
.order-summary-item.helper,
.recapitulation-single {
padding-left: 10px;
padding-right: 10px;
}
}
.order-summary-item.helper {
font-weight: 700;
}
.order-summary-item.helper > div:first-child {
flex: 0 0 130px;
padding-right: 20px;
}
.order-summary-item.helper > div:last-child {
flex: 1 1 calc(100% - 130px);
text-align: right;
}
.order-recapitulation {
margin-bottom: 19px;
}
.order-recapitulation strong,
.recapitulation-single strong {
font-weight: 400;
}
.order-recapitulation strong span,
.recapitulation-single strong span {
font-weight: 700;
}
.recapitulation-single > span {
flex: 0 0 130px;
padding-right: 20px;
}
.recapitulation-single > strong {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1 1 calc(100% - 130px);
}
.recapitulation-single > strong span {
order: 2;
margin-left: 1ex;
white-space: nowrap;
}
.cart-items .cart-item + .recapitulation-single {
padding-top: 1em;
}
.order-summary-item.price {
border-top-style: solid;
border-top-width: 2px;
}
@media (min-width: 992px) {
.order-summary-item.price {
margin-left: -20px;
margin-right: -20px;
padding: 20px;
}
}
.order-summary-heading,
.recapitulation-wrapper {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.order-summary-heading {
text-align: center;
text-transform: uppercase;
}
.order-summary-heading ~ p {
text-align: center;
}
.recapitulation-wrapper .order-summary-item,
.recapitulation-wrapper .summary-thx {
font-size: 14px;
text-align: center;
}
.recapitulation-wrapper .order-summary-item {
margin-bottom: 19px;
}
.recapitulation-wrapper .summary-thx {
margin-bottom: 38px;
}
table.table.recapitulation-table > tbody > tr > th {
width: 40%;
font-weight: 400;
text-align: left;
}
@media (max-width: 768px) {
table.table.recapitulation-table > tbody > tr {
display: block;
}
table.table.recapitulation-table > tbody > tr th {
width: 100%;
display: block;
padding: 0;
}
table.table.recapitulation-table > tbody > tr td {
display: block;
padding: 0 0 10px 0;
}
}
@media (min-width: 992px) {
table.table.recapitulation-table > tbody > tr th {
width: auto;
}
}
table.table.recapitulation-table:first-of-type {
margin-bottom: 0;
}
.id--15 h1 {
margin-top: 0;
padding-top: 19px;
}
.site-msg-custom.step-1 {
padding-top: 19px;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 992px) {
.site-msg-custom.step-1 {
padding-left: 0;
padding-right: 0;
}
}
.cart-heading {
padding-left: 20px;
padding-right: 20px;
}
.order-complete-links {
padding-bottom: 30px;
}
p {
margin-bottom: 19px;
}
h4,
.h4 {
margin-bottom: 19px;
}
.sidebar h4,
.sidebar .h4 {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
h4.homepage-group-title,
.h4.homepage-group-title {
margin-top: 57px;
font-size: 26px;
text-align: center;
}
@media (max-width: 767px) {
h4.homepage-group-title:first-of-type,
.h4.homepage-group-title:first-of-type {
margin-top: 19px;
}
}
.chevron-after::after {
font-size: 13px;
margin-left: 0.5ex;
}
.chevron-after.chevron-down-after::after {
content: '\e90e';
}
.chevron-after.chevron-up-after::after {
content: '\e911';
}
.chevron-after.chevron-left-after::after {
content: '\e90f';
}
.chevron-after.chevron-right-after::after {
content: '\e910';
}
.browse-p {
position: relative;
}
@media (min-width: 768px) {
.has-carousel .content-wrapper-in > #content.content.wide {
padding: 0;
}
}
@media (min-width: 1200px) {
.content-inner {
max-width: 800px;
}
.ordering-process .content-inner,
.id--8 .content-inner {
max-width: none;
}
.id--4 .content-inner {
max-width: 400px;
}
.one-column-body .content-inner {
margin: auto;
}
}
.discussion-form,
.discussion,
.rate-wrapper,
.votes-wrap,
.add-comment,
.welcome div,
.welcome h1 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.rate-average-wrap .add-comment {
margin-left: 0;
}
.ui-slider-horizontal .ui-slider-handle::after {
content: '';
position: absolute;
left: 5px;
top: 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
}
@media (max-width: 767px) {
.popup-widget.cart-widget {
top: 56px;
}
.popup-widget.search-widget {
top: 56px;
}
.popup-widget.login-widget {
top: 56px;
}
}
.cart-widget-button .btn {
display: block;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.cart-widget-button .btn::after {
content: '\e910';
margin-left: 20px;
margin-top: -2px;
}
@media (min-width: 992px) {
.cart-widget-button .btn {
text-align: right;
}
}
@media (min-width: 992px) {
.cart-widget-product .cart-widget-product-delete {
visibility: hidden;
}
.cart-widget-product:hover .cart-widget-product-delete {
visibility: visible;
}
}
.homepage-box {
margin-top: 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.homepage-box.before-carousel {
margin-top: 0;
}
.homepage-box.welcome-wrapper {
margin-top: 38px;
margin-bottom: 38px;
padding-top: 38px;
padding-bottom: 38px;
padding-left: 19px;
padding-right: 19px;
}
.welcome:before,
.welcome:after {
content: ' ';
display: table;
}
.welcome:after {
clear: both;
}
.welcome h1 {
margin-top: 0;
}
.footer-banners {
margin-top: 38px;
}
.banners-row .banner-wrapper {
margin-top: 10px;
}
@media (min-width: 768px) {
.banners-row .col-sm-8 {
padding-left: 0;
padding-right: 0;
}
.banners-row .col-sm-4 {
padding-right: 0;
}
.banners-row .banner-wrapper {
margin-top: 0;
}
.banners-row .banner-wrapper + .banner-wrapper {
margin-top: 20px;
}
.banners-row .banner-wrapper a {
max-width: 100%;
}
.narrow .banners-row {
margin-top: 20px;
}
.narrow .banners-row .col-sm-8 {
padding-left: 20px;
}
.narrow .banners-row .banner-wrapper + .banner-wrapper {
margin-top: 9px;
}
.narrow .banners-row .col-sm-4 {
display: none;
}
.narrow .banners-row .col-sm-8 {
width: 100%;
}
}
@media (min-width: 1200px) {
.narrow .banners-row .col-sm-4 {
display: block;
}
.narrow .banners-row .col-sm-8 {
width: 66.66666667%;
}
}
.carousel-control.left,
.carousel-control.right {
opacity: 1;
}
.carousel-control.left::before {
left: 20px;
}
.carousel-control.right::before {
right: 20px;
}
@media (min-width: 768px) {
.carousel-control.left,
.carousel-control.right {
background: none;
opacity: 0;
}
.carousel-control::before {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.carousel-control.left::before {
left: -20px;
}
.carousel-control.right::before {
right: -20px;
}
}
.carousel:hover .carousel-control.left,
.carousel:hover .carousel-control.right {
opacity: 1;
}
.carousel:hover .carousel-control.left::before {
left: 20px;
}
.carousel:hover .carousel-control.right::before {
right: 20px;
}
.categories {
margin-left: -20px;
margin-right: -20px;
}
#categories ul .expandable .cat-trigger {
left: 30px;
}
#categories ul ul .expandable .cat-trigger {
left: 35px;
}
#categories ul ul ul .expandable .cat-trigger {
left: 40px;
}
#categories ul ul ul ul .expandable .cat-trigger {
left: 45px;
}
#categories ul ul ul ul ul .expandable .cat-trigger {
left: 50px;
}
#categories ul ul ul ul ul ul .expandable .cat-trigger {
left: 55px;
}
@media (min-width: 768px) and (max-width: 9999em) {
.cart-inner .contact-box {
padding: 0 0 0 96px;
}
.cart-inner .contact-box.no-image {
padding-left: 0;
}
.cart-inner .contact-box > img {
display: block;
}
}
.price-final,
.price-additional,
.price-measure {
display: block;
}
.price-measure {
margin-top: 10px;
}
.price-standard,
.price-save {
display: inline-block;
}
body.user-action-visible.search-window-visible {
overflow: auto;
position: relative;
}
.validator-msg,
.js-validator-msg {
margin-bottom: 5px;
}
@media (min-width: 480px) {
.validator-msg,
.js-validator-msg {
margin-left: 175px;
}
.validator-msg + input,
.js-validator-msg + input,
.validator-msg + select,
.js-validator-msg + select,
.validator-msg + .phone-combined-input,
.js-validator-msg + .phone-combined-input {
clear: both;
margin-left: 175px;
}
.compact-form .validator-msg + input,
.compact-form .js-validator-msg + input,
.compact-form .validator-msg + select,
.compact-form .js-validator-msg + select,
.compact-form .validator-msg + .phone-combined-input,
.compact-form .js-validator-msg + .phone-combined-input {
margin-left: 0;
}
.input-wrapper .validator-msg + input,
.input-wrapper .js-validator-msg + input,
.input-wrapper .validator-msg + select,
.input-wrapper .js-validator-msg + select {
margin-left: 0;
}
.consents .validator-msg,
.consents .js-validator-msg {
margin-left: 0;
}
}
.popup-widget-inner .validator-msg,
.popup-widget-inner .js-validator-msg {
margin-left: 0;
}
ul.manufacturers {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
text-transform: uppercase;
}
ul.manufacturers > li {
list-style: none;
}
ul.manufacturers li {
list-style: none;
}
ul.manufacturers h2 {
flex: 0 0 100px;
margin: 0;
padding: 20px;
font-size: 30px;
text-align: center;
-webkit-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
ul.manufacturers ul {
flex: 1 1 auto;
}
ul.manufacturers ul li {
padding: 5px 0;
}
ul.manufacturers > li {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 0;
padding: 10px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
ul.manufacturers > li:last-child {
border-bottom-style: none;
}
@media (min-width: 768px) {
ul.manufacturers ul {
display: flex;
flex-wrap: wrap;
flex: 1 1 calc(100% - 40px * 2.5);
}
ul.manufacturers ul li {
flex: 0 0 50%;
}
}
@media (min-width: 992px) {
ul.manufacturers ul li {
flex-basis: 33.333333%;
}
}
@media (min-width: 1200px) {
ul.manufacturers ul li {
flex-basis: 25%;
}
}
#cboxContent {
border-style: solid;
border-width: 1px;
}
ol.top-products {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
ol.top-products > li {
list-style: none;
}
ol.top-products li {
display: flex;
align-items: center;
margin-bottom: 10px;
text-align: left;
}
ol.top-products li a {
display: block;
padding-left: 10px;
}
ol.top-products li a .top-products-name {
display: block;
font-size: 13px;
transition: color 0.3s ease-out;
}
ol.top-products li a.top-products-image {
flex: 0 0 50px;
display: block;
}
ol.top-products li::before {
counter-increment: top;
content: counter(top);
flex: 0 0 20px;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
font-size: 12px;
line-height: 20px;
text-align: center;
}
ol.top-products li:last-child {
margin-bottom: 0;
}
.latest-contribution-product,
.latest-contribution-description {
-webkit-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
@media (max-width: 1199px) {
#productVideos iframe {
height: 480px;
}
}
@media (max-width: 480px) {
#productVideos iframe {
height: 188px;
}
}
@media (min-width: 768px) and (-ms-high-contrast: none) {
.foo {
color: green;
}
*::-ms-backdrop,
.foo {
color: red;
}
.content-wrapper-in > .content {
flex: 1 1 auto;
width: 487px;
}
}
.btn.btn-cart,
a.btn.btn-cart,
.btn.add-to-cart-button,
a.btn.add-to-cart-button {
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
text-transform: none;
}
.btn.btn-cart.btn-lg,
a.btn.btn-cart.btn-lg,
.btn.add-to-cart-button.btn-lg,
a.btn.add-to-cart-button.btn-lg {
padding-right: 20px;
padding-left: 20px;
}
.btn.btn-cart::before,
a.btn.btn-cart::before,
.btn.add-to-cart-button::before,
a.btn.add-to-cart-button::before {
content: '\e910';
margin-right: 7px;
margin-top: -3px;
font-size: 20px;
}
.variant-cart .btn.btn-cart::before,
.variant-cart a.btn.btn-cart::before,
.variant-cart .btn.add-to-cart-button::before,
.variant-cart a.btn.add-to-cart-button::before {
content: '\e921';
font-size: 28px;
}
.btn.cart-count::before,
a.btn.cart-count::before {
content: '\e921';
font-size: 24px;
}
.btn.btn-cofidis,
a.btn.btn-cofidis {
display: inline-flex;
align-items: center;
max-width: 160px;
line-height: 1.2;
text-align: left;
}
.box.box-sm.box-filters {
padding: 19px 0;
}
@media (min-width: 768px) {
#navigation {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 768px) {
.has-more-items {
position: relative;
}
.has-more-items .more-items-trigger {
position: absolute;
right: 0;
bottom: 0;
width: 32px;
height: 16px;
font-size: small;
text-align: center;
cursor: pointer;
}
.has-more-items .more-items-trigger::before {
content: '\2026';
vertical-align: top;
line-height: 1;
}
.has-more-items .more-items-trigger::after {
content: '';
position: absolute;
left: -16px;
top: 0;
width: 16px;
height: 16px;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1);
}
}
.menu-no-image {
padding: 0 20px;
}
.tab-manufacturer-name {
display: none;
}
.news-item time,
.news-item-detail time {
color: #999;
}
.news-item-widget {
border-bottom-color: #e7e7e7;
}
.entrance-protection-inner {
background-color: #fff;
}
.entrance-protection h1 {
color: var(--color-primary);
}
#header {
border-color: #dadada;
color: var(--color-primary);
background-color: #fff;
background-image: none;
}
@media (min-width: 768px) {
#header {
background-image: none;
}
}
#header .site-name a {
color: var(--color-primary);
}
.navigation-in {
background-color: #fff;
}
.navigation-in a {
color: #666;
}
.navigation-in a:hover {
color: var(--color-primary);
}
.navigation-in > ul > li {
border-color: #dadada;
}
@media (min-width: 768px) {
.navigation-in {
background-color: var(--color-primary);
}
.navigation-in a {
color: #fff;
}
.navigation-in a:hover {
color: var(--color-primary);
}
.navigation-in ul.menu-level-2 {
border-color: var(--color-primary);
background-color: #fff;
}
.navigation-in ul.menu-level-2 li {
border-top-color: var(--color-primary);
}
.navigation-in ul.menu-level-2 a {
color: #666;
}
.navigation-in ul.menu-level-2 a:hover {
color: var(--color-primary);
}
.navigation-in ul.menu-level-2 > li > a::before {
background-color: #666;
}
.navigation-in ul.menu-level-2 > li > a:hover::before {
background-color: var(--color-primary);
}
.navigation-in > ul > li {
border-color: #0c2238;
}
.navigation-in > ul > li > a {
background-color: transparent;
color: #fff;
}
.navigation-in > ul > li.exp > a,
.navigation-in > ul > li > a:hover {
background-color: #fff;
color: var(--color-primary);
}
}
.navigation-in .has-third-level div > ul a {
color: var(--color-primary);
}
.navigation-in .has-third-level div > ul a:hover {
color: var(--color-primary-hover);
}
.navigation-in .navigationActions {
border-color: #dadada;
}
.navigation-in .navigationActions__submenu ul:not(:first-of-type) li:first-of-type > a {
border-color: #dadada;
}
.navigation-in .navigationActions__submenu li::before {
color: #666;
}
.navigation-close {
color: #666;
}
.navigationActions__submenu__item--active::before {
background-color: #666;
}
.admin-bar {
border-color: #333;
background-color: #484848;
color: #dbdbdb;
}
.admin-bar .container > ul > li {
border-color: #636363;
}
.admin-bar .container > ul > li > a,
.admin-bar .container > ul > li > span {
color: #dbdbdb;
}
.admin-bar .container > ul > li:hover {
color: #fff;
background-color: #636363;
}
.admin-bar .container > ul > li:hover > a,
.admin-bar .container > ul > li:hover > span {
color: #fff;
}
.admin-bar .container > ul > li ul {
border-color: #dbe0e2;
background-color: #f5fcfe;
}
.admin-bar .container > ul > li ul li a,
.admin-bar .container > ul > li ul li span {
border-color: #d0effc;
color: #000;
}
.admin-bar .container > ul > li ul li a:hover,
.admin-bar .container > ul > li ul li span:hover {
background-color: #e1f4fa;
}
.admin-bar .container > ul > li > ul {
border-top-color: #333;
}
.admin-bar .container > a,
.admin-bar .container > span {
border-color: #333;
background-color: #636363;
color: #dbdbdb;
}
.admin-bar .container > a:hover,
.admin-bar .container > span:hover {
background-color: #555;
color: #fff;
}
.advanced-order-suggestion {
border-top-color: #dadada;
}
.advanced-parameter-inner {
border: 1px solid #fcfcfc;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.advanced-parameter-inner.yes-before {
border-color: #7dc001;
color: #7dc001;
}
.variant-not-chosen .variant-list:not(.variant-selected) .advanced-parameter-inner {
border: 1px solid #d63500;
box-shadow: 0 0 3px #d63500;
}
.btn.btn-default,
a.btn.btn-default {
color: #fff;
border-color: var(--color-tertiary-hover);
background-color: var(--color-tertiary);
}
.btn.btn-default:hover,
a.btn.btn-default:hover {
color: #fff;
border-color: var(--color-tertiary-hover);
background-color: var(--color-tertiary-hover);
}
.box-bg-default .btn.btn-default:hover,
.box-bg-default a.btn.btn-default:hover {
background-color: #547001;
}
.btn.btn-primary,
a.btn.btn-primary {
color: #fff;
border-color: var(--color-primary);
background-color: var(--color-primary);
}
.btn.btn-primary:hover,
a.btn.btn-primary:hover {
border-color: var(--color-primary-hover);
color: #fff;
background-color: var(--color-primary-hover);
}
.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart {
color: #fff;
border-color: var(--color-secondary);
background-color: var(--color-secondary);
}
.btn.btn-conversion:hover,
a.btn.btn-conversion:hover,
.btn.btn-cart:hover,
a.btn.btn-cart:hover {
border-color: var(--color-secondary-hover);
color: #fff;
background-color: var(--color-secondary-hover);
}
.btn.btn-secondary,
a.btn.btn-secondary {
color: var(--color-primary);
border-color: var(--color-primary);
background-color: #fff;
}
.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
color: #fff;
border-color: var(--color-primary);
background-color: var(--color-primary);
}
.btn.btn-special,
a.btn.btn-special {
color: #fff;
border-color: #5c7a01;
background-color: var(--color-tertiary-hover);
}
.btn.btn-special:hover,
a.btn.btn-special:hover {
color: #fff;
background-color: #5c7a01;
}
.btn.btn-default.disabled,
a.btn.btn-default.disabled,
.btn.btn-primary.disabled,
a.btn.btn-primary.disabled,
.btn.btn-secondary.disabled,
a.btn.btn-secondary.disabled,
.btn.btn-conversion.disabled,
a.btn.btn-conversion.disabled,
.btn.btn-cart.disabled,
a.btn.btn-cart.disabled,
.btn.btn-special.disabled,
a.btn.btn-special.disabled {
border-color: #cfcfcf;
color: #cfcfcf;
background-color: #fff;
cursor: not-allowed;
}
.btn.btn-plain,
a.btn.btn-plain {
border-color: transparent;
color: var(--color-primary);
background-color: transparent;
}
.btn.btn-plain:hover,
a.btn.btn-plain:hover {
border-color: transparent;
color: var(--color-primary-hover);
background-color: transparent;
}
.login-btn.facebook {
border-color: #4267b2;
color: #fff;
background-color: #4267b2;
}
.login-btn.facebook:hover {
background-color: #3a5a9c;
}
.login-btn.google {
border-color: #e0e0e0;
color: #4a4a4a;
background-color: #fff;
}
.login-btn.google:hover {
background-color: #f0f0f0;
}
.cart-table {
border-color: #dadada;
}
.cart-table tr td {
border-right-color: #dadada;
border-top-color: #dadada;
background-color: #fff;
}
.cart-table tr td.cart-p-image {
background-color: #fff;
}
.cart-table tr td.p-name a {
color: #666;
}
.cart-table tr td.p-name a:hover {
color: var(--color-primary);
}
.cart-table tr.related td {
background-color: #fff;
}
a.cart-related-name {
color: #666;
}
a.cart-related-name:hover {
color: var(--color-primary);
}
.cart-related-product {
border-color: #dadada;
}
.unit-value {
color: #b2b2b2;
}
.remove-item::before {
color: #666;
}
.remove-item:hover::before {
color: #d63500;
}
#categories .expandable > a > span,
#categories .expandable > .topic > a > span {
color: var(--color-primary);
}
#categories .expandable > .topic.active > a > span {
color: #fff;
}
#categories .expandable.active.expanded > a > span {
color: #fff;
}
#categories .expandable.active.expanded > a:hover > span {
color: #fff;
}
#categories .expandable > a:hover > span,
#categories .expandable > .topic > a:hover > span {
color: var(--color-primary);
}
.box-bg-default #categories::after {
background-color: inherit;
}
.box-bg-variant #categories::after {
background-color: inherit;
}
.categories a {
color: #666;
}
.categories a:hover {
color: var(--color-primary);
background-color: inherit;
}
.categories ul a::before {
background-color: var(--color-primary);
}
.categories li.active > a {
color: #fff;
background-color: var(--color-primary);
}
.categories li.active > a:hover {
color: #fff;
background-color: var(--color-primary);
}
.box-bg-default .categories a {
border-bottom-color: inherit;
color: inherit;
}
.box-bg-default .categories a:hover {
color: var(--color-primary);
}
.box-bg-variant .categories a {
border-bottom-color: inherit;
color: #666;
}
.box-bg-variant .categories a:hover {
color: var(--color-primary);
}
.categories .topic.active > a {
color: #fff;
background-color: var(--color-primary);
}
.categories .topic.active > a:hover {
color: var(--color-primary);
background-color: inherit;
}
.categories .topic.child-active > a {
color: var(--color-primary);
background-color: inherit;
}
.categories .topic.child-active > a:hover {
color: var(--color-primary);
background-color: inherit;
}
.eet-message {
color: #b2b2b2;
}
.empty-content {
font-family: sans-serif;
}
.external-fonts-loaded .empty-content,
.blank-mode .empty-content {
font-family: var(--template-headings-font), sans-serif;
}
.empty-content h1 {
color: var(--color-primary);
}
.empty-content h2::after {
color: #dadada;
}
.empty-content p {
color: #b2b2b2;
}
.filter-sections {
background-color: #f6f6f6;
}
.filter-section {
border-bottom-color: #fff;
}
.filter-section + .filter-section {
border-top-color: #ddd;
}
#category-filter-hover .filter-section:first-child {
border-top-color: #ddd;
}
.filter-count {
background-color: #fff;
}
#clear-filters a {
color: #d63500;
}
.filter-total-count {
color: #cfcfcf;
}
.plus-gallery-item {
border-color: #dadada;
}
.ui-menu {
border-color: #dadada;
}
.ui-menu .ui-menu-item {
background-color: #fff;
}
.ui-menu .ui-menu-item:hover {
background-color: #e7e7e7;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
background-color: #e7e7e7;
}
.ui-autocomplete > li {
border-top-color: #dadada;
}
.detail-information {
border-top-color: #dadada;
}
.cpost-delivery-point-result-legend,
.cpost-delivery-point-result-table-wrap {
border-color: #dadada;
}
.cpost-delivery-point-result-table tr {
border-bottom-color: #dadada;
}
.loader-overlay,
.ajax-pending-element::after {
background-color: rgba(255, 255, 255, 0.65);
}
.loader,
.ajax-pending .loader-wrapper::before,
.ajax-pending-element::before {
border-color: var(--color-primary);
border-right-color: transparent;
background-color: transparent;
}
.loader.accented,
.ajax-pending .loader-wrapper::before.accented,
.ajax-pending-element::before.accented {
background-color: var(--color-primary-hover);
}
.loader.static,
.ajax-pending .loader-wrapper::before.static,
.ajax-pending-element::before.static {
border-color: var(--color-primary);
border-right-color: transparent;
background-color: transparent;
}
[data-iframe-src] {
background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'><path fill='%23123456' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z'> <animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/></path></svg>") no-repeat center rgba(255, 255, 255, 0.65);
}
.menu-helper::after,
.menu-trigger::after {
color: #fff;
background-color: #666;
}
@media (min-width: 768px) {
.menu-helper > span {
border-color: #dadada;
color: #fff;
background-color: #666;
}
.menu-helper > ul {
border-color: #dadada;
background-color: #fff;
}
.menu-helper > ul > li {
border-top-color: #dadada;
}
.menu-helper > ul > li a {
color: #666;
}
.menu-helper > ul > li a:hover {
color: var(--color-primary);
}
.menu-helper > ul > li.exp > a {
background-color: #fff;
}
.menu-helper > ul > li.exp > ul > li {
background-color: #fff;
}
}
.msg.msg-success,
.msg.msg-notice {
border-color: #5cae4c;
color: #fff;
background-color: #5cb85c;
}
.msg.msg-success a,
.msg.msg-notice a {
color: #fff;
}
.msg.msg-info {
border-color: #2a7595;
color: #fff;
background-color: #3276b1;
}
.msg.msg-info a {
color: #fff;
}
.msg.msg-warning {
border-color: #ec751e;
color: #fff;
background-color: #eea236;
}
.msg.msg-warning a {
color: #fff;
}
.msg.msg-error {
border-color: #d43a4f;
color: #fff;
background-color: #d9534f;
}
.msg.msg-error a {
color: #fff;
}
.js-validator-msg.msg-info {
color: #3276b1;
}
.js-validator-msg.msg-error {
color: #d9534f;
}
.js-validator-msg.msg-warning {
color: #eea236;
}
.form-control.error-field,
.form-control.js-error-field {
border-color: #d9534f;
}
.form-control.error-field:focus,
.form-control.js-error-field:focus {
border-color: #d9534f;
box-shadow: 0 0 0 0.1em rgba(217, 83, 79, 0.25);
}
.form-control.warning-field {
border-color: #eea236;
}
.form-control.warning-field:focus {
border-color: #eea236;
box-shadow: 0 0 0 0.1em rgba(238, 162, 54, 0.25);
}
.error-field + label,
.js-error-field + label {
border-color: #d9534f;
}
.radio-wrapper input[type='checkbox'] + label::before,
.radio-wrapper input[type='radio'] + label::before {
border-color: #c1c1c1;
}
.radio-wrapper input[type='checkbox'] + label::after,
.radio-wrapper input[type='radio'] + label::after {
background-color: #c1c1c1;
}
.radio-wrapper input[type='checkbox']:disabled + label::before,
.radio-wrapper input[type='radio']:disabled + label::before {
border-color: #dadada;
}
.radio-wrapper input[type='checkbox']:checked + label::before,
.radio-wrapper input[type='radio']:checked + label::before {
border-color: var(--color-primary);
}
.radio-wrapper input[type='checkbox']:checked + label::after,
.radio-wrapper input[type='radio']:checked + label::after {
border-color: #fff;
background-color: var(--color-primary);
}
.radio-wrapper {
border-color: #dadada;
background-color: inherit;
}
.radio-wrapper.active label > span b {
color: var(--color-primary);
}
.radio-wrapper.apple-pay {
display: none;
}
.for-free {
color: #7dc001;
}
.radio-wrapper.active .for-free {
color: var(--color-primary);
}
.cart-hide-unselected-options .radio-wrapper.selected-option {
border-bottom-color: transparent;
}
.overlay,
.loader-overlay,
.loader-wrapper::after {
background-color: rgba(255, 255, 255, 0.65);
}
.pagination-link {
color: #666;
background-color: #f6f6f6;
}
.pagination-link:hover {
color: #fff;
background-color: var(--color-primary);
}
.pagination-current {
color: #666;
background-color: transparent;
}
.pagination-top strong {
color: var(--color-primary);
}
.price-range {
border-color: transparent;
background-color: #dadada;
}
.price-range > div {
background-color: var(--color-secondary);
}
.p-thumbnails a img {
border-color: #dadada;
}
.p-thumbnails .thumbnail-next,
.p-thumbnails .thumbnail-prev {
color: #666;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
.p-thumbnail.highlighted::before,
.show360image.highlighted::before,
.p-thumbnail:hover::before,
.show360image:hover::before {
background-color: var(--color-primary);
}
.quantity {
border-color: #dadada;
}
.quantity input {
background: inherit;
}
.quantity .increase,
.quantity .decrease {
border-color: #dadada;
background-color: #f3f3f3;
color: inherit;
}
.question-tooltip {
background-color: var(--color-primary);
border-color: var(--color-primary);
color: #fff;
}
.rate-bar {
background-color: #dadada;
}
.current .rate-bar {
background-color: var(--color-primary);
}
.rate-average {
color: #f0b820;
}
.site-msg {
background-color: #fdf3da;
color: #000;
}
.site-msg .close::before,
.site-msg .close::after {
background: #000;
}
.SizeID-button .sb-button,
.SizeID-button .sb-button span {
font-family: var(--template-font), sans-serif !important;
color: var(--color-primary) !important;
}
.SizeID-button:hover .sb-button,
.SizeID-button:hover .sb-button span {
color: var(--color-primary-hover) !important;
}
.ui-slider,
.slider-content {
background-color: #dadada;
border-color: inherit;
}
.ui-slider-handle {
color: #fff;
background-color: var(--color-primary);
}
.ui-slider-handle:hover {
background-color: var(--color-primary);
}
.ui-slider .ui-slider-range {
background-color: #cdcdcd;
border-color: inherit;
}
.ui-slider-horizontal .ui-slider-handle::after {
border-top-color: var(--color-primary);
}
.social-login-buttons-divider {
color: #b2b2b2;
}
.social-login-buttons-divider::before,
.social-login-buttons-divider::after {
background-color: #dadada;
}
.stars .star {
color: #cfcfcf;
}
.stars .star:hover {
color: #cfcfcf;
}
.stars .star.is-active:hover {
color: #f0b820;
}
.stars .star.star-on::before,
.stars .star.star-half::before {
color: #f0b820;
}
.stars-label {
color: #b2b2b2;
}
.shp-tabs-holder,
.shp-tabs {
border-color: #f6f6f6;
background-color: #f6f6f6;
}
.shp-tab.active {
border-top-color: #666;
}
.shp-tab-link {
border-color: transparent;
color: #b2b2b2;
background-color: #f6f6f6;
}
.shp-tab-link:hover {
border-color: #f6f6f6;
color: var(--color-primary);
background-color: #fff;
}
.active .shp-tab-link {
border-color: #f6f6f6;
color: #666;
background-color: #fff;
}
.vote-name {
font-family: sans-serif;
}
.external-fonts-loaded .vote-name,
.blank-mode .vote-name {
font-family: var(--template-headings-font), sans-serif;
}
.vote-title {
color: #f0b820;
}
.vote-wrap {
border-color: #dadada;
}
.vote-content a {
color: #666;
}
.vote-content a:hover {
color: var(--color-primary);
}
.vote-rating,
.vote-admin-response {
color: #cfcfcf;
}
.vote-initials {
color: #fff;
}
.search-whisperer {
border-color: #dadada;
background-color: #fff;
}
.search-whisperer ul li {
border-color: #dadada;
}
.search-whisperer ul li a:not(.btn) {
color: #666;
}
.search-whisperer .price {
color: var(--color-primary);
}
.search-whisperer .p-name {
color: var(--color-primary);
}
.search-whisperer-documents {
border-bottom-color: #dadada;
}
.country-flags-inner {
border-color: transparent;
}
.country-flags.active .country-flags-inner {
border-color: #dadada;
background-color: #fff;
}
.country-flags.active .country-flag {
background-color: #fff;
}
.country-flags.active .country-flag.country-flag-preferred {
background-color: #f6f6f6;
}
.country-flags.active .country-flag.country-flag-preferred:not(.selected):hover {
background-color: #eee;
}
.country-flags.active .country-flag.selected,
.country-flags.active .country-flag.suggested,
.country-flags.active .country-flag:hover {
background-color: #f6f6f6;
}
.country-flags.active .country-flag.selected {
border-bottom-color: #dadada;
}
.country-flag .shp-flag-label {
color: #666;
}
.country-flag .shp-flag-label .shp-flag-name {
color: #666;
}
.country-flag-preferred-last {
border-bottom-color: #dadada;
}
.shp-flag-label::before {
border-color: #666 transparent transparent;
}
.widget-parameter-value a {
color: #666;
}
.widget-parameter-value a:hover,
.widget-parameter-value a:focus {
color: #666;
}
.widget-parameter-more span {
color: #b2b2b2;
}
.shipping-options-popup .shipping-row {
display: flex;
align-items: center;
padding: 15px 0;
line-height: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.shipping-options-popup .shipping-row .payment-logo {
width: auto;
}
.shipping-options-popup .shipping-row .payment-logo img {
height: 20px;
}
.shipping-options-popup .extra.delivery {
margin-top: 20px;
}
.shipping-options {
display: inline-block;
}
@media (max-width: 767px) {
.shipping-options {
padding: 5px 0;
}
}
.shipping-options .shipping-options-question {
display: inline-block;
vertical-align: baseline;
width: 18px;
height: 18px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 50%;
font-size: 14px;
line-height: 17px;
text-align: center;
margin-left: 5px;
}
.shipping-options .shipping-options-question::after {
content: '?';
display: inline-block;
text-decoration: none;
}
.delivery-time-label,
.delivery-time {
display: inline-block;
}
body {
font-family: sans-serif;
}
.external-fonts-loaded body,
body.blank-mode {
font-family: var(--template-font), sans-serif;
}
.external-fonts-loaded,
.blank-mode {
font-family: var(--template-font), sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.cart-table .main-link,
.cart-related-name {
font-family: sans-serif;
}
.external-fonts-loaded h1,
.external-fonts-loaded h2,
.external-fonts-loaded h3,
.external-fonts-loaded h4,
.external-fonts-loaded h5,
.external-fonts-loaded h6,
.external-fonts-loaded .h1,
.external-fonts-loaded .h2,
.external-fonts-loaded .h3,
.external-fonts-loaded .h4,
.external-fonts-loaded .h5,
.external-fonts-loaded .h6,
.external-fonts-loaded .cart-table .main-link,
.external-fonts-loaded .cart-related-name,
.blank-mode h1,
.blank-mode h2,
.blank-mode h3,
.blank-mode h4,
.blank-mode h5,
.blank-mode h6,
.blank-mode .h1,
.blank-mode .h2,
.blank-mode .h3,
.blank-mode .h4,
.blank-mode .h5,
.blank-mode .h6,
.blank-mode .cart-table .main-link,
.blank-mode .cart-related-name {
font-family: var(--template-headings-font), sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #666;
}
body {
color: #666;
background-color: #fff;
}
.disabled,
.inactive {
color: #b2b2b2;
}
.highlight {
color: var(--color-primary);
}
.red {
color: #d63500;
}
.line {
color: #cfcfcf;
}
a,
.link-like {
color: var(--color-primary);
}
a:hover,
.link-like:hover,
a:focus,
.link-like:focus {
color: var(--color-primary-hover);
}
a.conversion,
.link-like.conversion {
color: var(--color-secondary);
}
a.conversion:hover,
.link-like.conversion:hover,
a.conversion:focus,
.link-like.conversion:focus {
color: #405f7f;
}
#cboxContent {
background-color: #fff;
}
#cboxOverlay {
background-color: #000000;
}
#cboxTitle {
background-color: #fff;
}
.form-control,
select {
border-color: #dadada;
color: #666;
background-color: #fff;
}
.form-control:focus,
select:focus {
border-color: #cdcdcd;
color: #666;
}
.form-control[disabled],
select[disabled] {
color: #ccc;
background-color: #eee;
}
.form-control:focus,
input:focus,
select:focus,
textarea:focus {
box-shadow: 0 0 0 0.1em rgba(205, 205, 205, 0.5);
}
.country-flags {
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: 3px;
}
.country-flags:focus {
border-color: #cdcdcd;
box-shadow: 0 0 0 0.1em rgba(205, 205, 205, 0.5);
}
input[type='checkbox'] + label::before,
input[type='radio'] + label::before {
border-color: #dadada;
}
input[type='checkbox'] + label::after,
input[type='radio'] + label::after {
background-color: #dadada;
}
input[type='checkbox']:disabled + label::before,
input[type='radio']:disabled + label::before {
border-color: #e7e7e7;
}
input[type='checkbox']:checked + label::before,
input[type='radio']:checked + label::before {
border-color: var(--color-primary);
}
input[type='checkbox']:checked + label::after,
input[type='radio']:checked + label::after {
border-color: #fff;
background-color: var(--color-primary);
}
input[type='checkbox'].focus-visible + label::before,
input[type='radio'].focus-visible + label::before {
box-shadow: 0 0 0 0.2em rgba(18, 52, 86, 0.5);
}
.additional-information {
color: #b2b2b2;
}
.content-wrapper {
background-color: #fff;
}
.banner,
.banner-wrapper,
.banner-category,
.carousel-inner {
color: var(--color-primary);
}
.banner a,
.banner-wrapper a,
.banner-category a,
.carousel-inner a {
color: var(--color-primary);
}
.box.box-bg-transparent {
background-color: transparent;
}
.box.box-bg-default {
background-color: inherit;
}
.box.box-bg-variant {
background-color: inherit;
}
.box.box-bg-dark {
color: inherit;
background-color: inherit;
}
.box.box-bg-dark h1,
.box.box-bg-dark h2,
.box.box-bg-dark h3,
.box.box-bg-dark h4 {
color: inherit;
}
.recommended-products .next,
.recommended-products .prev {
color: #b2b2b2;
}
.recommended-products .next:hover,
.recommended-products .prev:hover {
color: #666;
}
.recommended-products a.recommended-product {
color: #666;
}
.recommended-products .original-price {
color: #d63500;
}
.indicator {
background-color: #dadada;
}
.indicator > div {
background-color: var(--color-primary);
}
.poll-result > div {
background-color: var(--color-primary);
border-left-color: var(--color-primary);
}
.image360,
.p-image {
border-color: #dadada;
}
.p-image:after {
background-color: #dadada;
}
.breadcrumbs {
color: #b2b2b2;
background-color: #fff;
border-color: #dadada;
}
.breadcrumbs a {
color: #b2b2b2;
}
.breadcrumbs a:hover {
color: var(--color-primary);
}
.price-standard {
color: #b2b2b2;
}
.price-save {
color: var(--color-secondary);
}
.flags-extra .price-standard,
.flags-extra .price-save {
color: #fff;
}
ol.top-products.unified li {
border-bottom-color: #ddd;
}
.box-bg-default ol.top-products.unified li {
border-bottom-color: #ddd;
}
.box-bg-variant ol.top-products.unified li {
border-bottom-color: #ddd;
}
.sidebar ol.top-products.unified li.display-image {
background-color: #f6f6f6;
}
ol.top-products.unified a {
color: #666;
}
ol.top-products.unified a .top-products-name {
color: var(--color-primary);
}
ol.top-products.unified a:hover .top-products-name {
color: var(--color-primary-hover);
}
.subcategories li::before {
background-color: #666;
}
.subcategories li.divider {
background-color: #dadada;
}
ol.cart-header li a,
ol.cart-header li strong {
color: #b2b2b2;
background-color: transparent;
}
ol.cart-header li a:hover {
color: var(--color-primary);
background-color: transparent;
}
ol.cart-header li.active a,
ol.cart-header li.completed a,
ol.cart-header li.active strong,
ol.cart-header li.completed strong {
background-color: transparent;
}
ol.cart-header li.active a,
ol.cart-header li.active strong {
color: var(--color-primary);
}
ol.cart-header li.completed a,
ol.cart-header li.completed strong {
color: #b2b2b2;
}
ol.cart-header li.completed a:hover {
color: var(--color-primary);
}
.cart-widget-product {
border-bottom-color: #dadada;
}
.cart-widget-product-name > span {
color: var(--color-primary);
}
.cart-widget-product-amount,
.cart-widget-product-unit {
color: #b2b2b2;
}
.cart-widget-product-delete button {
color: #d63500;
}
.flag {
color: #fff;
}
.flag.flag-new {
background-color: #7ad046;
}
.flag.flag-action {
background-color: #e94b4b;
}
.flag.flag-tip {
background-color: #59d6e4;
}
.flag.flag-freeshipping {
background-color: #aed721;
}
.flag.flag-gift {
background-color: #e94b4b;
}
.flag.flag-sleva {
background-color: #eaba70;
}
.flag.flag-pripravujeme {
background-color: #cde2d1;
}
.flag.flag-doprodej {
background-color: #b6b1b5;
}
.flag.default-variant {
background-color: #dadada;
}
.flag.flag-discount {
background-color: #1d7af8;
}
.p-code {
color: #b2b2b2;
}
a.social-icon {
border-color: var(--color-tertiary);
background-color: #fff;
color: var(--color-tertiary);
}
a.social-icon:hover {
border-color: var(--color-tertiary-hover);
background-color: var(--color-tertiary);
color: #fff;
}
.table-row {
border-color: #dadada;
}
.product-appendix,
.category-appendix {
color: #b2b2b2;
}
a.link-icon {
color: #b2b2b2;
}
a.link-icon:hover {
color: var(--color-primary);
}
.variant-not-chosen .variant-list:not(.variant-selected) select {
border-color: #d63500;
box-shadow: 0 0 3px #d63500;
}
.qrcode {
border-color: #666;
}
.navigation-buttons a[data-target='cart'] {
color: var(--color-primary);
background-color: transparent;
}
.navigation-buttons a[data-target='cart']:hover {
color: var(--color-primary);
background-color: transparent;
}
.navigation-buttons a[data-target='search'] {
color: #fff;
background-color: var(--color-primary);
}
.navigation-buttons a[data-target='search']:hover {
color: #fff;
background-color: var(--color-primary);
}
.navigation-buttons a[data-target='login'] {
color: #fff;
background-color: var(--color-primary);
}
.navigation-buttons a[data-target='login']:hover {
color: #fff;
background-color: var(--color-primary);
}
.navigation-buttons a[data-target='navigation'] {
color: #fff;
background-color: #fff;
}
.navigation-buttons a[data-target='navigation']:hover {
color: #fff;
background-color: var(--color-primary);
}
.navigation-window-visible .navigation-buttons a[data-target='navigation'] {
color: #666;
background-color: #fff;
}
.navigation-window-visible .navigation-buttons a[data-target='navigation']:hover {
color: #666;
background-color: #fff;
}
.navigation-buttons > a[data-target='cart'] i {
color: #fff;
background-color: var(--color-primary);
}
.p-gift-name a,
.p-gift-name a:hover,
.p-gift-name a:focus {
color: var(--color-secondary);
}
.required-asterisk:after {
color: #d63500;
}
.popup-widget::before {
border-color: #dadada;
background-color: #fff;
}
.popup-widget-inner {
color: #666;
border-color: #dadada;
background-color: #fff;
}
.cart-widget {
border-color: #dadada;
background-color: #fff;
}
.cart-widget-button {
background-color: #fff;
}
.responsive-nav .hidden-links {
border-top: 1px solid #f6f6f6;
}
.responsive-nav .hidden-links > li {
border-bottom: 1px solid #f6f6f6;
}
.external-fonts-loaded ol.cart-header,
.external-fonts-loaded .next-step,
.external-fonts-loaded .price-wrapper,
.external-fonts-loaded .price-additional,
.external-fonts-loaded .price-measure,
.external-fonts-loaded .price-final,
.external-fonts-loaded .price-save,
.external-fonts-loaded .price-standard,
.external-fonts-loaded .btn,
.external-fonts-loaded .products .name {
font-family: var(--template-headings-font), sans-serif;
}
@media (max-width: 767px) {
#navigation {
background-color: #fff;
}
}
.top-navigation-bar {
border-top-color: #dadada;
border-bottom-color: #dadada;
background-color: #fff;
}
.top-navigation-bar a,
.top-navigation-bar .dropdown button {
color: #b2b2b2;
}
.top-navigation-bar a:hover,
.top-navigation-bar .dropdown button:hover {
color: var(--color-primary);
}
.top-navigation-menu,
.top-navigation-contacts {
background-color: #fff;
}
.dropdown-menu {
border-color: #dadada;
}
.top-navigation-bar-menu-helper,
.dropdown-menu {
background-color: #fff;
}
.top-navigation-bar-menu-helper li a,
.dropdown-menu li a {
color: #b2b2b2;
}
.top-navigation-bar-menu-helper li a::before,
.dropdown-menu li a::before {
background-color: var(--color-primary);
}
.top-navigation-bar-menu-helper li a:hover,
.dropdown-menu li a:hover {
color: var(--color-primary);
background-color: #f6f6f6;
}
.top-navigation-bar-menu li::before {
color: #dadada;
}
.top-navigation-bar-menu-helper {
border-color: #dadada;
background-color: #fff;
}
.top-navigation-menu-trigger::before {
color: #b2b2b2;
}
.top-navigation-menu-trigger:hover::before {
color: var(--color-primary);
}
.responsive-tools > a[data-target='navigation']::before {
color: #fff;
background-color: #666;
}
.more-items-trigger {
color: var(--color-primary);
background-color: #fff;
}
.more-items-trigger:hover {
color: var(--color-primary-hover);
}
@media (min-width: 768px) {
.menu-helper {
background-color: transparent;
}
.menu-helper > span::before {
background-color: #666;
color: #fff;
}
}
.breadcrumbs > span > a::before,
.breadcrumbs > span > a::after {
background-color: #dadada;
}
.sidebar {
background-color: #f6f6f6;
}
.sidebar-inner > div {
border-color: #d0d0d0;
}
.subcategories li a {
border-color: #dadada;
background-color: #fff;
color: #b2b2b2;
}
.subcategories li a:hover {
color: var(--color-primary);
}
.subcategories li a:hover::after {
background-color: rgba(18, 52, 86, 0.06);
}
#footer h5 {
font-family: sans-serif;
}
.external-fonts-loaded #footer h5 {
font-family: var(--template-font), sans-serif;
}
#footer > .container {
background-color: #fff;
}
#footer .contact-box a,
#footer .password-helper a,
#footer .news-item-widget a,
#footer ul a {
color: #666;
}
#footer .contact-box a:hover,
#footer .password-helper a:hover,
#footer .news-item-widget a:hover,
#footer ul a:hover {
color: var(--color-primary);
}
.news-item-widget time {
color: #b2b2b2;
}
.custom-footer,
.footer-bottom,
.footer-links-icons {
border-color: #dadada;
}
#signature a {
color: #b2b2b2;
}
#signature a:hover {
color: var(--color-primary);
}
.form-control,
select {
border-color: #dadada;
}
.cart-widget-product {
border-bottom-color: #dadada;
}
.cart-widget-product-name a {
color: #666;
}
.cart-widget-product-name a:hover {
color: var(--color-primary);
}
.cart-widget-product-name > span {
color: var(--color-primary);
}
.cart-widget-product-amount,
.cart-widget-product-unit {
color: #b2b2b2;
}
.cart-widget-product-delete button {
color: #666;
}
.cart-widget-product-delete button:hover {
color: #d63500;
}
.cart-free-shipping strong {
color: var(--color-tertiary);
}
.extra::before,
.discount-coupon::before {
color: #dadada;
}
.extra strong {
color: var(--color-primary);
}
.products > div {
border-color: #dadada;
}
.category-appendix,
.product-appendix {
color: #b2b2b2;
}
.price-final .pr-list-unit {
color: #666;
}
.p-price .price-final {
color: #666;
}
.p-total .price-final {
color: #666;
}
.price-additional,
.price-measure {
color: #b2b2b2;
}
.price-secondary {
color: #b2b2b2;
}
.price-primary {
color: #333;
}
.category-header {
background-color: #f6f6f6;
}
.category-header input[type='radio'] + label:hover {
color: var(--color-primary);
background-color: #fff;
}
.category-header input[type='radio']:checked + label {
color: var(--color-primary);
background-color: #fff;
}
.p-detail-info {
color: #b2b2b2;
}
.p-detail-info a {
color: #b2b2b2;
}
.p-detail-info a:hover {
color: var(--color-primary);
}
.p-detail-info > div + div::before {
color: #dadada;
}
.detail-parameters th {
color: #b2b2b2;
}
.confirm-wrapper {
border-color: #dadada;
}
.price-final {
color: #333;
}
.confirmation {
color: var(--color-primary);
}
input[type='checkbox'] + label.confirmation::before {
border-color: var(--color-primary);
}
input[type='checkbox']:checked + label.confirmation::before {
border-color: var(--color-primary);
}
input[type='checkbox']:checked + label.confirmation::after {
background-color: var(--color-primary);
}
body.ordering-process {
background-color: #f6f6f6;
}
.ordering-process .content-wrapper {
background-color: transparent;
}
.cart-content {
background-color: #fff;
}
.cart-header {
border-color: #dadada;
background-color: #fff;
}
.cart-header li {
border-bottom-color: #dadada;
}
.cart-header li.active a,
.cart-header li.active strong {
border-bottom-color: var(--color-primary);
}
.cart-header li a:hover {
border-bottom-color: var(--color-primary);
}
a.next-step-back {
color: #666;
}
.co-box,
.cart-item > div {
border-color: #dadada;
}
.cart-item-price .price-final {
color: #666;
}
.co-box h4::before {
color: var(--color-primary);
}
.free-gift-sublabel {
color: #7dc001;
}
.order-summary-item.price {
border-top-color: var(--color-secondary);
}
.recapitulation-single > strong span {
color: var(--color-primary);
}
.summary-thx {
color: var(--color-secondary);
}
.p .name {
color: var(--color-primary);
}
.p .name:hover {
color: var(--color-primary-hover);
}
.p:hover .btn-cart {
border-color: var(--color-secondary-hover);
color: #fff;
background-color: var(--color-secondary-hover);
}
.p:hover .btn-primary {
border-color: var(--color-primary-hover);
color: #fff;
background-color: var(--color-primary-hover);
}
.p:hover .name {
color: var(--color-primary);
}
.homepage-box {
border-top-color: #dadada;
border-bottom-color: #dadada;
background-color: #f6f6f6;
}
.latest-contribution-info {
color: #b2b2b2;
}
.latest-contribution-description {
color: #666;
}
.latest-contribution-inner:hover .latest-contribution-product {
color: var(--color-primary);
}
.order-summary-heading {
color: var(--color-primary);
}
ul.manufacturers > li {
border-bottom-color: #dadada;
}
ul.manufacturers > li:hover h2 {
color: var(--color-primary);
}
#cboxContent {
border-color: #dadada;
}
ol.top-products li::before {
background-color: var(--color-primary);
color: #fff;
}
ol.top-products li a {
color: #666;
}
ol.top-products li a:hover .top-products-name {
color: var(--color-primary);
}
.id--15 #content {
background-color: #fff;
}
.social-buttons {
background-color: #fff;
}
.free-gifts-img .free-gifts-img-hover img {
border-color: #dadada;
}
.languagesMenu__content {
background-color: #fff;
border: 1px solid #dadada;
}
@media (min-width: 768px) {
.languagesMenu__content {
border: 0;
}
}
.languagesMenu__header {
color: #b2b2b2;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.languagesMenu__header:hover {
color: var(--color-primary);
}
.languagesMenu__list {
background-color: #fff;
}
.languagesMenu__header--name {
color: #000000;
}
.languagesMenu__box.open .languagesMenu__header {
color: var(--color-primary);
}
.languagesMenu__list__link--currency:before {
content: '\2022';
color: var(--color-primary);
font-weight: bold;
width: 1em;
}
.languagesMenu .languagesMenu__list__link {
color: #b2b2b2;
}
.languagesMenu .languagesMenu__list__link:hover {
color: var(--color-primary);
background-color: #f6f6f6;
}
@font-face {
font-family: 'shoptet';
src: url('https://cdn.myshoptet.com/usr/api2.dklab.cz/user/documents/_doplnky/templateCrystal/shared/fonts/shoptet/shoptet.woff2?v1') format('woff2'), url('https://cdn.myshoptet.com/usr/api2.dklab.cz/user/documents/_doplnky/templateCrystal/shared/fonts/shoptet/shoptet.woff?v1') format('woff');
font-weight: normal;
font-style: normal;
}
[class^='icon-'],
[class*=' icon-'] {
font-family: 'shoptet' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-facebook::before {
content: '\e900';
}
.icon-twitter::before {
content: '\e901';
}
.icon-google::before {
content: '\e902';
}
.icon-youtube::before {
content: '\e903';
}
.icon-pinterest::before {
content: '\e904';
}
.icon-skype::before {
content: '\e905';
}
.icon-icq::before {
content: '\e906';
}
.icon-msn::before {
content: '\e907';
}
.icon-jabber::before {
content: '\e908';
}
.icon-instagram::before {
content: '\e909';
}
.icon-arrow-down::before {
content: '\e90a';
}
.icon-arrow-left::before {
content: '\e90b';
}
.icon-arrow-right::before {
content: '\e90c';
}
.icon-arrow-up::before {
content: '\e90d';
}
.icon-chevron-down::before {
content: '\e90e';
}
.icon-chevron-left::before {
content: '\e90f';
}
.icon-chevron-right::before {
content: '\e910';
}
.icon-chevron-up::before {
content: '\e911';
}
.icon-close::before {
content: '\e912';
}
.icon-tick::before {
content: '\e913';
}
.icon-menu::before {
content: '\e914';
}
.icon-filter-grip::before {
content: '\e915';
}
.icon-ellipsis-h::before {
content: '\e916';
}
.icon-info::before {
content: '\e917';
}
.icon-plus::before {
content: '\e918';
}
.icon-minus::before {
content: '\e919';
}
.icon-star-half::before {
content: '\e91a';
}
.icon-star-off::before {
content: '\e91b';
}
.icon-star-on::before {
content: '\e91c';
}
.icon-rating::before {
content: '\e91d';
}
.icon-comment::before {
content: '\e91e';
}
.icon-home::before {
content: '\e91f';
}
.icon-search::before {
content: '\e920';
}
.icon-cart::before {
content: '\e921';
}
.icon-login::before {
content: '\e922';
}
.icon-address::before {
content: '\e923';
}
.icon-message::before {
content: '\e924';
}
.icon-box::before {
content: '\e925';
}
.icon-wallet::before {
content: '\e926';
}
.icon-watchdog::before {
content: '\e927';
}
.icon-print::before {
content: '\e928';
}
.icon-calc::before {
content: '\e929';
}
.icon-discount::before {
content: '\e92a';
}
.icon-mobile::before {
content: '\e92b';
}
.icon-phone::before {
content: '\e92c';
}
.icon-phone-ringing::before {
content: '\e92d';
}
.icon-van::before {
content: '\e92e';
}
.icon-ban::before {
content: '\e92f';
}
.icon-lock::before {
content: '\e930';
}
.icon-lock2::before {
content: '\e931';
}
.icon-unlock::before {
content: '\e932';
}
.icon-share::before {
content: '\e933';
}
.icon-tag::before {
content: '\e934';
}
.icon-box-opened::before {
content: '\e935';
}
.icon-folder::before {
content: '\e936';
}
.icon-facebook-square::before {
content: '\e937';
}
.icon-play::before {
content: '\e938';
}
.icon-pause::before {
content: '\e939';
}
.icon-next::before {
content: '\e93a';
}
.icon-previous::before {
content: '\e93b';
}
.icon-expand::before {
content: '\e93c';
}
.icon-contract::before {
content: '\e93d';
}
.icon-degree-360::before {
content: '\e93e';
}
.icon-gift::before {
content: '\e93f';
}
.icon-tiktok::before {
content: '\e940';
}
.icon-sort::before {
content: '\e941';
}
.icon-filter::before {
content: '\e942';
}
.icon-response::before {
content: '\e943';
}
.icon-trash::before {
content: '\e944';
}
.icon-book::before {
content: '\e945';
}
.quantity-discounts {
background: none;
border-bottom: #dadada;
font-size: 14px;
line-height: 1.384615;
margin-bottom: 19px;
margin-top: 0;
padding: 0;
}
.quantity-discounts__headline {
color: #666;
font-size: 1.1em;
font-weight: 700;
line-height: 1.1;
margin-bottom: 9.5px;
text-transform: none;
}
.quantity-discounts__item {
background: #fff;
border: 1px solid #dadada;
cursor: pointer;
display: flex;
gap: 0 10px;
justify-content: space-between;
margin-bottom: 0;
padding: 8px 10px;
}
@media (min-width: 480px) {
.quantity-discounts__item {
padding-left: 20px;
padding-right: 20px;
}
}
.quantity-discounts__item:first-child {
border-radius: 0 0 0 0;
}
.quantity-discounts__item--highlighted {
background: #fff;
color: #666;
cursor: default;
font-weight: 700;
outline: 2px solid;
outline-color: var(--color-secondary);
outline-offset: -2px;
}
.quantity-discounts__item + .quantity-discounts__item {
margin-top: -1px;
}
.quantity-discounts__save {
margin-right: 11px;
padding-top: 13px;
text-align: right;
}
@media (min-width: 480px) {
.quantity-discounts__save {
margin-right: 21px;
}
}
.quantity-discounts__price-wrapper {
flex-shrink: 0;
text-align: right;
}
.site-msg.information {
position: fixed;
z-index: 10;
max-width: none;
width: 300px;
opacity: 1;
box-shadow: none;
color: white;
text-align: center;
background: black;
text-transform: uppercase;
padding: 20px 30px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.site-msg.information .close {
right: -19px;
top: -9px;
margin-top: 0px;
}
.site-msg.information .close::before,
.site-msg.information .close::after {
background: white;
}
.msg.msg-success,
.msg.msg-notice {
border-color: #545454;
color: white;
background-color: #545454;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.msg-info,
.msg-warning {
background: #545454 !important;
border: 0px !important;
color: white !important;
font-weight: 700 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.site-msg.cookies {
background: black !important;
color: white !important;
}
.site-msg.cookies a {
color: #e2e2e2 !important;
text-decoration: underline;
}
.site-msg.cookies a:hover {
color: white !important;
text-decoration: none;
}
.site-msg.cookies button.btn {
background: white !important;
border-color: white !important;
color: black !important;
text-decoration: none;
}
.site-msg.cookies button.btn:hover {
background: #e2e2e2 !important;
border-color: #e2e2e2 !important;
color: black !important;
text-decoration: none;
}
#content h2 {
color: black !important;
}
#content {
padding-bottom: 40px !important;
}
#content .content-inner {
margin: 0px !important;
max-width: 100% !important;
}
#content form fieldset.last-child-with-margin .form-group label {
display: block !important;
float: none !important;
font-weight: 700 !important;
}
#content form fieldset.last-child-with-margin .form-group input {
width: 350px !important;
max-width: 100% !important;
}
hr {
border: 0px;
border-top: 1px solid black;
}
#content h1,
#content h2,
#content h3,
#content h4,
#footer h4,
div.h4,
.news-item .text a.title,
#topBoxes .head {
text-transform: uppercase;
}
.overall-wrapper {
background: white;
}
@media screen and (min-width: 1600px) {
.overall-wrapper {
box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.4);
max-width: 1518px;
margin: auto;
padding: 0px 40px 0px 40px;
}
}
@media screen and (max-width: 767px) {
.overall-wrapper,
.type-index .overall-wrapper,
.ordering-process .overall-wrapper {
padding-top: 104px;
}
.site-msg.information {
left: 0px;
margin-left: 0px;
width: 100%;
background: #373737;
}
}
.top-navigation-bar .container > div.top-navigation-tools--language {
display: flex;
}
.top-navigation-bar {
padding-top: 7px !important;
padding-bottom: 5px !important;
background: white !important;
border: 0px !important;
color: #535353;
text-transform: uppercase;
font-size: 80%;
}
.top-navigation-bar .container {
position: relative;
}
.top-navigation-bar a,
.site-msg.information a {
color: #535353;
}
.top-navigation-bar a:hover,
.site-msg.information a:hover {
color: #adadad;
}
.top-navigation-bar .top-navigation-menu {
display: none !important;
}
.top-navigation-bar .project-email {
text-transform: none !important;
}
.top-navigation-bar .dropdown > span {
display: inline;
}
.top-navigation-bar .dropdown > span:before {
content: '\e926';
font-family: 'shoptet';
position: relative;
top: 1px;
padding-right: 4px;
}
.top-navigation-bar .dropdown button {
color: #535353;
-webkit-transition: 350ms;
-moz-transition: 350ms;
-ms-transition: 350ms;
-o-transition: 350ms;
transition: 350ms;
}
.top-navigation-bar .dropdown button:hover {
color: #adadad;
}
.admin-logged .popup-widget.login-widget {
z-index: 61;
}
#header {
background: white !important;
border-bottom: 1px solid #e8e9e9;
margin-bottom: 10px;
}
#header .site-name a img {
max-height: 90px;
position: relative;
}
#header .search > .social {
display: none;
}
#header .search > .social > a {
display: inline-block;
width: 22px;
height: 22px;
line-height: 22px;
background: black;
color: white;
margin-right: 3px;
border-radius: 2px;
transition: opacity 350ms;
opacity: 0.6;
text-align: center;
vertical-align: middle;
}
#header .search > .social > a:hover {
opacity: 1;
}
#header .search > .social > a:before {
font-family: 'shoptet';
font-size: 12px;
}
#header .search > .social > a.phone:before {
content: '\e92c';
}
#header .search > .social > a.cell:before {
content: '\e92b';
}
#header .search > .social > a.email:before {
content: '\e924';
}
#header .search > .social > a.fb:before {
content: '\e900';
}
#header .search > .social > a.ig:before {
content: '\e909';
}
#header .search > .social > a.tw:before {
content: '\e901';
font-size: 10px;
}
@media screen and (min-width: 768px) {
.popup-widget.cart-widget {
top: 70px !important;
}
.admin-logged .popup-widget.cart-widget {
top: 95px !important;
}
.languagesMenu__header {
padding: 0px 5px;
line-height: 1;
}
.multiple-columns-body .wide-carousel {
padding-left: 0px;
}
.multiple-columns-body .content {
width: calc(100% - 285px);
}
.multiple-columns-body .wide-carousel {
margin-right: -20px;
}
.top-navigation-contacts {
display: none !important;
}
.top-navigation-bar .dropdown {
margin-right: 16px;
}
#header {
height: 158px;
position: sticky;
top: -118px;
z-index: 52;
}
#header .site-name {
text-align: center;
width: 230px;
position: absolute;
top: 2px;
left: 50%;
margin-left: -115px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
#header .search {
flex: none;
position: absolute;
top: 42px;
left: 20px;
z-index: 53;
width: 230px !important;
}
#header .search .form-control {
height: 30px;
padding: 7px 12px;
}
#header .search .btn {
padding: 1px 9px 4px;
height: 26px;
top: 2px;
right: 2px;
background: white;
color: black;
border-color: white;
font-size: 0px;
}
#header .search .btn:before {
content: '\e920';
font-family: 'shoptet';
font-size: 14px;
}
#header .search .btn:hover {
background: white !important;
border-color: white !important;
color: #adadad !important;
}
.top-navigation-bar .top-navigation-tools {
flex: none;
position: absolute;
top: 54px;
right: 153px;
z-index: 60;
}
.header-top .btn.cart-count .cart-price {
display: inline !important;
}
.header-top .btn.cart-count i {
position: absolute;
left: -16px;
top: 0;
width: 14px;
height: 14px;
padding: 2px;
font-size: 11px;
font-style: normal;
line-height: 10px;
border-radius: 50%;
}
.header-top .btn.cart-count::before {
vertical-align: middle;
margin-right: 5px;
font-size: 135%;
position: relative;
top: -1px;
}
#header .cart-count {
flex: none;
position: absolute;
top: 45px;
left: auto;
right: 20px;
font-size: 80%;
}
.header-top .cart-count span {
-webkit-transition: 350ms;
-moz-transition: 350ms;
-ms-transition: 350ms;
-o-transition: 350ms;
transition: 350ms;
}
.header-top .search button.btn.btn-default {
border-color: #dadada;
background-color: #dadada;
color: black;
-moz-border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.top-nav-button-login:before,
.top-nav-button-account:before {
content: '\e922';
font-family: 'shoptet';
position: relative;
top: 1px;
padding-right: 4px;
}
.top-navigation-contacts a:before {
position: relative;
top: -1px;
font-size: 120%;
}
#navigation {
top: 20px;
height: 40px;
background-color: transparent;
}
.navigation-in {
background-color: transparent;
border-top: 0px;
}
.fitted .navigation-in ul {
justify-content: center;
}
.menu-helper {
top: 121px;
}
.menu-helper > span {
height: 40px;
}
.menu-helper > span::before {
height: 40px;
line-height: 39px;
}
.menu-helper > ul {
overflow: visible;
}
.navigation-in > ul > li {
border-color: black !important;
}
.navigation-in > ul > li > a {
color: white;
text-transform: uppercase;
font-size: 100%;
padding-top: 13px;
padding-bottom: 13px;
}
.navigation-in > ul > li > ul,
.menu-helper > ul > li > ul {
padding-bottom: 0px;
padding-top: 10px;
}
.navigation-in > ul > li.ext > ul > li > div > a {
color: #343434;
font-weight: 400;
text-transform: uppercase;
}
.navigation-in > ul > li.ext > ul > li > div > a:hover,
.navigation-in > ul > li.ext > ul > li:hover > div > a,
.navigation-in > ul > li > a:hover {
color: #adadad !important;
}
.navigation-in > ul > li.ext > ul > li > div > ul {
display: none;
}
.navigation-in > ul > li#nav-manufacturers > ul {
display: none !important;
}
.navigation-in > ul > li.ext.exp > ul {
top: 40px;
}
.navigation-in > ul > li.ext.exp:hover > ul {
-webkit-box-shadow: 0px 21px 30px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 21px 30px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 21px 30px 0px rgba(0, 0, 0, 0.3);
}
.navigation-in > ul > li.ext > ul > li {
min-height: 0px;
}
.navigation-in > ul > li.ext > ul > li .menu-no-image {
display: block;
width: 100%;
text-align: left;
}
.navigation-in > ul > li.ext > ul > li > div > a {
display: block;
padding: 5px 0px 5px 0px;
}
#header .search > .social {
display: block;
position: absolute;
top: 4px;
left: 100%;
padding-left: 7px;
white-space: nowrap;
}
}
@media screen and (min-width: 992px) {
.popup-widget.login-widget::before {
right: 85px;
}
.popup-widget.login-widget {
top: 70px;
}
.admin-logged .popup-widget.login-widget {
top: 95px;
}
}
@media screen and (min-width: 1200px) {
.popup-widget.login-widget::before {
right: 178px;
}
.one-column-body .products-block > div {
width: 25%;
}
.top-navigation-bar .top-navigation-tools {
right: 153px;
}
}
@media screen and (min-width: 1600px) {
.top-navigation-bar .top-navigation-tools {
right: 165px;
}
}
@media screen and (max-width: 1200px) {
#header .search {
width: 200px !important;
}
}
@media screen and (max-width: 991px) {
#header .site-name {
width: 180px;
margin-left: -93px;
}
#header .container,
.top-navigation-bar .container {
width: 100% !important;
}
.navigation-in > ul > li > a {
font-size: 90%;
}
.top-navigation-bar .dropdown > span {
display: none;
}
#header .search .form-control {
font-size: 85%;
}
#header .search {
width: 160px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.header-top .btn.cart-count i {
left: 2px;
top: -9px;
}
}
@media screen and (max-width: 767px) {
.search-window-visible #header .search {
padding: 14px 20px 19px;
}
#header {
border: 0px;
background-color: white;
margin-bottom: 0px;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
z-index: 53;
}
#header .site-name {
margin: 0;
text-align: center;
position: absolute;
top: 8px;
left: 0px;
width: 100%;
height: 40px;
}
#header .site-name a img {
max-height: 40px;
position: relative;
top: 0px;
}
body.navigation-window-visible .responsive-tools > a[data-target='navigation']::before {
content: '\e912';
}
body.navigation-window-visible .navigation-close {
display: none;
}
.top-navigation-bar {
padding-top: 3px !important;
padding-bottom: 3px !important;
background: white !important;
color: black;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
z-index: 52;
}
.top-navigation-bar > .container {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
}
.responsive-tools > a[data-target='navigation'] {
right: 10px;
}
.top-navigation-bar a {
color: white;
}
.responsive-tools {
padding-top: 5px;
padding-bottom: 5px;
position: relative;
top: 15px;
margin-left: -10px;
margin-right: -10px;
margin-top: 36px;
width: calc(100% + 20px);
}
.languagesMenu {
position: absolute;
left: 50%;
margin-left: -25px;
top: 63px;
}
.languagesMenu .caret {
color: white;
}
#navigation,
.popup-widget.cart-widget,
.popup-widget.login-widget {
top: 104px;
}
.top-navigation-contacts a {
color: black;
}
.navigation-in a,
.menu-helper a {
color: black;
}
#header .cart-count {
top: 64px;
color: white;
}
.header-top .btn.cart-count i {
left: 20px;
top: -3px;
font-size: 12px;
line-height: 13px;
}
.header-top .btn.cart-count::before {
font-size: 27px;
}
.top-navigation-bar .dropdown {
left: 50%;
margin-left: -27px;
top: 67px;
}
.top-navigation-bar .dropdown button {
color: white;
font-size: 12px;
}
.dropdown-menu {
float: left;
min-width: 100px;
}
.navigation-in > ul > li.appended-category > a > b {
font-weight: 700;
}
#header .search {
width: 100% !important;
position: fixed;
top: 104px;
left: 0px;
background: white;
padding: 0px 20px;
}
#navigation {
top: 104px;
width: 0px;
left: 0px;
}
body.mobile-header-version-1 .top-navigation-bar .responsive-tools {
width: calc(100% + 20px);
justify-content: flex-start;
}
body.mobile-header-version-1 .responsive-tools > a[data-target='login'] {
display: block;
}
body.mobile-header-version-1 .responsive-tools > a[data-target='search'] {
margin-right: 0px;
}
body.mobile-header-version-1 .popup-widget.cart-widget,
body.mobile-header-version-1 .popup-widget.login-widget {
padding-top: 0px;
}
.scrolled-down body:not(.ordering-process):not(.search-window-visible) .top-navigation-bar,
.scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .site-name {
transform: none;
}
}
:root {
--msgInformationHeight: 0px;
}
.site-msg.information {
position: relative;
z-index: 10;
bottom: 0px;
left: 0px;
max-width: none;
width: 100%;
opacity: 1;
box-shadow: none;
color: white;
text-align: center;
background: var(--color-secondary);
text-transform: none;
font-weight: 400;
padding: 5px 10px;
font-size: 14px;
}
.site-msg.information .text {
padding-right: 20px;
}
.site-msg .close::before,
.site-msg .close::after {
background: white;
}
.site-msg.information a {
color: white;
text-decoration: underline;
}
.site-msg.information a:hover {
color: white;
text-decoration: none;
}
.site-msg.information .close {
right: 0px;
top: 50%;
margin-top: -6px;
}
.hasMsgInformation .user-action .user-action-in > div {
margin-top: var(--msgInformationHeight);
}
@media (min-width: 992px) {
.hasMsgInformation .user-action .user-action-in > div.popup-widget.cart-widget {
margin-top: calc(18px + var(--msgInformationHeight));
}
}
@media (max-width: 991px) {
.site-msg.information {
font-size: 13px;
}
}
@media (max-width: 767px) {
.site-msg.information {
font-size: 12px;
}
.hasMsgInformation .next-step-back {
margin-top: var(--msgInformationHeight);
}
}
.footer-banners {
margin: 30px 0px 30px 0px;
}
.footer-banners .footer-banner {
text-align: center;
padding: 10px;
}
.footer-banners .footer-banner > a {
overflow: hidden;
}
.footer-banners .footer-banner a:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
#footer .custom-footer {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
border: 0px !important;
color: #7e8082;
margin-top: 0px;
background: #efefef;
overflow: hidden;
}
#footer .site-name {
display: none !important;
}
#footer .custom-footer h4 {
font-weight: 400;
font-size: 120%;
}
#footer .custom-footer > div.extended {
width: 100%;
background: black;
padding-top: 25px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
display: flex;
flex-wrap: wrap;
position: relative;
}
#footer .custom-footer > div.extended:before {
display: block;
content: '';
background: black;
width: 200%;
top: 0px;
height: 100%;
position: absolute;
left: -50%;
z-index: 0;
}
#footer .custom-footer > div.extended .btn.btn-default {
color: #fff;
border-color: #b9b9b9;
background-color: #b9b9b9;
}
#footer .custom-footer > div.extended .btn.btn-default:hover {
color: #fff;
border-color: #be0a2f;
background-color: #be0a2f;
}
#footer .custom-footer > div.extended h4 {
margin-bottom: 0px;
position: relative;
top: 7px;
margin-right: 50px;
color: white;
text-align: left;
line-height: 1.5;
}
#footer .custom-footer > div.extended h4:after {
content: ':';
}
#footer .custom-footer > div.extended .compact-form {
width: 40%;
}
#footer .custom-footer > div.extended:after {
position: absolute;
display: block;
content: '';
top: 50%;
margin-top: -40px;
right: 20px;
height: 82px;
width: 82px;
background: url('https://cdn.myshoptet.com/usr/api2.dklab.cz/user/documents/_doplnky/templateCrystal/shared/img/newsletter.svg') right center no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
#footer .custom-footer > div.extended input[type='checkbox'] + label {
line-height: 1.2;
font-size: 90%;
text-align: left;
margin-top: -15px;
}
#footer .custom-footer > div.extended .form-group label.confirmation,
#footer .custom-footer > div.extended .form-group label.whole-width {
text-align: left;
}
#footer .custom-footer > div.extended a {
text-decoration: underline;
}
#footer .custom-footer > div.extended a:hover {
color: white;
}
#footer .custom-footer > div.extended input.form-control {
border-color: #7a7a7a;
background: #7a7a7a;
color: white;
}
#footer .custom-footer > div.extended .red {
color: white;
}
#footer .custom-footer > div.extended form br {
display: none;
}
#footer .custom-footer > div {
width: 25%;
background: #efefef;
padding-top: 45px;
padding-bottom: 35px;
}
#footer .custom-footer > div ul li > span:before {
margin-top: 1px;
}
#footer .custom-footer > div h4 {
margin-bottom: 13px;
}
#footer .custom-footer > div ul,
#footer .custom-footer > div p,
#footer .custom-footer > div h5 {
font-size: 90%;
}
#footer .custom-footer > div h4 {
color: #0f1010;
}
#footer .custom-footer > div a {
color: #7e8082;
}
#footer .custom-footer > div a:hover {
color: #0f1010;
}
#footer .footer-bottom {
border-top: 0px solid #efefef;
font-size: 90%;
}
#footer .container.footer-rows {
margin: 0px !important;
width: 100% !important;
}
div#facebookWidget {
text-align: center;
}
#facebookWidget h4 {
display: none;
}
#signature img.vam {
display: none !important;
}
#signature img.shoptet {
margin: 0px 6px 0px 10px !important;
}
#signature img.dklab {
margin: 0px 0px 0px 3px !important;
width: 38px !important;
}
#signature img {
position: relative;
top: -4px;
}
#footer .footer-bottom.eet-message.container {
margin-bottom: 0px;
padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
#footer .text-center {
text-align: left;
}
}
@media screen and (min-width: 1200px) {
#footer .custom-footer {
padding-left: 10px;
padding-right: 10px;
}
body > #footer .custom-footer {
padding-left: 8%;
padding-right: 8%;
}
}
@media screen and (max-width: 1280px) {
#footer .custom-footer > div.extended:after {
right: 3%;
}
#footer .custom-footer > div.extended {
padding-left: 3%;
padding-right: 3%;
}
}
@media screen and (max-width: 1200px) {
#footer .custom-footer > div.extended .compact-form {
width: 50%;
}
}
@media screen and (max-width: 991px) {
#footer .custom-footer > div.extended:after {
display: none;
}
#signature {
flex: none;
width: 100%;
text-align: center;
}
#footer .copyright {
flex: none;
text-align: center;
width: 100%;
}
#footer .custom-footer > div.extended h4 {
width: 100%;
margin-bottom: 8px;
}
#footer .custom-footer > div.extended .compact-form {
width: 100%;
}
}
@media screen and (max-width: 767px) {
#footer .custom-footer > div {
width: 100% !important;
padding-left: 10px;
padding-top: 25px;
padding-bottom: 5px;
text-align: center;
}
#footer .custom-footer > div p.text-center {
text-align: center !important;
}
#footer .custom-footer > div.extended {
justify-content: center;
}
#footer .custom-footer > div.extended .form-group label.whole-width {
text-align: center;
font-size: 80%;
}
#footer .custom-footer > div.extended h4 {
text-align: center;
}
#footer .custom-footer > div .instagram-widget {
margin: auto;
}
}
.row.banners-row {
margin: 0px !important;
}
body.mobile #content .row.banners-row > div {
_width: calc(100% + 20px);
margin: 0px -10px;
padding: 0px;
}
.in-index .footer-banners .extended-banner-texts {
top: 10px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
font-size: 90%;
display: flex;
justify-content: center;
align-items: flex-end;
}
.in-index .footer-banners .extended-banner-link {
font-size: 100%;
margin-top: 20px;
position: relative;
top: auto;
left: auto;
right: 0px;
bottom: 0px;
padding: 4px 10px;
font-size: 90%;
}
.welcome-wrapper.homepage-box {
border: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
background: white !important;
color: #373737 !important;
padding-top: 20px !important;
padding-bottom: 30px !important;
line-height: 1.8;
}
.welcome-wrapper h1 {
font-size: 200%;
width: 100%;
margin: 0px 0px 20px 0px !important;
text-transform: uppercase;
text-align: center;
max-width: none;
}
.in-index .h4 {
font-size: 200%;
margin-left: auto;
margin-right: auto;
}
.in-index #content {
padding-bottom: 0px !important;
}
.welcome-wrapper .welcome div {
margin: 0px !important;
max-width: 100% !important;
}
.content-wrapper.homepage-box:not(.welcome-wrapper):not(.before-carousel) {
border: 0px;
background-color: white;
margin: 0px;
padding-bottom: 0px;
}
.content-wrapper.homepage-box:not(.welcome-wrapper):not(.before-carousel) .row.banners-content.body-banners > div,
.content-wrapper.homepage-box:not(.welcome-wrapper):not(.before-carousel) .row.banners-content.body-banners > div img {
width: 100% !important;
}
.next-to-carousel-banners .extended-banner-texts {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
}
.next-to-carousel-banners .extended-banner-title {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.25);
transition: 350ms;
}
.next-to-carousel-banners .extended-banner-title:hover {
background: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 768px) {
.next-to-carousel-banners .extended-banner-texts {
top: 0px;
left: 0px;
width: 100%;
}
.next-to-carousel-banners .extended-banner-title {
font-weight: 300;
text-transform: uppercase;
font-size: 4vw;
}
}
@media screen and (min-width: 992px) {
.footer-banners {
display: flex;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.footer-banners .footer-banner.col-sm-12 {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.next-to-carousel-banners .extended-banner-texts {
top: 0px;
left: 0px;
width: 100%;
}
.next-to-carousel-banners .extended-banner-title {
font-weight: 300;
text-transform: uppercase;
font-size: 15vw;
}
}
.carousel-control {
width: 7%;
}
.extended-banner-title,
.extended-banner-text,
.extended-banner-link {
position: relative;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
padding: 0px;
border: 0px;
background-color: transparent;
box-shadow: none;
display: block;
}
.next-to-carousel-banners .extended-banner-text,
.next-to-carousel-banners .extended-banner-link,
.body-banners .extended-banner-title,
.body-banners .extended-banner-text,
.body-banners .extended-banner-link {
display: none !important;
}
@media screen and (min-width: 768px) {
.in-index.one-column-body #header {
margin-bottom: 0px;
}
.multiple-columns-body #content .row.banners-row .col-sm-8,
.homepage-box.before-carousel .banners-row .col-sm-8 {
width: 100% !important;
padding-left: 0px;
}
.multiple-columns-body #content .row.banners-row .col-sm-4,
.homepage-box.before-carousel .banners-row .col-sm-4 {
width: 100% !important;
padding-left: 0px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
}
.narrow .banners-row .banner-wrapper + .banner-wrapper,
.banners-row .banner-wrapper + .banner-wrapper {
margin-top: 0px;
}
.next-to-carousel-banners {
display: flex;
}
.next-to-carousel-banners .banner-wrapper {
overflow: hidden;
}
.homepage-box.before-carousel {
margin: 0;
padding: 0px;
border: 0px;
background: transparent;
}
.homepage-box.before-carousel .container {
width: 100%;
padding: 0px;
overflow: hidden;
}
.extended-banner-texts {
position: absolute;
top: 50px;
left: 100px;
width: 40%;
}
.multiple-columns-body .extended-banner-texts {
top: 40px;
left: 40px;
}
.multiple-columns-body #carousel .extended-banner-texts {
top: 50px;
left: 7%;
}
.extended-banner-title {
font-weight: 700;
font-size: 500%;
color: white;
}
.multiple-columns-body .extended-banner-title {
font-size: 320%;
line-height: 1;
margin-bottom: 10px;
}
.extended-banner-text {
font-weight: 700;
font-size: 200%;
color: black;
line-height: 1.2;
}
.multiple-columns-body .extended-banner-text {
font-size: 160%;
}
.extended-banner-link {
font-weight: 400;
font-size: 120%;
color: white;
display: inline-block;
padding: 10px 25px 10px 25px;
height: auto;
margin-top: 30px;
transition: background 350ms;
}
.multiple-columns-body .extended-banner-link {
font-size: 100%;
margin-top: 20px;
}
.body-banners.row {
margin-left: -10px;
margin-right: -10px;
}
.body-banners .banner-wrapper {
overflow: hidden;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.extended-banner-texts {
top: 40px;
left: 50px;
width: 50%;
}
.extended-banner-title {
font-size: 360%;
}
.extended-banner-text {
font-size: 140%;
}
.extended-banner-link {
font-size: 100%;
margin-top: 20px;
}
.multiple-columns-body .extended-banner-texts {
top: 20px;
left: 20px;
width: 60%;
}
.multiple-columns-body .extended-banner-title {
font-size: 180%;
}
.multiple-columns-body .extended-banner-text {
font-size: 110%;
}
.multiple-columns-body .extended-banner-link {
font-size: 90%;
margin-top: 10px;
padding: 6px 20px 6px 20px;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.extended-banner-title {
font-size: 380%;
}
.extended-banner-text {
font-size: 180%;
}
.multiple-columns-body .extended-banner-texts {
top: 30px;
left: 30px;
width: 50%;
}
.multiple-columns-body .extended-banner-title {
font-size: 220%;
}
.multiple-columns-body .extended-banner-text {
font-size: 140%;
}
.multiple-columns-body .extended-banner-link {
font-size: 100%;
margin-top: 15px;
padding: 8px 20px 8px 20px;
}
}
@media screen and (min-width: 1440px) {
.multiple-columns-body .extended-banner-title {
font-size: 400%;
}
.multiple-columns-body .extended-banner-text {
font-size: 200%;
}
}
@media screen and (max-width: 767px) {
#carousel {
margin: 0px;
}
.before-carousel {
display: none;
}
.wide-carousel {
margin-left: -10px;
margin-right: -10px;
}
.extended-banner-texts {
position: absolute;
top: 20px;
left: 20px;
width: 60%;
}
.extended-banner-text {
font-weight: 700;
font-size: 100%;
color: black;
line-height: 1.2;
}
.extended-banner-title {
font-weight: 700;
font-size: 200%;
color: white;
}
.extended-banner-link {
font-weight: 400;
font-size: 100%;
color: white;
display: inline-block;
padding: 8px 20px 8px 20px;
height: auto;
margin-top: 20px;
transition: background 350ms;
}
.carousel-control::before {
top: auto;
bottom: 20px;
}
}
.type-category #content {
display: flex !important;
flex-direction: column !important;
}
.type-category #content h1 {
order: -3;
}
.type-category #content .subcategories {
order: -2;
}
.type-category #content .category-perex {
order: -2;
margin: 0px !important;
}
.subcategories li a {
border-color: #dddddd;
background-color: white;
color: #3c3c3c;
}
.subcategories li a::before {
margin-top: 1px;
}
.subcategories li a:hover {
border-color: white !important;
background-color: white !important;
}
.subcategories.with-image li a .image {
width: 40%;
}
.subcategories.with-image li a .image img {
max-height: 37px;
width: auto;
}
.breadcrumbs {
border: 0px;
background-color: transparent;
height: 32px;
overflow: hidden;
font-size: 90%;
}
.breadcrumbs > span > a::before {
display: none;
}
.breadcrumbs > span > a::after {
bottom: 27%;
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
.navigation-home-icon-wrapper::before {
left: 21px;
margin-top: -9px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
body.multiple-columns-body .breadcrumbs {
margin-left: 275px;
}
}
@media screen and (min-width: 992px) {
.breadcrumbs > span > a::before,
.breadcrumbs > span > a::after {
height: 45%;
}
}
@media screen and (max-width: 991px) {
.breadcrumbs {
display: block;
}
.navigation-home-icon-wrapper::before {
left: 23px;
margin-top: -17px;
font-size: 12px;
}
.breadcrumbs .navigation-bullet {
display: inline-block;
padding: 0px 5px;
}
}
@media screen and (max-width: 767px) {
.navigation-home-icon-wrapper::before {
margin-top: 0px;
top: -1px;
left: 3px;
}
.navigation-home-icon-wrapper #navigation-first a {
padding-left: 20px;
}
.container.breadcrumbs-wrapper {
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
}
.breadcrumbs {
position: relative;
height: auto;
margin-left: 0px;
}
}
.products.products-block > div {
border: 0px !important;
margin-bottom: 10px;
}
.product .p-in .name {
text-align: center;
}
.products-inline > div .p .p-in .p-in-in .name {
text-align: left;
}
.products .p-bottom .prices,
.products .p-bottom .p-tools {
flex-basis: 100%;
text-align: center;
}
.p .name {
height: 22px;
}
.products-block .ratings-wrapper .availability {
flex: 1 1 50%;
text-align: center;
}
.products-block .ratings-wrapper .stars-wrapper {
flex: 1 1 50%;
justify-content: center;
}
.btn.btn-cart::before,
a.btn.btn-cart::before,
.btn.add-to-cart-button::before,
a.btn.add-to-cart-button::before {
content: '\e921';
}
.product a.btn::before {
margin-right: 7px;
margin-top: 0px;
font-size: 13px;
font-family: 'shoptet';
content: '\e920';
position: relative;
top: 1px;
left: -2px;
}
.products-block .p-bottom .p-tools {
margin-top: 10px;
}
.products > div {
border-color: white;
}
.products-block .p {
position: relative;
border: 1px solid #dedad7;
padding: 15px;
}
.products-block .product {
transition: transform 0.2s, box-shadow 0.2s;
}
.products-block .product:hover {
transform: scale(1.05);
}
.products-block .product:hover .p {
border: 1px solid white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.advanced-order .products-block .product:hover {
transform: none;
}
.advanced-order .products-block .product:hover .p {
border: 1px solid #dedad7;
box-shadow: none;
}
.product .widget-parameter-wrapper {
justify-content: center;
}
@media screen and (min-width: 1200px) {
.one-column-body .products-block > div {
width: 25%;
}
}
@media screen and (max-width: 1199px) {
.products-block .p {
padding: 10px;
}
}
@media screen and (max-width: 767px) {
.products-block .p-bottom .p-desc {
text-align: center;
}
.products-block.products > div {
padding: 0px;
}
.widget-parameter-wrapper {
padding-top: 10px;
}
.products-block .p-bottom .p-desc {
margin-top: 14px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
body:not(.columns-mobile-2) .products-block.products > div {
padding: 5px;
margin-bottom: 0px;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.columns-mobile-2 .products-block.products > div {
padding: 5px;
margin-bottom: 0px;
}
.columns-mobile-2 .products-block .p {
padding: 5px;
}
.columns-mobile-2 .products-block > div .p .name {
text-align: center;
}
.columns-mobile-2 .products-block > div .ratings-wrapper {
justify-content: center;
}
.columns-mobile-2 .products-block > div .ratings-wrapper .stars-placeholder {
width: auto;
margin-bottom: 0px;
}
.columns-mobile-2 .products-block > div .ratings-wrapper .availability {
text-align: center;
width: 100%;
}
.columns-mobile-2 .products-block > div .p-bottom .p-tools {
text-align: center;
}
}
.sidebar {
background-color: white;
}
.sidebar .box-categories {
border-bottom-width: 0px;
padding: 0px 0px 0px 0px;
margin-left: -20px;
margin-right: -20px;
}
.sidebar .sidebar-inner > div:nth-of-type(1) {
margin-top: -50px;
}
.in-index .sidebar .sidebar-inner > div:nth-of-type(1) {
margin-top: -18px;
}
.sidebar .box-categories h4 {
display: none;
}
.categories,
.sidebar .categories {
margin-left: 0px;
margin-right: 0px;
}
.box-categories .categories a {
color: white;
font-size: 120%;
font-weight: 700;
border-bottom: 1px solid white;
padding: 8px 15px 8px 15px;
}
#categories ul .expandable .cat-trigger {
left: auto;
right: 15px;
}
#categories .expandable > a > span,
#categories .expandable > .topic > a > span {
color: white;
top: 12px;
left: auto;
right: 15px;
font-size: 12px;
}
#categories .expandable > a > span::before,
#categories .expandable > .topic > a > span::before {
content: '\e90e';
}
#categories .expandable.expanded > a > span::before,
#categories .expandable.expanded > .topic > a > span::before {
content: '\e911';
}
.categories .topic.active > a {
color: #343434;
background-color: transparent;
}
.categories li.active > a {
color: #343434;
background-color: transparent;
}
.categories li.active > a:hover {
color: #343434;
background-color: transparent;
}
.box-categories .categories ul a {
font-weight: 400;
font-size: 110%;
}
#categories .expandable > ul {
display: none;
border-left: 15px solid white;
background: rgba(255, 255, 255, 0.25);
}
.sidebar .box-productRating {
padding: 20px 10px;
}
.sidebar .vote-wrap {
font-size: 13px;
}
.sidebar .vote-product-name,
.sidebar .vote-title {
font-size: 16px;
}
.sidebar .vote-name {
font-size: 14px;
}
#categories ul ul .expandable .cat-trigger {
left: auto;
}
#categories ul ul ul .expandable .cat-trigger {
left: auto !important;
}
#categories ul ul ul ul .expandable .cat-trigger {
left: auto !important;
}
.p-detail-inner .chevron-after.chevron-down-after {
display: none;
}
#content .p-detail {
display: flex;
flex-direction: column;
}
#content .p-detail h2.products-related-header {
order: 30;
}
#content .p-detail .products-related.products-additional {
order: 31;
}
#content .p-detail .browse-p {
order: 32;
}
.p-short-description {
font-size: 120%;
}
.shp-tabs-wrapper .shp-tabs-row {
padding-left: 0px;
padding-right: 0px;
}
.shp-tabs-wrapper .description-inner {
padding-left: 0px;
padding-right: 0px;
}
#description h3 {
font-size: 180% !important;
}
#description .extended-description h3 {
font-size: 140% !important;
margin-top: 30px;
}
h2.products-related-header {
font-size: 180% !important;
}
.p-thumbnails a {
float: none;
display: inline-block;
}
.p-thumbnails a img {
border-color: white;
}
table.detail-parameters {
background: white;
border: 0px solid white;
color: black;
}
#content .variant-submit .add-to-cart-button.btn-plain {
height: 48px;
border-radius: 3px;
padding-right: 6px;
margin-left: -1px;
}
.advanced-parameter-inner img {
border-radius: 0px;
}
.advanced-parameter-inner {
border-radius: 0px;
}
.js-hidden.visible,
.js-hidden.visible-permanent {
visibility: visible;
position: inherit;
max-height: none;
max-width: none;
overflow: visible;
transform: scaleY(1) scaleX(1);
transform-origin: center;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div#discussionWrapper.unveiled .add-comment.discussion-form-trigger {
display: block !important;
}
div#discussionWrapper.unveiled .discussion-form {
display: none;
}
div#discussionWrapper .discussion-form {
display: block;
}
@media screen and (min-width: 1200px) {
.p-detail-info,
.p-detail-inner-header {
margin-left: 50%;
padding-left: 20px;
}
.p-image-wrapper {
margin-top: -72px;
}
}
body.ordering-process {
background-color: white;
}
.ordering-process #header {
border-bottom: 40px solid black;
}
.cart-table tr td {
border-right-color: white;
border-bottom-color: white;
border-bottom-color: #dadada;
}
.detail-parameters th {
color: black;
}
#content form[action='/action/MailForm/SendEmail/'] .form-group label {
float: none;
width: 100%;
font-weight: 700;
line-height: 30px !important;
}
#content form[action='/action/MailForm/SendEmail/'] input.form-control {
min-width: 50%;
}
.cart-content.checkout-box-wrapper h4 {
display: block;
text-transform: uppercase;
font-size: 130%;
color: black;
margin: 10px 0px 19px 0px;
}
.box.co-box h4,
.co-box h4 {
font-weight: 700;
}
span.btn.btn-block.btn-default.toggle-contacts {
background: #f2f2f2;
border-color: #f2f2f2;
color: black;
}
.in-krok-2 #checkoutSidebar .cart-content .form-group label {
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.ordering-process .top-navigation-bar {
position: fixed;
}
.ordering-process .responsive-tools > a[data-target='search'] {
visibility: visible;
}
.ordering-process #header {
border-bottom: 0px;
}
.ordering-process #header {
border-bottom: 0px;
}
.ordering-process .responsive-tools > a[data-target='navigation'] {
top: 48px;
}
.ordering-process .site-name {
display: block;
}
ol.cart-header {
position: relative;
}
ol.cart-header li {
display: block;
border: 0px;
padding-top: 5px;
padding-bottom: 5px;
}
ol.cart-header li a,
ol.cart-header li strong {
padding: 4px 0px;
margin-left: 40px;
display: inline-block;
font-weight: 700;
font-size: 16px;
position: relative;
}
ol.cart-header li.active a,
ol.cart-header li.active strong {
border-bottom: 2px solid var(--color-secondary);
}
ol.cart-header li a span::before,
ol.cart-header li strong span::before {
display: inline-block;
position: absolute;
top: 0px;
left: -40px;
}
}
body.id--12 .sidebar,
body.id--13 .sidebar,
body.id--18 .sidebar,
body.id--43 .sidebar,
body.id--44 .sidebar,
body.id--45 .sidebar,
body.id--46 .sidebar {
display: block;
}
.in-objednavky #content .box.box-sm {
border: 1px solid #e0e0e0;
padding: 25px 20px 8px 20px;
}
.in-objednavky #content table.table,
.in-klient #content table.table,
.in-klient-doklady #content table.table,
.in-klient-slevy #content table.table,
.in-klient-hodnoceni #content table.table,
.in-klient-diskuze #content table.table {
margin-bottom: 0px;
}
.in-objednavky #content table.table.border tbody > tr > td,
.in-klient #content table.table.border tbody > tr > td,
.in-klient-doklady #content table.table.border tbody > tr > td,
.in-klient-slevy #content table.table.border tbody > tr > td,
.in-klient-hodnoceni #content table.table.border tbody > tr > td,
.in-klient-diskuze #content table.table.border tbody > tr > td {
border-width: 0px;
}
.in-objednavky #content table.table ul,
.in-klient #content table.table ul,
.in-klient-doklady #content table.table ul,
.in-klient-slevy #content table.table ul,
.in-klient-hodnoceni #content table.table ul,
.in-klient-diskuze #content table.table ul {
list-style-type: none;
padding-left: 0px;
}
.in-objednavky #content h2 {
font-size: 16px;
font-weight: 700;
display: inline-block;
background: white;
margin: 20px 0px 0px 0px;
padding: 0px;
position: relative;
}
.in-objednavky #content h2:nth-of-type(3) {
margin-left: 10px;
padding: 0px 10px;
position: relative;
top: 11px;
}
.in-objednavky #content .cart-table,
.in-klient #content .cart-table,
.in-klient-doklady #content .cart-table,
.in-klient-slevy #content .cart-table,
.in-klient-hodnoceni #content .cart-table,
.in-klient-diskuze #content .cart-table {
border: 20px solid white;
margin-top: 0px;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
border-collapse: inherit;
}
.in-objednavky #content .cart-table tr > td,
.in-klient #content .cart-table tr > td,
.in-klient-doklady #content .cart-table tr > td,
.in-klient-slevy #content .cart-table tr > td,
.in-klient-hodnoceni #content .cart-table tr > td,
.in-klient-diskuze #content .cart-table tr > td {
border-right-width: 0px;
padding: 4px 5px;
}
.in-objednavky #content .cart-table .row-summary td,
.in-klient #content .cart-table .row-summary td,
.in-klient-doklady #content .cart-table .row-summary td,
.in-klient-slevy #content .cart-table .row-summary td,
.in-klient-hodnoceni #content .cart-table .row-summary td,
.in-klient-diskuze #content .cart-table .row-summary td {
background: #f2f2f2;
text-align: right;
padding: 0px 20px 15px 15px;
}
.in-objednavky #content .cart-table .row-summary td {
padding: 0px 5px 15px 5px;
}
.in-objednavky #content .cart-table .row-summary td dd,
.in-klient #content .cart-table .row-summary td dd,
.in-klient-doklady #content .cart-table .row-summary td dd,
.in-klient-slevy #content .cart-table .row-summary td dd,
.in-klient-hodnoceni #content .cart-table .row-summary td dd,
.in-klient-diskuze #content .cart-table .row-summary td dd {
display: inline-block;
width: 150px;
}
.in-objednavky #content th,
.in-klient #content th,
.in-klient-doklady #content th,
.in-klient-slevy #content th,
.in-klient-hodnoceni #content th,
.in-klient-diskuze #content th {
border-color: #8b8b8b;
background: #8b8b8b;
color: white;
padding: 5px;
text-transform: uppercase;
font-size: 13px;
text-align: left;
}
.in-objednavky #content .box-bg-default .table td {
vertical-align: top;
}
.in-objednavky #content .cart-table tr:not(.row-summary) th,
.in-objednavky #content .cart-table tr:not(.row-summary) td {
text-align: right;
}
.in-objednavky #content .cart-table tr:not(.row-summary) th:nth-of-type(1),
.in-objednavky #content .cart-table tr:not(.row-summary) td:nth-of-type(1) {
text-align: left;
}
.in-klient-slevy #content .table {
margin-bottom: 20px !important;
}
.in-objednavky #content dl {
margin-bottom: 0px;
}
.in-objednavky #content dt {
display: inline;
}
.in-objednavky #content dd {
display: inline;
margin-left: 6px;
}
.in-objednavky #content dd:after {
display: block;
content: '';
height: 5px;
overflow: hidden;
}
.in-objednavky #content dt:before {
display: block;
content: '';
height: 1px;
overflow: hidden;
}
.in-objednavky #content dd:after {
display: none;
}
.client-center-box > ul > li:nth-last-of-type(1) {
display: none;
}
@media screen and (max-width: 767px) {
.in-klient table,
.in-klient table tbody,
.in-klient table thead,
.in-klient table tr,
.in-klient table td,
.in-klient table th,
.in-objednavky table,
.in-objednavky table tbody,
.in-objednavky table thead,
.in-objednavky table tr,
.in-objednavky table td,
.in-objednavky table th,
.in-nastaveni table,
.in-nastaveni table tbody,
.in-nastaveni table thead,
.in-nastaveni table tr,
.in-nastaveni table td,
.in-nastaveni table th {
display: block;
text-align: center;
}
.in-klient table td,
.in-klient table th,
.in-objednavky table td,
.in-objednavky table th,
.in-nastaveni table td,
.in-nastaveni table th {
border: 0px !important;
}
.in-klient table tr,
.in-objednavky table tr,
.in-nastaveni table tr {
padding: 10px;
}
.in-klient table thead tr,
.in-objednavky table thead tr,
.in-nastaveni table thead tr {
background: #eeeeee;
}
.in-klient table tbody tr,
.in-objednavky table tbody tr,
.in-nastaveni table tbody tr {
border-bottom: 1px solid #cccccc !important;
}
.sidebar-inner > div.box.client-center-box {
margin-top: 30px;
}
.in-objednavky #content .cart-table tr > td.p-name {
flex: 1 1 100%;
}
.in-objednavky #content .cart-table tr > td {
width: 100%;
}
.in-objednavky #content .cart-table tr {
padding: 0px;
}
.in-objednavky #content .cart-table tr > td:nth-child(even) {
text-align: left;
}
.in-objednavky #content th,
.in-klient #content th,
.in-klient-doklady #content th,
.in-klient-slevy #content th,
.in-klient-hodnoceni #content th,
.in-klient-diskuze #content th {
text-align: center;
}
}
.homepage-blog-wrapper {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
}
@media (min-width: 768px) {
.homepage-blog-wrapper {
padding: 0px 30px;
}
}
.homepage-blog-wrapper .homepage-group-title {
width: 100%;
}
.homepage-blog-wrapper .news-item {
width: 100%;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.homepage-blog-wrapper .news-item {
width: calc(33.33% - 14px);
}
}
.homepage-blog-wrapper .news-item .image {
width: 100%;
margin: 0px 0px 10px 0px;
}
.homepage-blog-wrapper .news-item .description {
margin-bottom: 10px;
}
.homepage-blog-wrapper .news-item .read-article {
text-decoration: underline;
}
.homepage-blog-wrapper .news-item .read-article:hover {
text-decoration: none;
}
body.template-11.dklabCrystal.in-index .sidebar .dklab-delivery-box.position-above-header {
margin-bottom: 23px;
}
body.template-11.dklabCrystal:not(.in-index) .sidebar .dklab-delivery-box.position-above-header {
margin-bottom: 55px;
margin-top: -50px;
}
@media screen and (min-width: 768px) {
.template-11 #oblibeneBtn {
position: absolute;
top: 46px;
right: 260px;
}
.header-top .oblibeneBtn::before {
font-size: 13px !important;
top: 1px !important;
margin-right: 6px !important;
}
.header-top .oblibeneBtn::after {
content: 'Oblíbené';
text-transform: uppercase;
font-weight: 400;
font-size: 80%;
font-family: inherit;
}
.header-top .oblibeneBtn em {
top: -3px !important;
right: auto !important;
left: -9px !important;
}
html[lang='sk'] .header-top .oblibeneBtn::after {
content: 'Obľúbené';
}
html[lang='en'] .header-top .oblibeneBtn::after {
content: 'Favourites';
}
html[lang='de'] .header-top .oblibeneBtn::after {
content: 'Favoriten';
}
html[lang='pl'] .header-top .oblibeneBtn::after {
content: 'Ulubione';
}
html[lang='hu'] .header-top .oblibeneBtn::after {
content: 'Kedvencek';
}
body.dklabFavHeader .top-navigation-bar .dropdown {
margin-right: 122px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.template-11 #oblibeneBtn {
right: 246px;
}
.header-top .oblibeneBtn::after {
display: none;
}
}
@media screen and (max-width: 767px) {
.header-top .oblibeneBtn {
top: 62px !important;
position: fixed;
color: white !important;
}
body.template-11.mobile-header-version-1.dklabCrystal .header-top .oblibeneBtn::before {
font-size: 18px;
}
body.template-11.mobile-header-version-1.dklabCrystal .header-top .oblibeneBtn {
right: auto;
left: 90px;
top: 68px !important;
}
.scrolled-down body.template-11:not(.ordering-process):not(.search-window-visible):not(.mobile-header-version-0).dklabCrystal .oblibeneBtn {
transform: none;
}
}
/* Konverzni barva */
.product button.add-to-cart-button,
#content .product button.add-to-cart-button,
.product a.btn,
#content .product a.btn,
#content .add-to-cart-button,
#continue-order-button,
#orderFormButton,
#submit-order {
color: white !important;
background-color: var(--color-secondary) !important;
border-color: var(--color-secondary) !important;
}
/* Konverzni barva po najeti */
.product button.add-to-cart-button:hover,
#content .product button.add-to-cart-button:hover,
.product a.btn:hover,
#content .product a.btn:hover,
#content .btn:hover,
.product .btn:hover,
#footer .btn:hover,
.search .btn:hover,
#content .add-to-cart-button:hover,
#continue-order-button:hover,
#orderFormButton:hover,
#submit-order:hover {
color: white !important;
background-color: var(--color-secondary-hover) !important;
border-color: var(--color-secondary-hover) !important;
}
/* Barva 1 */
.menu-helper > span::before,
.menu-helper::after,
.menu-trigger::after {
background-color: var(--color-primary);
}
/* Barva 3 */
#content h1,
#content h3,
.in-index .h4,
.welcome-wrapper h1,
#content .p-detail h2.products-related-header,
.radio-wrapper.active label > span b,
.box.co-box h4,
.co-box h4 {
color: var(--color-tertiary) !important;
}
.flag.flag-discount,
.extended-banner-link,
.flag.flag-action {
background-color: var(--color-tertiary);
}
/* Barva 4 */
.flag.flag-freeshipping,
.extended-banner-link:hover,
.flag.flag-tip {
background-color: var(--color-tertiary-hover);
}
/* Barva 3 a 4 */
.sidebar .box-categories {
background: var(--color-tertiary);
background: -moz-linear-gradient(top, var(--color-tertiary) 0%, var(--color-tertiary-hover) 100%);
background: -webkit-linear-gradient(top, var(--color-tertiary) 0%, var(--color-tertiary-hover) 100%);
background: linear-gradient(to bottom, var(--color-tertiary) 0%, var(--color-tertiary-hover) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--color-tertiary), endColorstr=var(--color-tertiary-hover), GradientType=0);
}
@media screen and (min-width: 768px) {
/* Barva 1 */
#header,
.ordering-process #header {
border-bottom: 40px solid var(--color-primary);
}
.navigation-in > ul > li {
border-color: var(--color-primary) !important;
}
#header .search > .social > a {
background: var(--color-primary);
}
/* Konverzni barva */
#header .cart-count,
.header-top .cart-count span {
color: var(--color-secondary);
}
/* Konverzni barva po najeti */
#header .cart-count:hover,
.header-top .cart-count:hover span {
color: var(--color-secondary-hover);
}
}
@media screen and (max-width: 767px) {
/* Konverzni barva */
.header-top .cart-count i,
.navigation-buttons > a[data-target='cart'] i {
background-color: var(--color-secondary);
}
/* Barva 1 */
.responsive-tools {
background-color: var(--color-primary);
}
/* Barva 3 */
.responsive-tools > a[data-target='navigation']::before {
color: var(--color-tertiary);
background-color: white;
}
.navigation-in > ul > li.appended-category > a {
color: var(--color-tertiary);
}
/* Barva 4 */
.top-navigation-bar a:hover {
color: var(--color-tertiary-hover);
}
}
@media (min-width: 1200px) {
body.side-cart-widget:not(.ordering-process) .container {
max-width: 100%;
}
body.side-cart-widget:not(.ordering-process) .overall-wrapper {
margin-right: 255px;
}
body.side-cart-widget:not(.ordering-process) .cart-widget .cart-free-shipping {
bottom: 50px;
}
body.side-cart-widget:not(.ordering-process) .cart-widget .popup-widget-inner .cart-widget-products {
max-height: calc(100% - 120px);
}
body.side-cart-widget:not(.ordering-process) .cart-widget .popup-widget-inner {
height: calc(100% - 46px);
}
body.side-cart-widget:not(.ordering-process) .cart-widget .popup-widget-inner:before {
content: 'Nákupní košík';
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
color: black;
padding: 15px 5px 5px 5px;
display: block;
}
body.side-cart-widget:not(.ordering-process) .user-action .user-action-in > div.cart-widget {
display: flex;
flex-direction: column;
position: fixed;
top: 0px !important;
right: 0px;
margin: 0px;
left: auto;
width: 255px;
box-shadow: none;
height: 100%;
max-height: 100%;
border: 0px;
padding: 10px;
border-left: 10px solid white;
background: #f5f5f5;
}
body.side-cart-widget:not(.ordering-process) .popup-widget.cart-widget::before {
display: none;
}
body.side-cart-widget:not(.ordering-process) .cart-widget-product {
position: relative;
display: flex;
flex-wrap: wrap;
background: white;
border-radius: 4px;
align-items: center;
border: 0px;
margin-bottom: 5px;
}
body.side-cart-widget:not(.ordering-process) .cart-widget-product .cart-widget-product-delete {
visibility: visible;
position: absolute;
top: 1px;
right: 7px;
}
body.side-cart-widget:not(.ordering-process) .cart-widget-product-image {
width: 55px;
height: 50px;
}
body.side-cart-widget:not(.ordering-process) .cart-widget-product-image a {
height: 50px;
}
body.side-cart-widget:not(.ordering-process) .cart-widget .popup-widget-inner {
background-color: transparent;
}
body.side-cart-widget:not(.ordering-process) #continue-order-button {
background: var(--color-tertiary-hover) !important;
border-color: var(--color-tertiary-hover) !important;
padding: 10px;
margin: 10px -10px -10px -10px;
width: calc(100% + 20px);
}
body.side-cart-widget:not(.ordering-process) .cart-widget-button {
background-color: transparent;
padding: 0px;
}
}
@media (min-width: 1921px) {
body.side-cart-widget:not(.ordering-process) .overall-wrapper {
margin-right: auto;
}
body.side-cart-widget:not(.ordering-process) .user-action .user-action-in > div.cart-widget {
right: auto;
left: 50%;
transform: translate(780px, 0px);
}
}