/* File: assets/cs/css/normalize.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}


/* File: assets/cs/css/init.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.cl {
  clear: left !important;
}
.cr {
  clear: right !important;
}
.cb {
  clear: both !important;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.no-border {
  border: none !important;
}
.hide {
  display: none !important;
}
body:not(.no-js) .js-hide {
  display: none !important;
}
body:not(.no-js) .js-show {
  display: block !important;
}
.only-mobile,
.only-desktop,
.only-tablet,
.only-tablet-desktop {
  display: none !important;
}
body.mobile .only-mobile {
  display: block !important;
}
body.tablet .only-tablet {
  display: block !important;
}
body:not(.mobile):not(.tablet) .only-desktop {
  display: block !important;
}
body:not(.mobile) .only-tablet-desktop {
  display: block !important;
}
.big {
  font-size: 1.5em !important;
}
.bigger {
  font-size: 2em !important;
}
.small {
  font-size: 0.9em !important;
}
.bold {
  font-weight: bold !important;
}
.thin {
  font-weight: 300 !important;
}
.italic {
  font-style: italic !important;
}
.normal {
  font-weight: normal !important;
  font-style: normal !important;
}
.lower {
  text-transform: lowercase !important;
}
.upper {
  text-transform: uppercase !important;
}
.red {
  color: #f00 !important;
}
.green {
  color: #008000 !important;
}
.grey {
  color: #808080 !important;
}
.reset {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  background: none !important;
  border: none !important;
  font-weight: normal !important;
  text-align: left !important;
  width: auto !important;
  height: auto !important;
  color: inherit !important;
}
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.vat {
  vertical-align: top !important;
}
.vam {
  vertical-align: middle !important;
}
.vab {
  vertical-align: bottom !important;
}
.nowrap {
  white-space: nowrap !important;
}
.error {
  border: 3px #f00;
  color: #f00;
}
.success {
  border: 3px #008000;
  color: #008000;
}
.disabled {
  opacity: 0.4;
}
.disabled:hover {
  cursor: not-allowed;
}
.width-10 {
  width: 10% !important;
}
.width-20 {
  width: 20% !important;
}
.width-30 {
  width: 30% !important;
}
.width-40 {
  width: 40% !important;
}
.width-50 {
  width: 50% !important;
}
.width-60 {
  width: 60% !important;
}
.width-70 {
  width: 70% !important;
}
.width-80 {
  width: 90% !important;
}
.width-90 {
  width: 90% !important;
}
.width-100 {
  width: 100% !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-45 {
  margin: 45px !important;
}
.m-50 {
  margin: 50px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.pt-30{
  padding-top: 30px !important;
}

/* File: assets/cs/css/app.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
body {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  position: relative;
}
body::before {
  -webkit-transition: background-color 0.5s;
          transition: background-color 0.5s;
}
body.no-scroll {
  overflow: hidden;
  position: relative;
  -webkit-transition: background-color 0.5s;
          transition: background-color 0.5s;
}
body.no-scroll::before {
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}
.wrapper {
  display: block;
  position: relative;
  max-width: 1235px;
  margin: 0 auto;
  padding: 0px 20px;
}
p {
  line-height: 18px;
}
header {
  min-height: 145px;
  padding-bottom: 20px;
}
header .logo {
  position: absolute;
  left: 20px;
  bottom: 15px;
}
header .logo-menu {
  display: none;
  margin: 0 40px 20px 0;
}
#form-opener {
  display: none;
  color: #000;
  padding-left: 30px;
  position: relative;
  line-height: 40px;
  height: 40px;
  vertical-align: middle;
  background: url("../images/icons/search.png") left center no-repeat;
  position: relative;
}
#form-opener:hover {
  text-decoration: underline;
  cursor: pointer;
}
form#search {
  border: 3px solid #e0e0e0;
  font-size: 15px;
  color: #929292;
  float: left;
  margin: 10px 0 0 240px;
  height: 40px;
}
form#search input {
  width: 260px;
  border: 0;
  float: left;
  padding: 9px;
  background: none;
  height: auto;
}
form#search button {
  width: 34px;
  height: 34px;
  background: url("../images/icons/search.png") center no-repeat;
  border: 0;
  padding: 10px;
}
.main-menu {
  clear: both;
  float: left;
  margin: 15px 0 0 240px;
  padding: 0;
  font-size: 15px;
}
.main-menu li {
  list-style-type: none;
  display: inline-block;
}
.main-menu li a {
  color: #626262;
  text-decoration: none;
  margin-right: 20px;
  line-height: 40px;
  height: 40px;
  display: inline-block;
}
.right-top {
  float: right;
  width: 100%;
  margin-top: 15px;
  text-align: right;
}
.right-top a {
  padding-left: 30px;
  text-decoration: none;
  color: #000;
  line-height: 40px;
  display: inline-block;
  height: 40px;
  margin-right: 15px;
  vertical-align: bottom;
  margin-top: 10px;
  -webkit-transition: background-position 0.3s;
          transition: background-position 0.3s;
}
.right-top .lang {
  background: url("../images/icons/lang.png") left center no-repeat;
}
.right-top .user {
  background: url("../images/icons/user.png") left center no-repeat;
}
.right-top .lang:hover,
.right-top .user:hover {
  text-decoration: underline;
}
.right-top .cart {
  background: url("../images/icons/cart-yellow.png") left center no-repeat;
  font-size: 22px;
  font-weight: bold;
}
.right-top .lang:hover,
.right-top .user:hover,
.right-top .cart:hover {
  background-position: left 5px;
}
.designblok {
  float: right;
  margin-top: 10px;
}
.section-header {
  font-size: 46px;
  text-align: center;
  margin: 30px 0;
  padding: 0 15px;
}
.section-header a {
  text-decoration: none;
  color: #000;
}
.section-header a:hover {
  text-decoration: underline;
}
.entries {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 0;
}
.entries.wrapper {
  max-width: 1245px;
  padding: 0 0 0 2%;
}
.entries .entries-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 450px;
  margin-right: 2%;
  margin-bottom: 25px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.entries .entries-item.third {
  width: 31%;
}
.entries .entries-item.half {
  width: 47.5%;
}
.entries .entries-item.two-third {
  width: 64%;
}
.entries .entries-item.full {
  width: 98%;
}
.entries .entries-item.banner {
  background-color: #fcd403;
  background-position: center bottom;
  width: 31%;
}
.entries .entries-item.banner .overlay {
  background: none;
  top: 15px;
  bottom: auto;
  padding-right: 40px;
}
.entries .entries-item.banner .overlay::after {
  display: none;
}
.entries .entries-item.banner .overlay h1,
.entries .entries-item.banner .overlay h2,
.entries .entries-item.banner .overlay p {
  color: #000;
}
.entries .entries-item.banner .overlay h1,
.entries .entries-item.banner .overlay h2 {
  font-size: 46px;
  line-height: 45px;
  position: relative;
  display: inline;
}
.entries .entries-item.banner .overlay h1::after,
.entries .entries-item.banner .overlay h2::after {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  right: -38px;
  bottom: 10px;
  background: url("../images/icons/arrow-black.png") center no-repeat;
}
.entries .entries-item.banner .overlay p {
  font-size: 18px;
  margin-top: 10px;
}
.entries .entries-item .image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.entries .entries-item.singleline .image {
  height: 100px !important;
}
.entries .entries-item .overlay, .video-intro .overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  color: #fcd403;
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  padding: 5px 90px 10px 30px;
  -ms-word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-font-smoothing: subpixel-antialiased;
}
.entries .entries-item .overlay::after,
.video-intro .overlay::after {
  position: absolute;
  content: "";
  width: 27px;
  height: 27px;
  top: 50%;
  right: 35px;
  margin-top: -15px;
  background: url("../images/icons/arrow-yellow.png") center no-repeat;
}
.entries .entries-item .overlay h1,
.entries .entries-item .overlay h2,
.video-intro .overlay h1,
.video-intro .overlay h2 {
  font-size: 26px;
  margin-bottom: 5px;
}
.entries .entries-item .overlay p,
.video-intro .overlay p {
  margin-top: 5px;
  color: #fff;
  font-size: 15px;
}
.stories {
  background-color: #e6e6e6;
  overflow: auto;
}
.stories .entries .entries-item {
  height: 270px;
}
.cta {
  background-color: #e6e6e6;
  overflow: auto;
}
.cta .wrapper {
  font-size: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #000;
  text-decoration: none;
}
.cta .text {
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
.cta h1 {
  font-size: 61px;
  line-height: 68px;
  margin: 0 0 0;
}
.cta h2 {
  font-size: 46px;
  line-height: 46px;
  margin: 0 0 20px;
}
.cta p {
  font-size: 18px;
  line-height: 22px;
}
.cta .arrow {
  width: 30px;
  height: 30px;
  background: url("../images/icons/arrow-black.png") center no-repeat;
}
.cta img {
  max-width: 70%;
  text-align: right;
}
.magazine-home {
  padding-bottom: 20px;
  min-height: 400px;
  overflow: hidden;
}
.magazine-home .magazine-item {
  float: left;
  text-decoration: none;
  color: #000;
}
.magazine-home .magazine-item img {
  margin-bottom: 20px;
}
.magazine-home .magazine-item:first-of-type {
  width: 40%;
  margin-right: 25px;
}
.magazine-home .magazine-item:first-of-type img {
  margin-bottom: 20px;
  width: 100%;
}
.magazine-home .magazine-item:nth-of-type(2) {
  margin-bottom: 10px;
}
.magazine-home .magazine-item:nth-of-type(2),
.magazine-home .magazine-item:nth-of-type(3) {
  width: 40%;
}
.magazine-home .magazine-item:nth-of-type(2) img,
.magazine-home .magazine-item:nth-of-type(3) img {
  float: left;
  margin: 0 20px 10px 0;
}
.magazine-home .magazine-item:nth-of-type(4) {
  position: absolute;
  top: 0;
  right: 20px;
  width: 15%;
}
.magazine-home .magazine-item h2 {
  font-size: 18px;
  margin: 0 0 15px;
}
.magazine-home .magazine-item p {
  text-align: justify;
  margin-top: 0px;
}
.products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
}
.products .product {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: inline-block;
  vertical-align: bottom;
  width: 30%;
  margin: 0 auto 60px;
  padding: 0 20px;
  text-align: center;
  font-size: 19px;
  padding-bottom: 50px;
  position: relative;
}
.products .product a {
  text-decoration: none;
  color: #000;
  display: block;
  width: auto;
}
.products .product .category {
  margin-top: 12px;
}
.products .product h2 {
  font-size: 19px;
  margin: 5px 0 12px;
}
.products .product h2 span {
  font-weight: normal;
}
.products .product .price {
  font-size: 15px;
  margin-bottom: 20px;
}
.products .product .add-to-cart {
  display: inline-block;
  line-height: 52px;
  height: 52px;
  background-color: #fcd403;
  text-align: left;
  padding-left: 20px;
  text-decoration: none;
  color: #000;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 160px;
  margin-left: -80px;
}
.products .product .add-to-cart::after {
  position: absolute;
  content: "";
  width: 24px;
  height: 20px;
  top: 16px;
  right: 15px;
  background: url("../images/icons/add-to-cart.png") center no-repeat;
}
.products .product.badge-new::after {
  pointer-events: none;
  position: absolute;
  content: "";
  width: 61px;
  height: 61px;
  left: 50%;
  top: 40%;
  margin-top: -60px;
  margin-left: 50px;
  background: url("../images/icons/badge-new.png") center no-repeat;
}
.switcher {
  text-align: center;
}
.switcher a {
  display: inline-block;
  background-color: #e6e6e6;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 9px 65px;
  margin-bottom: 5px;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.switcher a.current,
.switcher a:hover {
  background-color: #fcd403;
}
form.filter {
  display: table;
  background-color: #e6e6e6;
  padding: 20px;
  margin: 20px auto 50px;
}
form.filter .filter-wrapper {
  display: table-cell;
}
form.filter .filter-wrapper:not(:last-child) {
  padding-right: 30px;
}
form.filter label {
  font-size: 18px;
  text-transform: uppercase;
  vertical-align: middle;
  margin-right: 10px;
}
form.filter label:not(:first-of-type) {
  margin-left: 20px;
}
form.filter #slider-range {
  min-width: 450px;
  display: inline-block;
  vertical-align: middle;
}
form.filter #slider-range #min-price,
form.filter #slider-range #max-price {
  position: absolute;
  top: 25px;
  font-size: 12px;
  font-weight: bold;
  margin-left: -18px;
  white-space: nowrap;
}
form.filter .ui-corner-all {
  border-radius: 0;
}
form.filter .ui-slider-horizontal {
  height: 20px;
  border: 0;
}
form.filter .ui-widget-header {
  background: #fcd403;
}
form.filter .ui-slider-handle {
  background: #000;
  border: 0;
  border-radius: 50%;
  top: 0;
  width: 20px;
  height: 20px;
  outline: 0;
}
form.filter .ui-slider-handle:hover {
  cursor: pointer;
}
form.filter #price {
  width: 42%;
  background: none;
  border: none;
  padding-top: 23px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
form.filter .styled-select {
  display: inline-block;
}
.product-detail {
  overflow: hidden;
}
.product-detail h1 {
  font-size: 29px;
  display: inline-block;
}
.product-detail .share-product {
  float: right;
}
.product-detail .share-product span {
  display: inline-block;
  height: 36px;
  vertical-align: middle;
}
.product-detail .share-product .facebook,
.product-detail .share-product .twitter {
  width: 36px;
  height: 36px;
  display: inline-block;
  -webkit-transition: background-position 0.3s;
          transition: background-position 0.3s;
}
.product-detail .share-product .facebook:hover,
.product-detail .share-product .twitter:hover {
  background-position: center 0px;
}
.product-detail .share-product .facebook {
  background: url("../images/icons/facebook-black.png") center no-repeat;
  margin-left: 4px;
}
.product-detail .share-product .twitter {
  background: url("../images/icons/twitter.png") center no-repeat;
}
.product-detail .product-images {
  clear: both;
  float: left;
  width: 50%;
  margin-right: 2%;
  padding: 20px 0 25px;
}
.product-detail .product-images #main-img {
  display: block;
  margin: 0 auto 30px;
}
.product-detail .product-images .thumb,
.product-detail .product-images #more-img {
  display: inline-block;
  width: 130px;
  height: 130px !important;
  margin: 0 2% 2% 0;
  vertical-align: top;
  overflow: hidden;
}
.product-detail .product-images #more-img {
  background-color: #fcd403;
  font-size: 63px;
  font-weight: bold;
  line-height: 130px;
  text-align: center;
  text-decoration: none;
  color: #000;
}
.product-detail .product-info {
  width: 48%;
  font-size: 14px;
  line-height: 22px;
  display: table;
  padding-bottom: 25px;
}
.product-detail .product-info table {
  margin: 30px 0 50px;
}
.product-detail .product-info table td:first-child {
  font-weight: bold;
  padding-right: 40px;
}
.product-detail .product-info .popis {
  font-size: 16px;
  line-height: 22px;
}
form.add-to-cart {
  background-color: #e6e6e6;
  padding: 40px 30px;
  margin-bottom: 30px;
  width: 100%;
  display: inline-block;
  text-align: center;
}
form.add-to-cart .input-number {
  display: inline-block;
  margin: 0 auto;
  float: left;
}
form.add-to-cart input {
  width: 80px;
  border-radius: 0;
}
form.add-to-cart .price {
  font-size: 25px;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  white-space: nowrap;
  margin-bottom: 10px;
}
form.add-to-cart button.add-to-cart {
  background-color: #000;
  font-size: 19px;
  color: #fff;
  border: 0;
  padding: 10px 50px 10px 20px;
  position: relative;
  white-space: nowrap;
  display: inline-block;
}
form.add-to-cart button.add-to-cart::after {
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  margin-top: -10px;
  width: 24px;
  height: 20px;
  background: url("../images/icons/cart-yellow.png") center no-repeat;
}
.related-products {
  background-color: #e6e6e6;
  overflow: hidden;
}
.related-products h2 {
  font-size: 29px;
  text-align: center;
}
.related-products .product {
  float: left;
  width: 20%;
  text-align: center;
  margin: 0 2.5%;
  margin-bottom: 40px;
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
.related-products .product img {
  margin-bottom: 10px;
}
.related-products .product h3 {
  font-size: 16px;
  margin: 5px 0 15px;
}
.related-products .product h3 span {
  font-weight: normal;
}
.related-products .product .price {
  font-weight: bold;
}
.magazine.wrapper {
  padding: 0;
}
.magazine .grid-sizer {
  width: 30.3%;
}
.magazine .gutter-sizer {
  width: 3%;
}
.magazine .magazine-item {
  width: 30.3%;
  margin: 0 1.5% 3% 1.5%;
  text-decoration: none;
  color: #000;
  display: block;
}
.magazine .magazine-item img {
  display: block;
  width: 100%;
  height: auto;
}
.magazine .magazine-item p {
  line-height: 22px;
}
.magazine .magazine-item .magazine-text {
  padding: 30px 35px;
  background-color: #e6e6e6;
}
.magazine .magazine-item .read-more {
  font-size: 16px;
  color: #000;
  display: block;
  text-align: right;
  text-decoration: underline;
}
.magazine .magazine-item:hover .read-more {
  text-decoration: none;
}
.contact {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 40px;
}
.contact .left-side,
.contact .right-side {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
.contact h1 {
  text-transform: uppercase;
  font-size: 29px;
  text-align: center;
  margin-bottom: 0;
}
.contact h2 {
  font-size: 21px;
  text-transform: uppercase;
  margin-top: 40px;
}
.contact p {
  line-height: 20px;
}
.contact .support {
  font-size: 19px;
}
.contact-form {
  display: table;
}
.contact-form input {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #000;
}
.contact-form input.name {
  text-align: center;
}
.contact-form input.half {
  width: 48%;
  float: left;
}
.contact-form input.half:nth-child(even) {
  margin-right: 4%;
}
.contact-form textarea {
  clear: both;
  border: 1px solid #000;
}
.contact-form input,
.contact-form textarea {
  margin-bottom: 20px;
  font-size: 16px;
  background: none;
}
.contact-form .button {
  padding-left: 40px;
  padding-right: 70px;
  text-transform: uppercase;
  float: right;
}
.contact-form ::-webkit-input-placeholder {
  color: #888;
}
.contact-form :-moz-placeholder {
  color: #888;
  opacity: 1;
}
.contact-form ::-moz-placeholder {
  color: #888;
  opacity: 1;
}
.contact-form :-ms-input-placeholder {
  color: #888;
}
.below-contact {
  overflow: auto;
  background-color: #e6e6e6;
  padding: 15px 0 25px;
}
.below-contact h1 {
  text-transform: uppercase;
  font-size: 29px;
  text-align: center;
}
.below-contact p {
  line-height: 22px;
}
#map-canvas {
  width: 100%;
  height: 500px;
  position: relative;
}
#map-canvas::before,
#map-canvas::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
#map-canvas::before {
  z-index: 1;
  background: rgba(0,0,0,0.2);
}
#map-canvas::after {
  z-index: 2;
  background: url("../images/map-overlay.png") center no-repeat;
  background-size: cover;
}
.steps {
  background: #000;
  font-size: 0;
  margin-bottom: 50px;
}
.steps a {
  display: inline-block;
  width: 33.3%;
  font-size: 24px;
  padding: 0 10px;
  text-align: center;
  line-height: 52px;
  text-decoration: none;
  color: #555;
  font-weight: bold;
  -webkit-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
}
.steps a.current,
.steps a:not(.non-active):hover {
  background-color: #fcd403;
  color: #000;
}
.steps a.non-active:hover {
  cursor: default;
}
.cart {
  padding-bottom: 40px;
  overflow: hidden;
}
.cart-total {
  width: 100%;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
}
.cart-total td {
  padding-left: 40px;
}
.cart-total thead td {
  font-size: 15px;
  padding-bottom: 20px;
}
.cart-total tbody {
  background-color: #e6e6e6;
}
.cart-total tbody td {
  padding-top: 40px;
  padding-bottom: 40px;
  white-space: nowrap;
}
.cart-total tbody td.quantity {
  width: 30%;
}
.cart-total tbody td.product-name {
  white-space: normal;
}
.cart-total tbody td .remove {
  margin-right: 20px;
}
.cart-total tbody input {
  width: 30%;
  border: 0;
}
.cart-total tfoot td {
  padding-top: 20px;
}
.shipping-payment,
.confirm-order {
  padding-bottom: 40px;
  font-size: 15px;
  overflow: hidden;
}
.shipping-payment h3,
.confirm-order h3 {
  font-size: 19px;
  overflow: auto;
}
.shipping-payment .left-side,
.confirm-order .left-side {
  width: 64%;
  margin-right: 2%;
}
.shipping-payment .right-side,
.confirm-order .right-side {
  display: table;
  width: 34%;
  float: right;
}
.yellow-box,
.grey-box {
  padding: 1px 25px 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.yellow-box strong,
.grey-box strong {
  font-size: 19px;
}
.yellow-box .pull-right,
.grey-box .pull-right {
  float: right;
  font-weight: bold;
}
.yellow-box a,
.grey-box a {
  color: currentColor;
  text-decoration: none;
}
.yellow-box a:hover,
.grey-box a:hover {
  text-decoration: underline;
}
.yellow-box {
  background-color: #fcd403;
}
.grey-box {
  background-color: #e6e6e6;
}
form.voucher {
  margin: 20px 0 30px;
}
form.voucher label {
  display: block;
  margin-bottom: 10px;
}
form.voucher input {
  float: left;
}
form.voucher button {
  height: 45px;
  background-color: #000;
  font-size: 20px;
  color: #fcd403;
  vertical-align: top;
  padding: 0px 20px;
}
form.login {
  background-color: #e6e6e6;
  overflow: hidden;
  padding: 20px 0 25px;
  margin: 10px 0 30px;
}
form.login input {
  background-color: #d9d9d9;
}
form.login .next-step {
  margin-top: 10px;
  margin-right: 4%;
}
form.login .forgotten-password {
  margin-left: 4%;
  margin-top: 25px;
  float: left;
  color: #000;
  text-decoration: none;
}
form.login .forgotten-password:hover {
  text-decoration: underline;
}
.confirm-order .styled-select {
  width: 100%;
  max-width: initial;
  border: none;
  background-color: #e6e6e6;
}
.confirm-order .styled-select select {
  font-size: 15px;
  text-transform: none;
}
.confirm-order label {
  clear: both;
}
.confirm-order textarea {
  margin-bottom: 20px;
}
.confirm-order .confirm-order {
  background-color: #fcd403;
  color: #000;
}
.confirm-order .confirm-order::after {
  background: url("../images/icons/arrow-black-small.png") center right no-repeat;
}
.input-wrapper {
  margin-bottom: 20px;
}
.input-wrapper.half {
  width: 44%;
  float: left;
}
.input-wrapper.half:nth-of-type(odd) {
  margin-left: 4%;
  margin-right: 2%;
}
.input-wrapper.half:nth-of-type(even) {
  margin-right: 4%;
  margin-left: 2%;
}
.input-wrapper label {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.input-wrapper input {
  width: 100%;
}
.input-wrapper.full {
  width: 92%;
  margin-left: 4%;
  margin-top: 10px;
}
.instagram {
  background-color: #000;
  color: #fff;
  overflow: hidden;
}
.instagram h1 {
  margin: 15px 0;
}
.instagram h1 strong {
  color: #fcd403;
}
#instafeed {
  font-size: 0;
  width: 100%;
  overflow: hidden;
}
#instafeed .left-side,
#instafeed .right-side {
  width: 50%;
  float: left;
}
#instafeed .insta-photo {
  width: 25%;
  float: left;
}
#instafeed .insta-photo:first-child {
  width: 50%;
}
#instafeed .insta-photo.special {
  width: 50%;
  padding-top: 25%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#instafeed .insta-photo.special > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
footer {
  background-color: #000;
  color: #fff;
  overflow: hidden;
  padding-top: 20px;
}
footer h3 {
  color: #fcd403;
  font-size: 24px;
  text-align: left;
}
footer h3.white {
  color: #fff;
}
footer .left-side {
  float: left;
  width: 40%;
}
footer .left-side .phone,
footer .left-side .email {
  font-size: 24px;
  padding-left: 70px;
  line-height: 80px;
}
footer .left-side .phone {
  background: url("../images/icons/phone.png") left center no-repeat;
}
footer .left-side .email {
  background: url("../images/icons/email.png") left center no-repeat;
  margin-bottom: 55px;
  text-decoration: none;
  color: #fff;
}
footer .left-side .email:hover {
  text-decoration: underline;
}
footer .left-side .facebook,
footer .left-side .instagram,
footer .left-side .pinterest {
  display: inline-block;
  background-color: #ccc;
  width: 50px;
  height: 50px;
  margin: 20px 10px 0 0;
}
footer .left-side .facebook {
  background: url("../images/icons/facebook.png") center no-repeat;
}
footer .left-side .instagram {
  background: url("../images/icons/instagram.png") center no-repeat;
}
footer .left-side .pinterest {
  background: url("../images/icons/pinterest.png") center no-repeat;
}
footer .right-side {
  overflow: hidden;
  width: 60%;
}
footer .right-side .fl:first-child {
  margin-right: 25%;
}
footer .right-side a {
  display: block;
  text-decoration: none;
  color: #fff;
  margin-bottom: 10px;
}
footer .right-side a:hover {
  text-decoration: underline;
}
footer .newsletter {
  margin-top: 10px;
  overflow: auto;
}
footer .newsletter form {
  font-size: 15px;
  color: #fff;
  background-color: #222;
  height: 46px;
  display: inline-block;
}
footer .newsletter form input {
  width: 280px;
  border: 0;
  float: left;
  padding: 12px;
  font-size: 18px;
  background: none;
}
footer .newsletter form button {
  background-color: #fcd403;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  padding: 10px 20px;
}
footer .copyright {
  clear: both;
  background-color: #fcd403;
  overflow: hidden;
  height: 100px;
  color: #000;
  margin-top: 50px;
}
footer .copyright p {
  float: left;
  line-height: 100px;
  margin-top: 0;
}
footer .copyright img {
  float: right;
  margin-top: 20px;
}

.entries .entries-item.banner.two-third {
  width: 64%;
}

.entries .entries-item.banner.third {
  width: 31%;
}

.cms-eshop-purchases-delivery [data-tooltip]::after {
	top: -28px;
	left: auto;
	right: 0px;
	width: 60%;
}

.cms-eshop-purchases-delivery [data-tooltip]::before {
	right: 10px;
	bottom: 58px;
	top: auto;
	left: auto;
}

/* File: assets/cs/css/forms.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
input,
textarea {
  outline: 0;
  border-radius: 0;
}
::-webkit-input-placeholder {
  color: #000;
}
:-moz-placeholder {
  color: #000;
  opacity: 1;
}
::-moz-placeholder {
  color: #000;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #000;
}
input.error,
input.success {
  background-position: right center;
  background-repeat: no-repeat;
  color: #000;
}
input.error {
  background-image: url("../images/icons/error.png");
  border: 3px solid #f00;
  border-radius: 3px;
}
input.success {
  background-image: url("../images/icons/success.png");
}
.contact-form .error {
  border: 2px solid #f00;
  border-radius: 0;
}
.input-wrapper {
  position: relative;
}
.input-wrapper .error-text {
  position: absolute;
  top: 0;
  right: 0;
  color: #f00;
}
.button,
.next-step,
.back-to-shop {
  font-size: 17px;
  color: #fff;
  text-decoration: none;
  padding: 10px 45px 10px 15px;
  position: relative;
  background-color: #000;
  border: 0;
}
.button::after,
.next-step::after,
.back-to-shop::after {
  position: absolute;
  content: "";
  top: 10px;
  right: 15px;
  width: 19px;
  height: 19px;
  background: url("../images/icons/arrow-white.png") center right no-repeat;
}
.next-step {
  font-size: 19px;
  padding: 12px 55px 12px 20px;
  float: right;
}
.next-step::after {
  top: 14px;
  right: 20px;
  background: url("../images/icons/arrow-next.png") center right no-repeat;
}
.back-to-shop {
  font-size: 19px;
  padding: 12px 20px 12px 55px;
  float: left;
}
.back-to-shop::after {
  right: auto;
  top: 14px;
  left: 20px;
  background: url("../images/icons/arrow-prev.png") center right no-repeat;
}
.back-to-shop,
.next-step {
  margin-bottom: 10px;
}
button {
  border: 0;
}
textarea {
  background-color: #e6e6e6;
  padding: 15px;
  width: 100%;
  resize: none;
  border: none;
}
input {
  background-color: #e6e6e6;
  border: none;
  height: 45px;
  padding: 0px 15px;
}
input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 26px;
  display: inline-block;
  margin-bottom: 5px;
}
input[type="radio"] + label:hover,
input[type="checkbox"] + label:hover {
  cursor: pointer;
}
input[type="radio"] + label::before,
input[type="checkbox"] + label::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background-color: #000;
  border-radius: 50%;
}
input[type="radio"]:checked + label::after,
input[type="checkbox"]:checked + label::after {
  position: absolute;
  content: "";
  left: 6px;
  top: 6px;
  width: 10px;
  height: 10px;
  background-color: #fcd403;
  border-radius: 50%;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number] {
  background-color: #c0c0c0;
  font-size: 25px;
  text-align: center;
  border: 0;
  border-radius: 0;
  padding: 6px 10px;
  color: #000;
  height: 42px;
  font-weight: normal;
  vertical-align: top;
}
.input-number {
  display: inline-block;
  white-space: nowrap;
}
button.qty-plus,
button.qty-minus,
.cart-total .remove {
  display: inline-block;
  outline: 0;
  margin: 0;
  width: 42px;
  height: 42px;
  background-color: #000;
  text-align: center;
  text-decoration: none;
  color: #fcd403;
  font-weight: normal;
  font-size: 25px;
}
button.qty-plus:hover,
button.qty-minus:hover,
.cart-total .remove:hover {
  cursor: pointer;
}
.cart-total .remove {
  line-height: 40px;
}
.styled-select select {
  text-transform: uppercase;
}
/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.styled-select {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  padding: 0;
  border: 2px solid #000;
  max-width: 250px;
}
/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
.styled-select select {
  width: 100%;
  margin: 0;
  background: none;
  border: 1px solid transparent;
  outline: none;
  box-sizing: border-box;
/* Remove select styling */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
/* Font size must the 16px or larger to prevent iOS page zoom on focus */
  font-size: 12px;
/* General select styles change as needed */
  padding: 12px 60px 12px 15px;
  line-height: 1.3;
}
.styled-select select:hover {
  cursor: pointer;
}
/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
.styled-select::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  top: 50%;
  right: 1em;
  margin-top: -9px;
  background-image: url("../images/icons/arrow-filter.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
/* This hack make the select behind the arrow clickable in some browsers */
  pointer-events: none;
}
/* Hover style */
/* Focus style */
.styled-select select:focus {
  outline: none;
  background-color: transparent;
  color: #222;
  border-radius: 0;
}
/* Set options to normal weight */
.styled-select option {
  font-weight: normal;
}
/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus,
.styled-select::after {
  display: none;
/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
}
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .styled-select select::-ms-expand {
    display: none;
  }
  .styled-select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden;
  }
  .custom-select select {
    width: 120%;
    width: calc(100% + em);
  }
}
/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.styled-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */


/* File: assets/cs/css/components.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
.breadcrumbs a {
  text-decoration: none;
  color: #626262;
  font-size: 13px;
  position: relative;
  margin-right: 8px;
  padding-right: 20px;
}
.breadcrumbs a:not(:last-of-type) {
  background: url("../images/icons/breadcrumbs.png") right center no-repeat;
}
.breadcrumbs a:not(:last-of-type):hover {
  text-decoration: underline;
}
.breadcrumbs a:last-of-type:hover {
  cursor: default;
}
#menu-opener {
  display: none;
  position: fixed;
  top: 20px;
  right: 15px;
  margin-left: 540px;
  width: 51px;
  height: 48px;
  background-color: #fcd403;
  z-index: 100;
  -webkit-transition: background 0.4s;
          transition: background 0.4s;
}
#menu-opener::before {
  position: absolute;
  content: "";
  top: 14px;
  left: 13px;
  width: 24px;
  height: 4px;
  background: #000;
  -webkit-transition: -webkit-transform 0.4s;
          transition: transform 0.4s;
}
#menu-opener::after {
  position: absolute;
  content: "";
  bottom: 14px;
  left: 13px;
  width: 24px;
  height: 4px;
  background: #000;
  -webkit-transition: -webkit-transform 0.4s;
          transition: transform 0.4s;
}
#menu-opener span {
  display: inline-block;
  position: absolute;
  content: "";
  top: 22px;
  left: 13px;
  width: 24px;
  height: 4px;
  background: #000;
  -webkit-transition: background 0.4s;
          transition: background 0.4s;
}
#menu-opener.opened::before {
  -webkit-transform: translate(0px, 9px) rotate(-45deg);
      -ms-transform: translate(0px, 9px) rotate(-45deg);
          transform: translate(0px, 9px) rotate(-45deg);
}
#menu-opener.opened::after {
  -webkit-transform: translate(0px, -7px) rotate(45deg);
      -ms-transform: translate(0px, -7px) rotate(45deg);
          transform: translate(0px, -7px) rotate(45deg);
}
#menu-opener.opened span {
  background: transparent;
}
#menu-opener:hover {
  cursor: pointer;
}


/* File: assets/cs/css/effects.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
form#search input {
  -webkit-transition: width 0.3s ease;
          transition: width 0.3s ease;
}
form#search input:focus {
  width: 280px;
}
.main-menu li a {
  position: relative;
}
.main-menu li a::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #fcd403;
  opacity: 0;
  -webkit-transition: width 0.3s, left 0.3s, opacity 0.3s;
          transition: width 0.3s, left 0.3s, opacity 0.3s;
}
.main-menu li a:hover::after {
  width: 100%;
  left: 0;
  opacity: 1;
}
.main-menu li.active a::after {
  width: 100%;
  left: 0;
  opacity: 1;
}
.entries-item:not(.banner) {
  overflow: hidden;
}
.entries-item:not(.banner) .image {
  -webkit-transition: -webkit-transform 0.6s;
          transition: transform 0.6s;
}
.entries-item:not(.banner):hover .image {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.entries-item:not(.banner).two-third:hover .image {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}
.entries-item:not(.banner).full:hover .image {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.entries-item:not(.banner) .overlay::after {
  -webkit-transition: -webkit-transform 0.4s;
          transition: transform 0.4s;
}
.entries-item:not(.banner) .overlay:hover::after,
.video-intro .overlay:hover::after {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}
.entries-item.banner .overlay h1::after,
.entries-item.banner .overlay h2::after {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.entries-item.banner:hover h1::after,
.entries-item.banner:hover h2::after {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}
.cta a .arrow {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.cta a:hover .arrow {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}
.magazine-home .magazine-item:hover h2 {
  text-decoration: underline;
}
.products .product.hover-img a .second-img {
  opacity: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -105px;
}
.products .product.hover-img a img {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
          transition: opacity 0.5s, transform 0.5s;
}
.products .product.hover-img a:hover img:not(.second-img) {
  opacity: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}
.products .product.hover-img a:hover img.second-img {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.related-products .product {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}
.related-products .product:hover {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
#instafeed {
  position: relative;
  display: block;
}
#instafeed .insta-photo {
  display: block;
  position: relative;
  overflow: hidden;
}
#instafeed .insta-photo img {
  -webkit-transition: -webkit-transform 0.6s;
          transition: transform 0.6s;
}
#instafeed .insta-photo:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.insta-photo.special > div {
  -webkit-transition: -webkit-transform 0.6s;
          transition: transform 0.6s;
}
.insta-photo.special:hover > div {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.button,
.next-step,
.back-to-shop {
  -webkit-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
}
.button:hover,
.next-step:hover,
.back-to-shop:hover {
  background-color: #fcd403;
  color: #000;
}
.button:hover::after,
.next-step:hover::after,
.back-to-shop:hover::after {
  background-image: url("../images/icons/arrow-black-small.png");
}
.back-to-shop:hover::after {
  background-image: url("../images/icons/arrow-black-small-left.png");
}
form.voucher button {
  -webkit-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
}
form.voucher button:hover {
  background-color: #fcd403;
  color: #000;
}
.confirm-order .confirm-order:hover {
  background-color: #000;
  color: #fcd403;
}
.confirm-order .confirm-order:hover::after {
  background-image: url("../images/icons/arrow-next.png");
}
footer .newsletter form button {
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
footer .newsletter form button:hover {
  background-color: #caaa02;
}
.products .product .add-to-cart {
  -webkit-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
}
.products .product .add-to-cart:hover {
  background-color: #000;
  color: #fcd403;
}
.products .product .add-to-cart:hover::after {
  background-image: url("../images/icons/cart-yellow.png");
}
button.qty-plus,
button.qty-minus,
.cart-total .remove {
  -webkit-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
}
button.qty-plus:hover,
button.qty-minus:hover,
.cart-total .remove:hover {
  background-color: #fcd403;
  color: #000;
}
form.add-to-cart button.add-to-cart {
  -webkit-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
}
form.add-to-cart button.add-to-cart:hover {
  background-color: #fcd403;
  color: #000;
}
form.add-to-cart button.add-to-cart:hover::after {
  background-image: url("../images/icons/add-to-cart.png");
}
.product-detail .product-images #more-img {
  -webkit-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s;
}
.product-detail .product-images #more-img:hover {
  background-color: #000;
  color: #fcd403;
}
.magazine .magazine-item {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
  -webkit-font-smoothing: subpixel-antialiased;
}
.magazine .magazine-item:hover {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}


/* File: assets/cs/css/responsive.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1280px) {
  .cta .text,
  .cta img {
    vertical-align: middle;
  }
}
@media screen and (max-width: 1125px) {
	.cms-eshop-purchases-delivery [data-tooltip]::after {
		width: auto;
		left: 20%;
		right: auto;
	}
}
@media screen and (max-width: 1100px) {
  .magazine-home .magazine-item:nth-of-type(1) {
    width: 78%;
    margin-bottom: 10px;
  }
  .magazine-home .magazine-item:nth-of-type(1) img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    width: auto;
  }
  .magazine-home .magazine-item:nth-of-type(2),
  .magazine-home .magazine-item:nth-of-type(3) {
    clear: both;
    width: 78%;
  }
  .magazine-home .magazine-item:nth-of-type(4) {
    width: 18%;
}
}
@media screen and (max-width: 980px) {
  .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .designblok {
    display: none;
  }
  .main-menu {
    float: right;
  }
  .right-top {
    display: inline-block;
    width: auto;
    position: relative;
  }
  #form-opener {
    display: inline-block;
    margin-right: 15px;
  }
  #form-opener.opened {
    background-image: none;
  }
  #form-opener.opened::before {
    position: absolute;
    left: 8px;
    top: -2px;
    content: "x";
    font-size: 20px;
    font-weight: bold;
  }
  form#search {
    border: 0;
    margin: 0;
    display: none;
    float: none;
  }
  form#search input,
  form#search button {
    display: none;
  }
  form#search.opened {
    display: inline-block;
    position: absolute;
    left: 80px;
    top: 10px;
    background-color: #fff;
    border: 3px solid #e0e0e0;
    max-width: 300px;
  }
  form#search.opened button,
  form#search.opened input {
    display: block;
  }
  form#search.opened input {
    max-width: 260px;
  }
  form#search.opened button {
    float: right;
  }
  .entries.wrapper {
    padding-left: 2%;
  }
  .entries .entries-item {
    height: 350px;
    margin-bottom: 15px;
  }
  .entries .entries-item .overlay {
    padding-left: 20px;
  }
  .entries .entries-item .overlay h1,
  .entries .entries-item .overlay h2 {
    font-size: 23px;
  }
  .entries .entries-item.banner .overlay {
    padding-right: 20px;
  }
  .entries .entries-item.banner .overlay h1,
  .entries .entries-item.banner .overlay h2 {
    font-size: 36px;
    line-height: 36px;
  }
  .entries .entries-item.banner .overlay h1::after,
  .entries .entries-item.banner .overlay h2::after {
    display: none;
  }
  .cta .wrapper {
    padding-top: 10px;
  }
  .cta .text {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .cta img {
    max-width: 100%;
  }
  .cta .arrow {
    display: none;
  }
  form.filter .filter-wrapper {
    display: table-row;
  }
  form.filter .filter-wrapper label {
    display: table-cell;
    padding-right: 30px;
  }
  form.filter .filter-wrapper #slider-range {
    margin-bottom: 20px;
  }
  form.filter .filter-wrapper .styled-select {
    margin-top: 10px;
  }
  form.add-to-cart .input-number {
    float: none;
  }
  form.add-to-cart input {
    margin-bottom: 10px;
  }
  form.add-to-cart > div {
    display: table;
    margin: 0 auto;
  }
  form.add-to-cart .price {
    width: auto;
    margin-right: 10px;
  }
  .magazine .grid-sizer {
    width: 46%;
  }
  .magazine .gutter-sizer {
    width: 4%;
  }
  .magazine .magazine-item {
    width: 46%;
    margin: 0 2% 4% 2%;
  }
  .steps {
    margin-bottom: 30px;
  }
  .steps a {
    line-height: 36px;
    font-size: 16px;
  }
  .cart-total {
    font-size: 18px;
  }
  .cart-total td {
    padding-left: 20px;
  }
  .cart-total tbody td {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .back-to-shop,
  .next-step {
    font-size: 16px;
  }
  .contact .left-side {
    width: 35%;
    padding-right: 30px;
  }
  .contact .right-side {
    width: 64%;
  }
  .instagram {
    display: none;
  }
}
@media screen and (max-width: 845px) {
	.cms-eshop-purchases-delivery [data-tooltip]::after {
		width: 80%;
		left: auto;
		right: 0px;
		min-height: 80px;
		top: -62px;
	}
}
@media screen and (max-width: 800px) {
  .magazine-home .magazine-item:nth-of-type(1),
  .magazine-home .magazine-item:nth-of-type(2),
  .magazine-home .magazine-item:nth-of-type(3) {
    width: 100%;
  }
  .magazine-home .magazine-item:nth-of-type(3) {
    margin-bottom: 10px;
  }
  .magazine-home .magazine-item:nth-of-type(4) {
    position: relative;
    top: auto;
    right: auto;
    clear: both;
    width: 100%;
  }
  .magazine-home .magazine-item:nth-of-type(4) img {
    float: left;
    margin-right: 20px;
  }
  .products .product {
    width: 49%;
  }
  .product-detail .product-images {
    float: none;
    margin: 0;
    width: 100%;
  }
  .product-detail .product-images #main-img {
    float: left;
  }
  .product-detail .product-images .thumb,
  .product-detail .product-images #more-img {
    margin: 0 0 2% 2%;
  }
  .product-detail .product-info {
    width: 100%;
    clear: both;
    text-align: center;
  }
  .product-detail .product-info p,
  .product-detail .product-info table {
    text-align: left;
  }
  .product-detail .product-info .popis {
    margin-top: 0px;
  }
  form.add-to-cart {
    width: auto;
    margin-bottom: 10px;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  form.add-to-cart .input-number {
    vertical-align: top;
  }
  form.add-to-cart > div {
    display: inline-block;
  }
  form.add-to-cart .price {
    margin-left: 10px;
  }
  .confirm-order textarea {
    height: 150px;
  }
  
  .detail-variant-label {
    float: none !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.3em !important;
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .entries .entries-item {
    margin-bottom: 10px;
  }
  .entries .entries-item .overlay {
    padding: 0 20px;
  }
  .entries .entries-item .overlay h1,
  .entries .entries-item .overlay h2 {
    margin-top: 10px;
  }
  .entries .entries-item.singleline .overlay {
    padding: 5px 20px 10px 20px;
  }
  .entries .entries-item.singleline .overlay h1,
  .entries .entries-item.singleline .overlay h2 {
    margin-top: 15px;
  }
  .entries .entries-item .overlay::after {
    display: none;
  }
  .entries .entries-item.third,
  .entries .entries-item.two-third {
    width: 98% !important;
  }
  .entries .entries-item.half,
  .entries .entries-item.banner {
    width: 48%;
    min-width: initial;
  }
  .cta .text,
  .cta h1 {
    font-size: 48px;
    line-height: 54px;
  }
  .cta h2 {
    font-size: 34px;
    line-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .section-header {
    font-size: 40px;
  }
  footer {
    padding-top: 0;
    text-align: center;
  }
  footer .left-side,
  footer .right-side {
    display: inline-block;
    text-align: left;
    float: none;
    width: 49%;
    min-width: 300px;
    overflow: hidden;
    vertical-align: top;
  }
  footer .left-side .email,
  footer .right-side .email,
  footer .left-side .phone,
  footer .right-side .phone {
    line-height: 50px;
  }
  footer .right-side .fl:first-child {
    margin-right: 15%;
  }
  footer .newsletter,
  footer .socials {
    display: none;
  }
  footer .copyright {
    margin-top: 20px;
    height: 50px;
  }
  footer .copyright p {
    line-height: 50px;
    float: none;
    text-align: center;
  }
  footer .copyright img {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  header .logo {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 20px;
  }
  .right-top {
    text-align: left;
    float: left;
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
  }
  #menu-opener {
    display: block;
  }
  .main-menu {
    margin: 0;
    display: none;
    background-color: #fff;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    z-index: 10;
    padding: 20px 40px;
    border-left: 4px solid #e6e6e6;
    overflow-y: scroll;
  }
  .main-menu.opened {
    display: block;
  }
  .main-menu.opened .logo-menu {
    display: block;
  }
  .main-menu li {
    display: block;
    text-align: center;
  }
  .main-menu li a {
    color: #000;
    line-height: 45px;
    height: 45px;
  }
  .entries .entries-item {
    height: 300px;
  }
  .stories .entries .entries-item {
    width: 98%;
  }
  .magazine-home .magazine-item:nth-of-type(1) img {
    width: 100%;
    float: none;
  }
  form.filter {
    width: 100%;
  }
  form.filter .filter-wrapper {
    width: 100%;
  }
  form.filter .filter-wrapper #slider-range {
    width: 100%;
    min-width: initial;
  }
  .related-products .product {
    width: 45%;
  }
  .magazine .grid-sizer {
    width: 94%;
  }
  .magazine .gutter-sizer {
    width: 6%;
  }
  .magazine .magazine-item {
    width: 94%;
    margin: 0 3% 6% 3%;
  }
  .steps .wrapper {
    padding: 0;
  }
  .steps a {
    display: block;
    width: 100%;
  }
  .cart-total .qty-plus,
  .cart-total .qty-minus,
  .cart-total .remove {
    display: none;
  }
  .cart-total td {
    padding-left: 10px;
  }
  .cart-total tbody td {
    padding: 10px 0 10px 10px;
  }
  .cart-total tbody input {
    width: 40px;
  }
  .shipping-payment .left-side,
  .confirm-order .left-side,
  .shipping-payment .right-side,
  .confirm-order .right-side {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .contact .left-side,
  .contact .right-side {
    display: block;
    width: 100%;
    overflow: auto;
    padding-right: 0;
    text-align: center;
  }
	.cms-eshop-purchases-delivery [data-tooltip]::after {
		min-height: 0px;
		top: -28px;
	}  
}
@media screen and (max-width: 560px) {
	.cms-eshop-purchases-delivery [data-tooltip]::after {
		min-height: 63px;
		top: -45px;
	}  
}
@media screen and (max-width: 479px) {
  .entries .entries-item.two-third,
  .entries .entries-item.third,
  .entries .entries-item.half,
  .entries .entries-item.banner {
    width: 98% !important;
  }
  .magazine-home .magazine-item:nth-of-type(2) img,
  .magazine-home .magazine-item:nth-of-type(3) img,
  .magazine-home .magazine-item:nth-of-type(4) img {
    float: none;
  }
  .products .product {
    width: auto;
  }
  form.filter {
    width: 100%;
  }
  form.filter .filter-wrapper {
    display: block;
  }
  form.filter .filter-wrapper:not(:last-child) {
    padding-right: 0;
    margin-bottom: 10px;
  }
  form.filter .filter-wrapper label {
    display: block;
  }
  form.filter .filter-wrapper .styled-select {
    margin-top: 0;
  }
  .confirm-order .input-wrapper.half {
    width: 92%;
    display: block;
  }
  .confirm-order .input-wrapper.half:nth-of-type(2n+1),
  .confirm-order .input-wrapper.half:nth-of-type(2n) {
    margin-left: 4%;
  }
	.cms-eshop-purchases-delivery [data-tooltip]::after {
		min-height: 0px;
		top: -16px;
	}    
}
@media screen and (max-width: 415px) {
	.cms-eshop-purchases-delivery [data-tooltip]::after {
		top: -29px;
	}    
	.cms-eshop-purchases-delivery [data-tooltip]::before {
		display: none;
	}    
}}
@media screen and (max-width: 415px) {
  form#search input {
    width: auto;
  }
  form#search.opened {
    max-width: initial;
  }
  form#search.opened input {
    max-width: 80%;
  }
}

/* iPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.entries .entries-item.third {
		width: 48% !important;
		max-width: 368px !important;
	}
	
	.cms-home-index .entries wrapper {
		text-align: center !important;
	}
	
	.cms-home-index .entries.wrapper {
		display: block !important;
		text-align: center !important;
	}	
}

/* File: assets/cs/css/popup.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 100;
}
.popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.popup-container {
  position: relative;
  width: 90%;
  max-width: 640px;
  margin: 4em auto;
  background: #FFF;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.popup-container.watchdog {
  max-width: 470px;
}

.popup-container p {
  padding: 3em 1em;
  font-size: 19px;
}
.popup-container .buttons:after {
  content: "";
  display: table;
  clear: both;
}
.popup-container .buttons {
  width: 100%;
  padding: 0px !important;
  margin: 0px !important;
}
.popup-container .buttons li {
  float: left;
  width: 50% !important;
  list-style: none;
  display: block;
  padding: 0px !important;
  margin: 0px !important;
}

.popup-container .buttons.single-button li {
/*   width: 100% !important; */
  float: none;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
}

.popup-container .buttons a, .popup-container .buttons button {
  display: block;
  height: 60px;
  width: 100%  !important;
  cursor: pointer;
  line-height: 60px;
  /*   text-transform: uppercase; */
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  text-decoration: none;
  margin: 0px !important;
}
.popup-container .buttons li:first-child a {
  background: #FCD403;
  color: #000000;
}
.popup-container .buttons li:first-child a:hover {
  background-color: #CAAA02;
  color: #000000;
}
.popup-container .buttons li:last-child a, .popup-container .buttons li:last-child button {
  background-color: #000000;
  color: #FFFFFF;
}
.popup-container .buttons li:last-child a:hover, .popup-container .buttons li:last-child button:hover {
  background-color: #444444;
  color: #FFFFFF;
}
.popup-container .popup-rotate {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  background: transparent url('../images/icons/close-black.png') no-repeat top left;
  text-indent: -9999px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}
.popup-container .popup-rotate:hover {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.is-visible .popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}



/* KEVIN CUSTOM CSS */

.color4{
  color: #fcd403;
}

.eg-detail-list-btn {
  text-align: center;
}

.eg-detail-list-btn .eg-btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #fcd403;
  margin: 0px 3px;
  text-decoration: none;
  font-size: 17px;
  color: #000000;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  vertical-align: top;
}

.eg-detail-list-btn .eg-btn:hover {
  background-color: #fcd403;
  color: #FFFFFF;
}

.eg-detail-list-btn .eg-btn.prev,
.eg-detail-list-btn .eg-btn.next {
  display: inline-block !important;
  width: 31px !important;
  height: 31px !important;
  border: 1px solid #000000;
  padding: 0px !important;
}

.eg-detail-list-btn .eg-btn.prev::after,
.eg-detail-list-btn .eg-btn.next::after {
  top: 5px !important;
  left: 5px !important;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.eg-detail-list-btn .eg-btn.prev:hover,
.eg-detail-list-btn .eg-btn.next:hover {
  border: 1px solid #fcd403;
}

.eg-detail-list-btn .eg-btn.prev::after {
  background: transparent url('../images/icons/arrow-white-left.png') no-repeat top left;
}

.eg-detail-list-btn .eg-btn.prev:hover::after {
  background: transparent url('../images/icons/arrow-black-small-left.png') no-repeat top left;
}

.eg-detail-list-btn .eg-btn.selected {
  border: 1px solid #FFFFFF;
  font-weight: 600;
}

.eg-detail-list-btn .eg-btn.selected:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.right-top .lang,
.right-top .user,
.right-top .cart,
.add-to-cart {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.right-top .lang:hover,
.right-top .user:hover,
.right-top .cart:hover,
.add-to-cart:hover {
  background-position: left center !important;
  text-decoration: none;
}

.right-top .user {
  background: url("../images/icons/user-2.png") left center no-repeat;
}

.right-top .lang {
/*   background: url("../images/icons/lang-2.png") left center no-repeat; */
}

.right-top .user:hover {
  background: url("../images/icons/user-2-hover.png") left center no-repeat;
  color: #fcd403;
}

.right-top .lang:hover {
  background: url("../images/icons/lang-hover.png") left center no-repeat;
  color: #fcd403;
}

.right-top .cart {
  background: url("../images/icons/cart-black.png") left center no-repeat;
}

.right-top .cart:hover {
  background: url("../images/icons/cart-yellow.png") left center no-repeat;
  color: #fcd403;
}

.button::after, .next-step::after, .back-to-shop::after,
.products .product .add-to-cart::after, .add-to-cart::after {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.article-detail {
  width: 780px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 38px;
}

.clear {
  clear: both;
}

.article-detail .entries, .article-detail .entries .entries-item {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-bottom: 2px !important;
}

.article-detail p {
  -webkit-margin-before: 0em !important;
  -webkit-margin-after: 0em !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  line-height: 1.5em !important;
}

.article-detail p.article-author {
  color: #8B8D8A !important;
  font-weight: 700;
  font-size: 0.9em !important;
  margin-top: 7px !important;
  margin-bottom: 3px !important;
}

.article-detail p.article-author span {
  color: #fcd403;
  font-weight: 400;
}

.article-detail .entries .entries-item .overlay::after {
  display: none;
}

.article-detail .entries-item:hover .image {
  -webkit-transform: scale(1.0);
      -ms-transform: scale(1.0);
          transform: scale(1.0);
}

.share {
  text-align: center;
}
.share span {
  font-size: 14px;
  display: inline-block;
  color: #555354 !important;
}
.share .facebook,
.share .twitter,
.share .google-plus {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  margin-top: 5px;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  padding: 7px 0 7px 10px;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}
.share .facebook {
  background: #4d7eb9 url("../images/icons/share-facebook.png") 15px center no-repeat;
}
.share .facebook:hover {
  background-color: #3c6597;
}
.share .twitter {
  background: #58ceed url("../images/icons/share-twitter.png") 15px center no-repeat;
}
.share .twitter:hover {
  background-color: #2ac0e8;
}
.share .google-plus {
  background: #8a8b8b url("../images/icons/share-google-plus.png") 15px center no-repeat;
}
.share .google-plus:hover {
  background-color: #717171;
}
.share .facebook,
.share .twitter,
.share .google-plus {
  display: inline-block;
  padding-left: 55px;
  padding-right: 45px;
  margin-left: 3px;
  margin-right: 0px !important;
}

.article-detail .share {
  float: right;
  margin-bottom: 20px;
}

.article-detail .article-content p {
  margin-bottom: 15px !important;
  font-size: 14px !important;
  color: #000000;
  line-height: 1.5em;
}

.article-detail .author-part {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding: 25px 0px 25px 0px;
  margin-bottom: 10px;
}

.author-part .circular {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 107px !important;
  width: 107px !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 115px;
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

.author-part .author-info {
  display: inline-block;
  vertical-align: top;
  width: 635px !important;
}

.author-part .author-info .author-name {
  font-size: 13px !important;
}

.author-part .author-info .author-name span {
  font-size: 17px !important;
}

.author-part .author-info .author-perex {
  font-size: 13px !important;
  color: #727272;
  line-height: 1.3em;
  width: auto !important;
  padding: 0px !important;
  margin-top: 7px !important;
  margin-bottom: 0px !important;
}

.right-column {
  width: 380px;
  float: right;
}

.right-column h2 {
  margin-top: 0px !important;
  margin-bottom: 13px !important;
}

.right-column .article-item {
  background-color: #E6E6E6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 25px;
  margin-bottom: 25px;
}

.right-column .article-item .publish-date {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  font-size: 13px !important;
}

.right-column .article-item h3 {
  margin-bottom: 7px !important;
  padding-bottom: 0px !important;
  margin-top: 7px !important;
  padding-top: 0px !important;
}

.right-column .article-item h3 a {
  font-size: 17px !important;
  font-weight: bold !important;
  text-decoration: none;
  color: #000000 !important;
}

.right-column .article-item h3 a:hover {
  text-decoration: underline;
}

.right-column .article-item .article-perex {
  margin-bottom: 7px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  font-size: 13px !important;
  line-height: 1.5em;
  color: #000000 !important;
}

.right-column .article-item .read-more {
  text-align: right !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.right-column .article-item .read-more a {
  font-size: 14px !important;
  color: #000000;
}

.right-column .article-item .read-more a:hover {
  text-decoration: none;
}

@media all and (max-width: 1235px) {
 .article-detail, .right-column {
   width: auto !important;
   float: none;
  }
}

@media all and (max-width: 780px) {
  .author-part .author-info {
    width: auto !important;
    text-align: center !important;
  }

  .author-part .circular {
    margin: 0 auto 15px auto !important;
    display: block !important;
  }
}

@media all and (max-width: 640px) {
  .share {
    display: none;
  }

  .article-detail .entries .entries-item {
    margin-bottom: 10px !important;
  }

  .article-detail {
    padding-top: 15px !important;
  }
}

#search-autocomplete {
  width: 320px !important;
  position: absolute;
  top: 65px;
  left: 260px;
  background-color: #FFFFFF !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  display: none;
}

#search-autocomplete.empty ul {
  border: none !important;
}

#search-autocomplete.opened {
  display: block;
}

#search-autocomplete ul {
  width: 100% !important;
  list-style-type: none;
  float: none !important;
  margin: 0px !important;
  text-align: left !important;
  -webkit-padding-start: 0px !important;
  -webkit-margin-before: 0em !important;
  -webkit-margin-start: 0em !important;
  border: 3px solid #E0E0E0 !important;
  border-top: 0px !important;
  padding-left: 0px !important;
}

#search-autocomplete ul li {
  width: 100% !important;
  display: block !important;
  float: none !important;
  margin: 0px !important;
  border-bottom: 1px solid #E0E0E0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px !important;
}

#search-autocomplete ul li a {
  padding: 0px !important;
  margin: 0px !important;
  line-height: 1em !important;
  height: auto !important;
  width: auto !important;
  display: block !important;
  padding: 10px !important;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 2000;
}

#search-autocomplete ul li.label {
  text-align: left;
  font-weight: bold;
  padding: 8px !important;
}

#search-autocomplete ul li a:hover {
  background-color: #E0E0E0;
}

#search-autocomplete ul li a img {
  display: none;
}

.user-form form, .classic-form form {
  text-align: center;
}

.user-form form fieldset, .classic-form form fieldset {
  display: inline-block;
  border: none !important;
  text-align: right !important;
/*   padding: 10px 25px !important; */
}

.user-form form .btn, .classic-form form .btn {
  clear: both;
  display: block;
  margin: 15px auto 0px auto !important;
  padding: 10px 45px 10px 15px;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  position: relative;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.user-form form .btn::after, .classic-form form .btn::after {
  position: absolute;
  content: "";
  top: 10px;
  right: 15px;
  width: 19px;
  height: 19px;
  background: url("../images/icons/arrow-white.png") center right no-repeat;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.user-form form .btn:hover, .classic-form form .btn:hover {
  background-color: #fcd403 !important;
  color: #000000 !important;
}

.user-form form .btn:hover::after, .classic-form form bth:hover::after {
  background: url("../images/icons/arrow-black-small.png") center right no-repeat;
}

.user-form form label, .classic-form form label {
  display: inline-block;
  font-weight: 600 !important;
}

.user-form form input[type="text"], .user-form form input[type="password"], .classic-form form input[type="text"], .classic-form form input[type="password"]{
  height: 50px;
  line-height: 50px !important;
  padding: 0 15px !important;
  border: 1px solid #000 !important;
  background-color: #FFFFFF;
  font-size: 16px !important;
  color: #000000 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.user-form form input[type="text"], .user-form form input[type="password"] {
  width: 250px;
}

.search-article-perex {
  line-height: 1.3em !important;
  font-size: 14px !important;
}

.strait-block ul, ul.bullets, .message.error ul {
  list-style-type: none;
  -webkit-padding-start: 0px !important;
  -webkit-margin-before: 0em !important;
  -webkit-margin-start: 0em !important;
  margin-left: 20px !important;
}

.strait-block ul li, ul.bullets li, .message.error ul li {
  margin-bottom: 7px !important;
  position: relative;
  padding-left: 15px;
}

.strait-block ul li::before, ul.bullets li::before, .message.error ul li::before {
  content: '\2022';
  font-size: 24px;
  color: #fcd403;
  display: block;
  position: absolute;
  left: 0px;
  top: -6px;
}

.input-wrapper.full {
  clear: both;
}

input.error, .user-form input[type="text"].error, .classic-form input[type="text"].error {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  padding-right: 50px !important;
  border: 3px solid #FF0000 !important;
}

.input-wrapper .message.error {
  padding-top: 5px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.company-address .input-wrapper:nth-child(3) {
/*   margin-right: 4% !important; */
/*   margin-left: 2% !important; */
  clear: both;
}

/* FORM PLACEHOLDER COLOR */
.classic-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #888888 !important;
}

.classic-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #888888 !important;
   opacity:  1;
}
.classic-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #888888 !important;
   opacity: 1;
}
.classic-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #888888 !important;
}

.classic-form .input-wrapper {
  text-align: left !important;
}

.form-group-wrapper {
  width: 100%;
  padding: 0px 15px 0px 15px !important;
  border: 1px solid #929292 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px !important;
}

.form-group-wrapper h3 {
  text-align: left !important;
}

.classic-form .two-items, .classic-form .three-items {
  text-align: left !important;
}

.classic-form .two-items .input-wrapper, .classic-form .three-items .input-wrapper, .classic-form .two-items-2 .input-wrapper {
  display: inline-block !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.classic-form .two-items .input-wrapper {
  width: 49% !important;
}

.classic-form .two-items .input-wrapper:first-child {
  margin-right: 2%;
  width: 48% !important;
}

.classic-form .two-items-2 .input-wrapper {
  width: 20% !important;
}

.classic-form .two-items-2 .input-wrapper:first-child {
  margin-right: 2%;
  width: 77% !important;
}


.classic-form .three-items .input-wrapper {
  width: 32% !important;
}

.classic-form .three-items .input-wrapper:first-child, .classic-form .three-items .input-wrapper:nth-child(2) {
  margin-right: 2%;
  width: 31% !important;
}

.classic-form.standard-width {
  width: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media all and (max-width: 930px) {
  .classic-form.standard-width {
    width: 75% !important;
  }
}

@media all and (max-width: 640px) {
  .classic-form.standard-width {
    width: 100% !important;
  }
}

@media all and (max-width: 500px) {
  .classic-form .two-items .input-wrapper,
  .classic-form .two-items .input-wrapper:first-child,
  .classic-form .two-items-2 .input-wrapper,
  .classic-form .two-items-2 .input-wrapper:first-child,
  .classic-form .three-items .input-wrapper,
  .classic-form .three-items .input-wrapper:first-child, .classic-form .three-items .input-wrapper:nth-child(2) {
    margin-right: 0% !important;
    width: 100% !important;
  }
}

.info-message {
  text-align: center;
  padding-top: 65px;
  padding-bottom: 20px;
  background-size: 48px 48px;
  color: #000000 !important;
  font-size: 19px !important;
}

.info-message.success {
  background: transparent url('../images/icons/check-icon.png') no-repeat top center;
}

.info-message.error {
  background: transparent url('../images/icons/cross-icon.png') no-repeat top center;
}

.straiter-center{
  width: 380px;
  margin-left: auto;
  margin-right: auto;
}

form#search input {
  width: 280px;
}

.affilbox {
  display: none;
}

@media screen and (max-width: 800px)
.product-detail .product-info .popis {
    margin-top: 0px;
}

.order-confirm {
  width: 60%;
}

.order-confirm .is-received {
  line-height: 1.5em;
  -webkit-margin-after: 0em !important;
}

.check-icon {
  background: transparent url('../images/icons/check-icon.png') no-repeat top center;
  background-size: 48px 48px;
  height: 50px;
  padding: 5px 0px;
}

.order-box {
  padding: 5px 20px 5px 20px !important;
  width: 40%;
}

.order-summary-table {
  width: 100%;
}

.order-summary-table td, .order-summary-table th {
  padding: 10px 10px;
}

.order-summary-table tr:nth-child(even) td, .order-summary-table tr:nth-child(even) th, .order-summary-table tr:first-child th {
  background-color: #e6e6e6;
}

@media all and (max-width: 1200px) {
  .order-confirm {
    width: 100%;
  }

  .order-box {
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media all and (max-width: 640px) {
  .order-box {
    width: 100%;
  }
}

.fb-login,
.twitter-login {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: left;
  padding-left: 50px;
  color: #FFFFFF;
  text-decoration: none;
  padding-right: 12px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.fb-login {
  background: #3B5998 url('../images/icons/fb_icon.png') no-repeat 10px 9px;
}

.fb-login:hover {
  background-color: #355088;
}

.twitter-login {
  background: #55ACEE url('../images/icons/twitter_icon.png') no-repeat 10px 9px;
}

.twitter-login:hover {
  background-color: #3C93D5;
}


.fb-login-small {
  height: 40px;
  line-height: 40px;
  background-size: 22px 22px;
  padding-left: 40px;
  font-size: 14px !important;
}

.free-shipping {
  width: 100%;
  padding: 0px 15px 0px 25px !important;
  border: 1px solid #929292 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 25px;
}

.free-shipping p {
  background: transparent url('../images/icons/shipping_icon.png') no-repeat left top;
  background-size: 44px 44px;
  min-height: 50px;
  line-height: 50px;
  padding-left: 57px;
  font-weight: 600;
  text-align: left;
  font-size: 19px;
}

@media all and (max-width: 640px) {
  .free-shipping {
    padding: 0px 15px 0px 15px !important;
  }

  .free-shipping p {
    background: transparent url('../images/icons/shipping_icon.png') no-repeat center top;
    padding-left: 0px;
    padding-top: 57px;
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5em;
  }
}

.login-column {
  width: 35%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 250px;
}

.login-column-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.login-column-line {
  border-left: 1px solid #929292;
}

@media all and (max-width: 1024px) {
  .login-column {
    width: 45%;
  }
}

@media all and (max-width: 800px) {
  .login-column {
    width: 100%;
    height: auto;
    display: block;
  }

  .login-column-line {
    border: none !important;
  }

  .login-column-content {
    position: relative;
    top: 0%;
    transform: translateY(0%);
  }
}

/*.article-img-gallery {
  width: 100%;
  text-align: left;
}

.article-image-gallery a {
  display: inline-block;
  width: 34.3%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px !important;
  padding: 0px !important;
  text-decoration: none !important;
  border: none !important;
}

.article-image-gallery a img {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px !important;
  padding: 0px !important;
  border: none !important;
}*/

.article-img-gallery {
  text-align: justify;
}

.article-img-gallery a {
  display: inline-block;
  width: 250px;
  margin-bottom: 10px;
}

.article-img-gallery::after {
  content: '';
  display: inline-block;
  width: 100%;
}

@media all and (max-width: 1235px) {
  .article-img-gallery {
    text-align: left;
  }

  .article-img-gallery a {
    margin-left: 10px;
  }
}

@media all and (max-width: 835px) {
  .article-img-gallery {
    text-align: center;
  }
  .article-img-gallery a {
    margin: 0px 10px 10px 10px;
  }
}

.input-wrapper.half:nth-of-type(even):after {
/*  height: 20px;
  display: inline-block;
  content: ' ';
  clear: both !important;*/
}

.input-wrapper.half {
  padding-bottom: 10px !important;
}

.input-wrapper.half .message {
  position: absolute;
}

.watchdog {
/*   padding: 20px 20px 10px 20px !important; */
}

.watchdog h3 {
  -webkit-margin-before: 0em !important;
  -webkit-margin-after: 0em !important;
  -webkit-margin-start: 0px !important;
  margin-bottom: 8px !important;
  padding-bottom: 0px !important;
  font-size: 20px !important;
  text-align: center;
/*   color: #fcd403; */
  padding-top: 20px !important;
}

.watchdog h4 {
  -webkit-margin-before: 0em !important;
  -webkit-margin-after: 0em !important;
  -webkit-margin-start: 0px !important;
  margin-bottom: 5px !important;
  text-align: left !important;
  padding-left: 20px !important;
}

.email-row {
  margin-top: 12px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-bottom: 20px !important;
}

.email-row input[type="text"] {
  width: 100% !important;
}

.price-row-wrapper {
  height: 45px !important;
  line-height: 45px !important;
  text-align: left !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.default-row-wrapper {
  text-align: left !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.price-row {
  float: right !important;
}

.watch-price-link {
  background: transparent url('../images/icons/chart_icon.png') no-repeat top left;
  line-height: 25px !important;
  padding-left: 33px !important;
  display: inline-block !important;
  padding-top: 4px !important;
  cursor: pointer;
  float: right;
  margin-top: 5px !important;
}

hr.detail-delimiter {
  border: 1px solid #e6e6e6 !important;
  width: 100%;
  background-color: #e6e6e6 !important;
}

.lbl-payment-methods small, .lbl-delivery-methods small{
  line-height: 1.2em !important;
  display: block !important;
  width: 60%;
}

@media all and (max-width: 640px) {
  .lbl-payment-methods small, .lbl-delivery-methods small{
    width: 100%;
  }
}

.entries .entries-item.singleline,
.entries .entries-item.simplesingleline {
  height: auto;
  min-height: 100px;
}
.entries .entries-item.singleline .overlay {
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%); !important  
  min-height: 0 !important;
  height: 100% !important;
}

.entries .entries-item.simplesingleline .overlay {
  background-color: transparent !important;
}

.entries .entries-item.simplesingleline .overlay::after {
  display: none;
}

.entries .entries-item.simplesingleline .image {
  height: auto;
  min-height: 100px;
}

@media all and (max-width: 640px) {
  .entries .entries-item.simplesingleline .overlay {
    display: none;
  }
}

.product-variant-wrapper {
  width: 100%;
  margin-bottom: 15px;
  padding-right: 5px !important;
}

.product-variant-wrapper label {
  display: block;
  float: left;
  line-height: 43px;
}

.product-variant-wrapper .styled-select {
  float: right;
  display: block;
  min-width: 155px;
}

form.add-to-cart button.add-to-cart.is-top {
  vertical-align: top;
}

.discount-price-wrapper {
  text-align: left;
  margin-top: 5px;
  display: inline-block;
  padding: 5px;
  color: #000000;
  float: left;
  border: 2px solid #000000;
}

form.add-to-cart .price small {
  font-size: 14px;
  font-weight: normal;
}

.fancybox {
  position: relative !important;
  display: block;
}

.fancybox .badge-discount, .product-list-link .badge-discount {
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #fcd403;
  background-color: #fcd403;
  color: #000000;
  text-align: center;
  line-height: 77px;
  font-weight: bold;
  font-size: 29px;
}

form.add-to-cart {
  padding-bottom: 25px !important;
}

@media all and (max-width: 800px) {
  .product-variant-wrapper {
    text-align: center;
    padding-right: 0px !important;
    padding-bottom: 15px;
  }
  
  .product-variant-wrapper .styled-select {
    float: none !important;
    display: inline-block;
    min-width: 166px !important;
    margin-left: 2px !important;
  }  
}

.product-list-link {
  position: static;
}

.product-list-link .badge-discount {
  font-size: 27px;
}

.is-discounted {
  color: #FF0000 !important;
}

.entries-item.no-link {
  cursor: default !important;
}

.entries .entries-item.no-link .overlay::after {
  display: none;
}

.entries .entries-item.no-description .overlay h1 {
  line-height: 90px !important;
  -webkit-margin-before: 0em !important;
  -webkit-margin-after: 0em !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  text-align: center !important;
}

.entries .entries-item.no-description .overlay p {
  display: none;
}

.entries-item.no-link:not(.banner):hover .image {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

@media all and (max-width: 770px) {
  .entries .entries-item.no-description .overlay h1 {
    line-height: 1.4em !important;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}


  .popup-overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  #member-popup {
    position: fixed;
    z-index: 200;
    top: 50%;
    left: 50%;
    width: 616px;
    height: 616px;
    margin-left: -308px;
    margin-top: -308px;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; 
  }
  
  .popup-overlay, #member-popup {
    display: none;
  }

  .member-popup-open .popup-overlay, .member-popup-open #member-popup {
    display: block;
  }
    
  .member-popup-content {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; 
  }
  
  .half-background {
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background-color: #E3E3E3;
  }
  
  .popup-logo {
    width: 170px;
    height: 51px;
    background: transparent url('../images/logo.png') no-repeat top left;
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -85px;
  }
  
  .member-popup-close {
    display: block;
    width: 50px;
    height: 50px;
    background: #FDD33A url('../images/cross_icon.png') no-repeat center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; 
    position: absolute;
    top: 17px;
    right: 180px;
    margin-right: -50px;
    z-index: 900;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
  }
  
  .member-popup-close:hover {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
    
  .popup-lamp {
    width: 211px;
    height: 286px;
    background: transparent url('../images/popup_lamp.png') no-repeat top left;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -195px;
  }
  
  .member-popup-content .popup-titles {
    position: absolute;
    top: 130px;
    left: 115px;
    width: 215px;
  }
  
  .member-popup-content .popup-titles h3 {
    text-align: left;
    color: #1B1B1B;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
  }
  
  .member-popup-content .popup-titles h3.highlighted {
    color: #FDD33A;
  }
  
  .member-popup-content .popup-advantages {
    position: absolute;
    bottom: 200px;
    left: 115px;
    width: 330px;
  }
  
  .member-popup-content .popup-advantages ul {
    margin-left: 0px !important;
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
    -webkit-padding-start: 0px !important;  
    list-style-position: inside;
  }
  
  .member-popup-content .popup-advantages li {
    color: #1B1B1B;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    list-style-type: none !important;
    background: transparent url('../images/popup_bullet.png') no-repeat 0px 0px;
    padding-left: 30px;
    min-height: 20px;
    line-height: 20px;
  }
  
  .member-popup-content form {
    position: absolute;
    bottom: 140px;
    left: 50%;
    margin-left: -157px;
    width: 314px;
  }
  
  .member-popup-content form input {
    width: 200px !important;
    height: 50px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    background-color: #FFFFFF !important;
    border: none !important;
    color: #000000 !important;
    text-align: center !important;
    padding: 0px 10px !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }
  
  .member-popup-content form input::-webkit-input-placeholder,
  .member-popup-content form input::-moz-placeholder,
  .member-popup-content form input:-ms-input-placeholder, 
  .member-popup-content form input:placeholder-shown,
  .member-popup-content form input:-moz-placeholder {
    color: #1B1B1B !important;
    opacity: 1 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: 'Helvetica Neue', Helvetica, sans-serif !important
  }  
  
  .member-popup-content form button {
    width: 114px !important;
    height: 50px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    background-color: #1D1D1B !important;
    color: #FDD33A !important;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;    
    text-transform: uppercase;
    font-size: 14px !important;
  }
  
  .member-popup-content form button:hover {
    background-color: #FDD33A !important;
    color: #1D1D1B !important;
  }
  
  .enter-facebook {
    display: block;
    background-color: #3b5998;
    padding: 15px 17px;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -105px;
    text-decoration: none !important;
    font-weight: bold;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;    
  }
  
  .enter-facebook:hover {
    background-color: #22407F;
  }
  
  @media all and (max-width: 640px) {
    .member-popup-open .popup-overlay, .member-popup-open #member-popup {
      display: none !important;
    }
  }
  
  @media all and (max-height: 640px) {
    .member-popup-open .popup-overlay, .member-popup-open #member-popup {
      display: none !important;
    }
  }
  
.rate-box {
  display: inline-block;
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  vertical-align: top;
  text-align: center;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;    
  margin: 10px 10px 20px 10px;
  border-top: 3px solid #EDEDED;
  padding: 15px 10px 10px 10px;
}

.rate-box:hover {
  border-top: 3px solid #fcd403;
}

.rate-box h2 {
  -webkit-margin-before: 0em !important;
}

.rate-box .star-rating {
  margin: 15px auto 0px auto;
}

.rate-button {
  display: inline-block;
  line-height: 52px;
  height: 52px;
  background-color: #fcd403;
  text-align: left;
  text-decoration: none;
  color: #000;
  padding-left: 15px;
  padding-right: 50px !important;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;  
  font-weight: bold;
  font-size: 17px; 
  position: relative;
}

.rate-button:hover {
  cursor: pointer;
  background-color: #000000;
  color: #FFFFFF;
}

.rate-wrapper {
  text-align: center;
}

.rate-button::after {
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: transparent url("../images/icons/thumbs_black.png") center center no-repeat;
}

.rate-button:hover::after {
  background: transparent url("../images/icons/thumbs_yellow.png") center center no-repeat;
}

@media all and (max-width: 770px) {
  .rate-box {
    width: 45%;
  }
}

@media all and (max-width: 480px) {
  .rate-box {
    width: auto;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

.owl-carousel {
  width: 100%;
/*   max-width: 1182px; */
  height: 500px;
  margin: 0px auto 25px auto;
}

.owl-carousel .owl-item {
  width: 100%;
  height: 500px;
}

.owl-carousel .owl-item a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.owl-dots {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  text-align: center;
}

.owl-dot {
  display: inline-block;
  margin: 0px 2px;
  width: 10px;
  height: 10px;
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.owl-dot.active {
  background-color: #fcd403;
}

.owl-prev-btn, .owl-next-btn {
  display: block;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  z-index: 20000;
}

.owl-prev-btn {
  left: 25px;
  background: transparent url('../images/icons/arrow-yellow-left.png') no-repeat center center;
}

.owl-next-btn {
  right: 25px;
  background: transparent url('../images/icons/arrow-yellow.png') no-repeat center center;
}

.owl-wrapper {
  position: relative;
/*   padding: 0px !important; */
}

.entries.wrapper {
  padding-left: 0px !important;
  max-width: 1195px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media all and (max-width: 640px) {
  .owl-carousel {
    height: 250px;
  }

  .owl-carousel .owl-item {
    height: 250px;
  } 
  
  .owl-prev-btn {
    left: 15px;
  }

  .owl-next-btn {
    right: 15px;
  }
  
  .entries .entries-item {
    margin-right: 0px !important;
  }
}

.in-stock, .has-free-shipping {
  padding-left: 32px;
  height: auto;
  min-height: 24px;
  line-height: 24px;
}

.in-stock {
  background: transparent url('../images/icons/in_stock.png') no-repeat top left;
}

.has-free-shipping {
  background: transparent url('../images/icons/free_shipping.png') no-repeat top left;
}

.fancybox.hidden {
  display: none;
}

.detail-variant-label {
  float: left;
  display: inline-block;
  line-height: 45px;
  font-weight: 600 !important;
}

.va-middle a {
  display: block;
  color: #000000;
  text-decoration: none;
}

.va-middle a span {
  display: inline-block;
  vertical-align: middle;
}

.va-middle a:hover {
  text-decoration: underline;
}

.va-middle a img {
  vertical-align: middle !important;
}

.coupon-aligned {
  width: 40%;
  float: left;
}

.coupon-box {
  position: relative;
  width: 45%;
  float: right;  
  text-align: right;
  border: 4px solid #e6e6e6;
  min-height: 145px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 15px 0px 0px;
}

.coupon-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background: transparent url('../images/icons/coupon.png') no-repeat top left;
}

.coupon-aligned .order-box {
  width: 100%;
}

.coupon-box #formo-send_coupon-email {
  height: 40px !important;
}

.coupon-box .box-wysiwyg-simple p {
  padding-top: 0px !important;
  margin-top: 0px !important;
  -webkit-margin-before: 0em !important;
  font-weight: 600 !important;
}

.share-product {
  text-align: center;
}

.share-product span {
  font-size: 23px;
  font-weight 600;
  display: block;
}

.share-product .btn {
  margin: 15px 0px;
}

.coupon-box .message.success {
  color: #FCD403 !important;
  font-weight: 600;
}

/* File: assets/cs/css/spinner.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
/* SPINNER */
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fcd403;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

#pluswrap {
  z-index: 99;
  position: fixed;
  width: 100%;
  height:100%;
  display: flex;
  align-items: center;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

/* File: assets/cs/css/owl.carousel.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}


/* File: assets/cs/css/tooltip.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
[data-tooltip]::after {
  background: #282828;
  background: rgba(40, 40, 40, 0.8);
  border-radius: 5px;
  top: -40px;
  content: attr(data-tooltip);
  color: #FFFFFF !important;
  left: 40%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-size: 11px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

[data-tooltip]::before{
  border: solid;
  border-color: rgba(40, 40, 40, 0.8) transparent;
  border-width: 6px 6px 0 6px;
  top: -8px;
  content: "";
  left: 40%;
  margin-left: 10px;
  position: absolute;
  z-index: 99;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

@media all and (max-width: 980px) {
  .add-to-cart .input-number {
    white-space: normal !important;
    word-wrap: normal !important;
  }

  .add-to-cart .input-number[data-tooltip]::after {
    width: 100%;
    top: 0px;
    left: 0px;
    margin-bottom: 10px !important;
    text-align: center;
    font-size: 12px;
    position: relative;
    display: block;
  }

  .add-to-cart .input-number[data-tooltip]::before {
    display: none;
  }

}

#purchase-form-cart .input-number[data-tooltip]::before,
#purchase-form-cart .input-number[data-tooltip]::after {
  left: 23%;
}

#purchase-form-cart .input-number[data-tooltip]::after {
  color: #FFFFFF !important;
  top: -32px;
  font-size: 12px;
  font-weight: normal !important;
}

@media all and (max-width: 980px) {
  #purchase-form-cart .input-number[data-tooltip]::after {
    position: relative
  }

  #purchase-form-cart .cart-total tbody td.quantity,
  #purchase-form-cart .cart-total .input-number {
    word-wrap: normal !important;
  }

  #purchase-form-cart .cart-total .input-number[data-tooltip]::after {
    width: auto !important;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    display: block !important;
    margin: 10px 0px !important;
    max-width: 400px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  #purchase-form-cart .input-number[data-tooltip]::before {
    display: none;
  }
}

@media all and (max-width: 830px) {
  #purchase-form-cart .cart-total .input-number[data-tooltip]::after {
    max-width: 300px !important;
  }
}

@media all and (max-width: 350px) {
  .cart-total td.price {
    white-space: normal !important;
  }

  #purchase-form-cart .cart-total .input-number[data-tooltip]::after {
    max-width: 80px !important;
  }

  .cart .next-step {
    float: left !important;
  }
}

/* File: assets/cs/css/corrections.css
   Compiled at: 2024-02-29 09:42:30 
================================ */
#eet-message {
    color: #626262;
}

/* VIDEO */
.video-intro {
	margin-bottom: 25px;
	position: relative;
}

.video-intro.not-mobile {
	z-index: 0;
	background-color: #000000;
}

.video-intro.is-mobile {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.video-intro .overlay {
	z-index: 100;
}